diff --git a/styles/index.css b/styles/index.css
index f19596a..526549a 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -1,16 +1,32 @@
body {
font-family: sans-serif;
margin: 0;
+ background-color: var(--bg-color);
+ color: var(--text-color);
+ height: 100vh;
+ --bg-color: #eee;
+ --text-color: black;
+ --accent-color: #0ad;
+ --accent-text-color: var(--text-color);
+}
+@media (prefers-color-scheme: dark) {
+ body {
+ --bg-color: #333;
+ --text-color: #aaa;
+ --accent-text-color: var(--bg-color);
+ }
}
header.main-header {
display: block;
padding: 4px;
- background-color: #0ad;
+ background-color: var(--accent-color);
+ color: var(--accent-text-color);
}
a {
text-decoration: none;
+ color: var(--accent-color);
}
a:hover, a:focus {
text-decoration: underline;
diff --git a/test.html b/test.html
deleted file mode 100644
index 5c99891..0000000
--- a/test.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-
-
-
-
-
-zoey.dev / Test Page
-
-
-
- Zoey's website |
- she/her
-
-
- Heading
-Hi there.
-
-
-
-
-