diff options
| author | Tor Andersson <tor@ccxvii.net> | 2024-07-06 12:48:20 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2024-07-23 13:47:44 +0200 |
| commit | b730beef2ecbf9f8c4d7cc2269c0ddd77a4acd90 (patch) | |
| tree | 7cfc07995352a8538f3e96f968012a3ab27a0036 | |
| parent | dda6b1d635023d43f6e8ea63936824f4b2ef17ef (diff) | |
| download | server-b730beef2ecbf9f8c4d7cc2269c0ddd77a4acd90.tar.gz | |
halloween theme
| -rw-r--r-- | public/themes/halloween.css | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/public/themes/halloween.css b/public/themes/halloween.css new file mode 100644 index 0000000..c14307a --- /dev/null +++ b/public/themes/halloween.css @@ -0,0 +1,39 @@ +/* base color: hsl(29, 95%, 61%) */ + +/* light pumpkin */ +:root { + --color-head: hsl(29, 75%, 85%); + --color-body: hsl(29, 75%, 95%); + --color-text: hsl(29, 75%, 100%); + + --color-post-head: hsl(29, 75%, 85%); + --color-post-body: hsl(29, 75%, 98%); + + --color-table-head: hsl(29, 75%, 85%); + --color-table-foot: hsl(29, 75%, 90%); + --color-table-body: hsl(29, 75%, 98%); + --color-table-stripe: hsl(29, 75%, 96%); + + --color-focus: hsl(210, 40%, 60%); + --color-focus: orange; + + --color-accent: hsl(29, 100%, 35%); +} + +/* dark yellow */ +@media (prefers-color-scheme: dark) { +:root { + --color-head: hsl(29, 55%, 75%); + --color-body: hsl(29, 55%, 85%); + --color-text: hsl(29, 55%, 95%); + + --color-post-head: hsl(29, 55%, 75%); + --color-post-body: hsl(29, 55%, 90%); + + --color-table-head: hsl(29, 55%, 75%); + --color-table-foot: hsl(29, 55%, 80%); + --color-table-body: hsl(29, 55%, 90%); + --color-table-stripe: hsl(29, 55%, 88%); + + --color-accent: hsl(0, 60%, 35%); +}} |