From 77b20af11c6492616ece6cc7100b9d1f10722c3b Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Tue, 17 Oct 2023 20:13:02 +0200 Subject: Add color themes. --- public/themes/tan.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 public/themes/tan.css (limited to 'public/themes/tan.css') diff --git a/public/themes/tan.css b/public/themes/tan.css new file mode 100644 index 0000000..6a06c49 --- /dev/null +++ b/public/themes/tan.css @@ -0,0 +1,35 @@ +/* light tan */ +:root { + --color-head: hsl(35, 15%, 85%); + --color-body: hsl(35, 15%, 95%); + --color-text: hsl(35, 15%, 100%); + + --color-post-head: hsl(35, 15%, 85%); + --color-post-body: hsl(35, 15%, 98%); + + --color-table-head: hsl(35, 15%, 85%); + --color-table-foot: hsl(35, 15%, 90%); + --color-table-body: hsl(35, 15%, 98%); + --color-table-stripe: hsl(35, 20%, 95%); + + --color-accent: hsl(340, 60%, 40%); +} + +/* dark tan */ +@media (prefers-color-scheme: dark) { +:root { + --color-head: hsl(35, 15%, 75%); + --color-body: hsl(35, 15%, 85%); + --color-text: hsl(35, 15%, 95%); + + --color-post-head: hsl(35, 15%, 75%); + --color-post-body: hsl(35, 15%, 90%); + + --color-table-head: hsl(35, 15%, 75%); + --color-table-foot: hsl(35, 15%, 80%); + --color-table-body: hsl(35, 15%, 90%); + --color-table-stripe: hsl(35, 15%, 87%); + + --color-accent: hsl(340, 60%, 35%); +}} + -- cgit v1.2.3