Fix toggle CSS

4 years ago · c91ca7edd6
parent b30dc39f1a
commit c91ca7edd6
2 changed files with 5 additions and 1 deletions
--- a/app/styles/components/react-toggle.scss
+++ b/app/styles/components/react-toggle.scss
@ -32,7 +32,7 @@
  height: 24px;
  padding: 0;
  border-radius: 30px;
-  background-color: var(--foreground-color);
+  background-color: hsla(var(--brand-color_h), var(--brand-color_s), var(--brand-color_l), 0.35);
  transition: background-color 0.2s ease;
 }

--- a/app/styles/components/theme-toggle.scss
+++ b/app/styles/components/theme-toggle.scss
@ -9,6 +9,10 @@
    .react-toggle {
      vertical-align: middle;

+      &-track {
+        background-color: var(--foreground-color);
+      }
+
      &-track-check,
      &-track-x {
        display: flex;