diff options
| author | Ahmed Abdelhalim <[email protected]> | 2021-05-04 22:57:19 +0200 |
|---|---|---|
| committer | Ahmed Abdelhalim <[email protected]> | 2021-05-04 22:57:19 +0200 |
| commit | 522c9d41dd3ab210509d007c047f942110994fab (patch) | |
| tree | efd12a89c33d7b989e5a4254d616aaa2c4c62917 /app | |
| parent | 58bb8726dfa0bb20ab3e06662f9a62d08acdf2e3 (diff) | |
Add prefers color scheme styling for dark mode
Diffstat (limited to 'app')
| -rw-r--r-- | app/base.styl | 21 |
1 files changed, 15 insertions, 6 deletions
diff --git a/app/base.styl b/app/base.styl index 98a18a6..317a625 100644 --- a/app/base.styl +++ b/app/base.styl @@ -1,11 +1,20 @@ -baseColor = #000000 -backgroundColor = #FFFFFF -secondaryColor = #DB0A16 -// secondaryColor = #FECE2F +@media (prefers-color-scheme: dark) { + html { + color: #FFFFFF + background-color: #181818 + } + +} + +@media (prefers-color-scheme: light) { + html { + color: #000000 + background-color: #FFFFFF + } +} body { font-family: "PT Sans" - color: baseColor max-width: 1024px min-width: 375px margin: 0 auto !important @@ -21,7 +30,7 @@ main { a:link, a:visited, a:hover, a:active { text-decoration: none color: inherit - border-bottom: 1px solid secondaryColor + border-bottom: 1px solid #DB0A16 } // Header section styling |