@gitbutler/design-core 1.4.2 → 1.5.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/tokens/tokens.css +198 -307
  3. package/tokens/tokens.json +416 -1021
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.0",
4
4
  "type": "module",
5
5
  "description": "Design tokens for GitButler applications",
6
6
  "keywords": [
package/tokens/tokens.css CHANGED
@@ -3,72 +3,83 @@
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-1: var(--clr-core-gray-80);
10
+ --clr-art-spot-fill-2: var(--clr-core-gray-70);
11
+ --clr-art-spot-fill-pop-1: var(--clr-core-pop-70);
12
+ --clr-bg-1: var(--clr-core-gray-100);
13
+ --clr-bg-1-muted: var(--clr-core-gray-95);
14
+ --clr-bg-2: var(--clr-core-gray-90);
15
+ --clr-bg-2-muted: var(--clr-core-gray-80);
16
+ --clr-bg-3: var(--clr-core-gray-80);
17
+ --clr-bg-3-muted: var(--clr-core-gray-70);
18
+ --clr-bg-toast: var(--clr-core-gray-5);
19
+ --clr-border-1: var(--clr-core-gray-60);
20
+ --clr-border-2: var(--clr-core-gray-70);
21
+ --clr-border-3: var(--clr-core-gray-80);
22
+ --clr-br-commit-approved-bg: var(--clr-theme-safe-element);
23
+ --clr-br-commit-approved-text: var(--clr-theme-safe-on-element);
17
24
  --clr-br-commit-changes-requested-bg: var(--clr-theme-warn-element);
18
25
  --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);
26
+ --clr-br-commit-closed-bg: var(--clr-theme-purple-element);
27
+ --clr-br-commit-closed-text: var(--clr-theme-purple-on-element);
21
28
  --clr-br-commit-in-discussion-bg: var(--clr-core-pop-70);
22
29
  --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);
30
+ --clr-br-commit-unreviewed-bg: var(--clr-core-gray-80);
31
+ --clr-br-commit-unreviewed-text: var(--clr-theme-gray-on-soft);
32
+ --clr-btn-danger-outline: var(--clr-core-danger-50);
33
+ --clr-btn-danger-outline-bg: var(--clr-core-danger-70);
34
+ --clr-btn-danger-outline-text: var(--clr-core-danger-40);
35
+ --clr-btn-gray-outline: var(--clr-core-gray-50);
36
+ --clr-btn-gray-outline-bg: var(--clr-core-gray-70);
37
+ --clr-btn-gray-outline-text: var(--clr-core-gray-10);
31
38
  --clr-btn-pop-outline: var(--clr-core-pop-50);
32
39
  --clr-btn-pop-outline-bg: var(--clr-core-pop-70);
33
40
  --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);
41
+ --clr-btn-purple-outline: var(--clr-core-purple-50);
42
+ --clr-btn-purple-outline-bg: var(--clr-core-purple-70);
43
+ --clr-btn-purple-outline-text: var(--clr-core-purple-40);
44
+ --clr-btn-safe-outline: var(--clr-core-safe-50);
45
+ --clr-btn-safe-outline-bg: var(--clr-core-safe-70);
46
+ --clr-btn-safe-outline-text: var(--clr-core-safe-40);
40
47
  --clr-btn-warn-outline: var(--clr-core-warn-50);
41
48
  --clr-btn-warn-outline-bg: var(--clr-core-warn-70);
42
49
  --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);
50
+ --clr-change-icon-addition: var(--clr-core-safe-60);
51
+ --clr-change-icon-deletion: var(--clr-core-danger-60);
52
+ --clr-change-icon-modification: var(--clr-core-warn-60);
53
+ --clr-change-icon-rename: var(--clr-core-purple-60);
54
+ --clr-commit-integrated: var(--clr-core-purple-50);
55
+ --clr-commit-local: var(--clr-core-gray-50);
45
56
  --clr-commit-remote: var(--clr-core-pop-50);
46
57
  --clr-commit-shadow: var(--clr-core-pop-60);
