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