diff options
| author | Roberto Esteves <contact@robertoesteves.dev> | 2025-12-31 14:19:13 +0000 |
|---|---|---|
| committer | Roberto Esteves <contact@robertoesteves.dev> | 2025-12-31 14:19:13 +0000 |
| commit | 78070157c5ecee8ef52fe25f74e28fe188cfa95c (patch) | |
| tree | bca4c635dd86d017e053f64ac75938858eeb7111 /themes/robson/assets/css/colorscheme.css | |
Diffstat (limited to 'themes/robson/assets/css/colorscheme.css')
| -rw-r--r-- | themes/robson/assets/css/colorscheme.css | 97 |
1 files changed, 97 insertions, 0 deletions
diff --git a/themes/robson/assets/css/colorscheme.css b/themes/robson/assets/css/colorscheme.css new file mode 100644 index 0000000..57c3308 --- /dev/null +++ b/themes/robson/assets/css/colorscheme.css @@ -0,0 +1,97 @@ +:root { + /* Gruvbox Light */ + --bg0: #fbf1c7; + --bg1: #ebdbb2; + --bg2: #d5c4a1; + --bg3: #bdae93; + --bg4: #a89984; + + --fg0: #282828; + --fg1: #3c3836; + --fg2: #504945; + --fg3: #665c54; + --fg4: #7c6f64; + + --red: #cc241d; + --green: #98971a; + --yellow: #d79921; + --blue: #458588; + --purple: #b16286; + --aqua: #689d6a; + --orange: #d65d0e; + --gray: #928374; +} + +@media (prefers-color-scheme: dark) { + :root { + /* Gruvbox Dark */ + --bg0: #282828; + --bg1: #3c3836; + --bg2: #504945; + --bg3: #665c54; + --bg4: #7c6f64; + + --fg0: #fbf1c7; + --fg1: #ebdbb2; + --fg2: #d5c4a1; + --fg3: #bdae93; + --fg4: #a89984; + + --red: #fb4934; + --green: #b8bb26; + --yellow: #fabd2f; + --blue: #83a598; + --purple: #d3869b; + --aqua: #8ec07c; + --orange: #fe8019; + --gray: #928374; + } +} + +/* Override manual para toggle (opcional) */ +[data-theme="dark"] { + --bg0: #282828; + --bg1: #3c3836; + --bg2: #504945; + --bg3: #665c54; + --bg4: #7c6f64; + + --fg0: #fbf1c7; + --fg1: #ebdbb2; + --fg2: #d5c4a1; + --fg3: #bdae93; + --fg4: #a89984; + + --red: #fb4934; + --green: #b8bb26; + --yellow: #fabd2f; + --blue: #83a598; + --purple: #d3869b; + --aqua: #8ec07c; + --orange: #fe8019; + --gray: #928374; +} + +[data-theme="light"] { + --bg0: #fbf1c7; + --bg1: #ebdbb2; + --bg2: #d5c4a1; + --bg3: #bdae93; + --bg4: #a89984; + + --fg0: #282828; + --fg1: #3c3836; + --fg2: #504945; + --fg3: #665c54; + --fg4: #7c6f64; + + --red: #cc241d; + --green: #98971a; + --yellow: #d79921; + --blue: #458588; + --purple: #b16286; + --aqua: #689d6a; + --orange: #d65d0e; + --gray: #928374; +} + |