From e3fc17a878fd9b65ee73b890e1952e0e4fcd4873 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Mon, 15 Mar 2021 11:49:27 +0100
Subject: Add dark mode image

---
 wpisy/assets/bg-dark.jpg | Bin 0 -> 138147 bytes
 wpisy/index.html         |   8 +++++++-
 wpisy/style.css          |   2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 wpisy/assets/bg-dark.jpg

diff --git a/wpisy/assets/bg-dark.jpg b/wpisy/assets/bg-dark.jpg
new file mode 100644
index 0000000..638838a
Binary files /dev/null and b/wpisy/assets/bg-dark.jpg differ
diff --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;
-- 
cgit 1.4.1