47
58
  --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);
59
+ --clr-core-danger-5: color(srgb 0.3411764705882353 0.10196078431372549 0.06666666666666667);
60
+ --clr-core-danger-10: color(srgb 0.396078431372549 0.11764705882352941 0.07450980392156863);
61
+ --clr-core-danger-20: color(srgb 0.43137254901960786 0.12941176470588237 0.08235294117647059);
62
+ --clr-core-danger-30: color(srgb 0.5725490196078431 0.16862745098039217 0.10980392156862745);
63
+ --clr-core-danger-40: color(srgb 0.6980392156862745 0.20784313725490197 0.13333333333333333);
64
+ --clr-core-danger-50: color(srgb 0.8392156862745098 0.25098039215686274 0.1607843137254902);
65
+ --clr-core-danger-60: color(srgb 0.8705882352941177 0.5686274509803921 0.5215686274509804);
66
+ --clr-core-danger-70: color(srgb 0.9215686274509803 0.7294117647058823 0.6980392156862745);
67
+ --clr-core-danger-80: color(srgb 0.9568627450980393 0.8431372549019608 0.8235294117647058);
68
+ --clr-core-danger-90: color(srgb 0.9764705882352941 0.9137254901960784 0.9019607843137255);
69
+ --clr-core-danger-95: color(srgb 0.984313725490196 0.9490196078431372 0.9450980392156862);
70
+ --clr-core-gray-0: color(srgb 0 0 0);
71
+ --clr-core-gray-5: color(srgb 0.12549019607843137 0.11372549019607843 0.10588235294117647);
72
+ --clr-core-gray-10: color(srgb 0.1607843137254902 0.14901960784313725 0.13725490196078433);
73
+ --clr-core-gray-20: color(srgb 0.22745098039215686 0.20784313725490197 0.19607843137254902);
74
+ --clr-core-gray-30: color(srgb 0.30980392156862746 0.2823529411764706 0.26666666666666666);
75
+ --clr-core-gray-40: color(srgb 0.38823529411764707 0.3568627450980392 0.3333333333333333);
76
+ --clr-core-gray-50: color(srgb 0.48627450980392156 0.44313725490196076 0.41568627450980394);
77
+ --clr-core-gray-60: color(srgb 0.6666666666666666 0.6352941176470588 0.615686274509804);
78
+ --clr-core-gray-70: color(srgb 0.792156862745098 0.7764705882352941 0.7647058823529411);
79
+ --clr-core-gray-80: color(srgb 0.9058823529411765 0.8980392156862745 0.8941176470588236);
80
+ --clr-core-gray-90: color(srgb 0.9529411764705882 0.9490196078431372 0.9450980392156862);
81
+ --clr-core-gray-95: color(srgb 0.9764705882352941 0.9764705882352941 0.9725490196078431);
82
+ --clr-core-gray-100: color(srgb 1 1 1);
72
83
  --clr-core-pop-5: color(srgb 0.03529411764705882 0.17254901960784313 0.17254901960784313);
73
84
  --clr-core-pop-10: color(srgb 0.050980392156862744 0.24313725490196078 0.24313725490196078);
74
85
  --clr-core-pop-20: color(srgb 0.058823529411764705 0.2823529411764706 0.2823529411764706);
@@ -80,28 +91,28 @@
80
91
  --clr-core-pop-80: color(srgb 0.8274509803921568 0.9529411764705882 0.9529411764705882);
81
92
  --clr-core-pop-90: color(srgb 0.9058823529411765 0.9764705882352941 0.9764705882352941);
82
93
  --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);
