67 lines
1.8 KiB
CSS
67 lines
1.8 KiB
CSS
|
:root {
|
||
|
|
--font-family: 'Figtree', 'Source Sans Pro', sans-serif!important;
|
||
|
|
--rahmen: #eceff2;
|
||
|
|
|
||
|
|
}
|
||
|
|
html[data-theme='light'] {
|
||
|
|
--rahmen: #eceff2;
|
||
|
|
--inactive: #f97a7a47;
|
||
|
|
--invert: invert(0);
|
||
|
|
--mysyde: #244858;
|
||
|
|
--mysyde-dark: #244858;
|
||
|
|
--mysyde-accent: #16629b;
|
||
|
|
--toggle-fc-color: #fff;
|
||
|
|
--fc-color-dark-always: #161616;
|
||
|
|
--fc-color-white-always: #fff;
|
||
|
|
--toggle-fc-color-dark: #161616;
|
||
|
|
--toggle-bg-color: #fff;
|
||
|
|
--toggle-bg-color-light: #fff;
|
||
|
|
--toggle-bg-color-2: #f5f7fb;
|
||
|
|
--fc-light: #A7B5BC;
|
||
|
|
--brightness: unset;
|
||
|
|
--fc-light-header: #161616;
|
||
|
|
}
|
||
|
|
|
||
|
|
html[data-theme='dark'] {
|
||
|
|
--rahmen: #2e4256;
|
||
|
|
--invert: invert(1);
|
||
|
|
--inactive: #492828;
|
||
|
|
--mysyde: #244858;
|
||
|
|
--mysyde-dark: #0c222b;
|
||
|
|
--mysyde-accent: #16629b;
|
||
|
|
--brightness: brightness(10);
|
||
|
|
--toggle-fc-color: #fff;
|
||
|
|
--fc-color-dark-always: #161616;
|
||
|
|
--fc-color-white-always: #fff;
|
||
|
|
--toggle-fc-color-dark: #ffffff;
|
||
|
|
--toggle-bg-color: #0c222b;
|
||
|
|
--toggle-bg-color-light: #12323f;
|
||
|
|
--toggle-bg-color-2: #0c222b;
|
||
|
|
--fc-light: #ffffff;
|
||
|
|
--fc-light-header: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
html[data-theme='random'] {
|
||
|
|
--rahmen: #cc4713;
|
||
|
|
--invert: invert(1);
|
||
|
|
--inactive: #492828;
|
||
|
|
--mysyde: #4c2458;
|
||
|
|
--mysyde-dark: #1d0c2b;
|
||
|
|
--mysyde-accent: #6a169b;
|
||
|
|
--brightness: brightness(10);
|
||
|
|
--toggle-fc-color: rgb(255, 255, 255);
|
||
|
|
--fc-color-dark-always: #b84040;
|
||
|
|
--fc-color-white-always: #fff;
|
||
|
|
--toggle-fc-color-dark: #ffffff;
|
||
|
|
--toggle-bg-color: #2d92b9;
|
||
|
|
--toggle-bg-color-light: #56d819;
|
||
|
|
--toggle-bg-color-2: #0c222b;
|
||
|
|
--fc-light: #ffffff;
|
||
|
|
--fc-light-header: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
body {
|
||
|
|
color: var(--toggle-fc-color-dark)!important;
|
||
|
|
font-family: var(--font-family);
|
||
|
|
}
|