diff --git a/views/posts/timeline.ejs b/views/posts/timeline.ejs
index e532c71..33939c1 100644
--- a/views/posts/timeline.ejs
+++ b/views/posts/timeline.ejs
@@ -1,7 +1,7 @@
diff --git a/views/posts/user.ejs b/views/posts/user.ejs
index e532c71..33939c1 100644
--- a/views/posts/user.ejs
+++ b/views/posts/user.ejs
@@ -1,7 +1,7 @@
diff --git a/webroot/default.css b/webroot/default.css
index 5a6843c..81da789 100644
--- a/webroot/default.css
+++ b/webroot/default.css
@@ -8,9 +8,42 @@ body {
#post-edit img {
width: 20px;
}
+input, textarea, button {
+ border: none;
+ border-radius: 5px;
+}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
+@media (prefers-color-scheme: dark) {
+ body {
+ background-color: #333333;
+ color: #ffffff;
+ }
+ a {
+ color: #546BEB;
+ }
+ a:visited {
+ color: #EF46F1;
+ }
+ input, textarea, button {
+ background-color: #1E1E1E;
+ color: #ffffff;
+ }
+ hr {
+ color: white;
+ }
+}
+
+@media (prefers-color-scheme: light) {
+ input, textarea, button {
+ background-color: #DEDEDE;
+ color: #000000;
+ }
+ hr {
+ color: black;
+ }
+}