fix dark theme

fbrctr · Apr 8, 2015 · 16b4f4c · 16b4f4c
1 parent 30d029e
commit 16b4f4c
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/src/assets/fabricator/styles/partials/_controls.scss b/src/assets/fabricator/styles/partials/_controls.scss
@@ -14,12 +14,16 @@
 			box-shadow: inset 0 3px 0 0 map-get($colors, accent);
 
 			use {
-				fill: map-get($colors, normal);
+				fill: map-get($colors, menu-text);
 			}
 		}
 
 		svg {
 			vertical-align: middle;
+
+			use {
+				fill: if($theme == $theme-dark, map-get($colors, normal), map-get($colors, light) );
+			}
 		}
 	}
 }

diff --git a/src/assets/fabricator/styles/partials/_menu.scss b/src/assets/fabricator/styles/partials/_menu.scss
@@ -42,13 +42,13 @@
 	a {
 		display: block;
 		padding: 0.5rem 2rem;
-		color: map-get($colors, normal) !important;
+		color: map-get($colors, menu-text) !important;
 		text-decoration: none;
 		font-size: 0.75rem;
 		line-height: 1;
 
 		&:hover {
-			color: map-get($colors, normal) !important;
+			color: map-get($colors, menu-text) !important;
 			text-decoration: underline;
 		}
 

diff --git a/src/assets/fabricator/styles/partials/_variables.scss b/src/assets/fabricator/styles/partials/_variables.scss
@@ -6,12 +6,14 @@ $base-colors: (
 );
 
 $theme-dark: (
-	menu-background: lighten(map-get($base-colors, dark), 4%),
+	menu-background: map-get($base-colors, dark),
+	menu-text: map-get($base-colors, light),
 	normal: map-get($base-colors, medium)
 );
 
 $theme-light: (
-	menu-background: rgb(255, 255, 255),
+	menu-background: hsl(0, 0%, 100%),
+	menu-text: map-get($base-colors, medium),
 	normal: map-get($base-colors, medium)
 );