about summary refs log tree commit diff
path: root/wpisy
diff options
context:
space:
mode:
Diffstat (limited to 'wpisy')
-rw-r--r--wpisy/assets/bg-dark.jpgbin0 -> 138147 bytes
-rw-r--r--wpisy/index.html8
-rw-r--r--wpisy/style.css2
3 files changed, 8 insertions, 2 deletions
diff --git a/wpisy/assets/bg-dark.jpg b/wpisy/assets/bg-dark.jpg
new file mode 100644
index 0000000..638838a
--- /dev/null
+++ b/wpisy/assets/bg-dark.jpg
Binary files differdiff --git a/wpisy/index.html b/wpisy/index.html
index fedd134..a0ba1a4 100644
--- a/wpisy/index.html
+++ b/wpisy/index.html
@@ -17,7 +17,7 @@
 }
 
 .title {
-  background-color: #340c0e;
+  background-color: #200c0e;
   color: #fff;
   width: 260px;
   height: 85px;
@@ -32,6 +32,12 @@
     align-items: center;
   }
 }
+
+@media (prefers-color-scheme: dark) {
+  section.joinus {
+    background-image: url(/assets/bg-dark.jpg);
+  }
+}
 </style>
 <section class="joinus">
   <div class="heading">
diff --git a/wpisy/style.css b/wpisy/style.css
index 00ec4cf..ec3cc3d 100644
--- a/wpisy/style.css
+++ b/wpisy/style.css
@@ -48,7 +48,7 @@ a.button:hover {
 
 .button,
 button {
-  background-color: #507b34;
+  background-color: var(--bg-secondary);
   padding: 10px;
   max-width: 150px;
   border: none;