89 lines
1.5 KiB
CSS
89 lines
1.5 KiB
CSS
/* Auto dark light CSS theme v.1.2.0 */
|
|
/* if no main.js for set theme */
|
|
|
|
/* light */
|
|
:root{
|
|
--bg: #EBEBEB;
|
|
--l: #EDEDED;
|
|
--l2: #F2F2F2;
|
|
--l3: #F7F7F7;
|
|
--l4: #FFFFFF;
|
|
--d: #E6E6E6;
|
|
--d2: #E0E0E0;
|
|
--d3: #CCCCCC;
|
|
--d4: #333333;
|
|
|
|
--c: #595959;
|
|
--c2: #595959;
|
|
--c3: #595959;
|
|
--c4: #595959;
|
|
--cR: #A6A6A6;
|
|
--c2R: #A6A6A6;
|
|
--c3R: #A6A6A6;
|
|
--c4R: #A6A6A6;
|
|
--red: #943328;
|
|
--red2: #B33E30;
|
|
--orange: #D47900;
|
|
--orange2: #EB8600;
|
|
--yellow: #A88100;
|
|
--yellow2: #C29500;
|
|
--green: #29800C;
|
|
--green2: #31990F;
|
|
--blue: #1C88BA;
|
|
--blue2: #23A8E6;
|
|
--indigo: #5B67E2;
|
|
--indigo2: #6370F5;
|
|
--violet: #9E377C;
|
|
--violet2: #B03D8A;
|
|
}
|
|
|
|
html{ scrollbar-color: var(--d3) var(--l2); }
|
|
::-webkit-scrollbar { background-color: var(--l2); }
|
|
::-webkit-scrollbar-thumb { background-color: var(--d3); }
|
|
|
|
|
|
|
|
/* dark */
|
|
@media (prefers-color-scheme: dark) {
|
|
:root{
|
|
--bg: #2D2D2E;
|
|
--l: #2F2F30;
|
|
--l2: #353536;
|
|
--l3: #3D3E40;
|
|
--l4: #494A4D;
|
|
--d: #2A2A2B;
|
|
--d2: #252526;
|
|
--d3: #1B1C1C;
|
|
--d4: #121212;
|
|
|
|
--c: #B3B3B3;
|
|
--c2: #B3B3B3;
|
|
--c3: #B3B3B3;
|
|
--c4: #B3B3B3;
|
|
--cR: #4D4D4D;
|
|
--c2R: #4D4D4D;
|
|
--c3R: #4D4D4D;
|
|
--c4R: #4D4D4D;
|
|
--red: #FF7066;
|
|
--red2: #FF938C;
|
|
--orange: #FFD68C;
|
|
--orange2: #FFDFA6;
|
|
--yellow: #D9CA82;
|
|
--yellow2: #E6D57F;
|
|
--green: #8ACC70;
|
|
--green2: #ABE695;
|
|
--blue: #8AC9E6;
|
|
--blue2: #99DDFF;
|
|
--indigo: #A9B0F2;
|
|
--indigo2: #CCD0FF;
|
|
--violet: #C999CC;
|
|
--violet2: #D8B8D9;
|
|
}
|
|
|
|
html{ scrollbar-color: var(--l4) var(--d2); }
|
|
::-webkit-scrollbar { background-color: var(--d2); }
|
|
::-webkit-scrollbar-thumb { background-color: var(--l3); }
|
|
|
|
}
|
|
|
|
|