ropav 0.1.9 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -5
- package/dist/base.css +570 -773
- package/dist/calendar.css +1 -1
- package/dist/color-input.css +3 -7
- package/dist/color-picker.css +2 -6
- package/dist/color-swatch.css +2 -6
- package/dist/combobox.css +5 -5
- package/dist/componentColors.js +29 -25
- package/dist/components/alert/types.d.ts +1 -1
- package/dist/components/avatar/types.d.ts +1 -1
- package/dist/components/badge/types.d.ts +1 -1
- package/dist/components/pagination/types.d.ts +1 -1
- package/dist/components/progress/types.d.ts +1 -1
- package/dist/components/segmented-control/types.d.ts +1 -1
- package/dist/components/slider/types.d.ts +1 -1
- package/dist/components/toast/types.d.ts +1 -1
- package/dist/date-picker.css +1 -1
- package/dist/dropdown-menu.css +7 -7
- package/dist/field.css +1 -1
- package/dist/hover-card.css +1 -1
- package/dist/modal.css +1 -1
- package/dist/multi-select.css +5 -5
- package/dist/pagination.css +1 -1
- package/dist/popover.css +2 -2
- package/dist/select.css +5 -5
- package/dist/slider.css +3 -3
- package/dist/tabs.css +3 -3
- package/dist/tags-input.css +1 -1
- package/dist/textarea.css +1 -1
- package/dist/toast.css +1 -1
- package/dist/tooltip.css +1 -1
- package/dist/utils/componentColors.d.ts +2 -4
- package/docs/code-architecture.md +147 -0
- package/docs/public-styles-api.md +8 -6
- package/docs/releasing.md +39 -0
- package/package.json +37 -16
- package/src/styles/_mixins.scss +2 -6
- package/src/styles/_tokens.scss +4 -833
- package/src/styles/generated/showcase.html +274 -0
- package/src/styles/generated/tokens.css +592 -0
- package/src/styles/generated/tokens.md +583 -0
- package/src/styles/generated/tokens.scss +1134 -0
- package/tokens/manifest.json +6164 -0
- package/docs/public-tokens.md +0 -685
- package/src/styles/_variables.scss +0 -243
- package/src/styles/styles-manifest.json +0 -5244
|
@@ -0,0 +1,592 @@
|
|
|
1
|
+
@layer ropav.tokens;
|
|
2
|
+
|
|
3
|
+
@layer ropav.tokens {
|
|
4
|
+
:root {
|
|
5
|
+
color-scheme: light dark;
|
|
6
|
+
--rp-border-width-medium: 2px;
|
|
7
|
+
--rp-border-width-thin: 1px;
|
|
8
|
+
--rp-color-black: rgb(0% 0% 0%);
|
|
9
|
+
--rp-color-blue-1: light-dark(oklch(99.36% 0.0031 251.67), oklch(18.96% 0.0146 251.67));
|
|
10
|
+
--rp-color-blue-10: light-dark(oklch(51.5% 0.144 251.67), oklch(57.96% 0.1412 251.67));
|
|
11
|
+
--rp-color-blue-11: light-dark(oklch(55.21% 0.1337 251.67), oklch(77.47% 0.1183 251.67));
|
|
12
|
+
--rp-color-blue-12: light-dark(oklch(32.83% 0.0703 251.67), oklch(90.48% 0.0476 251.7));
|
|
13
|
+
--rp-color-blue-2: light-dark(oklch(98.19% 0.0082 251.67), oklch(20.97% 0.0191 251.67));
|
|
14
|
+
--rp-color-blue-3: light-dark(oklch(95.78% 0.0187 251.67), oklch(26.59% 0.0484 251.67));
|
|
15
|
+
--rp-color-blue-4: light-dark(oklch(93.11% 0.0331 251.67), oklch(30.89% 0.0704 251.67));
|
|
16
|
+
--rp-color-blue-5: light-dark(oklch(89.86% 0.0459 251.67), oklch(35.47% 0.0791 251.67));
|
|
17
|
+
--rp-color-blue-6: light-dark(oklch(85.87% 0.0603 251.67), oklch(40.33% 0.0843 251.67));
|
|
18
|
+
--rp-color-blue-7: light-dark(oklch(80.5% 0.0765 251.67), oklch(46.38% 0.0929 251.67));
|
|
19
|
+
--rp-color-blue-8: light-dark(oklch(73.12% 0.1023 251.67), oklch(52.82% 0.1125 251.67));
|
|
20
|
+
--rp-color-blue-9: oklch(54.26% 0.1485 251.67);
|
|
21
|
+
--rp-color-blue-a1: light-dark(oklch(59.7% 0.221 258 / 0.014), oklch(81.02% 0.0982 252 / 0.1025));
|
|
22
|
+
--rp-color-blue-a10: light-dark(oklch(48.24% 0.1523 253.76 / 0.9288), oklch(68.64% 0.1702 251.8 / 0.7935));
|
|
23
|
+
--rp-color-blue-a11: light-dark(oklch(46.82% 0.1573 255.6 / 0.8273), oklch(77.47% 0.1183 251.66));
|
|
24
|
+
--rp-color-blue-a12: light-dark(oklch(25.62% 0.0789 252.95 / 0.912), oklch(90.48% 0.0475 251.65));
|
|
25
|
+
--rp-color-blue-a2: light-dark(oklch(57.96% 0.215 258.05 / 0.0387), oklch(79.75% 0.1052 252 / 0.1287));
|
|
26
|
+
--rp-color-blue-a3: light-dark(oklch(57.14% 0.2113 257.98 / 0.0891), oklch(70.63% 0.1578 252.4 / 0.2361));
|
|
27
|
+
--rp-color-blue-a4: light-dark(oklch(58.95% 0.2181 258 / 0.1499), oklch(67.55% 0.1762 252.6 / 0.3223));
|
|
28
|
+
--rp-color-blue-a5: light-dark(oklch(57.22% 0.2106 257.87 / 0.2152), oklch(68.68% 0.1696 252.3 / 0.3902));
|
|
29
|
+
--rp-color-blue-a6: light-dark(oklch(55.48% 0.2031 257.7 / 0.2927), oklch(70.42% 0.1593 252.05 / 0.4566));
|
|
30
|
+
--rp-color-blue-a7: light-dark(oklch(53.08% 0.1927 257.5 / 0.3903), oklch(71.68% 0.1519 251.89 / 0.5461));
|
|
31
|
+
--rp-color-blue-a8: light-dark(oklch(52.09% 0.1869 257.27 / 0.5325), oklch(70.94% 0.1563 251.83 / 0.6663));
|
|
32
|
+
--rp-color-blue-a9: light-dark(oklch(49.97% 0.1609 254.3 / 0.902), oklch(66.23% 0.1849 252 / 0.7608));
|
|
33
|
+
--rp-color-blue-contrast: oklch(100% 0 0);
|
|
34
|
+
--rp-color-blue-filled: var(--rp-color-blue-9);
|
|
35
|
+
--rp-color-blue-filled-hover: var(--rp-color-blue-10);
|
|
36
|
+
--rp-color-blue-light: var(--rp-color-blue-3);
|
|
37
|
+
--rp-color-blue-light-active: var(--rp-color-blue-5);
|
|
38
|
+
--rp-color-blue-light-color: var(--rp-color-blue-12);
|
|
39
|
+
--rp-color-blue-light-hover: var(--rp-color-blue-4);
|
|
40
|
+
--rp-color-blue-outline: var(--rp-color-blue-8);
|
|
41
|
+
--rp-color-blue-outline-hover: var(--rp-color-blue-a8);
|
|
42
|
+
--rp-color-body: var(--rp-color-gray-1);
|
|
43
|
+
--rp-color-bright: var(--rp-color-gray-12);
|
|
44
|
+
--rp-color-control-bg: var(--rp-color-default);
|
|
45
|
+
--rp-color-control-border: var(--rp-color-default-border);
|
|
46
|
+
--rp-color-control-border-focus: var(--rp-color-primary-filled);
|
|
47
|
+
--rp-color-control-border-hover: var(--rp-color-default-border-hover);
|
|
48
|
+
--rp-color-control-fg: var(--rp-color-default-color);
|
|
49
|
+
--rp-color-control-icon: var(--rp-color-dimmed);
|
|
50
|
+
--rp-color-control-placeholder: var(--rp-color-placeholder);
|
|
51
|
+
--rp-color-control-readonly-bg: var(--rp-color-default-hover);
|
|
52
|
+
--rp-color-control-selected-bg: var(--rp-color-primary-filled);
|
|
53
|
+
--rp-color-control-selected-fg: var(--rp-color-primary-contrast);
|
|
54
|
+
--rp-color-control-thumb-bg: var(--rp-color-white);
|
|
55
|
+
--rp-color-control-track-bg: var(--rp-color-disabled-border);
|
|
56
|
+
--rp-color-cyan-1: light-dark(oklch(99.36% 0.0019 215.07), oklch(18.96% 0.0086 215.07));
|
|
57
|
+
--rp-color-cyan-10: light-dark(oklch(48.14% 0.0848 215.07), oklch(54.6% 0.0832 215.07));
|
|
58
|
+
--rp-color-cyan-11: light-dark(oklch(54.71% 0.0788 215.07), oklch(77.47% 0.0746 215.07));
|
|
59
|
+
--rp-color-cyan-12: light-dark(oklch(32.83% 0.0414 215.07), oklch(90.48% 0.0339 215.07));
|
|
60
|
+
--rp-color-cyan-2: light-dark(oklch(98.19% 0.0049 215.07), oklch(20.97% 0.0112 215.07));
|
|
61
|
+
--rp-color-cyan-3: light-dark(oklch(95.78% 0.011 215.07), oklch(26.59% 0.0285 215.07));
|
|
62
|
+
--rp-color-cyan-4: light-dark(oklch(93.11% 0.0195 215.07), oklch(30.89% 0.0415 215.07));
|
|
63
|
+
--rp-color-cyan-5: light-dark(oklch(89.86% 0.027 215.07), oklch(35.47% 0.0466 215.07));
|
|
64
|
+
--rp-color-cyan-6: light-dark(oklch(85.87% 0.0355 215.07), oklch(40.33% 0.0496 215.07));
|
|
65
|
+
--rp-color-cyan-7: light-dark(oklch(80.5% 0.045 215.07), oklch(46.38% 0.0547 215.07));
|
|
66
|
+
--rp-color-cyan-8: light-dark(oklch(73.12% 0.0603 215.07), oklch(52.82% 0.0663 215.07));
|
|
67
|
+
--rp-color-cyan-9: oklch(50.9% 0.0875 215.07);
|
|
68
|
+
--rp-color-cyan-a1: light-dark(oklch(54.85% 0.1034 224.4 / 0.0136), oklch(91.71% 0.0648 215.39 / 0.0866));
|
|
69
|
+
--rp-color-cyan-a10: light-dark(oklch(47.93% 0.0848 215.2 / 0.9957), oklch(83.67% 0.131 215.44 / 0.5595));
|
|
70
|
+
--rp-color-cyan-a11: light-dark(oklch(44.84% 0.0816 219.9 / 0.8162), oklch(89.08% 0.0867 215.1 / 0.8298));
|
|
71
|
+
--rp-color-cyan-a12: light-dark(oklch(24.51% 0.0438 217.12 / 0.9033), oklch(95.39% 0.0358 215.07 / 0.9324));
|
|
72
|
+
--rp-color-cyan-a2: light-dark(oklch(52.39% 0.0986 224.24 / 0.0369), oklch(91.04% 0.0701 215.4 / 0.1076));
|
|
73
|
+
--rp-color-cyan-a3: light-dark(oklch(51.78% 0.0974 224.2 / 0.0853), oklch(85.84% 0.1116 215.91 / 0.1809));
|
|
74
|
+
--rp-color-cyan-a4: light-dark(oklch(53.7% 0.101 224.23 / 0.1433), oklch(83.91% 0.1271 216.1 / 0.2397));
|
|
75
|
+
--rp-color-cyan-a5: light-dark(oklch(52.29% 0.0983 224.1 / 0.2062), oklch(84.58% 0.1223 215.8 / 0.294));
|
|
76
|
+
--rp-color-cyan-a6: light-dark(oklch(50.92% 0.0955 223.8 / 0.2812), oklch(85.64% 0.1143 215.5 / 0.3504));
|
|
77
|
+
--rp-color-cyan-a7: light-dark(oklch(48.99% 0.0916 223.48 / 0.3762), oklch(86.39% 0.1084 215.36 / 0.4246));
|
|
78
|
+
--rp-color-cyan-a8: light-dark(oklch(48.64% 0.0905 222.92 / 0.5151), oklch(85.93% 0.1124 215.3 / 0.5148));
|
|
79
|
+
--rp-color-cyan-a9: light-dark(oklch(48.85% 0.0869 216.35 / 0.9569), oklch(82.06% 0.1434 215.84 / 0.5216));
|
|
80
|
+
--rp-color-cyan-contrast: oklch(100% 0 0);
|
|
81
|
+
--rp-color-cyan-filled: var(--rp-color-cyan-9);
|
|
82
|
+
--rp-color-cyan-filled-hover: var(--rp-color-cyan-10);
|
|
83
|
+
--rp-color-cyan-light: var(--rp-color-cyan-3);
|
|
84
|
+
--rp-color-cyan-light-active: var(--rp-color-cyan-5);
|
|
85
|
+
--rp-color-cyan-light-color: var(--rp-color-cyan-12);
|
|
86
|
+
--rp-color-cyan-light-hover: var(--rp-color-cyan-4);
|
|
87
|
+
--rp-color-cyan-outline: var(--rp-color-cyan-8);
|
|
88
|
+
--rp-color-cyan-outline-hover: var(--rp-color-cyan-a8);
|
|
89
|
+
--rp-color-default: var(--rp-color-gray-2);
|
|
90
|
+
--rp-color-default-border: var(--rp-color-gray-7);
|
|
91
|
+
--rp-color-default-border-hover: var(--rp-color-gray-8);
|
|
92
|
+
--rp-color-default-color: var(--rp-color-gray-12);
|
|
93
|
+
--rp-color-default-hover: var(--rp-color-gray-3);
|
|
94
|
+
--rp-color-dimmed: var(--rp-color-gray-11);
|
|
95
|
+
--rp-color-disabled: var(--rp-color-gray-3);
|
|
96
|
+
--rp-color-disabled-border: var(--rp-color-gray-6);
|
|
97
|
+
--rp-color-disabled-color: var(--rp-color-gray-8);
|
|
98
|
+
--rp-color-focus-ring: var(--rp-color-primary-a6);
|
|
99
|
+
--rp-color-grape-1: light-dark(oklch(99.36% 0.0047 319.15), oklch(18.96% 0.0214 319.15));
|
|
100
|
+
--rp-color-grape-10: light-dark(oklch(55.07% 0.2119 319.15), oklch(61.53% 0.2079 319.15));
|
|
101
|
+
--rp-color-grape-11: light-dark(oklch(55.21% 0.1969 319.15), oklch(78.97% 0.1708 319.15));
|
|
102
|
+
--rp-color-grape-12: light-dark(oklch(32.83% 0.1035 319.15), oklch(90.48% 0.0734 319.15));
|
|
103
|
+
--rp-color-grape-2: light-dark(oklch(98.19% 0.0121 319.15), oklch(20.97% 0.028 319.15));
|
|
104
|
+
--rp-color-grape-3: light-dark(oklch(95.78% 0.0276 319.15), oklch(26.59% 0.0712 319.15));
|
|
105
|
+
--rp-color-grape-4: light-dark(oklch(93.11% 0.0487 319.15), oklch(30.89% 0.1036 319.15));
|
|
106
|
+
--rp-color-grape-5: light-dark(oklch(89.86% 0.0676 319.15), oklch(35.47% 0.1164 319.15));
|
|
107
|
+
--rp-color-grape-6: light-dark(oklch(85.87% 0.0888 319.15), oklch(40.33% 0.1241 319.15));
|
|
108
|
+
--rp-color-grape-7: light-dark(oklch(80.5% 0.1125 319.15), oklch(46.38% 0.1368 319.15));
|
|
109
|
+
--rp-color-grape-8: light-dark(oklch(73.12% 0.1506 319.15), oklch(52.82% 0.1656 319.15));
|
|
110
|
+
--rp-color-grape-9: oklch(57.83% 0.2186 319.15);
|
|
111
|
+
--rp-color-grape-a1: light-dark(oklch(62.42% 0.3062 315.8 / 0.012), oklch(81.92% 0.1448 319.1 / 0.1013));
|
|
112
|
+
--rp-color-grape-a10: light-dark(oklch(46.87% 0.2283 317.14 / 0.7821), oklch(71.09% 0.2432 319.13 / 0.8221));
|
|
113
|
+
--rp-color-grape-a11: light-dark(oklch(44.84% 0.2186 316.96 / 0.7519), oklch(78.97% 0.1708 319.15));
|
|
114
|
+
--rp-color-grape-a12: light-dark(oklch(23.22% 0.1125 318.14 / 0.8779), oklch(90.48% 0.0734 319.16));
|
|
115
|
+
--rp-color-grape-a2: light-dark(oklch(59.01% 0.2894 315.84 / 0.0329), oklch(80.71% 0.1553 319.1 / 0.1271));
|
|
116
|
+
--rp-color-grape-a3: light-dark(oklch(57.94% 0.2841 315.87 / 0.0763), oklch(72.1% 0.2328 318.97 / 0.2313));
|
|
117
|
+
--rp-color-grape-a4: light-dark(oklch(60.06% 0.2946 315.8 / 0.1276), oklch(69.17% 0.2604 318.92 / 0.3147));
|
|
118
|
+
--rp-color-grape-a5: light-dark(oklch(57.87% 0.2837 315.88 / 0.1847), oklch(70.13% 0.2516 319 / 0.3814));
|
|
119
|
+
--rp-color-grape-a6: light-dark(oklch(55.7% 0.273 315.93 / 0.2535), oklch(71.71% 0.237 319.06 / 0.447));
|
|
120
|
+
--rp-color-grape-a7: light-dark(oklch(52.79% 0.2586 316.02 / 0.342), oklch(72.87% 0.2263 319.1 / 0.5352));
|
|
121
|
+
--rp-color-grape-a8: light-dark(oklch(51.47% 0.252 316.15 / 0.4709), oklch(72.12% 0.2333 319.11 / 0.6526));
|
|
122
|
+
--rp-color-grape-a9: light-dark(oklch(49.3% 0.2403 317.01 / 0.7569), oklch(68.9% 0.2641 319.11 / 0.7882));
|
|
123
|
+
--rp-color-grape-contrast: oklch(100% 0 0);
|
|
124
|
+
--rp-color-grape-filled: var(--rp-color-grape-9);
|
|
125
|
+
--rp-color-grape-filled-hover: var(--rp-color-grape-10);
|
|
126
|
+
--rp-color-grape-light: var(--rp-color-grape-3);
|
|
127
|
+
--rp-color-grape-light-active: var(--rp-color-grape-5);
|
|
128
|
+
--rp-color-grape-light-color: var(--rp-color-grape-12);
|
|
129
|
+
--rp-color-grape-light-hover: var(--rp-color-grape-4);
|
|
130
|
+
--rp-color-grape-outline: var(--rp-color-grape-8);
|
|
131
|
+
--rp-color-grape-outline-hover: var(--rp-color-grape-a8);
|
|
132
|
+
--rp-color-gray-1: light-dark(oklch(99.36% 0.0003 248.17), oklch(18.96% 0.0014 248.17));
|
|
133
|
+
--rp-color-gray-10: light-dark(oklch(40% 0.0143 248.17), oklch(46.46% 0.014 248.17));
|
|
134
|
+
--rp-color-gray-11: light-dark(oklch(52.38% 0.0128 243.82), oklch(77.47% 0.0125 248.17));
|
|
135
|
+
--rp-color-gray-12: light-dark(oklch(26.21% 0.0095 248.19), oklch(90.48% 0.0057 248.17));
|
|
136
|
+
--rp-color-gray-2: light-dark(oklch(98.19% 0.0008 248.17), oklch(20.97% 0.0019 248.17));
|
|
137
|
+
--rp-color-gray-3: light-dark(oklch(95.78% 0.0019 248.17), oklch(26.59% 0.0048 248.17));
|
|
138
|
+
--rp-color-gray-4: light-dark(oklch(93.11% 0.0033 248.17), oklch(30.89% 0.007 248.17));
|
|
139
|
+
--rp-color-gray-5: light-dark(oklch(89.86% 0.0045 248.17), oklch(35.47% 0.0078 248.17));
|
|
140
|
+
--rp-color-gray-6: light-dark(oklch(85.87% 0.006 248.17), oklch(40.33% 0.0083 248.17));
|
|
141
|
+
--rp-color-gray-7: light-dark(oklch(80.5% 0.0076 248.17), oklch(46.38% 0.0092 248.17));
|
|
142
|
+
--rp-color-gray-8: light-dark(oklch(73.12% 0.0101 248.17), oklch(52.82% 0.0111 248.17));
|
|
143
|
+
--rp-color-gray-9: oklch(42.76% 0.0147 248.17);
|
|
144
|
+
--rp-color-gray-a1: light-dark(oklch(18.96% 0.0516 248.49 / 0.009), oklch(97.57% 0.012 248.22 / 0.0795));
|
|
145
|
+
--rp-color-gray-a10: light-dark(oklch(13.27% 0.0293 237.76 / 0.7418), oklch(93.86% 0.0308 248.2 / 0.3802));
|
|
146
|
+
--rp-color-gray-a11: light-dark(oklch(14.42% 0.0317 237.37 / 0.6079), oklch(96.79% 0.016 248.2 / 0.7431));
|
|
147
|
+
--rp-color-gray-a12: light-dark(oklch(10.52% 0.0219 233.51 / 0.8706), oklch(98.73% 0.0062 248.17 / 0.8908));
|
|
148
|
+
--rp-color-gray-a2: light-dark(oklch(18.07% 0.0481 247.57 / 0.0254), oklch(97.36% 0.0131 248.22 / 0.0981));
|
|
149
|
+
--rp-color-gray-a3: light-dark(oklch(17.84% 0.0472 247.3 / 0.0589), oklch(95.52% 0.0224 248.2 / 0.1556));
|
|
150
|
+
--rp-color-gray-a4: light-dark(oklch(18.47% 0.0497 247.98 / 0.0963), oklch(94.79% 0.0261 248.22 / 0.2018));
|
|
151
|
+
--rp-color-gray-a5: light-dark(oklch(17.93% 0.0476 247.38 / 0.1405), oklch(95.11% 0.0245 248.2 / 0.2498));
|
|
152
|
+
--rp-color-gray-a6: light-dark(oklch(17.41% 0.0455 246.74 / 0.194), oklch(95.54% 0.0223 248.2 / 0.3017));
|
|
153
|
+
--rp-color-gray-a7: light-dark(oklch(16.7% 0.0427 245.75 / 0.2644), oklch(95.83% 0.0208 248.19 / 0.369));
|
|
154
|
+
--rp-color-gray-a8: light-dark(oklch(16.4% 0.0415 245.25 / 0.3599), oklch(95.68% 0.0216 248.2 / 0.4453));
|
|
155
|
+
--rp-color-gray-a9: light-dark(oklch(13.69% 0.0308 239.02 / 0.7137), oklch(92.96% 0.0355 248.21 / 0.3412));
|
|
156
|
+
--rp-color-gray-contrast: oklch(100% 0 0);
|
|
157
|
+
--rp-color-gray-filled: var(--rp-color-gray-9);
|
|
158
|
+
--rp-color-gray-filled-hover: var(--rp-color-gray-10);
|
|
159
|
+
--rp-color-gray-light: var(--rp-color-gray-3);
|
|
160
|
+
--rp-color-gray-light-active: var(--rp-color-gray-5);
|
|
161
|
+
--rp-color-gray-light-color: var(--rp-color-gray-12);
|
|
162
|
+
--rp-color-gray-light-hover: var(--rp-color-gray-4);
|
|
163
|
+
--rp-color-gray-outline: var(--rp-color-gray-8);
|
|
164
|
+
--rp-color-gray-outline-hover: var(--rp-color-gray-a8);
|
|
165
|
+
--rp-color-green-1: light-dark(oklch(99.36% 0.004 146.44), oklch(18.96% 0.018 146.44));
|
|
166
|
+
--rp-color-green-10: light-dark(oklch(68.7% 0.1779 146.44), oklch(75.16% 0.1745 146.44));
|
|
167
|
+
--rp-color-green-11: light-dark(oklch(53.71% 0.1621 146.44), oklch(77.47% 0.1565 146.44));
|
|
168
|
+
--rp-color-green-12: light-dark(oklch(32.83% 0.0869 146.44), oklch(90.48% 0.071 146.44));
|
|
169
|
+
--rp-color-green-2: light-dark(oklch(98.19% 0.0102 146.44), oklch(20.97% 0.0235 146.44));
|
|
170
|
+
--rp-color-green-3: light-dark(oklch(95.78% 0.0232 146.44), oklch(26.59% 0.0598 146.44));
|
|
171
|
+
--rp-color-green-4: light-dark(oklch(93.11% 0.0409 146.44), oklch(30.89% 0.087 146.44));
|
|
172
|
+
--rp-color-green-5: light-dark(oklch(89.86% 0.0567 146.44), oklch(35.47% 0.0977 146.44));
|
|
173
|
+
--rp-color-green-6: light-dark(oklch(85.87% 0.0745 146.44), oklch(40.33% 0.1042 146.44));
|
|
174
|
+
--rp-color-green-7: light-dark(oklch(80.5% 0.0945 146.44), oklch(46.38% 0.1148 146.44));
|
|
175
|
+
--rp-color-green-8: light-dark(oklch(73.12% 0.1264 146.44), oklch(52.82% 0.139 146.44));
|
|
176
|
+
--rp-color-green-9: oklch(71.46% 0.1835 146.44);
|
|
177
|
+
--rp-color-green-a1: light-dark(oklch(62.54% 0.2117 142.65 / 0.0147), oklch(92.48% 0.138 145.82 / 0.086));
|
|
178
|
+
--rp-color-green-a10: light-dark(oklch(61.4% 0.2003 143.8 / 0.7697), oklch(89.2% 0.2096 146.38 / 0.7956));
|
|
179
|
+
--rp-color-green-a11: light-dark(oklch(53.71% 0.1621 146.44), oklch(90.28% 0.1845 146.4 / 0.8154));
|
|
180
|
+
--rp-color-green-a12: light-dark(oklch(28.87% 0.0889 145.8 / 0.9482), oklch(95.62% 0.0754 146.44 / 0.9294));
|
|
181
|
+
--rp-color-green-a2: light-dark(oklch(59.82% 0.2024 142.7 / 0.0398), oklch(91.93% 0.1494 145.83 / 0.1067));
|
|
182
|
+
--rp-color-green-a3: light-dark(oklch(59.05% 0.1996 142.69 / 0.0918), oklch(88.18% 0.2382 145.41 / 0.1763));
|
|
183
|
+
--rp-color-green-a4: light-dark(oklch(60.96% 0.2059 142.7 / 0.1551), oklch(87.06% 0.2693 144.97 / 0.2314));
|
|
184
|
+
--rp-color-green-a5: light-dark(oklch(59.32% 0.2001 142.8 / 0.2231), oklch(87.3% 0.2608 145.46 / 0.2845));
|
|
185
|
+
--rp-color-green-a6: light-dark(oklch(57.71% 0.1942 142.82 / 0.3042), oklch(87.87% 0.2443 145.83 / 0.3405));
|
|
186
|
+
--rp-color-green-a7: light-dark(oklch(55.51% 0.1862 142.92 / 0.4072), oklch(88.33% 0.2318 146.05 / 0.4137));
|
|
187
|
+
--rp-color-green-a8: light-dark(oklch(55.03% 0.1834 143.1 / 0.5629), oklch(87.97% 0.2407 146.11 / 0.5004));
|
|
188
|
+
--rp-color-green-a9: light-dark(oklch(64.29% 0.2103 143.7 / 0.749), oklch(88.36% 0.23 146.34 / 0.7529));
|
|
189
|
+
--rp-color-green-contrast: oklch(0% 0 0);
|
|
190
|
+
--rp-color-green-filled: var(--rp-color-green-9);
|
|
191
|
+
--rp-color-green-filled-hover: var(--rp-color-green-10);
|
|
192
|
+
--rp-color-green-light: var(--rp-color-green-3);
|
|
193
|
+
--rp-color-green-light-active: var(--rp-color-green-5);
|
|
194
|
+
--rp-color-green-light-color: var(--rp-color-green-12);
|
|
195
|
+
--rp-color-green-light-hover: var(--rp-color-green-4);
|
|
196
|
+
--rp-color-green-outline: var(--rp-color-green-8);
|
|
197
|
+
--rp-color-green-outline-hover: var(--rp-color-green-a8);
|
|
198
|
+
--rp-color-indigo-1: light-dark(oklch(99.36% 0.003 268.4), oklch(18.96% 0.0204 268.35));
|
|
199
|
+
--rp-color-indigo-10: light-dark(oklch(52.9% 0.2018 268.35), oklch(59.36% 0.198 268.35));
|
|
200
|
+
--rp-color-indigo-11: light-dark(oklch(55.21% 0.1875 268.35), oklch(77.47% 0.1139 268.35));
|
|
201
|
+
--rp-color-indigo-12: light-dark(oklch(32.83% 0.0986 268.35), oklch(90.48% 0.0457 268.35));
|
|
202
|
+
--rp-color-indigo-2: light-dark(oklch(98.19% 0.0085 268.4), oklch(20.97% 0.0267 268.35));
|
|
203
|
+
--rp-color-indigo-3: light-dark(oklch(95.78% 0.0199 268.4), oklch(26.59% 0.0678 268.35));
|
|
204
|
+
--rp-color-indigo-4: light-dark(oklch(93.11% 0.0328 268.4), oklch(30.89% 0.0987 268.35));
|
|
205
|
+
--rp-color-indigo-5: light-dark(oklch(89.86% 0.0488 268.35), oklch(35.47% 0.1108 268.35));
|
|
206
|
+
--rp-color-indigo-6: light-dark(oklch(85.87% 0.0691 268.35), oklch(40.33% 0.1182 268.35));
|
|
207
|
+
--rp-color-indigo-7: light-dark(oklch(80.5% 0.0974 268.35), oklch(46.38% 0.1303 268.35));
|
|
208
|
+
--rp-color-indigo-8: light-dark(oklch(73.12% 0.1383 268.4), oklch(52.82% 0.1577 268.35));
|
|
209
|
+
--rp-color-indigo-9: oklch(55.66% 0.2082 268.35);
|
|
210
|
+
--rp-color-indigo-a1: light-dark(oklch(51.56% 0.2709 263.38 / 0.0118), oklch(75.08% 0.1272 267.5 / 0.1137));
|
|
211
|
+
--rp-color-indigo-a10: light-dark(oklch(42.13% 0.2528 264.12 / 0.7635), oklch(61.62% 0.2064 268.32 / 0.9498));
|
|
212
|
+
--rp-color-indigo-a11: light-dark(oklch(42.31% 0.2478 264.04 / 0.729), oklch(77.47% 0.1139 268.35));
|
|
213
|
+
--rp-color-indigo-a12: light-dark(oklch(22.66% 0.1165 263.19 / 0.875), oklch(90.48% 0.0457 268.34));
|
|
214
|
+
--rp-color-indigo-a2: light-dark(oklch(51.5% 0.2713 263.4 / 0.0332), oklch(73.59% 0.1355 267.55 / 0.1437));
|
|
215
|
+
--rp-color-indigo-a3: light-dark(oklch(51.44% 0.2717 263.4 / 0.0774), oklch(63.24% 0.1964 267.36 / 0.2751));
|
|
216
|
+
--rp-color-indigo-a4: light-dark(oklch(51.37% 0.2721 263.45 / 0.1261), oklch(59.87% 0.2173 267.5 / 0.3809));
|
|
217
|
+
--rp-color-indigo-a5: light-dark(oklch(51.28% 0.2727 263.48 / 0.1853), oklch(61.1% 0.2096 267.75 / 0.4583));
|
|
218
|
+
--rp-color-indigo-a6: light-dark(oklch(51.14% 0.2736 263.53 / 0.2576), oklch(63.01% 0.1979 267.95 / 0.5317));
|
|
219
|
+
--rp-color-indigo-a7: light-dark(oklch(50.88% 0.2753 263.61 / 0.3541), oklch(64.41% 0.1894 268.11 / 0.6319));
|
|
220
|
+
--rp-color-indigo-a8: light-dark(oklch(50.35% 0.2788 263.76 / 0.4848), oklch(63.59% 0.1944 268.21 / 0.7735));
|
|
221
|
+
--rp-color-indigo-a9: light-dark(oklch(44.56% 0.2674 264.12 / 0.7412), oklch(59.05% 0.2224 268.29 / 0.9216));
|
|
222
|
+
--rp-color-indigo-contrast: oklch(100% 0 0);
|
|
223
|
+
--rp-color-indigo-filled: var(--rp-color-indigo-9);
|
|
224
|
+
--rp-color-indigo-filled-hover: var(--rp-color-indigo-10);
|
|
225
|
+
--rp-color-indigo-light: var(--rp-color-indigo-3);
|
|
226
|
+
--rp-color-indigo-light-active: var(--rp-color-indigo-5);
|
|
227
|
+
--rp-color-indigo-light-color: var(--rp-color-indigo-12);
|
|
228
|
+
--rp-color-indigo-light-hover: var(--rp-color-indigo-4);
|
|
229
|
+
--rp-color-indigo-outline: var(--rp-color-indigo-8);
|
|
230
|
+
--rp-color-indigo-outline-hover: var(--rp-color-indigo-a8);
|
|
231
|
+
--rp-color-lime-1: light-dark(oklch(99.36% 0.0043 131.08), oklch(18.96% 0.0196 131.08));
|
|
232
|
+
--rp-color-lime-10: light-dark(oklch(73.24% 0.1935 131.08), oklch(79.7% 0.1899 131.08));
|
|
233
|
+
--rp-color-lime-11: light-dark(oklch(54.21% 0.1483 131.08), oklch(77.47% 0.1703 131.08));
|
|
234
|
+
--rp-color-lime-12: light-dark(oklch(32.83% 0.0898 131.08), oklch(90.48% 0.0773 131.08));
|
|
235
|
+
--rp-color-lime-2: light-dark(oklch(98.19% 0.0111 131.08), oklch(20.97% 0.0256 131.08));
|
|
236
|
+
--rp-color-lime-3: light-dark(oklch(95.78% 0.0252 131.08), oklch(26.59% 0.065 131.08));
|
|
237
|
+
--rp-color-lime-4: light-dark(oklch(93.11% 0.0445 131.08), oklch(30.89% 0.0845 131.08));
|
|
238
|
+
--rp-color-lime-5: light-dark(oklch(89.86% 0.0617 131.08), oklch(35.47% 0.0971 131.1));
|
|
239
|
+
--rp-color-lime-6: light-dark(oklch(85.87% 0.0811 131.08), oklch(40.33% 0.1104 131.1));
|
|
240
|
+
--rp-color-lime-7: light-dark(oklch(80.5% 0.1028 131.08), oklch(46.38% 0.1249 131.08));
|
|
241
|
+
--rp-color-lime-8: light-dark(oklch(73.12% 0.1376 131.08), oklch(52.82% 0.1445 131.08));
|
|
242
|
+
--rp-color-lime-9: oklch(76% 0.1996 131.08);
|
|
243
|
+
--rp-color-lime-a1: light-dark(oklch(66.07% 0.2016 137.36 / 0.0174), oklch(93.59% 0.151 131.85 / 0.0846));
|
|
244
|
+
--rp-color-lime-a10: light-dark(oklch(70.65% 0.1984 132.7 / 0.9007), oklch(91.46% 0.2196 131.15 / 0.8324));
|
|
245
|
+
--rp-color-lime-a11: light-dark(oklch(54.21% 0.1483 131.08), oklch(91.93% 0.2043 131.15 / 0.796));
|
|
246
|
+
--rp-color-lime-a12: light-dark(oklch(32.83% 0.0898 131.08), oklch(96.29% 0.0826 131.08 / 0.9209));
|
|
247
|
+
--rp-color-lime-a2: light-dark(oklch(63.64% 0.1938 137.26 / 0.0469), oklch(93.15% 0.1635 131.9 / 0.1047));
|
|
248
|
+
--rp-color-lime-a3: light-dark(oklch(62.93% 0.1913 137.2 / 0.1079), oklch(90.11% 0.2495 133.27 / 0.1705));
|
|
249
|
+
--rp-color-lime-a4: light-dark(oklch(64.64% 0.1961 137.06 / 0.1832), oklch(89.82% 0.2563 133.7 / 0.2197));
|
|
250
|
+
--rp-color-lime-a5: light-dark(oklch(63.16% 0.191 136.9 / 0.2619), oklch(90.01% 0.2543 133.1 / 0.2715));
|
|
251
|
+
--rp-color-lime-a6: light-dark(oklch(61.71% 0.1857 136.64 / 0.3548), oklch(90.16% 0.2528 132.6 / 0.3283));
|
|
252
|
+
--rp-color-lime-a7: light-dark(oklch(59.73% 0.1785 136.27 / 0.4712), oklch(90.37% 0.2498 132.06 / 0.4009));
|
|
253
|
+
--rp-color-lime-a8: light-dark(oklch(59.6% 0.1754 135.43 / 0.6526), oklch(90.39% 0.2505 131.9 / 0.4821));
|
|
254
|
+
--rp-color-lime-a9: light-dark(oklch(73.26% 0.2064 132.92 / 0.8824), oklch(90.84% 0.2404 131.22 / 0.7882));
|
|
255
|
+
--rp-color-lime-contrast: oklch(0% 0 0);
|
|
256
|
+
--rp-color-lime-filled: var(--rp-color-lime-9);
|
|
257
|
+
--rp-color-lime-filled-hover: var(--rp-color-lime-10);
|
|
258
|
+
--rp-color-lime-light: var(--rp-color-lime-3);
|
|
259
|
+
--rp-color-lime-light-active: var(--rp-color-lime-5);
|
|
260
|
+
--rp-color-lime-light-color: var(--rp-color-lime-12);
|
|
261
|
+
--rp-color-lime-light-hover: var(--rp-color-lime-4);
|
|
262
|
+
--rp-color-lime-outline: var(--rp-color-lime-8);
|
|
263
|
+
--rp-color-lime-outline-hover: var(--rp-color-lime-a8);
|
|
264
|
+
--rp-color-orange-1: light-dark(oklch(99.36% 0.0032 37.97), oklch(18.96% 0.0182 37.97));
|
|
265
|
+
--rp-color-orange-10: light-dark(oklch(55.84% 0.1796 37.97), oklch(62.3% 0.1762 37.97));
|
|
266
|
+
--rp-color-orange-11: light-dark(oklch(55.21% 0.1668 37.97), oklch(77.97% 0.1323 37.97));
|
|
267
|
+
--rp-color-orange-12: light-dark(oklch(32.83% 0.0877 37.97), oklch(90.48% 0.051 37.97));
|
|
268
|
+
--rp-color-orange-2: light-dark(oklch(98.19% 0.0091 37.97), oklch(20.97% 0.0238 37.97));
|
|
269
|
+
--rp-color-orange-3: light-dark(oklch(95.78% 0.0216 37.97), oklch(26.59% 0.0603 37.97));
|
|
270
|
+
--rp-color-orange-4: light-dark(oklch(93.11% 0.0361 37.97), oklch(30.89% 0.0878 37.97));
|
|
271
|
+
--rp-color-orange-5: light-dark(oklch(89.86% 0.0546 37.97), oklch(35.47% 0.0986 37.97));
|
|
272
|
+
--rp-color-orange-6: light-dark(oklch(85.87% 0.0753 37.97), oklch(40.33% 0.1052 37.97));
|
|
273
|
+
--rp-color-orange-7: light-dark(oklch(80.5% 0.0954 37.97), oklch(46.38% 0.1159 37.97));
|
|
274
|
+
--rp-color-orange-8: light-dark(oklch(73.12% 0.1277 37.97), oklch(52.82% 0.1404 37.97));
|
|
275
|
+
--rp-color-orange-9: oklch(58.6% 0.1853 37.97);
|
|
276
|
+
--rp-color-orange-a1: light-dark(oklch(65.31% 0.2352 33.94 / 0.0143), oklch(79.53% 0.1211 38.03 / 0.1058));
|
|
277
|
+
--rp-color-orange-a10: light-dark(oklch(54.96% 0.183 37.23 / 0.9725), oklch(69.61% 0.1988 37.9 / 0.8605));
|
|
278
|
+
--rp-color-orange-a11: light-dark(oklch(51.85% 0.1788 35.71 / 0.9065), oklch(77.97% 0.1323 37.97));
|
|
279
|
+
--rp-color-orange-a12: light-dark(oklch(28.71% 0.0936 38.2 / 0.9416), oklch(90.48% 0.0509 37.98));
|
|
280
|
+
--rp-color-orange-a2: light-dark(oklch(65.3% 0.2353 33.92 / 0.0405), oklch(78.35% 0.1295 38.02 / 0.1328));
|
|
281
|
+
--rp-color-orange-a3: light-dark(oklch(65.3% 0.2352 33.93 / 0.0949), oklch(70.25% 0.193 37.45 / 0.2412));
|
|
282
|
+
--rp-color-orange-a4: light-dark(oklch(65.31% 0.2352 33.95 / 0.156), oklch(67.64% 0.2154 36.74 / 0.3265));
|
|
283
|
+
--rp-color-orange-a5: light-dark(oklch(65.31% 0.2351 33.96 / 0.2317), oklch(68.5% 0.2081 37.24 / 0.3954));
|
|
284
|
+
--rp-color-orange-a6: light-dark(oklch(64.18% 0.2308 33.99 / 0.3205), oklch(69.93% 0.1958 37.63 / 0.4637));
|
|
285
|
+
--rp-color-orange-a7: light-dark(oklch(60.97% 0.2187 34.1 / 0.4249), oklch(71.01% 0.1868 37.8 / 0.5551));
|
|
286
|
+
--rp-color-orange-a8: light-dark(oklch(58.92% 0.211 34.16 / 0.5782), oklch(70.33% 0.1926 37.83 / 0.6759));
|
|
287
|
+
--rp-color-orange-a9: light-dark(oklch(56.85% 0.193 36.39 / 0.9412), oklch(67.63% 0.2162 37.73 / 0.8235));
|
|
288
|
+
--rp-color-orange-contrast: oklch(100% 0 0);
|
|
289
|
+
--rp-color-orange-filled: var(--rp-color-orange-9);
|
|
290
|
+
--rp-color-orange-filled-hover: var(--rp-color-orange-10);
|
|
291
|
+
--rp-color-orange-light: var(--rp-color-orange-3);
|
|
292
|
+
--rp-color-orange-light-active: var(--rp-color-orange-5);
|
|
293
|
+
--rp-color-orange-light-color: var(--rp-color-orange-12);
|
|
294
|
+
--rp-color-orange-light-hover: var(--rp-color-orange-4);
|
|
295
|
+
--rp-color-orange-outline: var(--rp-color-orange-8);
|
|
296
|
+
--rp-color-orange-outline-hover: var(--rp-color-orange-a8);
|
|
297
|
+
--rp-color-pink-1: light-dark(oklch(99.36% 0.0032 5.25), oklch(18.96% 0.0197 5.25));
|
|
298
|
+
--rp-color-pink-10: light-dark(oklch(56.05% 0.1949 5.25), oklch(62.51% 0.1912 5.25));
|
|
299
|
+
--rp-color-pink-11: light-dark(oklch(55.21% 0.181 5.25), oklch(78.47% 0.1318 5.25));
|
|
300
|
+
--rp-color-pink-12: light-dark(oklch(32.83% 0.0952 5.25), oklch(90.48% 0.0516 5.25));
|
|
301
|
+
--rp-color-pink-2: light-dark(oklch(98.19% 0.0092 5.25), oklch(20.97% 0.0258 5.25));
|
|
302
|
+
--rp-color-pink-3: light-dark(oklch(95.78% 0.0218 5.25), oklch(26.59% 0.0655 5.25));
|
|
303
|
+
--rp-color-pink-4: light-dark(oklch(93.11% 0.0365 5.25), oklch(30.89% 0.0953 5.25));
|
|
304
|
+
--rp-color-pink-5: light-dark(oklch(89.86% 0.0553 5.25), oklch(35.47% 0.107 5.25));
|
|
305
|
+
--rp-color-pink-6: light-dark(oklch(85.87% 0.0801 5.25), oklch(40.33% 0.1141 5.25));
|
|
306
|
+
--rp-color-pink-7: light-dark(oklch(80.5% 0.1035 5.25), oklch(46.38% 0.1258 5.25));
|
|
307
|
+
--rp-color-pink-8: light-dark(oklch(73.12% 0.1385 5.25), oklch(52.82% 0.1523 5.25));
|
|
308
|
+
--rp-color-pink-9: oklch(58.81% 0.201 5.25);
|
|
309
|
+
--rp-color-pink-a1: light-dark(oklch(63% 0.2554 24.91 / 0.0116), oklch(78.66% 0.1291 6.94 / 0.1075));
|
|
310
|
+
--rp-color-pink-a10: light-dark(oklch(51.18% 0.2045 13.01 / 0.8249), oklch(68.89% 0.2123 5.37 / 0.8768));
|
|
311
|
+
--rp-color-pink-a11: light-dark(oklch(48.67% 0.1945 14.19 / 0.7983), oklch(78.47% 0.1318 5.24));
|
|
312
|
+
--rp-color-pink-a12: light-dark(oklch(25.5% 0.1019 11.4 / 0.8963), oklch(90.48% 0.0516 5.24));
|
|
313
|
+
--rp-color-pink-a2: light-dark(oklch(63% 0.2553 24.84 / 0.0329), oklch(77.49% 0.138 6.84 / 0.135));
|
|
314
|
+
--rp-color-pink-a3: light-dark(oklch(63.02% 0.2552 24.62 / 0.077), oklch(69.5% 0.2045 7.29 / 0.2454));
|
|
315
|
+
--rp-color-pink-a4: light-dark(oklch(63.03% 0.2551 24.34 / 0.1266), oklch(66.98% 0.2283 7.22 / 0.3321));
|
|
316
|
+
--rp-color-pink-a5: light-dark(oklch(63.05% 0.255 23.93 / 0.1881), oklch(67.79% 0.2213 6.62 / 0.402));
|
|
317
|
+
--rp-color-pink-a6: light-dark(oklch(63.08% 0.2548 23.31 / 0.266), oklch(69.17% 0.2088 6.15 / 0.4713));
|
|
318
|
+
--rp-color-pink-a7: light-dark(oklch(59.75% 0.2409 22.38 / 0.3605), oklch(70.22% 0.1995 5.81 / 0.564));
|
|
319
|
+
--rp-color-pink-a8: light-dark(oklch(57.24% 0.2301 20.67 / 0.497), oklch(69.55% 0.206 5.62 / 0.6865));
|
|
320
|
+
--rp-color-pink-a9: light-dark(oklch(53.75% 0.2148 13.66 / 0.8), oklch(66.95% 0.2309 5.47 / 0.8392));
|
|
321
|
+
--rp-color-pink-contrast: oklch(100% 0 0);
|
|
322
|
+
--rp-color-pink-filled: var(--rp-color-pink-9);
|
|
323
|
+
--rp-color-pink-filled-hover: var(--rp-color-pink-10);
|
|
324
|
+
--rp-color-pink-light: var(--rp-color-pink-3);
|
|
325
|
+
--rp-color-pink-light-active: var(--rp-color-pink-5);
|
|
326
|
+
--rp-color-pink-light-color: var(--rp-color-pink-12);
|
|
327
|
+
--rp-color-pink-light-hover: var(--rp-color-pink-4);
|
|
328
|
+
--rp-color-pink-outline: var(--rp-color-pink-8);
|
|
329
|
+
--rp-color-pink-outline-hover: var(--rp-color-pink-a8);
|
|
330
|
+
--rp-color-placeholder: var(--rp-color-gray-11);
|
|
331
|
+
--rp-color-primary-1: var(--rp-color-blue-1);
|
|
332
|
+
--rp-color-primary-10: var(--rp-color-blue-10);
|
|
333
|
+
--rp-color-primary-11: var(--rp-color-blue-11);
|
|
334
|
+
--rp-color-primary-12: var(--rp-color-blue-12);
|
|
335
|
+
--rp-color-primary-2: var(--rp-color-blue-2);
|
|
336
|
+
--rp-color-primary-3: var(--rp-color-blue-3);
|
|
337
|
+
--rp-color-primary-4: var(--rp-color-blue-4);
|
|
338
|
+
--rp-color-primary-5: var(--rp-color-blue-5);
|
|
339
|
+
--rp-color-primary-6: var(--rp-color-blue-6);
|
|
340
|
+
--rp-color-primary-7: var(--rp-color-blue-7);
|
|
341
|
+
--rp-color-primary-8: var(--rp-color-blue-8);
|
|
342
|
+
--rp-color-primary-9: var(--rp-color-blue-9);
|
|
343
|
+
--rp-color-primary-a1: var(--rp-color-blue-a1);
|
|
344
|
+
--rp-color-primary-a10: var(--rp-color-blue-a10);
|
|
345
|
+
--rp-color-primary-a11: var(--rp-color-blue-a11);
|
|
346
|
+
--rp-color-primary-a12: var(--rp-color-blue-a12);
|
|
347
|
+
--rp-color-primary-a2: var(--rp-color-blue-a2);
|
|
348
|
+
--rp-color-primary-a3: var(--rp-color-blue-a3);
|
|
349
|
+
--rp-color-primary-a4: var(--rp-color-blue-a4);
|
|
350
|
+
--rp-color-primary-a5: var(--rp-color-blue-a5);
|
|
351
|
+
--rp-color-primary-a6: var(--rp-color-blue-a6);
|
|
352
|
+
--rp-color-primary-a7: var(--rp-color-blue-a7);
|
|
353
|
+
--rp-color-primary-a8: var(--rp-color-blue-a8);
|
|
354
|
+
--rp-color-primary-a9: var(--rp-color-blue-a9);
|
|
355
|
+
--rp-color-primary-contrast: var(--rp-color-blue-contrast);
|
|
356
|
+
--rp-color-primary-filled: var(--rp-color-blue-9);
|
|
357
|
+
--rp-color-primary-filled-hover: var(--rp-color-blue-10);
|
|
358
|
+
--rp-color-primary-light: var(--rp-color-blue-3);
|
|
359
|
+
--rp-color-primary-light-active: var(--rp-color-blue-5);
|
|
360
|
+
--rp-color-primary-light-color: var(--rp-color-blue-12);
|
|
361
|
+
--rp-color-primary-light-hover: var(--rp-color-blue-4);
|
|
362
|
+
--rp-color-primary-outline: var(--rp-color-blue-8);
|
|
363
|
+
--rp-color-primary-outline-hover: var(--rp-color-blue-a8);
|
|
364
|
+
--rp-color-red-1: light-dark(oklch(99.36% 0.0031 26.53), oklch(18.96% 0.0206 26.53));
|
|
365
|
+
--rp-color-red-10: light-dark(oklch(56.52% 0.2042 26.53), oklch(62.98% 0.2003 26.53));
|
|
366
|
+
--rp-color-red-11: light-dark(oklch(55.21% 0.1897 26.53), oklch(77.97% 0.1287 26.53));
|
|
367
|
+
--rp-color-red-12: light-dark(oklch(32.83% 0.0997 26.53), oklch(90.48% 0.0493 26.53));
|
|
368
|
+
--rp-color-red-2: light-dark(oklch(98.19% 0.0088 26.53), oklch(20.97% 0.027 26.53));
|
|
369
|
+
--rp-color-red-3: light-dark(oklch(95.78% 0.0209 26.53), oklch(26.59% 0.0686 26.53));
|
|
370
|
+
--rp-color-red-4: light-dark(oklch(93.11% 0.0349 26.53), oklch(30.89% 0.0998 26.53));
|
|
371
|
+
--rp-color-red-5: light-dark(oklch(89.86% 0.0528 26.53), oklch(35.47% 0.1121 26.53));
|
|
372
|
+
--rp-color-red-6: light-dark(oklch(85.87% 0.0764 26.53), oklch(40.33% 0.1196 26.53));
|
|
373
|
+
--rp-color-red-7: light-dark(oklch(80.5% 0.1084 26.53), oklch(46.38% 0.1318 26.53));
|
|
374
|
+
--rp-color-red-8: light-dark(oklch(73.12% 0.1451 26.53), oklch(52.82% 0.1596 26.53));
|
|
375
|
+
--rp-color-red-9: oklch(59.28% 0.2106 26.53);
|
|
376
|
+
--rp-color-red-a1: light-dark(oklch(63.53% 0.2507 30.55 / 0.0127), oklch(77.35% 0.1332 27.52 / 0.1103));
|
|
377
|
+
--rp-color-red-a10: light-dark(oklch(52.85% 0.2168 29.11 / 0.8336), oklch(67.25% 0.215 26.59 / 0.9152));
|
|
378
|
+
--rp-color-red-a11: light-dark(oklch(50.23% 0.2053 29.36 / 0.8161), oklch(77.97% 0.1287 26.53));
|
|
379
|
+
--rp-color-red-a12: light-dark(oklch(26.91% 0.1064 30.48 / 0.9098), oklch(90.48% 0.0493 26.53));
|
|
380
|
+
--rp-color-red-a2: light-dark(oklch(63.53% 0.2508 30.54 / 0.0358), oklch(76.13% 0.1422 27.5 / 0.1386));
|
|
381
|
+
--rp-color-red-a3: light-dark(oklch(63.51% 0.2509 30.51 / 0.0838), oklch(67.94% 0.209 27.8 / 0.2544));
|
|
382
|
+
--rp-color-red-a4: light-dark(oklch(63.5% 0.2511 30.48 / 0.1373), oklch(65.36% 0.2325 27.66 / 0.3453));
|
|
383
|
+
--rp-color-red-a5: light-dark(oklch(63.47% 0.2513 30.44 / 0.2033), oklch(66.12% 0.2254 27.35 / 0.4175));
|
|
384
|
+
--rp-color-red-a6: light-dark(oklch(63.43% 0.2517 30.36 / 0.2857), oklch(67.49% 0.2129 27.09 / 0.4884));
|
|
385
|
+
--rp-color-red-a7: light-dark(oklch(62.73% 0.2499 30.23 / 0.3962), oklch(68.53% 0.2036 26.89 / 0.5836));
|
|
386
|
+
--rp-color-red-a8: light-dark(oklch(60.01% 0.2404 30.04 / 0.5368), oklch(67.81% 0.21 26.76 / 0.7109));
|
|
387
|
+
--rp-color-red-a9: light-dark(oklch(55.52% 0.2278 29.23 / 0.8078), oklch(65.26% 0.2334 26.63 / 0.8784));
|
|
388
|
+
--rp-color-red-contrast: oklch(100% 0 0);
|
|
389
|
+
--rp-color-red-filled: var(--rp-color-red-9);
|
|
390
|
+
--rp-color-red-filled-hover: var(--rp-color-red-10);
|
|
391
|
+
--rp-color-red-light: var(--rp-color-red-3);
|
|
392
|
+
--rp-color-red-light-active: var(--rp-color-red-5);
|
|
393
|
+
--rp-color-red-light-color: var(--rp-color-red-12);
|
|
394
|
+
--rp-color-red-light-hover: var(--rp-color-red-4);
|
|
395
|
+
--rp-color-red-outline: var(--rp-color-red-8);
|
|
396
|
+
--rp-color-red-outline-hover: var(--rp-color-red-a8);
|
|
397
|
+
--rp-color-teal-1: light-dark(oklch(99.36% 0.0031 164.88), oklch(18.96% 0.0141 164.88));
|
|
398
|
+
--rp-color-teal-10: light-dark(oklch(66.7% 0.1391 164.88), oklch(73.16% 0.1365 164.88));
|
|
399
|
+
--rp-color-teal-11: light-dark(oklch(54.21% 0.1142 164.9), oklch(77.47% 0.1224 164.88));
|
|
400
|
+
--rp-color-teal-12: light-dark(oklch(32.83% 0.0679 164.88), oklch(90.48% 0.0555 164.88));
|
|
401
|
+
--rp-color-teal-2: light-dark(oklch(98.19% 0.008 164.88), oklch(20.97% 0.0184 164.88));
|
|
402
|
+
--rp-color-teal-3: light-dark(oklch(95.78% 0.0181 164.88), oklch(26.59% 0.0467 164.88));
|
|
403
|
+
--rp-color-teal-4: light-dark(oklch(93.11% 0.032 164.88), oklch(30.89% 0.0651 164.9));
|
|
404
|
+
--rp-color-teal-5: light-dark(oklch(89.86% 0.0444 164.88), oklch(35.47% 0.0747 164.88));
|
|
405
|
+
--rp-color-teal-6: light-dark(oklch(85.87% 0.0583 164.88), oklch(40.33% 0.0814 164.88));
|
|
406
|
+
--rp-color-teal-7: light-dark(oklch(80.5% 0.0739 164.88), oklch(46.38% 0.0898 164.88));
|
|
407
|
+
--rp-color-teal-8: light-dark(oklch(73.12% 0.0989 164.88), oklch(52.82% 0.1087 164.88));
|
|
408
|
+
--rp-color-teal-9: oklch(69.46% 0.1435 164.88);
|
|
409
|
+
--rp-color-teal-a1: light-dark(oklch(62.82% 0.1669 151.55 / 0.0153), oklch(93.02% 0.1073 163.39 / 0.0853));
|
|
410
|
+
--rp-color-teal-a10: light-dark(oklch(65.76% 0.1403 163.91 / 0.9651), oklch(89.52% 0.1689 164.68 / 0.7638));
|
|
411
|
+
--rp-color-teal-a11: light-dark(oklch(54.21% 0.1142 164.9), oklch(90.81% 0.145 164.78 / 0.8091));
|
|
412
|
+
--rp-color-teal-a12: light-dark(oklch(32.27% 0.0682 164.61 / 0.9924), oklch(95.95% 0.0591 164.87 / 0.9251));
|
|
413
|
+
--rp-color-teal-a2: light-dark(oklch(60.26% 0.1594 151.75 / 0.0414), oklch(92.49% 0.1162 163.41 / 0.1058));
|
|
414
|
+
--rp-color-teal-a3: light-dark(oklch(59.62% 0.1568 152 / 0.0958), oklch(88.92% 0.183 162.16 / 0.1745));
|
|
415
|
+
--rp-color-teal-a4: light-dark(oklch(61.61% 0.161 152.3 / 0.1624), oklch(88.32% 0.1961 161.18 / 0.2277));
|
|
416
|
+
--rp-color-teal-a5: light-dark(oklch(60.18% 0.1558 152.74 / 0.2337), oklch(88.39% 0.1937 162.04 / 0.281));
|
|
417
|
+
--rp-color-teal-a6: light-dark(oklch(58.81% 0.1504 153.31 / 0.3189), oklch(88.6% 0.1882 163.19 / 0.3375));
|
|
418
|
+
--rp-color-teal-a7: light-dark(oklch(56.93% 0.1431 154.15 / 0.4275), oklch(88.97% 0.1803 163.84 / 0.4101));
|
|
419
|
+
--rp-color-teal-a8: light-dark(oklch(57.05% 0.1386 155.9 / 0.5969), oklch(88.62% 0.1869 163.93 / 0.4962));
|
|
420
|
+
--rp-color-teal-a9: light-dark(oklch(67.71% 0.1464 162.97 / 0.9294), oklch(88.69% 0.1849 164.52 / 0.7216));
|
|
421
|
+
--rp-color-teal-contrast: oklch(0% 0 0);
|
|
422
|
+
--rp-color-teal-filled: var(--rp-color-teal-9);
|
|
423
|
+
--rp-color-teal-filled-hover: var(--rp-color-teal-10);
|
|
424
|
+
--rp-color-teal-light: var(--rp-color-teal-3);
|
|
425
|
+
--rp-color-teal-light-active: var(--rp-color-teal-5);
|
|
426
|
+
--rp-color-teal-light-color: var(--rp-color-teal-12);
|
|
427
|
+
--rp-color-teal-light-hover: var(--rp-color-teal-4);
|
|
428
|
+
--rp-color-teal-outline: var(--rp-color-teal-8);
|
|
429
|
+
--rp-color-teal-outline-hover: var(--rp-color-teal-a8);
|
|
430
|
+
--rp-color-text: var(--rp-color-gray-12);
|
|
431
|
+
--rp-color-violet-1: light-dark(oklch(99.36% 0.0032 288.6), oklch(18.96% 0.0224 288.56));
|
|
432
|
+
--rp-color-violet-10: light-dark(oklch(54.16% 0.2219 288.56), oklch(60.62% 0.2176 288.56));
|
|
433
|
+
--rp-color-violet-11: light-dark(oklch(55.21% 0.2061 288.56), oklch(77.47% 0.1222 288.6));
|
|
434
|
+
--rp-color-violet-12: light-dark(oklch(32.83% 0.1083 288.56), oklch(90.48% 0.0489 288.56));
|
|
435
|
+
--rp-color-violet-2: light-dark(oklch(98.19% 0.009 288.56), oklch(20.97% 0.0294 288.56));
|
|
436
|
+
--rp-color-violet-3: light-dark(oklch(95.78% 0.0212 288.56), oklch(26.59% 0.0745 288.56));
|
|
437
|
+
--rp-color-violet-4: light-dark(oklch(93.11% 0.035 288.56), oklch(30.89% 0.1085 288.56));
|
|
438
|
+
--rp-color-violet-5: light-dark(oklch(89.86% 0.0523 288.6), oklch(35.47% 0.1218 288.56));
|
|
439
|
+
--rp-color-violet-6: light-dark(oklch(85.87% 0.074 288.56), oklch(40.33% 0.1299 288.56));
|
|
440
|
+
--rp-color-violet-7: light-dark(oklch(80.5% 0.1044 288.56), oklch(46.38% 0.1432 288.56));
|
|
441
|
+
--rp-color-violet-8: light-dark(oklch(73.12% 0.1484 288.56), oklch(52.82% 0.1734 288.56));
|
|
442
|
+
--rp-color-violet-9: oklch(56.92% 0.2289 288.56);
|
|
443
|
+
--rp-color-violet-a1: light-dark(oklch(45.37% 0.3119 264.9 / 0.0094), oklch(74.59% 0.138 287.05 / 0.1146));
|
|
444
|
+
--rp-color-violet-a10: light-dark(oklch(42.32% 0.2664 274.79 / 0.7141), oklch(61.65% 0.2217 288.54 / 0.9771));
|
|
445
|
+
--rp-color-violet-a11: light-dark(oklch(40.78% 0.2598 273.3 / 0.6801), oklch(77.47% 0.1222 288.6));
|
|
446
|
+
--rp-color-violet-a12: light-dark(oklch(20.12% 0.1245 276.94 / 0.8458), oklch(90.48% 0.0489 288.56));
|
|
447
|
+
--rp-color-violet-a2: light-dark(oklch(45.38% 0.3118 264.91 / 0.0267), oklch(73.1% 0.1471 287.14 / 0.1449));
|
|
448
|
+
--rp-color-violet-a3: light-dark(oklch(45.4% 0.3116 265.02 / 0.0623), oklch(62.76% 0.212 286.88 / 0.278));
|
|
449
|
+
--rp-color-violet-a4: light-dark(oklch(45.43% 0.3114 265.2 / 0.1018), oklch(59.43% 0.2344 287.12 / 0.3851));
|
|
450
|
+
--rp-color-violet-a5: light-dark(oklch(45.48% 0.3111 265.36 / 0.1502), oklch(60.65% 0.227 287.6 / 0.4632));
|
|
451
|
+
--rp-color-violet-a6: light-dark(oklch(45.55% 0.3106 265.69 / 0.2101), oklch(62.55% 0.2149 287.9 / 0.5372));
|
|
452
|
+
--rp-color-violet-a7: light-dark(oklch(45.68% 0.3097 266.3 / 0.2919), oklch(63.95% 0.2061 288.2 / 0.6382));
|
|
453
|
+
--rp-color-violet-a8: light-dark(oklch(45.97% 0.3077 267.64 / 0.4088), oklch(63.13% 0.2117 288.35 / 0.7813));
|
|
454
|
+
--rp-color-violet-a9: light-dark(oklch(44.77% 0.2832 274.2 / 0.6863), oklch(59.13% 0.2387 288.5 / 0.949));
|
|
455
|
+
--rp-color-violet-contrast: oklch(100% 0 0);
|
|
456
|
+
--rp-color-violet-filled: var(--rp-color-violet-9);
|
|
457
|
+
--rp-color-violet-filled-hover: var(--rp-color-violet-10);
|
|
458
|
+
--rp-color-violet-light: var(--rp-color-violet-3);
|
|
459
|
+
--rp-color-violet-light-active: var(--rp-color-violet-5);
|
|
460
|
+
--rp-color-violet-light-color: var(--rp-color-violet-12);
|
|
461
|
+
--rp-color-violet-light-hover: var(--rp-color-violet-4);
|
|
462
|
+
--rp-color-violet-outline: var(--rp-color-violet-8);
|
|
463
|
+
--rp-color-violet-outline-hover: var(--rp-color-violet-a8);
|
|
464
|
+
--rp-color-white: rgb(100% 100% 100%);
|
|
465
|
+
--rp-color-yellow-1: light-dark(oklch(99.36% 0.0036 78.12), oklch(18.96% 0.0164 78.12));
|
|
466
|
+
--rp-color-yellow-10: light-dark(oklch(77.93% 0.1623 78.12), oklch(84.39% 0.1445 78.12));
|
|
467
|
+
--rp-color-yellow-11: light-dark(oklch(55.21% 0.115 78.12), oklch(77.47% 0.1428 78.12));
|
|
468
|
+
--rp-color-yellow-12: light-dark(oklch(32.83% 0.0684 78.12), oklch(90.48% 0.0648 78.12));
|
|
469
|
+
--rp-color-yellow-2: light-dark(oklch(98.19% 0.0093 78.12), oklch(20.97% 0.0215 78.12));
|
|
470
|
+
--rp-color-yellow-3: light-dark(oklch(95.78% 0.0211 78.12), oklch(26.59% 0.0545 78.12));
|
|
471
|
+
--rp-color-yellow-4: light-dark(oklch(93.11% 0.0373 78.12), oklch(30.89% 0.0644 78.12));
|
|
472
|
+
--rp-color-yellow-5: light-dark(oklch(89.86% 0.0518 78.12), oklch(35.47% 0.0739 78.12));
|
|
473
|
+
--rp-color-yellow-6: light-dark(oklch(85.87% 0.068 78.12), oklch(40.33% 0.084 78.12));
|
|
474
|
+
--rp-color-yellow-7: light-dark(oklch(80.5% 0.0862 78.12), oklch(46.38% 0.0966 78.12));
|
|
475
|
+
--rp-color-yellow-8: light-dark(oklch(73.12% 0.1154 78.12), oklch(52.82% 0.1101 78.12));
|
|
476
|
+
--rp-color-yellow-9: oklch(80.69% 0.1674 78.12);
|
|
477
|
+
--rp-color-yellow-a1: light-dark(oklch(68.29% 0.1535 64.79 / 0.0187), oklch(87% 0.1154 76.98 / 0.0932));
|
|
478
|
+
--rp-color-yellow-a10: light-dark(oklch(77.9% 0.1623 78.08 / 0.9987), oklch(84.39% 0.1445 78.13));
|
|
479
|
+
--rp-color-yellow-a11: light-dark(oklch(55.21% 0.115 78.12), oklch(83.39% 0.1544 78.04 / 0.9062));
|
|
480
|
+
--rp-color-yellow-a12: light-dark(oklch(32.83% 0.0684 78.11), oklch(92.49% 0.0663 78.12 / 0.9712));
|
|
481
|
+
--rp-color-yellow-a2: light-dark(oklch(65.93% 0.148 64.97 / 0.05), oklch(86.06% 0.124 76.82 / 0.1164));
|
|
482
|
+
--rp-color-yellow-a3: light-dark(oklch(65.26% 0.1463 65.08 / 0.1149), oklch(79.28% 0.1706 70.59 / 0.2029));
|
|
483
|
+
--rp-color-yellow-a4: light-dark(oklch(66.96% 0.1501 65.11 / 0.1957), oklch(79.79% 0.1707 72.18 / 0.2571));
|
|
484
|
+
--rp-color-yellow-a5: light-dark(oklch(65.54% 0.1466 65.4 / 0.2793), oklch(80.3% 0.1705 73.67 / 0.3159));
|
|
485
|
+
--rp-color-yellow-a6: light-dark(oklch(64.16% 0.143 65.82 / 0.3781), oklch(80.68% 0.1704 74.78 / 0.3805));
|
|
486
|
+
--rp-color-yellow-a7: light-dark(oklch(62.28% 0.1381 66.58 / 0.5017), oklch(81.02% 0.1704 75.75 / 0.4637));
|
|
487
|
+
--rp-color-yellow-a8: light-dark(oklch(62.41% 0.1362 68.83 / 0.7009), oklch(81.27% 0.1704 76.48 / 0.5552));
|
|
488
|
+
--rp-color-yellow-a9: light-dark(oklch(80.38% 0.1679 77.46 / 0.9804), oklch(81.89% 0.17 78.08 / 0.9804));
|
|
489
|
+
--rp-color-yellow-contrast: oklch(0% 0 0);
|
|
490
|
+
--rp-color-yellow-filled: var(--rp-color-yellow-9);
|
|
491
|
+
--rp-color-yellow-filled-hover: var(--rp-color-yellow-10);
|
|
492
|
+
--rp-color-yellow-light: var(--rp-color-yellow-3);
|
|
493
|
+
--rp-color-yellow-light-active: var(--rp-color-yellow-5);
|
|
494
|
+
--rp-color-yellow-light-color: var(--rp-color-yellow-12);
|
|
495
|
+
--rp-color-yellow-light-hover: var(--rp-color-yellow-4);
|
|
496
|
+
--rp-color-yellow-outline: var(--rp-color-yellow-8);
|
|
497
|
+
--rp-color-yellow-outline-hover: var(--rp-color-yellow-a8);
|
|
498
|
+
--rp-component-menu-max-height: 240px;
|
|
499
|
+
--rp-component-menu-min-width: 180px;
|
|
500
|
+
--rp-font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
|
|
501
|
+
--rp-font-size-lg: 1.125rem;
|
|
502
|
+
--rp-font-size-md: 1rem;
|
|
503
|
+
--rp-font-size-sm: 0.875rem;
|
|
504
|
+
--rp-font-size-xl: 1.25rem;
|
|
505
|
+
--rp-font-size-xs: 0.75rem;
|
|
506
|
+
--rp-font-weight-bold: 700;
|
|
507
|
+
--rp-font-weight-medium: 500;
|
|
508
|
+
--rp-font-weight-normal: 400;
|
|
509
|
+
--rp-font-weight-semibold: 600;
|
|
510
|
+
--rp-heading-h1-font-size: 2.125rem;
|
|
511
|
+
--rp-heading-h1-font-weight: 700;
|
|
512
|
+
--rp-heading-h1-line-height: 1.3;
|
|
513
|
+
--rp-heading-h2-font-size: 1.625rem;
|
|
514
|
+
--rp-heading-h2-font-weight: 700;
|
|
515
|
+
--rp-heading-h2-line-height: 1.35;
|
|
516
|
+
--rp-heading-h3-font-size: 1.375rem;
|
|
517
|
+
--rp-heading-h3-font-weight: 700;
|
|
518
|
+
--rp-heading-h3-line-height: 1.4;
|
|
519
|
+
--rp-heading-h4-font-size: 1.125rem;
|
|
520
|
+
--rp-heading-h4-font-weight: 700;
|
|
521
|
+
--rp-heading-h4-line-height: 1.45;
|
|
522
|
+
--rp-heading-h5-font-size: 1rem;
|
|
523
|
+
--rp-heading-h5-font-weight: 700;
|
|
524
|
+
--rp-heading-h5-line-height: 1.5;
|
|
525
|
+
--rp-heading-h6-font-size: 0.875rem;
|
|
526
|
+
--rp-heading-h6-font-weight: 700;
|
|
527
|
+
--rp-heading-h6-line-height: 1.5;
|
|
528
|
+
--rp-line-height-lg: 1.6;
|
|
529
|
+
--rp-line-height-md: 1.55;
|
|
530
|
+
--rp-line-height-sm: 1.45;
|
|
531
|
+
--rp-line-height-xl: 1.65;
|
|
532
|
+
--rp-line-height-xs: 1.4;
|
|
533
|
+
--rp-opacity-disabled: 0.65;
|
|
534
|
+
--rp-radius-full: 9999px;
|
|
535
|
+
--rp-radius-lg: 1rem;
|
|
536
|
+
--rp-radius-md: 0.75rem;
|
|
537
|
+
--rp-radius-none: 0px;
|
|
538
|
+
--rp-radius-sm: 0.375rem;
|
|
539
|
+
--rp-radius-xl: 1.5rem;
|
|
540
|
+
--rp-radius-xs: 0.25rem;
|
|
541
|
+
--rp-shadow-base: 0px 1px 3px 0px rgb(0% 0% 0% / 0.1), 0px 1px 2px -1px rgb(0% 0% 0% / 0.1);
|
|
542
|
+
--rp-shadow-lg: 0px 10px 15px -3px rgb(0% 0% 0% / 0.1), 0px 4px 6px -4px rgb(0% 0% 0% / 0.1);
|
|
543
|
+
--rp-shadow-md: 0px 4px 6px -1px rgb(0% 0% 0% / 0.1), 0px 2px 4px -2px rgb(0% 0% 0% / 0.1);
|
|
544
|
+
--rp-shadow-sm: 0px 1px 2px 0px rgb(0% 0% 0% / 0.05);
|
|
545
|
+
--rp-size-control-lg: 50px;
|
|
546
|
+
--rp-size-control-md: 42px;
|
|
547
|
+
--rp-size-control-sm: 36px;
|
|
548
|
+
--rp-size-control-xl: 60px;
|
|
549
|
+
--rp-size-control-xs: 30px;
|
|
550
|
+
--rp-spacing-0: 0px;
|
|
551
|
+
--rp-spacing-1: 0.25rem;
|
|
552
|
+
--rp-spacing-10: 2.5rem;
|
|
553
|
+
--rp-spacing-12: 3rem;
|
|
554
|
+
--rp-spacing-2: 0.5rem;
|
|
555
|
+
--rp-spacing-3: 0.75rem;
|
|
556
|
+
--rp-spacing-4: 1rem;
|
|
557
|
+
--rp-spacing-5: 1.25rem;
|
|
558
|
+
--rp-spacing-6: 1.5rem;
|
|
559
|
+
--rp-spacing-8: 2rem;
|
|
560
|
+
--rp-transition-base: 200ms 0ms cubic-bezier(0.25, 0.1, 0.25, 1);
|
|
561
|
+
--rp-transition-fast: 150ms 0ms cubic-bezier(0.25, 0.1, 0.25, 1);
|
|
562
|
+
--rp-transition-slow: 300ms 0ms cubic-bezier(0.25, 0.1, 0.25, 1);
|
|
563
|
+
--rp-z-index-dropdown: 100;
|
|
564
|
+
--rp-z-index-tooltip: 1000;
|
|
565
|
+
}
|
|
566
|
+
[data-scheme="light"] {
|
|
567
|
+
color-scheme: light;
|
|
568
|
+
}
|
|
569
|
+
[data-scheme="dark"] {
|
|
570
|
+
color-scheme: dark;
|
|
571
|
+
}
|
|
572
|
+
[data-scheme="light"] {
|
|
573
|
+
--rp-shadow-base: 0px 1px 3px 0px rgb(0% 0% 0% / 0.1), 0px 1px 2px -1px rgb(0% 0% 0% / 0.1);
|
|
574
|
+
--rp-shadow-lg: 0px 10px 15px -3px rgb(0% 0% 0% / 0.1), 0px 4px 6px -4px rgb(0% 0% 0% / 0.1);
|
|
575
|
+
--rp-shadow-md: 0px 4px 6px -1px rgb(0% 0% 0% / 0.1), 0px 2px 4px -2px rgb(0% 0% 0% / 0.1);
|
|
576
|
+
--rp-shadow-sm: 0px 1px 2px 0px rgb(0% 0% 0% / 0.05);
|
|
577
|
+
}
|
|
578
|
+
[data-scheme="dark"] {
|
|
579
|
+
--rp-shadow-base: 0px 1px 3px 0px rgb(0% 0% 0% / 0.4), 0px 1px 2px -1px rgb(0% 0% 0% / 0.3);
|
|
580
|
+
--rp-shadow-lg: 0px 10px 15px -3px rgb(0% 0% 0% / 0.4), 0px 4px 6px -4px rgb(0% 0% 0% / 0.3);
|
|
581
|
+
--rp-shadow-md: 0px 4px 6px -1px rgb(0% 0% 0% / 0.4), 0px 2px 4px -2px rgb(0% 0% 0% / 0.3);
|
|
582
|
+
--rp-shadow-sm: 0px 1px 2px 0px rgb(0% 0% 0% / 0.3);
|
|
583
|
+
}
|
|
584
|
+
@media (prefers-color-scheme: dark) {
|
|
585
|
+
:root:not([data-scheme="light"]) {
|
|
586
|
+
--rp-shadow-base: 0px 1px 3px 0px rgb(0% 0% 0% / 0.4), 0px 1px 2px -1px rgb(0% 0% 0% / 0.3);
|
|
587
|
+
--rp-shadow-lg: 0px 10px 15px -3px rgb(0% 0% 0% / 0.4), 0px 4px 6px -4px rgb(0% 0% 0% / 0.3);
|
|
588
|
+
--rp-shadow-md: 0px 4px 6px -1px rgb(0% 0% 0% / 0.4), 0px 2px 4px -2px rgb(0% 0% 0% / 0.3);
|
|
589
|
+
--rp-shadow-sm: 0px 1px 2px 0px rgb(0% 0% 0% / 0.3);
|
|
590
|
+
}
|
|
591
|
+
}
|
|
592
|
+
}
|