2020-03-10 17:07:30 +08:00
|
|
|
@breakpoint-menu: 480px;
|
|
|
|
|
2020-03-09 05:11:46 +08:00
|
|
|
cyp-app {
|
2020-03-17 05:57:13 +08:00
|
|
|
--icon-size: 24px;
|
2019-04-03 01:52:53 +08:00
|
|
|
--icon-spacing: 4px;
|
2019-04-15 15:48:27 +08:00
|
|
|
--primary: rgb(var(--primary-raw));
|
2020-03-11 17:55:18 +08:00
|
|
|
--primary-tint: rgba(var(--primary-raw), 0.1);
|
2019-04-16 15:03:42 +08:00
|
|
|
--box-shadow: 0 0 3px #000;
|
2020-03-10 22:25:43 +08:00
|
|
|
--border-width: 4px;
|
2019-04-03 01:52:53 +08:00
|
|
|
}
|
|
|
|
|
2020-03-09 05:11:46 +08:00
|
|
|
.light() {
|
2019-04-12 19:34:28 +08:00
|
|
|
--fg: #333;
|
|
|
|
--bg: #f0f0f0;
|
|
|
|
--bg-alt: #e0e0e0;
|
2019-04-16 15:03:42 +08:00
|
|
|
--text-shadow: none;
|
2019-04-03 01:52:53 +08:00
|
|
|
}
|
|
|
|
|
2020-03-09 05:11:46 +08:00
|
|
|
.dark() {
|
2019-04-12 19:34:28 +08:00
|
|
|
--fg: #f0f0f0;
|
2019-03-29 23:28:26 +08:00
|
|
|
--bg: #333;
|
2020-03-20 18:33:51 +08:00
|
|
|
--bg-alt: #444;
|
2019-04-16 15:03:42 +08:00
|
|
|
--text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
|
2019-04-03 01:52:53 +08:00
|
|
|
}
|
2019-04-01 04:02:26 +08:00
|
|
|
|
2020-03-09 05:11:46 +08:00
|
|
|
cyp-app[theme=light] { .light(); }
|
|
|
|
cyp-app[theme=dark] { .dark(); }
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
cyp-app[theme=auto] { .dark(); }
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
|
|
cyp-app[theme=auto] { .light(); }
|
|
|
|
}
|
|
|
|
|
|
|
|
cyp-app[color=dodgerblue] {
|
2019-04-15 15:48:27 +08:00
|
|
|
--primary-raw: 30, 144, 255;
|
2019-04-03 01:52:53 +08:00
|
|
|
}
|
|
|
|
|
2020-03-09 05:11:46 +08:00
|
|
|
cyp-app[color=darkorange] {
|
2019-04-15 15:48:27 +08:00
|
|
|
--primary-raw: 255, 140, 0;
|
2019-04-03 01:52:53 +08:00
|
|
|
}
|
|
|
|
|
2020-03-09 05:11:46 +08:00
|
|
|
cyp-app[color=limegreen] {
|
2019-04-15 15:48:27 +08:00
|
|
|
--primary-raw: 50, 205, 50;
|
2019-03-29 23:28:26 +08:00
|
|
|
}
|