From ef15a6ec8f14c2398cfd28786c83072888690718 Mon Sep 17 00:00:00 2001 From: Steven Le Rouzic Date: Tue, 31 Oct 2023 23:23:51 +0100 Subject: oijoij --- sass/_colors.scss | 67 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 67 insertions(+) create mode 100644 sass/_colors.scss (limited to 'sass/_colors.scss') diff --git a/sass/_colors.scss b/sass/_colors.scss new file mode 100644 index 0000000..9729c0c --- /dev/null +++ b/sass/_colors.scss @@ -0,0 +1,67 @@ +:root { + --color-primary: #356a22; + --color-on-primary: #ffffff; + --color-primary-container: #b5f399; + --color-on-primary-container: #052100; + --color-secondary: #55624c; + --color-on-secondary: #ffffff; + --color-secondary-container: #d8e7cb; + --color-on-secondary-container: #131f0d; + --color-tertiary: #386667; + --color-on-tertiary: #ffffff; + --color-tertiary-container: #bbebed; + --color-on-tertiary-container: #002021; + --color-error: #ba1a1a; + --color-error-container: #ffdad6; + --color-on-error: #ffffff; + --color-on-error-container: #410002; + --color-background: #fdfdf6; + --color-on-background: #1a1c18; + --color-surface: #fdfdf6; + --color-on-surface: #1a1c18; + --color-surface-variant: #dfe4d7; + --color-on-surface-variant: #43483f; + --color-outline: #73796e; + --color-inverse-on-surface: #f1f1ea; + --color-inverse-surface: #2f312d; + --color-inverse-primary: #9ad680; + --color-shadow: #000000; + --color-surface-tint: #356a22; + --color-outline-variant: #c3c8bb; + --color-scrim: #000000; +} + +@media (prefers-color-scheme: dark) { +:root { + --color-primary: #9ad680; + --color-on-primary: #0c3900; + --color-primary-container: #1d5209; + --color-on-primary-container: #b5f399; + --color-secondary: #bccbb0; + --color-on-secondary: #273421; + --color-secondary-container: #3d4b36; + --color-on-secondary-container: #d8e7cb; + --color-tertiary: #a0cfd0; + --color-on-tertiary: #003738; + --color-tertiary-container: #1e4e4f; + --color-on-tertiary-container: #bbebed; + --color-error: #ffb4ab; + --color-error-container: #93000a; + --color-on-error: #690005; + --color-on-error-container: #ffdad6; + --color-background: #1a1c18; + --color-on-background: #e3e3dc; + --color-surface: #1a1c18; + --color-on-surface: #e3e3dc; + --color-surface-variant: #43483f; + --color-on-surface-variant: #c3c8bb; + --color-outline: #8d9387; + --color-inverse-on-surface: #1a1c18; + --color-inverse-surface: #e3e3dc; + --color-inverse-primary: #356a22; + --color-shadow: #000000; + --color-surface-tint: #9ad680; + --color-outline-variant: #43483f; + --color-scrim: #000000; +}} + -- cgit