notifications: fallback warning: fix theming

Change-Id: I07fc3cd432fd623634d8958f8ee82704c3190af5
Checkmk · Oct 23, 2024 · a7e5037 · a7e5037
1 parent b13b00c
commit a7e5037
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/cmk-frontend-vue/src/assets/variables.css b/packages/cmk-frontend-vue/src/assets/variables.css
@@ -72,6 +72,8 @@
     --default-text-color: rgb(39, 39, 39);
     --default-component-bg-color: rgb(240, 240, 240);
     --default-help-icon-bg-color: rgb(12, 129, 238);
+    --help-text-bg-color: rgb(235, 235, 241); /* $ux-theme-3 */
+    --help-text-font-color: rgb(51, 51, 51); /* $grey-4 */
   }
 
   body[data-theme='modern-dark'] {
@@ -98,5 +100,7 @@
     --default-text-color: rgb(255, 255, 255);
     --default-component-bg-color: rgb(46, 44, 44);
     --default-help-icon-bg-color: rgb(6, 103, 193);
+    --help-text-bg-color: rgb(38, 47, 56); /* $ux-theme-3 */
+    --help-text-font-color: var(--white);
   }
 }
diff --git a/packages/cmk-frontend-vue/src/notification/components/FallbackWarning.vue b/packages/cmk-frontend-vue/src/notification/components/FallbackWarning.vue
@@ -61,8 +61,8 @@ div.help {
   margin-bottom: 24px;
 
   div.help_text {
-    background-color: rgb(38 47 56);
-    color: var(--white);
+    background-color: var(--help-text-bg-color);
+    color: var(--help-text-font-color);
   }
 
   p {