fix(project): set checkbox color to config highlight

jwplayer · Aug 6, 2021 · c097da5 · c097da5
1 parent e31a46e
commit c097da5
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 10 deletions.
diff --git a/src/components/Checkbox/Checkbox.module.scss b/src/components/Checkbox/Checkbox.module.scss
@@ -93,14 +93,11 @@
     }
 
     &:checked {
-      background-color: theme.$forms-checkbox-bg;
+      background-color: var(--highlight-color, theme.$primary-color);
       &::before {
         font-size: 20px;
         transform: translateY(-3px) translateX(1px) scaleX(-0.95) rotate(-45deg);
       }
-      &:hover {
-        background-color: theme.$forms-checkbox-bg-hover;
-      }
     }
   }
 }

diff --git a/src/styles/_theme.scss b/src/styles/_theme.scss
@@ -206,9 +206,3 @@ $video-details-tag-shadow: 0 1px 0 variables.$black !default;
 $panel-bg: rgba(255, 255, 255, 0.08);
 $panel-box-shadow: 0 6px 10px rgb(0 0 0 / 14%), 0 1px 18px rgb(0 0 0 / 12%), 0 3px 5px rgb(0 0 0 / 20%);
 $panel-header-border-bottom: 1px solid rgba(255, 255, 255, 0.32);
-
-// Forms
-$forms-primary-color: rgb(1, 163, 157);
-$forms-primary-color-hover: rgba(1, 163, 157, 0.8);
-$forms-checkbox-bg: rgb(1, 163, 157);
-$forms-checkbox-bg-hover: rgba(1, 163, 157, 0.7);