2020-04-02 01:19:45 +00:00
|
|
|
$breakpoint0: 540px;
|
|
|
|
$breakpoint: 720px;
|
|
|
|
$breakpoint2: 900px;
|
|
|
|
$breakpoint3: 1200px;
|
|
|
|
$breakpoint4: 1500px;
|
2020-03-23 00:43:49 +00:00
|
|
|
|
|
|
|
:root {
|
2021-03-14 03:54:43 +00:00
|
|
|
/*
|
2020-03-23 00:43:49 +00:00
|
|
|
--primary: #ff6c88;
|
2020-12-18 01:10:30 +00:00
|
|
|
--primary-strong: #ff4166;
|
2021-03-03 01:18:36 +00:00
|
|
|
--primary-faded: #ffdfee;
|
2021-03-14 03:54:43 +00:00
|
|
|
*/
|
|
|
|
--primary: #f28;
|
|
|
|
--primary-strong: #f90071;
|
2021-03-15 02:30:47 +00:00
|
|
|
--primary-faded: #ffcce4;
|
2020-03-23 00:43:49 +00:00
|
|
|
|
|
|
|
--text-dark: #222;
|
|
|
|
--text-light: #fff;
|
|
|
|
|
2020-12-27 01:15:06 +00:00
|
|
|
--background-light: #fff;
|
|
|
|
--background-dark: #222;
|
|
|
|
|
2020-03-23 00:43:49 +00:00
|
|
|
--darken: rgba(0, 0, 0, .5);
|
2020-03-25 01:48:54 +00:00
|
|
|
--darken-strong: rgba(0, 0, 0, .7);
|
|
|
|
--darken-extreme: rgba(0, 0, 0, .9);
|
2020-12-20 19:16:04 +00:00
|
|
|
--darken-censor: rgba(0, 0, 0, .95);
|
2020-03-23 00:43:49 +00:00
|
|
|
--darken-weak: rgba(0, 0, 0, .2);
|
2020-03-25 01:48:54 +00:00
|
|
|
--darken-hint: rgba(0, 0, 0, .1);
|
2021-03-21 02:23:58 +00:00
|
|
|
--darken-touch: rgba(0, 0, 0, .05);
|
2020-03-23 00:43:49 +00:00
|
|
|
|
|
|
|
--lighten: rgba(255, 255, 255, .5);
|
2020-03-25 01:48:54 +00:00
|
|
|
--lighten-strong: rgba(255, 255, 255, .7);
|
|
|
|
--lighten-extreme: rgba(255, 255, 255, .9);
|
2020-03-23 00:43:49 +00:00
|
|
|
--lighten-weak: rgba(255, 255, 255, .2);
|
2020-06-27 02:50:13 +00:00
|
|
|
--lighten-hint: rgba(255, 255, 255, .05);
|
2021-03-21 02:23:58 +00:00
|
|
|
--lighten-touch: rgba(255, 255, 255, .03);
|
2020-03-23 03:58:23 +00:00
|
|
|
|
2020-04-02 01:19:45 +00:00
|
|
|
--logo-shadow: drop-shadow(1px 0 0 $shadow-weak) drop-shadow(-1px 0 0 $shadow-weak) drop-shadow(0 1px 0 $shadow-weak) drop-shadow(0 -1px 0 $shadow-weak);
|
|
|
|
--logo-highlight: drop-shadow(0 0 1px $highlight);
|
2020-04-02 00:02:03 +00:00
|
|
|
|
2020-05-25 00:02:28 +00:00
|
|
|
--male: #0af;
|
|
|
|
--female: #f0a;
|
|
|
|
|
2020-04-02 00:02:03 +00:00
|
|
|
--alert: #f00;
|
2021-03-13 03:26:24 +00:00
|
|
|
--error: #f00;
|
2020-04-02 00:02:03 +00:00
|
|
|
--warn: #fa0;
|
2020-05-25 02:39:58 +00:00
|
|
|
--success: #5c2;
|
2021-02-28 02:38:54 +00:00
|
|
|
|
|
|
|
--enabled: #5c2;
|
2021-03-01 01:41:53 +00:00
|
|
|
--enabled-background: rgba(0, 255, 0, .1);
|
2021-02-28 02:38:54 +00:00
|
|
|
--disabled: #c20;
|
2021-03-01 01:41:53 +00:00
|
|
|
--disabled-background: rgba(255, 0, 0, .1);
|
2021-03-03 01:18:36 +00:00
|
|
|
--disabled-handle: #aaa;
|
2020-03-23 00:43:49 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.light {
|
|
|
|
--text: #222;
|
|
|
|
--text-contrast: #fff;
|
2020-03-23 03:58:23 +00:00
|
|
|
|
2020-12-27 01:15:06 +00:00
|
|
|
--background: var(--background-light);
|
2021-02-22 23:54:19 +00:00
|
|
|
--background-dim: #f5f5f5;
|
2020-05-25 00:02:28 +00:00
|
|
|
--background-soft: #fdfdfd;
|
2020-03-23 00:43:49 +00:00
|
|
|
|
|
|
|
--profile: #222;
|
|
|
|
--tile: #2a2a2a;
|
|
|
|
|
2020-03-25 01:48:54 +00:00
|
|
|
--link: #dd6688;
|
2021-03-13 03:26:24 +00:00
|
|
|
--link-external: #48f;
|
2020-03-23 00:43:49 +00:00
|
|
|
--empty: #333;
|
|
|
|
|
2020-05-25 00:02:28 +00:00
|
|
|
--crease: #eaeaea;
|
2020-03-23 00:43:49 +00:00
|
|
|
|
|
|
|
--shadow: rgba(0, 0, 0, .5);
|
|
|
|
--shadow-extreme: rgba(0, 0, 0, .9);
|
|
|
|
--shadow-strong: rgba(0, 0, 0, .7);
|
2020-03-25 02:42:46 +00:00
|
|
|
--shadow-modest: rgba(0, 0, 0, .3);
|
2020-03-23 00:43:49 +00:00
|
|
|
--shadow-weak: rgba(0, 0, 0, .2);
|
|
|
|
--shadow-hint: rgba(0, 0, 0, .1);
|
2021-02-05 01:49:43 +00:00
|
|
|
--shadow-touch: rgba(0, 0, 0, .05);
|
2020-03-23 00:43:49 +00:00
|
|
|
|
|
|
|
--highlight: rgba(255, 255, 255, .5);
|
|
|
|
--highlight-extreme: rgba(255, 255, 255, .9);
|
|
|
|
--highlight-strong: rgba(255, 255, 255, .7);
|
2020-03-25 02:42:46 +00:00
|
|
|
--highlight-modest: rgba(255, 255, 255, .3);
|
2020-03-23 00:43:49 +00:00
|
|
|
--highlight-weak: rgba(255, 255, 255, .2);
|
|
|
|
--highlight-hint: rgba(255, 255, 255, .075);
|
|
|
|
}
|
|
|
|
|
|
|
|
.dark {
|
|
|
|
--text: #fff;
|
|
|
|
--text-contrast: #222;
|
2020-03-23 03:58:23 +00:00
|
|
|
|
2021-03-23 19:37:20 +00:00
|
|
|
--background: #181818;
|
|
|
|
--background-dim: #111;
|
|
|
|
--background-soft: #000;
|
2020-03-23 00:43:49 +00:00
|
|
|
|
2021-03-23 19:37:20 +00:00
|
|
|
--profile: #0a0a0a;
|
2020-03-23 00:43:49 +00:00
|
|
|
--tile: #2a2a2a;
|
|
|
|
|
2020-03-25 01:48:54 +00:00
|
|
|
--link: #dd6688;
|
2020-03-23 00:43:49 +00:00
|
|
|
--empty: #333;
|
|
|
|
|
2020-05-25 00:02:28 +00:00
|
|
|
--crease: #222;
|
2020-03-23 00:43:49 +00:00
|
|
|
|
|
|
|
--shadow: rgba(255, 255, 255, .5);
|
|
|
|
--shadow-extreme: rgba(255, 255, 255, .9);
|
|
|
|
--shadow-strong: rgba(255, 255, 255, .7);
|
2020-03-25 02:42:46 +00:00
|
|
|
--shadow-modest: rgba(255, 255, 255, .3);
|
2020-03-23 00:43:49 +00:00
|
|
|
--shadow-weak: rgba(255, 255, 255, .2);
|
|
|
|
--shadow-hint: rgba(255, 255, 255, .075);
|
2021-02-05 01:49:43 +00:00
|
|
|
--shadow-touch: rgba(255, 255, 255, .05);
|
2020-03-23 00:43:49 +00:00
|
|
|
|
|
|
|
--highlight: rgba(0, 0, 0, .5);
|
|
|
|
--highlight-extreme: rgba(0, 0, 0, .9);
|
|
|
|
--highlight-strong: rgba(0, 0, 0, .7);
|
2020-03-25 02:42:46 +00:00
|
|
|
--highlight-modest: rgba(0, 0, 0, .3);
|
2020-03-23 00:43:49 +00:00
|
|
|
--highlight-weak: rgba(0, 0, 0, .2);
|
|
|
|
--highlight-hint: rgba(0, 0, 0, .1);
|
|
|
|
}
|