rastrillo / fiesta Public

Clone
git clone https://amadan.net/rastrillo/fiesta

Plain git — no account needed to clone.

Download

Download this file

1/*! Fiesta 1.0.0 | MPL-2.0 | https://fiesta.rastrillo.org */
2
3:root {
4 color-scheme: light dark;
5
6 --rst-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
7
8 --rst-radius: 4px;
9 --rst-radius-sm: 3px;
10 --rst-radius-pill: 999px;
11
12 --rst-bg: light-dark(#ffffff, #0f0f0f);
13 --rst-surface: light-dark(#ffffff, #171717);
14 --rst-surface-2: light-dark(#f4f4f4, #131313);
15 --rst-line: light-dark(#e0e0e0, #2b2b2b);
16 --rst-line-strong: light-dark(#767676, #8f8f8f);
17
18 --rst-header-rule: var(--rst-line);
19
20 --rst-text: light-dark(#111111, #f2f2f2);
21 --rst-text-muted: light-dark(#4a4a4a, #b3b3b3);
22 --rst-text-faint: light-dark(#636363, #a0a0a0);
23
24 --rst-accent: light-dark(#111111, #f2f2f2);
25 --rst-accent-strong: light-dark(#000000, #ffffff);
26 --rst-accent-soft: light-dark(#ededed, #242424);
27 --rst-on-accent: light-dark(#ffffff, #0f0f0f);
28
29 --rst-tone-neutral-fg: light-dark(#3f3f3f, #c8c8c8);
30 --rst-tone-neutral-bg: light-dark(#eaeaea, #262626);
31 --rst-tone-positive-fg: light-dark(#2e5b3e, #9fc8ac);
32 --rst-tone-positive-bg: light-dark(#e4ebe6, #1a231d);
33 --rst-tone-warning-fg: light-dark(#6a5320, #d3c08a);
34 --rst-tone-warning-bg: light-dark(#efeadd, #262218);
35 --rst-tone-negative-fg: light-dark(#7a2c2c, #dba3a3);
36 --rst-tone-negative-bg: light-dark(#f0e3e3, #2a1c1c);
37
38 --rst-shadow-pop: 0 1px 3px light-dark(rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.5));
39 --rst-shadow-knob: 0 1px 1px light-dark(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.4));
40 --rst-shadow-knob-hover: var(--rst-shadow-knob);
41 --rst-shadow-lift: 0 1px 1px light-dark(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.3));
42 --rst-overlay: light-dark(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6));
43
44 --rst-accent-fill: var(--rst-accent);
45 --rst-accent-fill-hover: var(--rst-accent-strong);
46 --rst-accent-fill-edge: var(--rst-accent);
47 --rst-accent-fill-edge-hover: var(--rst-accent-strong);
48 --rst-on-accent-fill: var(--rst-on-accent);
49 --rst-danger-fill: var(--rst-tone-negative-fg);
50 --rst-danger-fill-hover: var(--rst-tone-negative-fg);
51 --rst-danger-fill-edge: var(--rst-tone-negative-fg);
52 --rst-danger-fill-edge-hover: var(--rst-tone-negative-fg);
53 --rst-on-danger-fill: var(--rst-on-accent);
54 --rst-on-danger-fill-hover: var(--rst-on-accent);
55 --rst-danger-hover-filter: brightness(0.9);
56 --rst-control-face: var(--rst-surface);
57 --rst-control-face-hover: var(--rst-surface);
58 --rst-control-face-press: transparent;
59 --rst-control-border: var(--rst-line-strong);
60 --rst-control-border-hover: var(--rst-accent);
61 --rst-control-text-hover: var(--rst-accent);
62 --rst-ghost-edge: var(--rst-line-strong);
63 --rst-ghost-face-hover: transparent;
64 --rst-ghost-edge-hover: var(--rst-line-strong);
65 --rst-summary-face: transparent;
66 --rst-summary-face-hover: transparent;
67 --rst-summary-edge: transparent;
68 --rst-summary-edge-hover: transparent;
69 --rst-summary-radius: 0;
70 --rst-depth-hl: transparent;
71 --rst-depth-contact: transparent;
72 --rst-depth-ambient: transparent;
73 --rst-depth-face: 0;
74 --rst-press-drop: 0px;
75 --rst-knob: var(--rst-surface);
76 --rst-knob-shade: var(--rst-surface);
77 --rst-track-off: var(--rst-line-strong);
78 --rst-switch-w: 34px;
79 --rst-switch-h: 19px;
80 --rst-switch-knob: 15px;
81 --rst-switch-touch-w: 34px;
82 --rst-switch-touch-h: 19px;
83 --rst-switch-touch-knob: 15px;
84 --rst-tint-hover: var(--rst-accent-soft);
85 --rst-tint-press: var(--rst-accent-soft);
86 --rst-tint-tap: transparent;
87 --rst-tint-card-hover: transparent;
88 --rst-tint-tile-hover: var(--rst-surface);
89 --rst-tint-tile-press: var(--rst-surface);
90 --rst-tint-group-hover: transparent;
91 --rst-row-tint-hover: var(--rst-surface-2);
92 --rst-row-tint-press: var(--rst-surface-2);
93 --rst-focus-edge: var(--rst-line-strong);
94 --rst-focus-halo: transparent;
95 --rst-sheen-fill: transparent;
96 --rst-sheen-plain: transparent;
97 --rst-light-rim: var(--rst-line);
98 --rst-light-wash: transparent;
99 --rst-press-wash: 0;
100 --rst-press-spot: 0;
101 --rst-press-wash-plain: 0;
102 --rst-press-spot-plain: 0;
103 --rst-title-size: 1.375rem;
104 --rst-title-weight: 600;
105 --rst-title-track: -0.015em;
106 --rst-heading-size: var(--rst-fs-base);
107 --rst-label-case: uppercase;
108 --rst-label-track: 0.06em;
109 --rst-rail-bg: var(--rst-surface);
110 --rst-nav-current-bg: var(--rst-accent-soft);
111 --rst-nav-current-fg: var(--rst-accent);
112}
113
114:root[data-theme="light"] { color-scheme: light; }
115:root[data-theme="dark"] { color-scheme: dark; }
116