teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: improve color theme (#649)

Browse source
This commit is contained in:
patak 2022-12-29 23:40:31 +01:00 committed by GitHub
parent 27419dc124
commit 861afe79b2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
plugins/color-mode.ts
View file

@ -4,7 +4,7 @@ export default defineNuxtPlugin(() => {
meta: [{
id: 'theme-color',
name: 'theme-color',
content: () => colorMode.value === 'dark' ? '#111111' : '#ffffff',
content: () => colorMode.value === 'dark' ? '#111111' : '#fafafa',
}],
})
})

16
styles/vars.css
View file

@ -1,12 +1,12 @@
:root {
--c-primary: #EA9E44;
--c-primary-active: #C16929;
--c-primary-light: #EA9E441A;
--c-primary: #d98018;
--c-primary-active: #9a5420;
--c-primary-light: #d980181A;
--c-border: #eee;
--c-border-dark: #dccfcf;
--c-bg-base: #fff;
--c-bg-active: #f6f6f6;
--c-bg-base: #fafafa;
--c-bg-active: #f2f2f2;
--c-bg-code: #00000006;
--c-bg-selection: #8885;
--c-bg-fade: #EA9E4411;
@ -26,6 +26,10 @@
}
.dark {
--c-primary: #EA9E44;
--c-primary-active: #C16929;
--c-primary-light: #EA9E441A;
--c-border: #222;
--c-border-dark: #545251;
@ -34,7 +38,7 @@
--c-bg-code: #ffffff06;
--c-bg-fade: #EA9E4411;
--c-text-base: #fff;
--c-text-base: #f3f3f3;
--c-text-code: #ecd88e;
--c-text-secondary: #888;
--c-text-secondary-light: #686868;