diff --git a/code/index.css b/code/index.css index 4772854..1d7e1f0 100644 --- a/code/index.css +++ b/code/index.css @@ -9,6 +9,19 @@ } +.day { background: #eee; color: black; } +.night { background: #333; color: white; } + +@media (prefers-color-scheme: dark) { + .day.dark-scheme { background: #333; color: white; } + .night.dark-scheme { background: black; color: #ddd; } +} + +@media (prefers-color-scheme: light) { + .day.light-scheme { background: white; color: #555; } + .night.light-scheme { background: #eee; color: black; } +} + .button { padding: 2px; } @@ -104,4 +117,13 @@ .pickr { width: 30px; height: 30px; + } + + .logo { + text-align: center; + } + + .lightButton { + position: absolute; + right: 0px; } \ No newline at end of file diff --git a/code/index.php b/code/index.php index 971842f..23aad8d 100644 --- a/code/index.php +++ b/code/index.php @@ -5,7 +5,15 @@ - + +
+ + +
+