Add dark mode (#207)

* add dark mode style to index * add dark mode styles for contributor links
jenkins-infra · Oct 16, 2024 · ae1afa7 · ae1afa7
1 parent d6d95a5
commit ae1afa7
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/styles/contributor-details.css b/src/styles/contributor-details.css
@@ -1,3 +1,10 @@
 h2 {
     color: #0096ff;
 }
+
+@media screen and (prefers-color-scheme: dark) {
+    a,
+    #contributor-grid a:visited {
+        color: #0096ff;
+    }
+}
diff --git a/styles/index.css b/styles/index.css
@@ -11,3 +11,14 @@ body {
         'Segoe UI Emoji', 'Segoe UI Symbol';
     font-size: 16px;
 }
+
+@media screen and (prefers-color-scheme: dark) {
+    #contributor-grid * {
+        color: #fff;
+    }
+
+    body {
+        background-color: #333;
+        color: #fff;
+    }
+}