94
+ --clr-core-purple-5: color(srgb 0.1843137254901961 0.07450980392156863 0.2980392156862745);
95
+ --clr-core-purple-10: color(srgb 0.2196078431372549 0.08627450980392157 0.35294117647058826);
96
+ --clr-core-purple-20: color(srgb 0.2549019607843137 0.10196078431372549 0.40784313725490196);
97
+ --clr-core-purple-30: color(srgb 0.3568627450980392 0.1411764705882353 0.5725490196078431);
98
+ --clr-core-purple-40: color(srgb 0.4588235294117647 0.1843137254901961 0.7333333333333333);
99
+ --clr-core-purple-50: color(srgb 0.5411764705882353 0.2627450980392157 0.8156862745098039);
100
+ --clr-core-purple-60: color(srgb 0.7411764705882353 0.6078431372549019 0.8745098039215686);
101
+ --clr-core-purple-70: color(srgb 0.8352941176470589 0.7490196078431373 0.9215686274509803);
102
+ --clr-core-purple-80: color(srgb 0.8901960784313725 0.8313725490196079 0.9490196078431372);
103
+ --clr-core-purple-90: color(srgb 0.9411764705882353 0.9098039215686274 0.9725490196078431);
104
+ --clr-core-purple-95: color(srgb 0.9647058823529412 0.9450980392156862 0.984313725490196);
105
+ --clr-core-safe-5: color(srgb 0.0392156862745098 0.15294117647058825 0.10588235294117647);
106
+ --clr-core-safe-10: color(srgb 0.054901960784313725 0.2235294117647059 0.15294117647058825);
107
+ --clr-core-safe-20: color(srgb 0.07058823529411765 0.27450980392156865 0.18823529411764706);
108
+ --clr-core-safe-30: color(srgb 0.10588235294117647 0.4196078431372549 0.28627450980392155);
109
+ --clr-core-safe-40: color(srgb 0.1450980392156863 0.5764705882352941 0.396078431372549);
110
+ --clr-core-safe-50: color(srgb 0.1803921568627451 0.7215686274509804 0.49411764705882355);
111
+ --clr-core-safe-60: color(srgb 0.4588235294117647 0.8235294117647058 0.6705882352941176);
112
+ --clr-core-safe-70: color(srgb 0.6627450980392157 0.8941176470588236 0.796078431372549);
113
+ --clr-core-safe-80: color(srgb 0.8313725490196079 0.9490196078431372 0.8980392156862745);
114
+ --clr-core-safe-90: color(srgb 0.9098039215686274 0.9725490196078431 0.9450980392156862);
115
+ --clr-core-safe-95: color(srgb 0.9450980392156862 0.984313725490196 0.9686274509803922);
105
116
  --clr-core-warn-5: color(srgb 0.35294117647058826 0.21176470588235294 0.00784313725490196);
106
117
  --clr-core-warn-10: color(srgb 0.4196078431372549 0.25098039215686274 0.011764705882352941);
107
118
  --clr-core-warn-20: color(srgb 0.47058823529411764 0.2784313725490196 0.011764705882352941);
@@ -169,124 +180,58 @@
169
180
  --clr-diff-locked-selected-count-checkmark: color(srgb 0.6431372549019608 0.4588235294117647 0.1411764705882353);
170
181
  --clr-diff-locked-selected-count-text: color(srgb 0.6431372549019608 0.4588235294117647 0.1411764705882353);
171
182
  --clr-diff-selected-count-bg: var(--clr-core-pop-50);
172
- --clr-diff-selected-count-border: var(--clr-scale-pop-40);
183
+ --clr-diff-selected-count-border: var(--clr-core-pop-40);
173
184
  --clr-diff-selected-count-checkmark: var(--clr-core-pop-95);
174
185
  --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
186
  --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
187
  --clr-selected-in-focus-bg: var(--clr-core-pop-90);
248
188
  --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);
