CSS: support dark mode

addresses adobe-fonts#244
frankrolf · Nov 11, 2020 · 2fca874 · 2fca874
1 parent c6abe95
commit 2fca874
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -125,6 +125,31 @@
                 max-width: 1100px;
             }
         }
+        @media (prefers-color-scheme: dark) {
+            body {
+                background-color: #222;
+                color: #FFF;
+            }
+            div:hover
+            {
+                background-color: #333;
+            }
+            .ribbon:before {
+                background-color: rgb(221, 221, 221);;
+            }
+            .ribbon:after {
+                color: #000;
+        }
+        @media (prefers-color-scheme: light) {
+            body {
+                background-color: #FFF;
+                color: #000;
+            }
+            div:hover
+            {
+                background-color: #EEE;
+            }
+        }
     </style>
   </head>
   <body>