diff --git a/packages/cmk-frontend-vue/src/assets/variables.css b/packages/cmk-frontend-vue/src/assets/variables.css
index 04470084638..2f16cd2c8dd 100644
--- 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
index f8bfd8c39fd..4f2b8c03143 100644
--- 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 {