189
+ --clr-selected-not-in-focus-bg: var(--clr-core-gray-95);
190
+ --clr-selected-not-in-focus-element: var(--clr-core-gray-60);
191
+ --clr-text-1: var(--clr-core-gray-5);
192
+ --clr-text-2: var(--clr-core-gray-50);
193
+ --clr-text-3: var(--clr-core-gray-60);
194
+ --clr-theme-danger-bg: var(--clr-core-danger-95);
195
+ --clr-theme-danger-bg-muted: var(--clr-core-danger-90);
196
+ --clr-theme-danger-element: var(--clr-core-danger-50);
197
+ --clr-theme-danger-on-element: var(--clr-core-danger-95);
198
+ --clr-theme-danger-on-soft: var(--clr-core-danger-40);
199
+ --clr-theme-danger-soft: var(--clr-core-danger-80);
200
+ --clr-theme-danger-text: var(--clr-core-danger-10);
201
+ --clr-theme-gray-element: var(--clr-core-gray-20);
202
+ --clr-theme-gray-on-element: var(--clr-core-gray-100);
203
+ --clr-theme-gray-on-soft: var(--clr-core-gray-20);
204
+ --clr-theme-gray-soft: var(--clr-core-gray-80);
264
205
  --clr-theme-pop-bg: var(--clr-core-pop-95);
265
206
  --clr-theme-pop-bg-muted: var(--clr-core-pop-90);
266
207
  --clr-theme-pop-element: var(--clr-core-pop-50);
267
- --clr-theme-pop-on-element: var(--clr-core-ntrl-100);
208
+ --clr-theme-pop-on-element: var(--clr-core-gray-100);
268
209
  --clr-theme-pop-on-soft: var(--clr-core-pop-40);
269
210
  --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);
211
+ --clr-theme-pop-text: var(--clr-core-pop-10);
212
+ --clr-theme-purple-bg: var(--clr-core-purple-95);
213
+ --clr-theme-purple-bg-muted: var(--clr-core-purple-90);
214
+ --clr-theme-purple-element: var(--clr-core-purple-50);
215
+ --clr-theme-purple-on-element: var(--clr-core-purple-95);
216
+ --clr-theme-purple-on-soft: var(--clr-core-purple-40);
217
+ --clr-theme-purple-soft: var(--clr-core-purple-80);
218
+ --clr-theme-purple-text: var(--clr-core-purple-10);
219
+ --clr-theme-safe-bg: var(--clr-core-safe-95);
220
+ --clr-theme-safe-bg-muted: var(--clr-core-safe-90);
221
+ --clr-theme-safe-element: var(--clr-core-safe-50);
222
+ --clr-theme-safe-on-element: var(--clr-core-safe-95);
223
+ --clr-theme-safe-on-soft: var(--clr-core-safe-40);
224
+ --clr-theme-safe-soft: var(--clr-core-safe-80);
225
+ --clr-theme-safe-text: var(--clr-core-safe-10);
282
226
  --clr-theme-warn-bg: var(--clr-core-warn-95);
283
227
  --clr-theme-warn-bg-muted: var(--clr-core-warn-90);
284
228
  --clr-theme-warn-element: var(--clr-core-warn-50);
285
229
  --clr-theme-warn-on-element: var(--clr-core-warn-95);
286
230
  --clr-theme-warn-on-soft: var(--clr-core-warn-40);
287
231
  --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);
232
+ --clr-theme-warn-text: var(--clr-core-warn-10);
233
+ --clr-tooltip-bg: var(--clr-core-gray-95);
234
+ --clr-tooltip-border: var(--clr-core-gray-80);
290
235
  --fx-shadow-l: 0 10px 40px 0 color(srgb 0 0 0 / 0.10196078431372549);
291
236
  --fx-shadow-m: 0 6px 30px 0 color(srgb 0 0 0 / 0.0784313725490196);
292
237
  --fx-shadow-s: 0 4px 14px 0 color(srgb 0 0 0 / 0.058823529411764705);
@@ -296,6 +241,7 @@
296
241
  --opacity-btn-outline-bg: 0.1;
297
242
  --opacity-btn-outline-bg-hover: 0.25;
298
243
  --opacity-btn-solid-hover: 0.1;
244
+ --opacity-disabled: 0.6;
299
245
  --radius-btn: var(--radius-m);
300
246
  --radius-l: 12px;
301
247
  --radius-m: 6px;
@@ -318,45 +264,56 @@
318
264
  }
319
265
 
320
266
  :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);
