refactor toggle on color (#116)

kalm42 · Aug 7, 2020 · 8bd090b · 8bd090b
1 parent 15e3418
commit 8bd090b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/Toggle/Toggle.css b/src/components/Toggle/Toggle.css
@@ -65,8 +65,8 @@
 
 .toggles [type="checkbox"]:checked + label::after {
   left: 1.6em;
-  border-color: var(--accent);
-  color: var(--accent);
+  border-color: var(--success);
+  color: var(--success);
 }
 
 .toggles [type="checkbox"]:indeterminate + label::after {
@@ -78,8 +78,8 @@
 }
 
 .toggles [type="checkbox"]:checked + label::before {
-  background-color: var(--accent);
-  border-color: var(--accent);
+  background-color: var(--success);
+  border-color: var(--success);
 }
 
 .toggles [type="checkbox"][disabled] + label::before {

diff --git a/src/global.css b/src/global.css
@@ -11,6 +11,7 @@
   --mainDark: var(--darkBlue);
   --accent: var(--gold);
   --error: var(--red);
+  --success: rgb(90, 196, 90);
   --background: var(--white);
   --text: var(--black);
   --formalFont: "Playfair Display", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;