diff options
| -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; |