267
+ --clr-art-scene-bg: color(srgb 0.1568627450980392 0.403921568627451 0.39215686274509803);
268
+ --clr-art-scene-fill: color(srgb 0.8470588235294118 0.8901960784313725 0.7568627450980392);
269
+ --clr-art-scene-outline: color(srgb 0.0784313725490196 0.13333333333333333 0.13333333333333333);
270
+ --clr-art-spot-fill-1: var(--clr-core-gray-30);
271
+ --clr-art-spot-fill-2: var(--clr-core-gray-40);
272
+ --clr-art-spot-fill-pop-1: var(--clr-core-pop-30);
273
+ --clr-bg-1: var(--clr-core-gray-10);
274
+ --clr-bg-1-muted: var(--clr-core-gray-20);
275
+ --clr-bg-2: var(--clr-core-gray-5);
276
+ --clr-bg-2-muted: var(--clr-core-gray-10);
277
+ --clr-bg-3: var(--clr-core-gray-0);
278
+ --clr-bg-3-muted: var(--clr-core-gray-5);
279
+ --clr-bg-toast: var(--clr-core-gray-95);
280
+ --clr-border-1: var(--clr-core-gray-40);
281
+ --clr-border-2: var(--clr-core-gray-30);
282
+ --clr-border-3: var(--clr-core-gray-20);
283
+ --clr-br-commit-approved-bg: var(--clr-theme-safe-element);
284
+ --clr-br-commit-approved-text: var(--clr-theme-safe-on-element);
332
285
  --clr-br-commit-changes-requested-bg: var(--clr-theme-warn-element);
333
286
  --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);
287
+ --clr-br-commit-closed-bg: var(--clr-theme-purple-element);
288
+ --clr-br-commit-closed-text: var(--clr-theme-purple-on-element);
336
289
  --clr-br-commit-in-discussion-bg: var(--clr-core-pop-20);
337
290
  --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);
291
+ --clr-br-commit-unreviewed-bg: var(--clr-core-gray-30);
292
+ --clr-br-commit-unreviewed-text: var(--clr-theme-gray-on-soft);
293
+ --clr-btn-danger-outline: var(--clr-core-danger-50);
294
+ --clr-btn-danger-outline-bg: var(--clr-core-danger-40);
295
+ --clr-btn-danger-outline-text: var(--clr-core-danger-60);
296
+ --clr-btn-gray-outline: var(--clr-core-gray-50);
297
+ --clr-btn-gray-outline-bg: var(--clr-core-gray-40);
298
+ --clr-btn-gray-outline-text: var(--clr-core-gray-100);
346
299
  --clr-btn-pop-outline: var(--clr-core-pop-50);
347
300
  --clr-btn-pop-outline-bg: var(--clr-core-pop-40);
348
301
  --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);
302
+ --clr-btn-purple-outline: var(--clr-core-purple-50);
303
+ --clr-btn-purple-outline-bg: var(--clr-core-purple-40);
304
+ --clr-btn-purple-outline-text: var(--clr-core-purple-60);
305
+ --clr-btn-safe-outline: var(--clr-core-safe-50);
306
+ --clr-btn-safe-outline-bg: var(--clr-core-safe-40);
307
+ --clr-btn-safe-outline-text: var(--clr-core-safe-60);
355
308
  --clr-btn-warn-outline: var(--clr-core-warn-50);
356
309
  --clr-btn-warn-outline-bg: var(--clr-core-warn-40);
357
310
  --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);
311
+ --clr-change-icon-addition: var(--clr-core-safe-40);
312
+ --clr-change-icon-deletion: var(--clr-core-danger-40);
313
+ --clr-change-icon-modification: var(--clr-core-warn-40);
314
+ --clr-change-icon-rename: var(--clr-core-purple-40);
315
+ --clr-commit-integrated: var(--clr-core-purple-40);
316
+ --clr-commit-local: var(--clr-core-gray-50);
360
317
  --clr-commit-remote: var(--clr-core-pop-50);
361
318
  --clr-commit-shadow: var(--clr-core-pop-30);
362
319
  --clr-commit-upstream: var(--clr-core-warn-50);
