diff --git a/devtools/client/shared/components/notification-box.css b/devtools/client/shared/components/notification-box.css
index 12870ac4f778..31ec4a2320a3 100644
--- a/devtools/client/shared/components/notification-box.css
+++ b/devtools/client/shared/components/notification-box.css
@@ -33,10 +33,10 @@
 /* Style */
 
 .notificationbox .notification {
-  background-color: InfoBackground;
+  color: var(--theme-body-color-alt);
+  background-color: var(--theme-body-background);
   text-shadow: none;
-  border-top: 1px solid ThreeDShadow;
-  border-bottom: 1px solid ThreeDShadow;
+  border-bottom: 1px solid var(--theme-splitter-color);
 }
 
 .notificationbox .notification[data-type="info"] {