index.html ダークモード対応

xtetsuji · xtetsuji · commit 5f4910b4de02 · 2022-10-24T02:02:21.000+09:00
diff --git a/index.html b/index.html
@@ -5,7 +5,21 @@
     <meta http-equiv='X-UA-Compatible' content='IE=edge'>
     <title>Page Title</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
-    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
+    <!-- <link rel='stylesheet' type='text/css' media='screen' href='main.css'> -->
+    <style type="text/css">
+    @media (prefers-color-scheme: dark) {
+        body {
+            background-color: #000;
+            color: #bbb;
+        }
+        textarea, button, input[type="text"], input[type="button"] {
+            color: #bbb;
+            background-color: #222;
+        }
+        a:link { color: skyblue; }
+        a:hover { color: yellow; }
+    }
+    </style>
 </head>
 <body>
 
