mirror of
https://github.com/ch0live/dunite.git
synced 2026-07-22 03:40:30 +00:00
70 lines
2.1 KiB
CSS
70 lines
2.1 KiB
CSS
body {
|
|
input[type=checkbox]:checked {
|
|
background-color: hsl(65deg, 31%, 85%);
|
|
border-color: var(--checkbox-color);
|
|
}
|
|
}
|
|
|
|
.theme-light {
|
|
--color-base-00: #fcfbf1;
|
|
--color-base-05: #f5f3e0;
|
|
--color-base-10: #f5f3e0;
|
|
--color-base-20: #e2e4cc;
|
|
--color-base-25: #46473f;
|
|
--color-base-30: #989988;
|
|
--color-base-35: #46473f;
|
|
--color-base-40: #46473f;
|
|
--color-base-50: #46473f;
|
|
--color-base-60: #373832;
|
|
--color-base-70: #2e2c29;
|
|
--color-base-100: #161511;
|
|
|
|
--accent-h: 79;
|
|
--accent-s: 25%;
|
|
--accent-l: 67%;
|
|
--color-accent-hsl: var(--accent-h),
|
|
var(--accent-s),
|
|
var(--accent-l);
|
|
|
|
--color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
|
|
--color-accent-1: hsl(calc(var(--accent-h) - 3), calc(var(--accent-s) * 1.02), calc(var(--accent-l) * 0.85));
|
|
--color-accent-2: hsl(calc(var(--accent-h) - 5), calc(var(--accent-s) * 1.05), calc(var(--accent-l) * 1.29));
|
|
--text-on-accent: var(--color-base-100);
|
|
--text-on-accent-inverted: var(--color-base-10);
|
|
--interactive-accent: var(--color-accent);
|
|
--interactive-accent-hover: var(--color-accent-1);
|
|
}
|
|
|
|
button.mod-warning:hover {
|
|
filter: brightness(85%)
|
|
}
|
|
|
|
.theme-dark {
|
|
--color-base-00: #161511;
|
|
--color-base-05: #302a1d;
|
|
--color-base-10: #3f3d2f;
|
|
--color-base-20: #302a1d;
|
|
--color-base-25: #3f3d2f;
|
|
--color-base-30: #57543f;
|
|
--color-base-35: #636049;
|
|
--color-base-40: #636049;
|
|
--color-base-50: #777357;
|
|
--color-base-60: #a89366;
|
|
--color-base-70: #fcfbf1;
|
|
--color-base-100: #fcfbf1;
|
|
|
|
--accent-h: 79;
|
|
--accent-s: 25%;
|
|
--accent-l: 40%;
|
|
--color-accent-hsl: var(--accent-h),
|
|
var(--accent-s),
|
|
var(--accent-l);
|
|
|
|
--color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
|
|
--color-accent-1: hsl(calc(var(--accent-h) - 3), calc(var(--accent-s) * 1.02), calc(var(--accent-l) * 0.85));
|
|
--color-accent-2: hsl(calc(var(--accent-h) - 5), calc(var(--accent-s) * 1.05), calc(var(--accent-l) * 1.29));
|
|
--text-on-accent: var(--color-base-100);
|
|
--text-on-accent-inverted: var(--color-base-10);
|
|
--interactive-accent: var(--color-accent);
|
|
--interactive-accent-hover: var(--color-accent-1);
|
|
}
|