Actually use CSS vars for active mode items, fixes #58

nervetattoo · Dec 28, 2019 · 0abe4fa · 0abe4fa
1 parent d46189d
commit 0abe4fa
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/styles.js b/src/styles.js
@@ -147,14 +147,14 @@ export default css`
     border-radius: var(--st-spacing);
   }
   .mode-item:hover {
-    background: var(--primary-color);
+    background: var(--st-mode-active-background);
+    color: var(--st-mode-active-color);
     opacity: 0.5;
-    color: var(--text-primary-color, #fff);
   }
   .mode-item.active, .mode-item.active:hover {
-    background: var(--primary-color);
+    background: var(--st-mode-active-background);
+    color: var(--st-mode-active-color);
     opacity: 1;
-    color: var(--text-primary-color, #fff);
   }
   .mode__icon {
     --iron-icon-width: 24px;