@gitbutler/design-core 1.4.2 → 1.5.1

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/tokens/tokens.css +196 -307
  3. package/tokens/tokens.json +408 -1024
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitbutler/design-core",
3
- "version": "1.4.2",
3
+ "version": "1.5.1",
4
4
  "type": "module",
5
5
  "description": "Design tokens for GitButler applications",
6
6
  "keywords": [
package/tokens/tokens.css CHANGED
@@ -3,72 +3,82 @@
3
3
  * ------------------------------------------- */
4
4
 
5
5
  :root {
6
- --clr-bg-1: var(--clr-core-ntrl-100);
7
- --clr-bg-1-muted: var(--clr-core-ntrl-95);
8
- --clr-bg-2: var(--clr-core-ntrl-90);
9
- --clr-bg-2-muted: var(--clr-core-ntrl-80);
10
- --clr-bg-3: var(--clr-core-ntrl-80);
11
- --clr-bg-3-muted: var(--clr-core-ntrl-70);
12
- --clr-border-1: var(--clr-core-ntrl-60);
13
- --clr-border-2: var(--clr-core-ntrl-70);
14
- --clr-border-3: var(--clr-core-ntrl-80);
15
- --clr-br-commit-approved-bg: var(--clr-theme-succ-element);
16
- --clr-br-commit-approved-text: var(--clr-theme-succ-on-element);
6
+ --clr-art-scene-bg: color(srgb 0.8392156862745098 0.9411764705882353 0.9333333333333333);
7
+ --clr-art-scene-fill: color(srgb 0.9882352941176471 0.9882352941176471 0.9450980392156862);
8
+ --clr-art-scene-outline: color(srgb 0.2784313725490196 0.3137254901960784 0.3137254901960784);
9
+ --clr-art-spot-fill: var(--clr-core-gray-70);
10
+ --clr-art-spot-fill-pop: var(--clr-core-pop-70);
11
+ --clr-bg-1: var(--clr-core-gray-100);
12
+ --clr-bg-1-muted: var(--clr-core-gray-95);
13
+ --clr-bg-2: var(--clr-core-gray-90);
14
+ --clr-bg-2-muted: var(--clr-core-gray-80);
15
+ --clr-bg-3: var(--clr-core-gray-80);
16
+ --clr-bg-3-muted: var(--clr-core-gray-70);
17
+ --clr-bg-toast: var(--clr-core-gray-5);
18
+ --clr-border-1: var(--clr-core-gray-60);
19
+ --clr-border-2: var(--clr-core-gray-70);
20
+ --clr-border-3: var(--clr-core-gray-80);
21
+ --clr-br-commit-approved-bg: var(--clr-theme-safe-element);
22
+ --clr-br-commit-approved-text: var(--clr-theme-safe-on-element);
17
23
  --clr-br-commit-changes-requested-bg: var(--clr-theme-warn-element);
18
24
  --clr-br-commit-changes-requested-text: var(--clr-theme-warn-on-element);
19
- --clr-br-commit-closed-bg: var(--clr-theme-purp-element);
20
- --clr-br-commit-closed-text: var(--clr-theme-purp-on-element);
25
+ --clr-br-commit-closed-bg: var(--clr-theme-purple-element);
26
+ --clr-br-commit-closed-text: var(--clr-theme-purple-on-element);
21
27
  --clr-br-commit-in-discussion-bg: var(--clr-core-pop-70);
22
28
  --clr-br-commit-in-discussion-text: var(--clr-theme-pop-on-soft);
23
- --clr-br-commit-unreviewed-bg: var(--clr-core-ntrl-80);
24
- --clr-br-commit-unreviewed-text: var(--clr-theme-ntrl-on-soft);
25
- --clr-btn-err-outline: var(--clr-core-err-50);
26
- --clr-btn-err-outline-bg: var(--clr-core-err-70);
27
- --clr-btn-err-outline-text: var(--clr-core-err-40);
28
- --clr-btn-ntrl-outline: var(--clr-core-ntrl-50);
29
- --clr-btn-ntrl-outline-bg: var(--clr-core-ntrl-70);
30
- --clr-btn-ntrl-outline-text: var(--clr-core-ntrl-10);
29
+ --clr-br-commit-unreviewed-bg: var(--clr-core-gray-80);
30
+ --clr-br-commit-unreviewed-text: var(--clr-theme-gray-on-soft);
31
+ --clr-btn-danger-outline: var(--clr-core-danger-50);
32
+ --clr-btn-danger-outline-bg: var(--clr-core-danger-70);
33
+ --clr-btn-danger-outline-text: var(--clr-core-danger-40);
34
+ --clr-btn-gray-outline: var(--clr-core-gray-50);
35
+ --clr-btn-gray-outline-bg: var(--clr-core-gray-70);
36
+ --clr-btn-gray-outline-text: var(--clr-core-gray-10);
31
37
  --clr-btn-pop-outline: var(--clr-core-pop-50);
32
38
  --clr-btn-pop-outline-bg: var(--clr-core-pop-70);
33
39
  --clr-btn-pop-outline-text: var(--clr-core-pop-40);
34
- --clr-btn-purp-outline: var(--clr-core-purp-50);
35
- --clr-btn-purp-outline-bg: var(--clr-core-purp-70);
36
- --clr-btn-purp-outline-text: var(--clr-core-purp-40);
37
- --clr-btn-succ-outline: var(--clr-core-succ-50);
38
- --clr-btn-succ-outline-bg: var(--clr-core-succ-70);
39
- --clr-btn-succ-outline-text: var(--clr-core-succ-40);
40
+ --clr-btn-purple-outline: var(--clr-core-purple-50);
41
+ --clr-btn-purple-outline-bg: var(--clr-core-purple-70);
42
+ --clr-btn-purple-outline-text: var(--clr-core-purple-40);
43
+ --clr-btn-safe-outline: var(--clr-core-safe-50);
44
+ --clr-btn-safe-outline-bg: var(--clr-core-safe-70);
45
+ --clr-btn-safe-outline-text: var(--clr-core-safe-40);
40
46
  --clr-btn-warn-outline: var(--clr-core-warn-50);
41
47
  --clr-btn-warn-outline-bg: var(--clr-core-warn-70);
42
48
  --clr-btn-warn-outline-text: var(--clr-core-warn-40);
43
- --clr-commit-integrated: var(--clr-core-purp-50);
44
- --clr-commit-local: var(--clr-core-ntrl-50);
49
+ --clr-change-icon-addition: var(--clr-core-safe-60);
50
+ --clr-change-icon-deletion: var(--clr-core-danger-60);
51
+ --clr-change-icon-modification: var(--clr-core-warn-60);
52
+ --clr-change-icon-rename: var(--clr-core-purple-60);
53
+ --clr-commit-integrated: var(--clr-core-purple-50);
54
+ --clr-commit-local: var(--clr-core-gray-50);
45
55
  --clr-commit-remote: var(--clr-core-pop-50);
46
56
  --clr-commit-shadow: var(--clr-core-pop-60);
47
57
  --clr-commit-upstream: var(--clr-core-warn-50);
48
- --clr-core-err-5: color(srgb 0.3411764705882353 0.10196078431372549 0.06666666666666667);
49
- --clr-core-err-10: color(srgb 0.396078431372549 0.11764705882352941 0.07450980392156863);
50
- --clr-core-err-20: color(srgb 0.43137254901960786 0.12941176470588237 0.08235294117647059);
51
- --clr-core-err-30: color(srgb 0.5725490196078431 0.16862745098039217 0.10980392156862745);
52
- --clr-core-err-40: color(srgb 0.6980392156862745 0.20784313725490197 0.13333333333333333);
53
- --clr-core-err-50: color(srgb 0.8392156862745098 0.25098039215686274 0.1607843137254902);
54
- --clr-core-err-60: color(srgb 0.8705882352941177 0.5686274509803921 0.5215686274509804);
55
- --clr-core-err-70: color(srgb 0.9215686274509803 0.7294117647058823 0.6980392156862745);
56
- --clr-core-err-80: color(srgb 0.9568627450980393 0.8431372549019608 0.8235294117647058);
57
- --clr-core-err-90: color(srgb 0.9764705882352941 0.9137254901960784 0.9019607843137255);
58
- --clr-core-err-95: color(srgb 0.984313725490196 0.9490196078431372 0.9450980392156862);
59
- --clr-core-ntrl-0: color(srgb 0 0 0);
60
- --clr-core-ntrl-5: color(srgb 0.12549019607843137 0.11372549019607843 0.10588235294117647);
61
- --clr-core-ntrl-10: color(srgb 0.1607843137254902 0.14901960784313725 0.13725490196078433);
62
- --clr-core-ntrl-20: color(srgb 0.22745098039215686 0.20784313725490197 0.19607843137254902);
63
- --clr-core-ntrl-30: color(srgb 0.30980392156862746 0.2823529411764706 0.26666666666666666);
64
- --clr-core-ntrl-40: color(srgb 0.38823529411764707 0.3568627450980392 0.3333333333333333);
65
- --clr-core-ntrl-50: color(srgb 0.48627450980392156 0.44313725490196076 0.41568627450980394);
66
- --clr-core-ntrl-60: color(srgb 0.6666666666666666 0.6352941176470588 0.615686274509804);
67
- --clr-core-ntrl-70: color(srgb 0.792156862745098 0.7764705882352941 0.7647058823529411);
68
- --clr-core-ntrl-80: color(srgb 0.9058823529411765 0.8980392156862745 0.8941176470588236);
69
- --clr-core-ntrl-90: color(srgb 0.9529411764705882 0.9490196078431372 0.9450980392156862);
70
- --clr-core-ntrl-95: color(srgb 0.9764705882352941 0.9764705882352941 0.9725490196078431);
71
- --clr-core-ntrl-100: color(srgb 1 1 1);
58
+ --clr-core-danger-5: color(srgb 0.3411764705882353 0.10196078431372549 0.06666666666666667);
59
+ --clr-core-danger-10: color(srgb 0.396078431372549 0.11764705882352941 0.07450980392156863);
60
+ --clr-core-danger-20: color(srgb 0.43137254901960786 0.12941176470588237 0.08235294117647059);
61
+ --clr-core-danger-30: color(srgb 0.5725490196078431 0.16862745098039217 0.10980392156862745);
62
+ --clr-core-danger-40: color(srgb 0.6980392156862745 0.20784313725490197 0.13333333333333333);
63
+ --clr-core-danger-50: color(srgb 0.8392156862745098 0.25098039215686274 0.1607843137254902);
64
+ --clr-core-danger-60: color(srgb 0.8705882352941177 0.5686274509803921 0.5215686274509804);
65
+ --clr-core-danger-70: color(srgb 0.9215686274509803 0.7294117647058823 0.6980392156862745);
66
+ --clr-core-danger-80: color(srgb 0.9568627450980393 0.8431372549019608 0.8235294117647058);
67
+ --clr-core-danger-90: color(srgb 0.9764705882352941 0.9137254901960784 0.9019607843137255);
68
+ --clr-core-danger-95: color(srgb 0.984313725490196 0.9490196078431372 0.9450980392156862);
69
+ --clr-core-gray-0: color(srgb 0 0 0);
70
+ --clr-core-gray-5: color(srgb 0.12549019607843137 0.11372549019607843 0.10588235294117647);
71
+ --clr-core-gray-10: color(srgb 0.1607843137254902 0.14901960784313725 0.13725490196078433);
72
+ --clr-core-gray-20: color(srgb 0.22745098039215686 0.20784313725490197 0.19607843137254902);
73
+ --clr-core-gray-30: color(srgb 0.30980392156862746 0.2823529411764706 0.26666666666666666);
74
+ --clr-core-gray-40: color(srgb 0.38823529411764707 0.3568627450980392 0.3333333333333333);
75
+ --clr-core-gray-50: color(srgb 0.48627450980392156 0.44313725490196076 0.41568627450980394);
76
+ --clr-core-gray-60: color(srgb 0.6666666666666666 0.6352941176470588 0.615686274509804);
77
+ --clr-core-gray-70: color(srgb 0.792156862745098 0.7764705882352941 0.7647058823529411);
78
+ --clr-core-gray-80: color(srgb 0.9058823529411765 0.8980392156862745 0.8941176470588236);
79
+ --clr-core-gray-90: color(srgb 0.9529411764705882 0.9490196078431372 0.9450980392156862);
80
+ --clr-core-gray-95: color(srgb 0.9764705882352941 0.9764705882352941 0.9725490196078431);
81
+ --clr-core-gray-100: color(srgb 1 1 1);
72
82
  --clr-core-pop-5: color(srgb 0.03529411764705882 0.17254901960784313 0.17254901960784313);
73
83
  --clr-core-pop-10: color(srgb 0.050980392156862744 0.24313725490196078 0.24313725490196078);
74
84
  --clr-core-pop-20: color(srgb 0.058823529411764705 0.2823529411764706 0.2823529411764706);
@@ -80,28 +90,28 @@
80
90
  --clr-core-pop-80: color(srgb 0.8274509803921568 0.9529411764705882 0.9529411764705882);
81
91
  --clr-core-pop-90: color(srgb 0.9058823529411765 0.9764705882352941 0.9764705882352941);
82
92
  --clr-core-pop-95: color(srgb 0.9450980392156862 0.984313725490196 0.984313725490196);
83
- --clr-core-purp-5: color(srgb 0.1843137254901961 0.07450980392156863 0.2980392156862745);
84
- --clr-core-purp-10: color(srgb 0.2196078431372549 0.08627450980392157 0.35294117647058826);
85
- --clr-core-purp-20: color(srgb 0.2549019607843137 0.10196078431372549 0.40784313725490196);
86
- --clr-core-purp-30: color(srgb 0.3568627450980392 0.1411764705882353 0.5725490196078431);
87
- --clr-core-purp-40: color(srgb 0.4588235294117647 0.1843137254901961 0.7333333333333333);
88
- --clr-core-purp-50: color(srgb 0.5411764705882353 0.2627450980392157 0.8156862745098039);
89
- --clr-core-purp-60: color(srgb 0.7411764705882353 0.6078431372549019 0.8745098039215686);
90
- --clr-core-purp-70: color(srgb 0.8352941176470589 0.7490196078431373 0.9215686274509803);
91
- --clr-core-purp-80: color(srgb 0.8901960784313725 0.8313725490196079 0.9490196078431372);
92
- --clr-core-purp-90: color(srgb 0.9411764705882353 0.9098039215686274 0.9725490196078431);
93
- --clr-core-purp-95: color(srgb 0.9647058823529412 0.9450980392156862 0.984313725490196);
94
- --clr-core-succ-5: color(srgb 0.0392156862745098 0.15294117647058825 0.10588235294117647);
95
- --clr-core-succ-10: color(srgb 0.054901960784313725 0.2235294117647059 0.15294117647058825);
96
- --clr-core-succ-20: color(srgb 0.07058823529411765 0.27450980392156865 0.18823529411764706);
97
- --clr-core-succ-30: color(srgb 0.10588235294117647 0.4196078431372549 0.28627450980392155);
98
- --clr-core-succ-40: color(srgb 0.1450980392156863 0.5764705882352941 0.396078431372549);
99
- --clr-core-succ-50: color(srgb 0.1803921568627451 0.7215686274509804 0.49411764705882355);
100
- --clr-core-succ-60: color(srgb 0.4588235294117647 0.8235294117647058 0.6705882352941176);
101
- --clr-core-succ-70: color(srgb 0.6627450980392157 0.8941176470588236 0.796078431372549);
102
- --clr-core-succ-80: color(srgb 0.8313725490196079 0.9490196078431372 0.8980392156862745);
103
- --clr-core-succ-90: color(srgb 0.9098039215686274 0.9725490196078431 0.9450980392156862);
104
- --clr-core-succ-95: color(srgb 0.9450980392156862 0.984313725490196 0.9686274509803922);
93
+ --clr-core-purple-5: color(srgb 0.1843137254901961 0.07450980392156863 0.2980392156862745);
94
+ --clr-core-purple-10: color(srgb 0.2196078431372549 0.08627450980392157 0.35294117647058826);
95
+ --clr-core-purple-20: color(srgb 0.2549019607843137 0.10196078431372549 0.40784313725490196);
96
+ --clr-core-purple-30: color(srgb 0.3568627450980392 0.1411764705882353 0.5725490196078431);
97
+ --clr-core-purple-40: color(srgb 0.4588235294117647 0.1843137254901961 0.7333333333333333);
98
+ --clr-core-purple-50: color(srgb 0.5411764705882353 0.2627450980392157 0.8156862745098039);
99
+ --clr-core-purple-60: color(srgb 0.7411764705882353 0.6078431372549019 0.8745098039215686);
100
+ --clr-core-purple-70: color(srgb 0.8352941176470589 0.7490196078431373 0.9215686274509803);
101
+ --clr-core-purple-80: color(srgb 0.8901960784313725 0.8313725490196079 0.9490196078431372);
102
+ --clr-core-purple-90: color(srgb 0.9411764705882353 0.9098039215686274 0.9725490196078431);
103
+ --clr-core-purple-95: color(srgb 0.9647058823529412 0.9450980392156862 0.984313725490196);
104
+ --clr-core-safe-5: color(srgb 0.0392156862745098 0.15294117647058825 0.10588235294117647);
105
+ --clr-core-safe-10: color(srgb 0.054901960784313725 0.2235294117647059 0.15294117647058825);
106
+ --clr-core-safe-20: color(srgb 0.07058823529411765 0.27450980392156865 0.18823529411764706);
107
+ --clr-core-safe-30: color(srgb 0.10588235294117647 0.4196078431372549 0.28627450980392155);
108
+ --clr-core-safe-40: color(srgb 0.1450980392156863 0.5764705882352941 0.396078431372549);
109
+ --clr-core-safe-50: color(srgb 0.1803921568627451 0.7215686274509804 0.49411764705882355);
110
+ --clr-core-safe-60: color(srgb 0.4588235294117647 0.8235294117647058 0.6705882352941176);
111
+ --clr-core-safe-70: color(srgb 0.6627450980392157 0.8941176470588236 0.796078431372549);
112
+ --clr-core-safe-80: color(srgb 0.8313725490196079 0.9490196078431372 0.8980392156862745);
113
+ --clr-core-safe-90: color(srgb 0.9098039215686274 0.9725490196078431 0.9450980392156862);
114
+ --clr-core-safe-95: color(srgb 0.9450980392156862 0.984313725490196 0.9686274509803922);
105
115
  --clr-core-warn-5: color(srgb 0.35294117647058826 0.21176470588235294 0.00784313725490196);
106
116
  --clr-core-warn-10: color(srgb 0.4196078431372549 0.25098039215686274 0.011764705882352941);
107
117
  --clr-core-warn-20: color(srgb 0.47058823529411764 0.2784313725490196 0.011764705882352941);
@@ -169,124 +179,58 @@
169
179
  --clr-diff-locked-selected-count-checkmark: color(srgb 0.6431372549019608 0.4588235294117647 0.1411764705882353);
170
180
  --clr-diff-locked-selected-count-text: color(srgb 0.6431372549019608 0.4588235294117647 0.1411764705882353);
171
181
  --clr-diff-selected-count-bg: var(--clr-core-pop-50);
172
- --clr-diff-selected-count-border: var(--clr-scale-pop-40);
182
+ --clr-diff-selected-count-border: var(--clr-core-pop-40);
173
183
  --clr-diff-selected-count-checkmark: var(--clr-core-pop-95);
174
184
  --clr-diff-selected-count-text: var(--clr-core-pop-90);
175
- --clr-illustration-bg: color(srgb 0.8392156862745098 0.9411764705882353 0.9333333333333333);
176
- --clr-illustration-fill: color(srgb 0.9882352941176471 0.9882352941176471 0.9450980392156862);
177
- --clr-illustration-outline: color(srgb 0.2784313725490196 0.3137254901960784 0.3137254901960784);
178
185
  --clr-overlay-bg: color(srgb 0.8392156862745098 0.8392156862745098 0.8392156862745098 / 0.45098039215686275);
179
- --clr-scale-err-5: var(--clr-core-err-5);
180
- --clr-scale-err-10: var(--clr-core-err-10);
181
- --clr-scale-err-20: var(--clr-core-err-20);
182
- --clr-scale-err-30: var(--clr-core-err-30);
183
- --clr-scale-err-40: var(--clr-core-err-40);
184
- --clr-scale-err-50: var(--clr-core-err-50);
185
- --clr-scale-err-60: var(--clr-core-err-60);
186
- --clr-scale-err-70: var(--clr-core-err-70);
187
- --clr-scale-err-80: var(--clr-core-err-80);
188
- --clr-scale-err-90: var(--clr-core-err-90);
189
- --clr-scale-err-95: var(--clr-core-err-95);
190
- --clr-scale-ntrl-0: var(--clr-core-ntrl-0);
191
- --clr-scale-ntrl-5: var(--clr-core-ntrl-5);
192
- --clr-scale-ntrl-10: var(--clr-core-ntrl-10);
193
- --clr-scale-ntrl-20: var(--clr-core-ntrl-20);
194
- --clr-scale-ntrl-30: var(--clr-core-ntrl-30);
195
- --clr-scale-ntrl-40: var(--clr-core-ntrl-40);
196
- --clr-scale-ntrl-50: var(--clr-core-ntrl-50);
197
- --clr-scale-ntrl-60: var(--clr-core-ntrl-60);
198
- --clr-scale-ntrl-70: var(--clr-core-ntrl-70);
199
- --clr-scale-ntrl-80: var(--clr-core-ntrl-80);
200
- --clr-scale-ntrl-90: var(--clr-core-ntrl-90);
201
- --clr-scale-ntrl-95: var(--clr-core-ntrl-95);
202
- --clr-scale-ntrl-100: var(--clr-core-ntrl-100);
203
- --clr-scale-pop-5: var(--clr-core-pop-5);
204
- --clr-scale-pop-10: var(--clr-core-pop-10);
205
- --clr-scale-pop-20: var(--clr-core-pop-20);
206
- --clr-scale-pop-30: var(--clr-core-pop-30);
207
- --clr-scale-pop-40: var(--clr-core-pop-40);
208
- --clr-scale-pop-50: var(--clr-core-pop-50);
209
- --clr-scale-pop-60: var(--clr-core-pop-60);
210
- --clr-scale-pop-70: var(--clr-core-pop-70);
211
- --clr-scale-pop-80: var(--clr-core-pop-80);
212
- --clr-scale-pop-90: var(--clr-core-pop-90);
213
- --clr-scale-pop-95: var(--clr-core-pop-95);
214
- --clr-scale-purp-5: var(--clr-core-purp-5);
215
- --clr-scale-purp-10: var(--clr-core-purp-10);
216
- --clr-scale-purp-20: var(--clr-core-purp-20);
217
- --clr-scale-purp-30: var(--clr-core-purp-30);
218
- --clr-scale-purp-40: var(--clr-core-purp-40);
219
- --clr-scale-purp-50: var(--clr-core-purp-50);
220
- --clr-scale-purp-60: var(--clr-core-purp-60);
221
- --clr-scale-purp-70: var(--clr-core-purp-70);
222
- --clr-scale-purp-80: var(--clr-core-purp-80);
223
- --clr-scale-purp-90: var(--clr-core-purp-90);
224
- --clr-scale-purp-95: var(--clr-core-purp-95);
225
- --clr-scale-succ-5: var(--clr-core-succ-5);
226
- --clr-scale-succ-10: var(--clr-core-succ-10);
227
- --clr-scale-succ-20: var(--clr-core-succ-20);
228
- --clr-scale-succ-30: var(--clr-core-succ-30);
229
- --clr-scale-succ-40: var(--clr-core-succ-40);
230
- --clr-scale-succ-50: var(--clr-core-succ-50);
231
- --clr-scale-succ-60: var(--clr-core-succ-60);
232
- --clr-scale-succ-70: var(--clr-core-succ-70);
233
- --clr-scale-succ-80: var(--clr-core-succ-80);
234
- --clr-scale-succ-90: var(--clr-core-succ-90);
235
- --clr-scale-succ-95: var(--clr-core-succ-95);
236
- --clr-scale-warn-5: var(--clr-core-warn-5);
237
- --clr-scale-warn-10: var(--clr-core-warn-10);
238
- --clr-scale-warn-20: var(--clr-core-warn-20);
239
- --clr-scale-warn-30: var(--clr-core-warn-30);
240
- --clr-scale-warn-40: var(--clr-core-warn-40);
241
- --clr-scale-warn-50: var(--clr-core-warn-50);
242
- --clr-scale-warn-60: var(--clr-core-warn-60);
243
- --clr-scale-warn-70: var(--clr-core-warn-70);
244
- --clr-scale-warn-80: var(--clr-core-warn-80);
245
- --clr-scale-warn-90: var(--clr-core-warn-90);
246
- --clr-scale-warn-95: var(--clr-core-warn-95);
247
186
  --clr-selected-in-focus-bg: var(--clr-core-pop-90);
248
187
  --clr-selected-in-focus-element: var(--clr-core-pop-50);
249
- --clr-selected-not-in-focus-bg: var(--clr-core-ntrl-95);
250
- --clr-selected-not-in-focus-element: var(--clr-core-ntrl-60);
251
- --clr-text-1: var(--clr-core-ntrl-5);
252
- --clr-text-2: var(--clr-core-ntrl-50);
253
- --clr-text-3: var(--clr-core-ntrl-60);
254
- --clr-theme-err-bg: var(--clr-core-err-95);
255
- --clr-theme-err-bg-muted: var(--clr-core-err-90);
256
- --clr-theme-err-element: var(--clr-core-err-50);
257
- --clr-theme-err-on-element: var(--clr-core-err-95);
258
- --clr-theme-err-on-soft: var(--clr-core-err-40);
259
- --clr-theme-err-soft: var(--clr-core-err-80);
260
- --clr-theme-ntrl-element: var(--clr-core-ntrl-30);
261
- --clr-theme-ntrl-on-element: var(--clr-core-ntrl-100);
262
- --clr-theme-ntrl-on-soft: var(--clr-core-ntrl-20);
263
- --clr-theme-ntrl-soft: var(--clr-core-ntrl-80);
188
+ --clr-selected-not-in-focus-bg: var(--clr-core-gray-95);
189
+ --clr-selected-not-in-focus-element: var(--clr-core-gray-60);
190
+ --clr-text-1: var(--clr-core-gray-5);
191
+ --clr-text-2: var(--clr-core-gray-50);
192
+ --clr-text-3: var(--clr-core-gray-60);
193
+ --clr-theme-danger-bg: var(--clr-core-danger-95);
194
+ --clr-theme-danger-bg-muted: var(--clr-core-danger-90);
195
+ --clr-theme-danger-element: var(--clr-core-danger-50);
196
+ --clr-theme-danger-on-element: var(--clr-core-danger-95);
197
+ --clr-theme-danger-on-soft: var(--clr-core-danger-40);
198
+ --clr-theme-danger-soft: var(--clr-core-danger-80);
199
+ --clr-theme-danger-text: var(--clr-core-danger-10);
200
+ --clr-theme-gray-element: var(--clr-core-gray-20);
201
+ --clr-theme-gray-on-element: var(--clr-core-gray-100);
202
+ --clr-theme-gray-on-soft: var(--clr-core-gray-20);
203
+ --clr-theme-gray-soft: var(--clr-core-gray-80);
264
204
  --clr-theme-pop-bg: var(--clr-core-pop-95);
265
205
  --clr-theme-pop-bg-muted: var(--clr-core-pop-90);
266
206
  --clr-theme-pop-element: var(--clr-core-pop-50);
267
- --clr-theme-pop-on-element: var(--clr-core-ntrl-100);
207
+ --clr-theme-pop-on-element: var(--clr-core-gray-100);
268
208
  --clr-theme-pop-on-soft: var(--clr-core-pop-40);
269
209
  --clr-theme-pop-soft: var(--clr-core-pop-80);
270
- --clr-theme-purp-bg: var(--clr-core-purp-95);
271
- --clr-theme-purp-bg-muted: var(--clr-core-purp-90);
272
- --clr-theme-purp-element: var(--clr-core-purp-50);
273
- --clr-theme-purp-on-element: var(--clr-core-purp-95);
274
- --clr-theme-purp-on-soft: var(--clr-core-purp-40);
275
- --clr-theme-purp-soft: var(--clr-core-purp-80);
276
- --clr-theme-succ-bg: var(--clr-core-succ-95);
277
- --clr-theme-succ-bg-muted: var(--clr-core-succ-90);
278
- --clr-theme-succ-element: var(--clr-core-succ-50);
279
- --clr-theme-succ-on-element: var(--clr-core-succ-95);
280
- --clr-theme-succ-on-soft: var(--clr-core-succ-40);
281
- --clr-theme-succ-soft: var(--clr-core-succ-80);
210
+ --clr-theme-pop-text: var(--clr-core-pop-10);
211
+ --clr-theme-purple-bg: var(--clr-core-purple-95);
212
+ --clr-theme-purple-bg-muted: var(--clr-core-purple-90);
213
+ --clr-theme-purple-element: var(--clr-core-purple-50);
214
+ --clr-theme-purple-on-element: var(--clr-core-purple-95);
215
+ --clr-theme-purple-on-soft: var(--clr-core-purple-40);
216
+ --clr-theme-purple-soft: var(--clr-core-purple-80);
217
+ --clr-theme-purple-text: var(--clr-core-purple-10);
218
+ --clr-theme-safe-bg: var(--clr-core-safe-95);
219
+ --clr-theme-safe-bg-muted: var(--clr-core-safe-90);
220
+ --clr-theme-safe-element: var(--clr-core-safe-50);
221
+ --clr-theme-safe-on-element: var(--clr-core-safe-95);
222
+ --clr-theme-safe-on-soft: var(--clr-core-safe-40);
223
+ --clr-theme-safe-soft: var(--clr-core-safe-80);
224
+ --clr-theme-safe-text: var(--clr-core-safe-10);
282
225
  --clr-theme-warn-bg: var(--clr-core-warn-95);
283
226
  --clr-theme-warn-bg-muted: var(--clr-core-warn-90);
284
227
  --clr-theme-warn-element: var(--clr-core-warn-50);
285
228
  --clr-theme-warn-on-element: var(--clr-core-warn-95);
286
229
  --clr-theme-warn-on-soft: var(--clr-core-warn-40);
287
230
  --clr-theme-warn-soft: var(--clr-core-warn-80);
288
- --clr-tooltip-bg: var(--clr-core-ntrl-95);
289
- --clr-tooltip-border: var(--clr-core-ntrl-80);
231
+ --clr-theme-warn-text: var(--clr-core-warn-10);
232
+ --clr-tooltip-bg: var(--clr-core-gray-95);
233
+ --clr-tooltip-border: var(--clr-core-gray-80);
290
234
  --fx-shadow-l: 0 10px 40px 0 color(srgb 0 0 0 / 0.10196078431372549);
291
235
  --fx-shadow-m: 0 6px 30px 0 color(srgb 0 0 0 / 0.0784313725490196);
292
236
  --fx-shadow-s: 0 4px 14px 0 color(srgb 0 0 0 / 0.058823529411764705);
@@ -296,6 +240,7 @@
296
240
  --opacity-btn-outline-bg: 0.1;
297
241
  --opacity-btn-outline-bg-hover: 0.25;
298
242
  --opacity-btn-solid-hover: 0.1;
243
+ --opacity-disabled: 0.6;
299
244
  --radius-btn: var(--radius-m);
300
245
  --radius-l: 12px;
301
246
  --radius-m: 6px;
@@ -318,45 +263,55 @@
318
263
  }
319
264
 
320
265
  :root.dark {
321
- --clr-bg-1: var(--clr-core-ntrl-10);
322
- --clr-bg-1-muted: var(--clr-core-ntrl-20);
323
- --clr-bg-2: var(--clr-core-ntrl-5);
324
- --clr-bg-2-muted: var(--clr-core-ntrl-10);
325
- --clr-bg-3: var(--clr-core-ntrl-0);
326
- --clr-bg-3-muted: var(--clr-core-ntrl-5);
327
- --clr-border-1: var(--clr-core-ntrl-40);
328
- --clr-border-2: var(--clr-core-ntrl-30);
329
- --clr-border-3: var(--clr-core-ntrl-20);
330
- --clr-br-commit-approved-bg: var(--clr-theme-succ-element);
331
- --clr-br-commit-approved-text: var(--clr-theme-succ-on-element);
266
+ --clr-art-scene-bg: color(srgb 0.1568627450980392 0.403921568627451 0.39215686274509803);
267
+ --clr-art-scene-fill: color(srgb 0.8470588235294118 0.8901960784313725 0.7568627450980392);
268
+ --clr-art-scene-outline: color(srgb 0.0784313725490196 0.13333333333333333 0.13333333333333333);
269
+ --clr-art-spot-fill: var(--clr-core-gray-40);
270
+ --clr-art-spot-fill-pop: var(--clr-core-pop-30);
271
+ --clr-bg-1: var(--clr-core-gray-10);
272
+ --clr-bg-1-muted: var(--clr-core-gray-20);
273
+ --clr-bg-2: var(--clr-core-gray-5);
274
+ --clr-bg-2-muted: var(--clr-core-gray-10);
275
+ --clr-bg-3: var(--clr-core-gray-0);
276
+ --clr-bg-3-muted: var(--clr-core-gray-5);
277
+ --clr-bg-toast: var(--clr-core-gray-95);
278
+ --clr-border-1: var(--clr-core-gray-40);
279
+ --clr-border-2: var(--clr-core-gray-30);
280
+ --clr-border-3: var(--clr-core-gray-20);
281
+ --clr-br-commit-approved-bg: var(--clr-theme-safe-element);
282
+ --clr-br-commit-approved-text: var(--clr-theme-safe-on-element);
332
283
  --clr-br-commit-changes-requested-bg: var(--clr-theme-warn-element);
333
284
  --clr-br-commit-changes-requested-text: var(--clr-theme-warn-on-element);
334
- --clr-br-commit-closed-bg: var(--clr-theme-purp-element);
335
- --clr-br-commit-closed-text: var(--clr-theme-purp-on-element);
285
+ --clr-br-commit-closed-bg: var(--clr-theme-purple-element);
286
+ --clr-br-commit-closed-text: var(--clr-theme-purple-on-element);
336
287
  --clr-br-commit-in-discussion-bg: var(--clr-core-pop-20);
337
288
  --clr-br-commit-in-discussion-text: var(--clr-theme-pop-on-soft);
338
- --clr-br-commit-unreviewed-bg: var(--clr-core-ntrl-30);
339
- --clr-br-commit-unreviewed-text: var(--clr-theme-ntrl-on-soft);
340
- --clr-btn-err-outline: var(--clr-core-err-50);
341
- --clr-btn-err-outline-bg: var(--clr-core-err-40);
342
- --clr-btn-err-outline-text: var(--clr-core-err-60);
343
- --clr-btn-ntrl-outline: var(--clr-core-ntrl-50);
344
- --clr-btn-ntrl-outline-bg: var(--clr-core-ntrl-40);
345
- --clr-btn-ntrl-outline-text: var(--clr-core-ntrl-100);
289
+ --clr-br-commit-unreviewed-bg: var(--clr-core-gray-30);
290
+ --clr-br-commit-unreviewed-text: var(--clr-theme-gray-on-soft);
291
+ --clr-btn-danger-outline: var(--clr-core-danger-50);
292
+ --clr-btn-danger-outline-bg: var(--clr-core-danger-40);
293
+ --clr-btn-danger-outline-text: var(--clr-core-danger-60);
294
+ --clr-btn-gray-outline: var(--clr-core-gray-50);
295
+ --clr-btn-gray-outline-bg: var(--clr-core-gray-40);
296
+ --clr-btn-gray-outline-text: var(--clr-core-gray-100);
346
297
  --clr-btn-pop-outline: var(--clr-core-pop-50);
347
298
  --clr-btn-pop-outline-bg: var(--clr-core-pop-40);
348
299
  --clr-btn-pop-outline-text: var(--clr-core-pop-60);
349
- --clr-btn-purp-outline: var(--clr-core-purp-50);
350
- --clr-btn-purp-outline-bg: var(--clr-core-purp-40);
351
- --clr-btn-purp-outline-text: var(--clr-core-purp-60);
352
- --clr-btn-succ-outline: var(--clr-core-succ-50);
353
- --clr-btn-succ-outline-bg: var(--clr-core-succ-40);
354
- --clr-btn-succ-outline-text: var(--clr-core-succ-60);
300
+ --clr-btn-purple-outline: var(--clr-core-purple-50);
301
+ --clr-btn-purple-outline-bg: var(--clr-core-purple-40);
302
+ --clr-btn-purple-outline-text: var(--clr-core-purple-60);
303
+ --clr-btn-safe-outline: var(--clr-core-safe-50);
304
+ --clr-btn-safe-outline-bg: var(--clr-core-safe-40);
305
+ --clr-btn-safe-outline-text: var(--clr-core-safe-60);
355
306
  --clr-btn-warn-outline: var(--clr-core-warn-50);
356
307
  --clr-btn-warn-outline-bg: var(--clr-core-warn-40);
357
308
  --clr-btn-warn-outline-text: var(--clr-core-warn-60);
358
- --clr-commit-integrated: var(--clr-core-purp-40);
359
- --clr-commit-local: var(--clr-core-ntrl-50);
309
+ --clr-change-icon-addition: var(--clr-core-safe-40);
310
+ --clr-change-icon-deletion: var(--clr-core-danger-40);
311
+ --clr-change-icon-modification: var(--clr-core-warn-40);
312
+ --clr-change-icon-rename: var(--clr-core-purple-40);
313
+ --clr-commit-integrated: var(--clr-core-purple-40);
314
+ --clr-commit-local: var(--clr-core-gray-50);
360
315
  --clr-commit-remote: var(--clr-core-pop-50);
361
316
  --clr-commit-shadow: var(--clr-core-pop-30);
362
317
  --clr-commit-upstream: var(--clr-core-warn-50);
@@ -419,120 +374,54 @@
419
374
  --clr-diff-selected-count-border: var(--clr-core-pop-20);
420
375
  --clr-diff-selected-count-checkmark: var(--clr-core-pop-60);
421
376
  --clr-diff-selected-count-text: var(--clr-core-pop-60);
422
- --clr-illustration-bg: color(srgb 0.1568627450980392 0.403921568627451 0.39215686274509803);
423
- --clr-illustration-fill: color(srgb 0.8470588235294118 0.8901960784313725 0.7568627450980392);
424
- --clr-illustration-outline: color(srgb 0.0784313725490196 0.13333333333333333 0.13333333333333333);
425
377
  --clr-overlay-bg: color(srgb 0 0 0 / 0.5019607843137255);
426
- --clr-scale-err-5: var(--clr-core-err-95);
427
- --clr-scale-err-10: var(--clr-core-err-90);
428
- --clr-scale-err-20: var(--clr-core-err-80);
429
- --clr-scale-err-30: var(--clr-core-err-70);
430
- --clr-scale-err-40: var(--clr-core-err-60);
431
- --clr-scale-err-50: var(--clr-core-err-50);
432
- --clr-scale-err-60: var(--clr-core-err-40);
433
- --clr-scale-err-70: var(--clr-core-err-30);
434
- --clr-scale-err-80: var(--clr-core-err-20);
435
- --clr-scale-err-90: var(--clr-core-err-10);
436
- --clr-scale-err-95: var(--clr-core-err-5);
437
- --clr-scale-ntrl-0: var(--clr-core-ntrl-100);
438
- --clr-scale-ntrl-5: var(--clr-core-ntrl-95);
439
- --clr-scale-ntrl-10: var(--clr-core-ntrl-90);
440
- --clr-scale-ntrl-20: var(--clr-core-ntrl-80);
441
- --clr-scale-ntrl-30: var(--clr-core-ntrl-70);
442
- --clr-scale-ntrl-40: var(--clr-core-ntrl-60);
443
- --clr-scale-ntrl-50: var(--clr-core-ntrl-50);
444
- --clr-scale-ntrl-60: var(--clr-core-ntrl-40);
445
- --clr-scale-ntrl-70: var(--clr-core-ntrl-30);
446
- --clr-scale-ntrl-80: var(--clr-core-ntrl-20);
447
- --clr-scale-ntrl-90: var(--clr-core-ntrl-10);
448
- --clr-scale-ntrl-95: var(--clr-core-ntrl-5);
449
- --clr-scale-ntrl-100: var(--clr-core-ntrl-0);
450
- --clr-scale-pop-5: var(--clr-core-pop-95);
451
- --clr-scale-pop-10: var(--clr-core-pop-90);
452
- --clr-scale-pop-20: var(--clr-core-pop-80);
453
- --clr-scale-pop-30: var(--clr-core-pop-70);
454
- --clr-scale-pop-40: var(--clr-core-pop-60);
455
- --clr-scale-pop-50: var(--clr-core-pop-50);
456
- --clr-scale-pop-60: var(--clr-core-pop-40);
457
- --clr-scale-pop-70: var(--clr-core-pop-30);
458
- --clr-scale-pop-80: var(--clr-core-pop-20);
459
- --clr-scale-pop-90: var(--clr-core-pop-10);
460
- --clr-scale-pop-95: var(--clr-core-pop-5);
461
- --clr-scale-purp-5: var(--clr-core-purp-95);
462
- --clr-scale-purp-10: var(--clr-core-purp-90);
463
- --clr-scale-purp-20: var(--clr-core-purp-80);
464
- --clr-scale-purp-30: var(--clr-core-purp-70);
465
- --clr-scale-purp-40: var(--clr-core-purp-60);
466
- --clr-scale-purp-50: var(--clr-core-purp-50);
467
- --clr-scale-purp-60: var(--clr-core-purp-40);
468
- --clr-scale-purp-70: var(--clr-core-purp-30);
469
- --clr-scale-purp-80: var(--clr-core-purp-20);
470
- --clr-scale-purp-90: var(--clr-core-purp-10);
471
- --clr-scale-purp-95: var(--clr-core-purp-5);
472
- --clr-scale-succ-5: var(--clr-core-succ-95);
473
- --clr-scale-succ-10: var(--clr-core-succ-90);
474
- --clr-scale-succ-20: var(--clr-core-succ-80);
475
- --clr-scale-succ-30: var(--clr-core-succ-70);
476
- --clr-scale-succ-40: var(--clr-core-succ-60);
477
- --clr-scale-succ-50: var(--clr-core-succ-50);
478
- --clr-scale-succ-60: var(--clr-core-succ-40);
479
- --clr-scale-succ-70: var(--clr-core-succ-30);
480
- --clr-scale-succ-80: var(--clr-core-succ-20);
481
- --clr-scale-succ-90: var(--clr-core-succ-10);
482
- --clr-scale-succ-95: var(--clr-core-succ-5);
483
- --clr-scale-warn-5: var(--clr-core-warn-95);
484
- --clr-scale-warn-10: var(--clr-core-warn-90);
485
- --clr-scale-warn-20: var(--clr-core-warn-80);
486
- --clr-scale-warn-30: var(--clr-core-warn-70);
487
- --clr-scale-warn-40: var(--clr-core-warn-60);
488
- --clr-scale-warn-50: var(--clr-core-warn-50);
489
- --clr-scale-warn-60: var(--clr-core-warn-40);
490
- --clr-scale-warn-70: var(--clr-core-warn-30);
491
- --clr-scale-warn-80: var(--clr-core-warn-20);
492
- --clr-scale-warn-90: var(--clr-core-warn-10);
493
- --clr-scale-warn-95: var(--clr-core-warn-5);
494
378
  --clr-selected-in-focus-bg: var(--clr-core-pop-10);
495
379
  --clr-selected-in-focus-element: var(--clr-core-pop-40);
496
- --clr-selected-not-in-focus-bg: var(--clr-core-ntrl-20);
497
- --clr-selected-not-in-focus-element: var(--clr-core-ntrl-40);
498
- --clr-text-1: var(--clr-core-ntrl-95);
499
- --clr-text-2: var(--clr-core-ntrl-60);
500
- --clr-text-3: var(--clr-core-ntrl-40);
501
- --clr-theme-err-bg: var(--clr-core-err-5);
502
- --clr-theme-err-bg-muted: var(--clr-core-err-10);
503
- --clr-theme-err-element: var(--clr-core-err-30);
504
- --clr-theme-err-on-element: var(--clr-core-err-95);
505
- --clr-theme-err-on-soft: var(--clr-core-err-60);
506
- --clr-theme-err-soft: var(--clr-core-err-10);
507
- --clr-theme-ntrl-element: var(--clr-core-ntrl-80);
508
- --clr-theme-ntrl-on-element: var(--clr-core-ntrl-0);
509
- --clr-theme-ntrl-on-soft: var(--clr-core-ntrl-70);
510
- --clr-theme-ntrl-soft: var(--clr-core-ntrl-20);
380
+ --clr-selected-not-in-focus-bg: var(--clr-core-gray-20);
381
+ --clr-selected-not-in-focus-element: var(--clr-core-gray-40);
382
+ --clr-text-1: var(--clr-core-gray-95);
383
+ --clr-text-2: var(--clr-core-gray-60);
384
+ --clr-text-3: var(--clr-core-gray-40);
385
+ --clr-theme-danger-bg: var(--clr-core-danger-5);
386
+ --clr-theme-danger-bg-muted: var(--clr-core-danger-10);
387
+ --clr-theme-danger-element: var(--clr-core-danger-30);
388
+ --clr-theme-danger-on-element: var(--clr-core-danger-95);
389
+ --clr-theme-danger-on-soft: var(--clr-core-danger-60);
390
+ --clr-theme-danger-soft: var(--clr-core-danger-10);
391
+ --clr-theme-danger-text: var(--clr-core-danger-80);
392
+ --clr-theme-gray-element: var(--clr-core-gray-80);
393
+ --clr-theme-gray-on-element: var(--clr-core-gray-0);
394
+ --clr-theme-gray-on-soft: var(--clr-core-gray-70);
395
+ --clr-theme-gray-soft: var(--clr-core-gray-20);
511
396
  --clr-theme-pop-bg: var(--clr-core-pop-5);
512
397
  --clr-theme-pop-bg-muted: var(--clr-core-pop-10);
513
398
  --clr-theme-pop-element: var(--clr-core-pop-40);
514
- --clr-theme-pop-on-element: var(--clr-core-ntrl-100);
399
+ --clr-theme-pop-on-element: var(--clr-core-gray-100);
515
400
  --clr-theme-pop-on-soft: var(--clr-core-pop-60);
516
401
  --clr-theme-pop-soft: var(--clr-core-pop-10);
517
- --clr-theme-purp-bg: var(--clr-core-purp-5);
518
- --clr-theme-purp-bg-muted: var(--clr-core-purp-10);
519
- --clr-theme-purp-element: var(--clr-core-purp-50);
520
- --clr-theme-purp-on-element: var(--clr-core-purp-90);
521
- --clr-theme-purp-on-soft: var(--clr-core-purp-60);
522
- --clr-theme-purp-soft: var(--clr-core-purp-10);
523
- --clr-theme-succ-bg: var(--clr-core-succ-5);
524
- --clr-theme-succ-bg-muted: var(--clr-core-succ-10);
525
- --clr-theme-succ-element: var(--clr-core-succ-30);
526
- --clr-theme-succ-on-element: var(--clr-core-succ-90);
527
- --clr-theme-succ-on-soft: var(--clr-core-succ-60);
528
- --clr-theme-succ-soft: var(--clr-core-succ-10);
402
+ --clr-theme-pop-text: var(--clr-core-pop-80);
403
+ --clr-theme-purple-bg: var(--clr-core-purple-5);
404
+ --clr-theme-purple-bg-muted: var(--clr-core-purple-10);
405
+ --clr-theme-purple-element: var(--clr-core-purple-50);
406
+ --clr-theme-purple-on-element: var(--clr-core-purple-90);
407
+ --clr-theme-purple-on-soft: var(--clr-core-purple-60);
408
+ --clr-theme-purple-soft: var(--clr-core-purple-10);
409
+ --clr-theme-purple-text: var(--clr-core-purple-80);
410
+ --clr-theme-safe-bg: var(--clr-core-safe-5);
411
+ --clr-theme-safe-bg-muted: var(--clr-core-safe-10);
412
+ --clr-theme-safe-element: var(--clr-core-safe-30);
413
+ --clr-theme-safe-on-element: var(--clr-core-safe-90);
414
+ --clr-theme-safe-on-soft: var(--clr-core-safe-60);
415
+ --clr-theme-safe-soft: var(--clr-core-safe-10);
416
+ --clr-theme-safe-text: var(--clr-core-safe-80);
529
417
  --clr-theme-warn-bg: var(--clr-core-warn-5);
530
418
  --clr-theme-warn-bg-muted: var(--clr-core-warn-10);
531
419
  --clr-theme-warn-element: var(--clr-core-warn-40);
532
420
  --clr-theme-warn-on-element: var(--clr-core-warn-90);
533
421
  --clr-theme-warn-on-soft: var(--clr-core-warn-60);
534
422
  --clr-theme-warn-soft: var(--clr-core-warn-10);
535
- --clr-tooltip-bg: var(--clr-core-ntrl-10);
536
- --clr-tooltip-border: var(--clr-core-ntrl-30);
423
+ --clr-theme-warn-text: var(--clr-core-warn-80);
424
+ --clr-tooltip-bg: var(--clr-core-gray-10);
425
+ --clr-tooltip-border: var(--clr-core-gray-30);
537
426
  }
538
427