57 lines
1.4 KiB
CSS
57 lines
1.4 KiB
CSS
:root,
|
|
[data-theme] {
|
|
background-color: theme(colors.base-100);
|
|
color: theme(colors.base-content);
|
|
}
|
|
|
|
@supports not (color: oklch(0% 0 0)) {
|
|
:root {
|
|
color-scheme: light;
|
|
--fallback-p: #491eff;
|
|
--fallback-pc: #d4dbff;
|
|
--fallback-s: #ff41c7;
|
|
--fallback-sc: #fff9fc;
|
|
--fallback-a: #00cfbd;
|
|
--fallback-ac: #00100d;
|
|
--fallback-n: #2b3440;
|
|
--fallback-nc: #d7dde4;
|
|
--fallback-b1: #ffffff;
|
|
--fallback-b2: #e5e6e6;
|
|
--fallback-b3: #e5e6e6;
|
|
--fallback-bc: #1f2937;
|
|
--fallback-in: #00b3f0;
|
|
--fallback-inc: #000000;
|
|
--fallback-su: #00ca92;
|
|
--fallback-suc: #000000;
|
|
--fallback-wa: #ffc22d;
|
|
--fallback-wac: #000000;
|
|
--fallback-er: #ff6f70;
|
|
--fallback-erc: #000000;
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
color-scheme: dark;
|
|
--fallback-p: #7582ff;
|
|
--fallback-pc: #050617;
|
|
--fallback-s: #ff71cf;
|
|
--fallback-sc: #190211;
|
|
--fallback-a: #00c7b5;
|
|
--fallback-ac: #000e0c;
|
|
--fallback-n: #2a323c;
|
|
--fallback-nc: #a6adbb;
|
|
--fallback-b1: #1d232a;
|
|
--fallback-b2: #191e24;
|
|
--fallback-b3: #15191e;
|
|
--fallback-bc: #a6adbb;
|
|
--fallback-in: #00b3f0;
|
|
--fallback-inc: #000000;
|
|
--fallback-su: #00ca92;
|
|
--fallback-suc: #000000;
|
|
--fallback-wa: #ffc22d;
|
|
--fallback-wac: #000000;
|
|
--fallback-er: #ff6f70;
|
|
--fallback-erc: #000000;
|
|
}
|
|
}
|
|
}
|