diskortie/css/theme.less

61 lines
1.0 KiB
Plaintext

/* Themes
* (c) Er2 2022 <er2@dismail.de>
* Zlib License
*/
:root, .thm-dis {
--pic-filt: invert(100%);
--radius: 16px;
--bg-col: #202225;
--light-col: #36393f;
--lhter-col: #585b5f;
--drker-col: #2f3136;
--dark-col: #292b2f;
--text-col: #ffffff;
--sep-color: rgba(255, 255, 255, 0.06);
}
.thm-disl {
--pic-filt: invert(0%);
--bg-col: #e3e5e8;
--light-col: #ffffff;
--lhter-col: #ffffff;
--drker-col: #f2f3f5;
--dark-col: #ebedef;
--text-col: #222222;
--sep-color: rgba(0,0,0, 0.06);
}
.thm-amol {
--bg-col: #000000;
--light-col: #000000;
--lhter-col: #222222;
--drker-col: #000000;
--dark-col: #000000;
--text-col: #ffffff;
}
#app {
background-color: var(--bg-col);
}
#cont, button:not(.nofill) {
background-color: var(--light-col);
}
#info {
background-color: var(--dark-col);
}
button:hover, .selected {
background-color: var(--lhter-col);
}
#cont, button:hover, .selected {
border-radius: var(--radius);
}
img.mono, svg {
filter: var(--pic-filt);
}