support dark mode and add custom card component

2020-04-09 13:01:06 -04:00
parent 89c53c508b
commit 6e1828ff63
11 changed files with 185 additions and 63 deletions
@@ -1,13 +1,27 @@
-.item {
-    cursor: pointer;
-    padding: 3px 7px 3px 7px;
-    border-radius: 4px;
-}
+@mixin chart-item-theme($theme) {
+    .item {
+        cursor: pointer;
+        padding: 3px 7px 3px 7px;
+        border-radius: 4px;
+    }

-.selected {
-    background-color: #DDDDDD;
-}
-.selected a {
-    color: #000000;
-    text-decoration: none;
+    .selected {
+        background-color: #DDDDDD;
+        color: #303030;
+    }
+    .selected a {
+        color: #000000;
+        text-decoration: none;
+    }
+
+    @media (prefers-color-scheme: dark) {
+        .selected {
+            background-color: map_get($mat-grey, 900);
+            color: white;
+        }
+
+        .selected a {
+            color: white;
+        }
+    }
 }