@@ -419,120 +376,54 @@
419
376
  --clr-diff-selected-count-border: var(--clr-core-pop-20);
420
377
  --clr-diff-selected-count-checkmark: var(--clr-core-pop-60);
421
378
  --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
379
  --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
380
  --clr-selected-in-focus-bg: var(--clr-core-pop-10);
495
381
  --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);
382
+ --clr-selected-not-in-focus-bg: var(--clr-core-gray-20);
383
+ --clr-selected-not-in-focus-element: var(--clr-core-gray-40);
384
+ --clr-text-1: var(--clr-core-gray-95);
385
+ --clr-text-2: var(--clr-core-gray-60);
386
+ --clr-text-3: var(--clr-core-gray-40);
387
+ --clr-theme-danger-bg: var(--clr-core-danger-5);
388
+ --clr-theme-danger-bg-muted: var(--clr-core-danger-10);
389
+ --clr-theme-danger-element: var(--clr-core-danger-30);
390
+ --clr-theme-danger-on-element: var(--clr-core-danger-95);
391
+ --clr-theme-danger-on-soft: var(--clr-core-danger-60);
392
+ --clr-theme-danger-soft: var(--clr-core-danger-10);
393
+ --clr-theme-danger-text: var(--clr-core-danger-80);
394
+ --clr-theme-gray-element: var(--clr-core-gray-80);
395
+ --clr-theme-gray-on-element: var(--clr-core-gray-0);
396
+ --clr-theme-gray-on-soft: var(--clr-core-gray-70);
397
+ --clr-theme-gray-soft: var(--clr-core-gray-20);
511
398
  --clr-theme-pop-bg: var(--clr-core-pop-5);
512
399
  --clr-theme-pop-bg-muted: var(--clr-core-pop-10);
513
400
  --clr-theme-pop-element: var(--clr-core-pop-40);
514
- --clr-theme-pop-on-element: var(--clr-core-ntrl-100);
401
+ --clr-theme-pop-on-element: var(--clr-core-gray-100);
515
402
  --clr-theme-pop-on-soft: var(--clr-core-pop-60);
516
403
  --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);
404
+ --clr-theme-pop-text: var(--clr-core-pop-80);
405
+ --clr-theme-purple-bg: var(--clr-core-purple-5);
406
+ --clr-theme-purple-bg-muted: var(--clr-core-purple-10);
407
+ --clr-theme-purple-element: var(--clr-core-purple-50);
408
+ --clr-theme-purple-on-element: var(--clr-core-purple-90);
409
+ --clr-theme-purple-on-soft: var(--clr-core-purple-60);
410
+ --clr-theme-purple-soft: var(--clr-core-purple-10);
411
+ --clr-theme-purple-text: var(--clr-core-purple-80);
412
+ --clr-theme-safe-bg: var(--clr-core-safe-5);
413
+ --clr-theme-safe-bg-muted: var(--clr-core-safe-10);
414
+ --clr-theme-safe-element: var(--clr-core-safe-30);
415
+ --clr-theme-safe-on-element: var(--clr-core-safe-90);
416
+ --clr-theme-safe-on-soft: var(--clr-core-safe-60);
417
+ --clr-theme-safe-soft: var(--clr-core-safe-10);
418
+ --clr-theme-safe-text: var(--clr-core-safe-80);
529
419
  --clr-theme-warn-bg: var(--clr-core-warn-5);
530
420
  --clr-theme-warn-bg-muted: var(--clr-core-warn-10);
531
421
  --clr-theme-warn-element: var(--clr-core-warn-40);
532
422
  --clr-theme-warn-on-element: var(--clr-core-warn-90);
533
423
  --clr-theme-warn-on-soft: var(--clr-core-warn-60);
534
424
  --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);
425
+ --clr-theme-warn-text: var(--clr-core-warn-80);
426
+ --clr-tooltip-bg: var(--clr-core-gray-10);
427
+ --clr-tooltip-border: var(--clr-core-gray-30);
537
428
  }
538
429