Default to preferred color scheme (#102)

* Default to preferred color scheme * Fallback to dark theme when no preferred color
3 years ago · 44acba00be
parent f0ea5c1e8f
commit 44acba00be
2 changed files with 5 additions and 2 deletions
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@ -1,3 +1,6 @@
+@import url("dark.css");
+@import url("light.css") (prefers-color-scheme: light);
+
 .markdown-section iframe[src*="buttons.github.io"] {
    margin: 0;
 }
--- a/index.html
+++ b/index.html
@ -10,11 +10,11 @@
    <link rel="icon" href="docs/assets/img/favicon.ico">

    <!-- Stylesheets -->
-    <link rel="stylesheet" href="docs/assets/css/dark.css" title="Dark">
    <link rel="stylesheet" href="docs/assets/css/main.css">

    <!-- Alternate Stylesheets -->
-    <link rel="stylesheet alternate" href="docs/assets/css/light.css" title="Light">
+    <link rel="stylesheet" href="docs/assets/css/dark.css" title="Dark" disabled>
+    <link rel="stylesheet" href="docs/assets/css/light.css" title="Light" disabled>
 </head>

 <body>