Merge pull request #51 from TYPO3incubator/bugfix/theme-toggle-button

[BUGFIX] Fix dot and text not being visible in theme toggler
TYPO3incubator · Apr 12, 2024 · b56a3fc · b56a3fc
2 parents 1fa6dbe + 3c97bbd
commit b56a3fc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/assets/scss/base/_global.scss b/assets/scss/base/_global.scss
@@ -329,4 +329,8 @@ html {
     img.img-darken {
         filter: brightness(var(--brightness));
     }
+
+    .themeToggler .dot {
+        background-color: var(--color-white);
+    }
 }
diff --git a/local_packages/success/Resources/Private/Templates/_LandingPage/Partials/Footer.html b/local_packages/success/Resources/Private/Templates/_LandingPage/Partials/Footer.html
@@ -44,7 +44,7 @@
                 <span class="mr-2 flex h-6 w-12 items-center rounded-full bg-[#CCCCCE] dark:bg-dark-2 p-1 duration-200">
                     <span class="h-5 w-5 rounded-full bg-white duration-200 dot"></span>
                 </span>
-                <span class="label flex items-center text-sm font-medium dark:text-[#fff]">
+                <span class="label flex items-center text-sm font-medium text-primary-700">
                     <span class="on hidden pl-1">Dark</span>
                     <span class="off hidden pl-1">Light</span>
                 </span>