diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2021-03-15 11:49:27 +0100 |
|---|---|---|
| committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2021-03-15 11:49:27 +0100 |
| commit | e3fc17a878fd9b65ee73b890e1952e0e4fcd4873 (patch) | |
| tree | 968fd4fe1fe786ab2ea94c1598fe53b83e8f57c7 | |
| parent | 2ea653353f35c43b9941bbcfa167d1d75efcafbd (diff) | |
| download | kronika-e3fc17a878fd9b65ee73b890e1952e0e4fcd4873.tar.gz kronika-e3fc17a878fd9b65ee73b890e1952e0e4fcd4873.zip | |
Add dark mode image
| -rw-r--r-- | wpisy/assets/bg-dark.jpg | bin | 0 -> 138147 bytes | |||
| -rw-r--r-- | wpisy/index.html | 8 | ||||
| -rw-r--r-- | wpisy/style.css | 2 |
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; |
