@gitbutler/design-core 1.0.2

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 (19) hide show
  1. package/README.md +47 -0
  2. package/fonts/but-head/But-Head-Italic.woff2 +0 -0
  3. package/fonts/but-head/But-Head-Regular.woff2 +0 -0
  4. package/fonts/fonts.css +113 -0
  5. package/fonts/geist-mono/GeistMono-Bold.woff2 +0 -0
  6. package/fonts/geist-mono/GeistMono-Medium.woff2 +0 -0
  7. package/fonts/geist-mono/GeistMono-Regular.woff2 +0 -0
  8. package/fonts/inter/Inter-Bold.woff2 +0 -0
  9. package/fonts/inter/Inter-BoldItalic.woff2 +0 -0
  10. package/fonts/inter/Inter-Italic.woff2 +0 -0
  11. package/fonts/inter/Inter-Medium.woff2 +0 -0
  12. package/fonts/inter/Inter-MediumItalic.woff2 +0 -0
  13. package/fonts/inter/Inter-Regular.woff2 +0 -0
  14. package/fonts/inter/Inter-SemiBold.woff2 +0 -0
  15. package/fonts/inter/Inter-SemiBoldItalic.woff2 +0 -0
  16. package/fonts/pp-editorial/PPEditorialNew-Regular.woff2 +0 -0
  17. package/package.json +43 -0
  18. package/tokens/tokens.css +619 -0
  19. package/tokens/tokens.json +3790 -0
package/tokens/tokens.css ADDED
@@ -0,0 +1,619 @@
1
+ /* -------------------------------------------
2
+ * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
3
+ * ------------------------------------------- */
4
+
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);
17
+ --clr-br-commit-changes-requested-bg: var(--clr-theme-warn-element);
18
+ --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);
21
+ --clr-br-commit-in-discussion-bg: var(--clr-core-pop-70);
22
+ --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-err-outline-text-hover: var(--clr-core-err-30);
29
+ --clr-btn-ntrl-outline: var(--clr-core-ntrl-50);
30
+ --clr-btn-ntrl-outline-bg: var(--clr-core-ntrl-70);
31
+ --clr-btn-ntrl-outline-text: var(--clr-core-ntrl-10);
32
+ --clr-btn-ntrl-outline-text-hover: var(--clr-core-ntrl-10);
33
+ --clr-btn-pop-outline: var(--clr-core-pop-50);
34
+ --clr-btn-pop-outline-bg: var(--clr-core-pop-70);
35
+ --clr-btn-pop-outline-text: var(--clr-core-pop-40);
36
+ --clr-btn-pop-outline-text-hover: var(--clr-core-pop-30);
37
+ --clr-btn-purp-outline: var(--clr-core-purp-50);
38
+ --clr-btn-purp-outline-bg: var(--clr-core-purp-70);
39
+ --clr-btn-purp-outline-text: var(--clr-core-purp-40);
40
+ --clr-btn-purp-outline-text-hover: var(--clr-core-purp-30);
41
+ --clr-btn-succ-outline: var(--clr-core-succ-50);
42
+ --clr-btn-succ-outline-bg: var(--clr-core-succ-70);
43
+ --clr-btn-succ-outline-text: var(--clr-core-succ-40);
44
+ --clr-btn-succ-outline-text-hover: var(--clr-core-succ-30);
45
+ --clr-btn-warn-outline: var(--clr-core-warn-50);
46
+ --clr-btn-warn-outline-bg: var(--clr-core-warn-70);
47
+ --clr-btn-warn-outline-text: var(--clr-core-warn-40);
48
+ --clr-btn-warn-outline-text-hover: var(--clr-core-warn-30);
49
+ --clr-commit-integrated: var(--clr-core-purp-50);
50
+ --clr-commit-local: var(--clr-core-ntrl-50);
51
+ --clr-commit-remote: var(--clr-core-pop-50);
52
+ --clr-commit-shadow: var(--clr-core-pop-60);
53
+ --clr-commit-upstream: var(--clr-core-warn-50);
54
+ --clr-core-err-5: color(srgb 0.14901960784313725 0.050980392156862744 0.058823529411764705);
55
+ --clr-core-err-10: color(srgb 0.2980392156862745 0.10196078431372549 0.12156862745098039);
56
+ --clr-core-err-20: color(srgb 0.4196078431372549 0.1411764705882353 0.16862745098039217);
57
+ --clr-core-err-30: color(srgb 0.5843137254901961 0.19607843137254902 0.23529411764705882);
58
+ --clr-core-err-40: color(srgb 0.7411764705882353 0.2823529411764706 0.3215686274509804);
59
+ --clr-core-err-45: color(srgb 0.8196078431372549 0.3215686274509804 0.36470588235294116);
60
+ --clr-core-err-50: color(srgb 0.8627450980392157 0.3764705882352941 0.4196078431372549);
61
+ --clr-core-err-55: color(srgb 0.8980392156862745 0.45098039215686275 0.49019607843137253);
62
+ --clr-core-err-60: color(srgb 0.9215686274509803 0.596078431372549 0.6509803921568628);
63
+ --clr-core-err-70: color(srgb 1 0.788235294117647 0.8117647058823529);
64
+ --clr-core-err-80: color(srgb 0.984313725490196 0.8666666666666667 0.8784313725490196);
65
+ --clr-core-err-90: color(srgb 0.9921568627450981 0.9450980392156862 0.9568627450980393);
66
+ --clr-core-err-95: color(srgb 1 0.9803921568627451 0.9882352941176471);
67
+ --clr-core-ntrl-0: color(srgb 0.0392156862745098 0.0392156862745098 0.0392156862745098);
68
+ --clr-core-ntrl-5: color(srgb 0.10196078431372549 0.08627450980392157 0.0784313725490196);
69
+ --clr-core-ntrl-10: color(srgb 0.15294117647058825 0.13725490196078433 0.12941176470588237);
70
+ --clr-core-ntrl-20: color(srgb 0.2196078431372549 0.20392156862745098 0.2);
71
+ --clr-core-ntrl-30: color(srgb 0.30980392156862746 0.29411764705882354 0.2823529411764706);
72
+ --clr-core-ntrl-40: color(srgb 0.403921568627451 0.38823529411764707 0.3686274509803922);
73
+ --clr-core-ntrl-45: color(srgb 0.47843137254901963 0.45098039215686275 0.43529411764705883);
74
+ --clr-core-ntrl-50: color(srgb 0.5254901960784314 0.49411764705882355 0.4745098039215686);
75
+ --clr-core-ntrl-55: color(srgb 0.6039215686274509 0.5725490196078431 0.5529411764705883);
76
+ --clr-core-ntrl-60: color(srgb 0.7058823529411765 0.6862745098039216 0.6745098039215687);
77
+ --clr-core-ntrl-70: color(srgb 0.8313725490196079 0.8156862745098039 0.807843137254902);
78
+ --clr-core-ntrl-80: color(srgb 0.9176470588235294 0.9137254901960784 0.9098039215686274);
79
+ --clr-core-ntrl-90: color(srgb 0.9529411764705882 0.9529411764705882 0.9490196078431372);
80
+ --clr-core-ntrl-95: color(srgb 0.9725490196078431 0.9725490196078431 0.9686274509803922);
81
+ --clr-core-ntrl-100: color(srgb 1 1 1);
82
+ --clr-core-pop-5: color(srgb 0.054901960784313725 0.16470588235294117 0.1607843137254902);
83
+ --clr-core-pop-10: color(srgb 0.09019607843137255 0.27058823529411763 0.2627450980392157);
84
+ --clr-core-pop-20: color(srgb 0.10980392156862745 0.32941176470588235 0.3176470588235294);
85
+ --clr-core-pop-30: color(srgb 0.1450980392156863 0.43529411764705883 0.4196078431372549);
86
+ --clr-core-pop-40: color(srgb 0.16470588235294117 0.5725490196078431 0.5529411764705883);
87
+ --clr-core-pop-45: color(srgb 0.1411764705882353 0.6509803921568628 0.6235294117647059);
88
+ --clr-core-pop-50: color(srgb 0.1411764705882353 0.7058823529411765 0.6784313725490196);
89
+ --clr-core-pop-55: color(srgb 0.34901960784313724 0.7450980392156863 0.7254901960784313);
90
+ --clr-core-pop-60: color(srgb 0.5607843137254902 0.8392156862745098 0.8235294117647058);
91
+ --clr-core-pop-70: color(srgb 0.7568627450980392 0.9215686274509803 0.9137254901960784);
92
+ --clr-core-pop-80: color(srgb 0.8431372549019608 0.9568627450980393 0.9490196078431372);
93
+ --clr-core-pop-90: color(srgb 0.9058823529411765 0.9725490196078431 0.9686274509803922);
94
+ --clr-core-pop-95: color(srgb 0.9529411764705882 0.9882352941176471 0.984313725490196);
95
+ --clr-core-purp-5: color(srgb 0.1568627450980392 0.11372549019607843 0.26666666666666666);
96
+ --clr-core-purp-10: color(srgb 0.24705882352941178 0.17254901960784313 0.40784313725490196);
97
+ --clr-core-purp-20: color(srgb 0.29411764705882354 0.20392156862745098 0.4745098039215686);
98
+ --clr-core-purp-30: color(srgb 0.3686274509803922 0.25882352941176473 0.6039215686274509);
99
+ --clr-core-purp-40: color(srgb 0.4627450980392157 0.3411764705882353 0.7176470588235294);
100
+ --clr-core-purp-45: color(srgb 0.5254901960784314 0.4117647058823529 0.7607843137254902);
101
+ --clr-core-purp-50: color(srgb 0.6 0.47058823529411764 0.8666666666666667);
102
+ --clr-core-purp-55: color(srgb 0.6666666666666666 0.5411764705882353 0.9215686274509803);
103
+ --clr-core-purp-60: color(srgb 0.7607843137254902 0.6745098039215687 0.9450980392156862);
104
+ --clr-core-purp-70: color(srgb 0.8745098039215686 0.8274509803921568 0.9725490196078431);
105
+ --clr-core-purp-80: color(srgb 0.9137254901960784 0.8784313725490196 0.9803921568627451);
106
+ --clr-core-purp-90: color(srgb 0.9490196078431372 0.9294117647058824 0.9882352941176471);
107
+ --clr-core-purp-95: color(srgb 0.9764705882352941 0.9647058823529412 0.9921568627450981);
108
+ --clr-core-succ-5: color(srgb 0.050980392156862744 0.14901960784313725 0.10196078431372549);
109
+ --clr-core-succ-10: color(srgb 0.10980392156862745 0.25098039215686274 0.1843137254901961);
110
+ --clr-core-succ-20: color(srgb 0.13333333333333333 0.3254901960784314 0.23529411764705882);
111
+ --clr-core-succ-30: color(srgb 0.1568627450980392 0.4823529411764706 0.3333333333333333);
112
+ --clr-core-succ-40: color(srgb 0.23529411764705882 0.6039215686274509 0.43529411764705883);
113
+ --clr-core-succ-45: color(srgb 0.27058823529411763 0.6588235294117647 0.4745098039215686);
114
+ --clr-core-succ-50: color(srgb 0.2901960784313726 0.7098039215686275 0.5098039215686274);
115
+ --clr-core-succ-55: color(srgb 0.3764705882352941 0.7647058823529411 0.5803921568627451);
116
+ --clr-core-succ-60: color(srgb 0.5725490196078431 0.8666666666666667 0.7294117647058823);
117
+ --clr-core-succ-70: color(srgb 0.7607843137254902 0.9411764705882353 0.8549019607843137);
118
+ --clr-core-succ-80: color(srgb 0.8235294117647058 0.9568627450980393 0.8941176470588236);
119
+ --clr-core-succ-90: color(srgb 0.9058823529411765 0.9764705882352941 0.9411764705882353);
120
+ --clr-core-succ-95: color(srgb 0.9647058823529412 0.9882352941176471 0.984313725490196);
121
+ --clr-core-warn-5: color(srgb 0.14901960784313725 0.10588235294117647 0.043137254901960784);
122
+ --clr-core-warn-10: color(srgb 0.2627450980392157 0.17254901960784313 0.050980392156862744);
123
+ --clr-core-warn-20: color(srgb 0.3764705882352941 0.24705882352941178 0.06666666666666667);
124
+ --clr-core-warn-30: color(srgb 0.5411764705882353 0.3333333333333333 0.043137254901960784);
125
+ --clr-core-warn-40: color(srgb 0.7450980392156863 0.44313725490196076 0.0196078431372549);
126
+ --clr-core-warn-45: color(srgb 0.8588235294117647 0.5568627450980392 0.03529411764705882);
127
+ --clr-core-warn-50: color(srgb 0.9098039215686274 0.6 0.06274509803921569);
128
+ --clr-core-warn-55: color(srgb 0.9411764705882353 0.6666666666666666 0.19607843137254902);
129
+ --clr-core-warn-60: color(srgb 0.9568627450980393 0.7607843137254902 0.4235294117647059);
130
+ --clr-core-warn-70: color(srgb 0.996078431372549 0.8823529411764706 0.6823529411764706);
131
+ --clr-core-warn-80: color(srgb 1 0.9254901960784314 0.7803921568627451);
132
+ --clr-core-warn-90: color(srgb 1 0.9686274509803922 0.8784313725490196);
133
+ --clr-core-warn-95: color(srgb 0.9921568627450981 0.9764705882352941 0.9294117647058824);
134
+ --clr-diff-addition-contrast-2-count-bg: color(srgb 0.7411764705882353 0.9529411764705882 0.8666666666666667);
135
+ --clr-diff-addition-contrast-2-count-bg-hover: color(srgb 0.6588235294117647 0.9176470588235294 0.8117647058823529);
136
+ --clr-diff-addition-contrast-2-count-border: color(srgb 0.5450980392156862 0.792156862745098 0.6862745098039216);
137
+ --clr-diff-addition-contrast-2-count-text: color(srgb 0.38823529411764707 0.5450980392156862 0.47843137254901963);
138
+ --clr-diff-addition-contrast-2-line-bg: color(srgb 0.8 0.9803921568627451 0.9058823529411765);
139
+ --clr-diff-addition-contrast-2-line-highlight: color(srgb 0.6039215686274509 0.9254901960784314 0.792156862745098);
140
+ --clr-diff-addition-contrast-3-count-bg: color(srgb 0.6509803921568628 0.9372549019607843 0.8196078431372549);
141
+ --clr-diff-addition-contrast-3-count-bg-hover: color(srgb 0.5686274509803921 0.8901960784313725 0.7568627450980392);
142
+ --clr-diff-addition-contrast-3-count-border: color(srgb 0.5176470588235295 0.8196078431372549 0.6901960784313725);
143
+ --clr-diff-addition-contrast-3-count-text: color(srgb 0.2980392156862745 0.5058823529411764 0.4196078431372549);
144
+ --clr-diff-addition-contrast-3-line-bg: color(srgb 0.7607843137254902 0.9764705882352941 0.8901960784313725);
145
+ --clr-diff-addition-contrast-3-line-highlight: color(srgb 0.5215686274509804 0.9294117647058824 0.7568627450980392);
146
+ --clr-diff-addition-count-bg: color(srgb 0.796078431372549 0.9568627450980393 0.8901960784313725);
147
+ --clr-diff-addition-count-bg-hover: color(srgb 0.7058823529411765 0.9294117647058824 0.8352941176470589);
148
+ --clr-diff-addition-count-border: color(srgb 0.6509803921568628 0.803921568627451 0.7411764705882353);
149
+ --clr-diff-addition-count-checkmark: color(srgb 0.2980392156862745 0.5058823529411764 0.4196078431372549);
150
+ --clr-diff-addition-count-text: color(srgb 0.5294117647058824 0.6588235294117647 0.6039215686274509);
151
+ --clr-diff-addition-line-bg: color(srgb 0.8784313725490196 0.984313725490196 0.9411764705882353);
152
+ --clr-diff-addition-line-highlight: color(srgb 0.7137254901960784 0.9294117647058824 0.8392156862745098);
153
+ --clr-diff-count-bg: color(srgb 0.9686274509803922 0.9686274509803922 0.9647058823529412);
154
+ --clr-diff-count-bg-hover: color(srgb 0.9254901960784314 0.9254901960784314 0.9215686274509803);
155
+ --clr-diff-count-border: var(--clr-border-2);
156
+ --clr-diff-count-checkmark: var(--clr-text-2);
157
+ --clr-diff-count-hover-overlay: color(srgb 0 0 0 / 0.050980392156862744);
158
+ --clr-diff-count-text: var(--clr-text-3);
159
+ --clr-diff-count-text-contrast-2: color(srgb 0.611764705882353 0.5725490196078431 0.5490196078431373);
160
+ --clr-diff-count-text-contrast-3: color(srgb 0.5490196078431373 0.5176470588235295 0.49411764705882355);
161
+ --clr-diff-deletion-contrast-2-count-bg: color(srgb 1 0.8431372549019608 0.8666666666666667);
162
+ --clr-diff-deletion-contrast-2-count-bg-hover: color(srgb 0.9803921568627451 0.7843137254901961 0.8196078431372549);
163
+ --clr-diff-deletion-contrast-2-count-border: color(srgb 0.9098039215686274 0.7176470588235294 0.7176470588235294);
164
+ --clr-diff-deletion-contrast-2-count-text: color(srgb 0.6196078431372549 0.4470588235294118 0.4470588235294118);
165
+ --clr-diff-deletion-contrast-2-line-bg: color(srgb 1 0.8980392156862745 0.9098039215686274);
166
+ --clr-diff-deletion-contrast-2-line-highlight: color(srgb 0.9882352941176471 0.7725490196078432 0.8156862745098039);
167
+ --clr-diff-deletion-contrast-3-count-bg: color(srgb 1 0.807843137254902 0.8431372549019608);
168
+ --clr-diff-deletion-contrast-3-count-bg-hover: color(srgb 0.9686274509803922 0.7568627450980392 0.796078431372549);
169
+ --clr-diff-deletion-contrast-3-count-border: color(srgb 0.8784313725490196 0.6862745098039216 0.6862745098039216);
170
+ --clr-diff-deletion-contrast-3-count-text: color(srgb 0.5333333333333333 0.3843137254901961 0.3843137254901961);
171
+ --clr-diff-deletion-contrast-3-line-bg: color(srgb 1 0.8784313725490196 0.8941176470588236);
172
+ --clr-diff-deletion-contrast-3-line-highlight: color(srgb 0.9686274509803922 0.7372549019607844 0.7803921568627451);
173
+ --clr-diff-deletion-count-bg: color(srgb 0.9882352941176471 0.8745098039215686 0.8941176470588236);
174
+ --clr-diff-deletion-count-bg-hover: color(srgb 0.9803921568627451 0.8117647058823529 0.8392156862745098);
175
+ --clr-diff-deletion-count-border: color(srgb 0.8705882352941177 0.7058823529411765 0.7058823529411765);
176
+ --clr-diff-deletion-count-checkmark: color(srgb 0.5333333333333333 0.3843137254901961 0.3843137254901961);
177
+ --clr-diff-deletion-count-text: color(srgb 0.7137254901960784 0.5725490196078431 0.5725490196078431);
178
+ --clr-diff-deletion-line-bg: color(srgb 1 0.9411764705882353 0.9490196078431372);
179
+ --clr-diff-deletion-line-highlight: color(srgb 0.9921568627450981 0.8235294117647058 0.8549019607843137);
180
+ --clr-diff-line-bg: var(--clr-bg-1);
181
+ --clr-diff-locked-contrast-2-count-bg: color(srgb 0.9921568627450981 0.9294117647058824 0.803921568627451);
182
+ --clr-diff-locked-contrast-2-count-bg-hover: color(srgb 0.9803921568627451 0.8980392156862745 0.7254901960784313);
183
+ --clr-diff-locked-contrast-2-count-border: color(srgb 0.9333333333333333 0.7764705882352941 0.5058823529411764);
184
+ --clr-diff-locked-contrast-2-count-checkmark: color(srgb 0.8156862745098039 0.5725490196078431 0.15294117647058825);
185
+ --clr-diff-locked-contrast-2-count-text: color(srgb 0.8156862745098039 0.5725490196078431 0.15294117647058825);
186
+ --clr-diff-locked-contrast-3-count-bg: color(srgb 0.9803921568627451 0.9019607843137255 0.6784313725490196);
187
+ --clr-diff-locked-contrast-3-count-bg-hover: color(srgb 0.9725490196078431 0.8509803921568627 0.5882352941176471);
188
+ --clr-diff-locked-contrast-3-count-border: color(srgb 0.9019607843137255 0.7450980392156863 0.4745098039215686);
189
+ --clr-diff-locked-contrast-3-count-checkmark: color(srgb 0.7372549019607844 0.49411764705882355 0.07450980392156863);
190
+ --clr-diff-locked-contrast-3-count-text: color(srgb 0.7372549019607844 0.49411764705882355 0.07450980392156863);
191
+ --clr-diff-locked-count-bg: color(srgb 0.9921568627450981 0.9294117647058824 0.803921568627451);
192
+ --clr-diff-locked-count-bg-hover: color(srgb 0.9803921568627451 0.8980392156862745 0.7254901960784313);
193
+ --clr-diff-locked-count-border: color(srgb 0.9372549019607843 0.803921568627451 0.5725490196078431);
194
+ --clr-diff-locked-count-checkmark: color(srgb 0.8274509803921568 0.5607843137254902 0.09803921568627451);
195
+ --clr-diff-locked-count-text: color(srgb 0.8156862745098039 0.5725490196078431 0.14901960784313725);
196
+ --clr-diff-locked-selected-count-bg: color(srgb 0.9803921568627451 0.8313725490196079 0.5294117647058824);
197
+ --clr-diff-locked-selected-count-bg-hover: color(srgb 0.9607843137254902 0.7803921568627451 0.41568627450980394);
198
+ --clr-diff-locked-selected-count-border: color(srgb 0.8666666666666667 0.6588235294117647 0.30196078431372547);
199
+ --clr-diff-locked-selected-count-checkmark: color(srgb 0.6431372549019608 0.4588235294117647 0.1411764705882353);
200
+ --clr-diff-locked-selected-count-text: color(srgb 0.6431372549019608 0.4588235294117647 0.1411764705882353);
201
+ --clr-diff-selected-count-bg: var(--clr-core-pop-55);
202
+ --clr-diff-selected-count-bg-hover: var(--clr-core-pop-50);
203
+ --clr-diff-selected-count-border: var(--clr-core-pop-45);
204
+ --clr-diff-selected-count-checkmark: var(--clr-core-pop-95);
205
+ --clr-diff-selected-count-text: var(--clr-core-pop-90);
206
+ --clr-illustration-bg: color(srgb 0.8392156862745098 0.9411764705882353 0.9333333333333333);
207
+ --clr-illustration-fill: color(srgb 0.9882352941176471 0.9882352941176471 0.9450980392156862);
208
+ --clr-illustration-outline: color(srgb 0.2784313725490196 0.3137254901960784 0.3137254901960784);
209
+ --clr-overlay-bg: color(srgb 0.8392156862745098 0.8392156862745098 0.8392156862745098 / 0.45098039215686275);
210
+ --clr-scale-err-5: var(--clr-core-err-5);
211
+ --clr-scale-err-10: var(--clr-core-err-10);
212
+ --clr-scale-err-20: var(--clr-core-err-20);
213
+ --clr-scale-err-30: var(--clr-core-err-30);
214
+ --clr-scale-err-40: var(--clr-core-err-40);
215
+ --clr-scale-err-50: var(--clr-core-err-50);
216
+ --clr-scale-err-60: var(--clr-core-err-60);
217
+ --clr-scale-err-70: var(--clr-core-err-70);
218
+ --clr-scale-err-80: var(--clr-core-err-80);
219
+ --clr-scale-err-90: var(--clr-core-err-90);
220
+ --clr-scale-err-95: var(--clr-core-err-95);
221
+ --clr-scale-ntrl-0: var(--clr-core-ntrl-0);
222
+ --clr-scale-ntrl-5: var(--clr-core-ntrl-5);
223
+ --clr-scale-ntrl-10: var(--clr-core-ntrl-10);
224
+ --clr-scale-ntrl-20: var(--clr-core-ntrl-20);
225
+ --clr-scale-ntrl-30: var(--clr-core-ntrl-30);
226
+ --clr-scale-ntrl-40: var(--clr-core-ntrl-40);
227
+ --clr-scale-ntrl-50: var(--clr-core-ntrl-50);
228
+ --clr-scale-ntrl-60: var(--clr-core-ntrl-60);
229
+ --clr-scale-ntrl-70: var(--clr-core-ntrl-70);
230
+ --clr-scale-ntrl-80: var(--clr-core-ntrl-80);
231
+ --clr-scale-ntrl-90: var(--clr-core-ntrl-90);
232
+ --clr-scale-ntrl-95: var(--clr-core-ntrl-95);
233
+ --clr-scale-ntrl-100: var(--clr-core-ntrl-100);
234
+ --clr-scale-pop-5: var(--clr-core-pop-5);
235
+ --clr-scale-pop-10: var(--clr-core-pop-10);
236
+ --clr-scale-pop-20: var(--clr-core-pop-20);
237
+ --clr-scale-pop-30: var(--clr-core-pop-30);
238
+ --clr-scale-pop-40: var(--clr-core-pop-40);
239
+ --clr-scale-pop-50: var(--clr-core-pop-50);
240
+ --clr-scale-pop-60: var(--clr-core-pop-60);
241
+ --clr-scale-pop-70: var(--clr-core-pop-70);
242
+ --clr-scale-pop-80: var(--clr-core-pop-80);
243
+ --clr-scale-pop-90: var(--clr-core-pop-90);
244
+ --clr-scale-pop-95: var(--clr-core-pop-95);
245
+ --clr-scale-purp-5: var(--clr-core-purp-5);
246
+ --clr-scale-purp-10: var(--clr-core-purp-10);
247
+ --clr-scale-purp-20: var(--clr-core-purp-20);
248
+ --clr-scale-purp-30: var(--clr-core-purp-30);
249
+ --clr-scale-purp-40: var(--clr-core-purp-40);
250
+ --clr-scale-purp-50: var(--clr-core-purp-50);
251
+ --clr-scale-purp-60: var(--clr-core-purp-60);
252
+ --clr-scale-purp-70: var(--clr-core-purp-70);
253
+ --clr-scale-purp-80: var(--clr-core-purp-80);
254
+ --clr-scale-purp-90: var(--clr-core-purp-90);
255
+ --clr-scale-purp-95: var(--clr-core-purp-95);
256
+ --clr-scale-succ-5: var(--clr-core-succ-5);
257
+ --clr-scale-succ-10: var(--clr-core-succ-10);
258
+ --clr-scale-succ-20: var(--clr-core-succ-20);
259
+ --clr-scale-succ-30: var(--clr-core-succ-30);
260
+ --clr-scale-succ-40: var(--clr-core-succ-40);
261
+ --clr-scale-succ-50: var(--clr-core-succ-50);
262
+ --clr-scale-succ-60: var(--clr-core-succ-60);
263
+ --clr-scale-succ-70: var(--clr-core-succ-70);
264
+ --clr-scale-succ-80: var(--clr-core-succ-80);
265
+ --clr-scale-succ-90: var(--clr-core-succ-90);
266
+ --clr-scale-succ-95: var(--clr-core-succ-95);
267
+ --clr-scale-warn-5: var(--clr-core-warn-5);
268
+ --clr-scale-warn-10: var(--clr-core-warn-10);
269
+ --clr-scale-warn-20: var(--clr-core-warn-20);
270
+ --clr-scale-warn-30: var(--clr-core-warn-30);
271
+ --clr-scale-warn-40: var(--clr-core-warn-40);
272
+ --clr-scale-warn-50: var(--clr-core-warn-50);
273
+ --clr-scale-warn-60: var(--clr-core-warn-60);
274
+ --clr-scale-warn-70: var(--clr-core-warn-70);
275
+ --clr-scale-warn-80: var(--clr-core-warn-80);
276
+ --clr-scale-warn-90: var(--clr-core-warn-90);
277
+ --clr-scale-warn-95: var(--clr-core-warn-95);
278
+ --clr-selected-in-focus-bg: var(--clr-core-pop-90);
279
+ --clr-selected-in-focus-element: var(--clr-core-pop-50);
280
+ --clr-selected-not-in-focus-bg: var(--clr-core-ntrl-95);
281
+ --clr-selected-not-in-focus-element: var(--clr-core-ntrl-60);
282
+ --clr-stack-tab-active: var(--clr-bg-1);
283
+ --clr-stack-tab-inactive: var(--clr-bg-2);
284
+ --clr-stack-tab-inactive-hover: var(--clr-scale-ntrl-95);
285
+ --clr-text-1: var(--clr-core-ntrl-5);
286
+ --clr-text-2: var(--clr-core-ntrl-50);
287
+ --clr-text-3: var(--clr-core-ntrl-60);
288
+ --clr-theme-err-bg: var(--clr-core-err-95);
289
+ --clr-theme-err-bg-muted: var(--clr-core-err-90);
290
+ --clr-theme-err-element: var(--clr-core-err-50);
291
+ --clr-theme-err-element-hover: var(--clr-core-err-45);
292
+ --clr-theme-err-on-element: var(--clr-core-err-95);
293
+ --clr-theme-err-on-soft: var(--clr-core-err-20);
294
+ --clr-theme-err-soft: var(--clr-core-err-80);
295
+ --clr-theme-err-soft-hover: var(--clr-core-err-70);
296
+ --clr-theme-ntrl-element: var(--clr-core-ntrl-30);
297
+ --clr-theme-ntrl-element-hover: var(--clr-core-ntrl-20);
298
+ --clr-theme-ntrl-on-element: var(--clr-core-ntrl-100);
299
+ --clr-theme-ntrl-on-soft: var(--clr-core-ntrl-0);
300
+ --clr-theme-ntrl-soft: var(--clr-core-ntrl-90);
301
+ --clr-theme-ntrl-soft-hover: var(--clr-core-ntrl-80);
302
+ --clr-theme-pop-bg: var(--clr-core-pop-95);
303
+ --clr-theme-pop-bg-muted: var(--clr-core-pop-90);
304
+ --clr-theme-pop-element: var(--clr-core-pop-50);
305
+ --clr-theme-pop-element-hover: var(--clr-core-pop-45);
306
+ --clr-theme-pop-on-element: var(--clr-core-ntrl-100);
307
+ --clr-theme-pop-on-soft: var(--clr-core-pop-20);
308
+ --clr-theme-pop-soft: var(--clr-core-pop-80);
309
+ --clr-theme-pop-soft-hover: var(--clr-core-pop-70);
310
+ --clr-theme-purp-bg: var(--clr-core-purp-95);
311
+ --clr-theme-purp-bg-muted: var(--clr-core-purp-90);
312
+ --clr-theme-purp-element: var(--clr-core-purp-50);
313
+ --clr-theme-purp-element-hover: var(--clr-core-purp-45);
314
+ --clr-theme-purp-on-element: var(--clr-core-purp-95);
315
+ --clr-theme-purp-on-soft: var(--clr-core-purp-20);
316
+ --clr-theme-purp-soft: var(--clr-core-purp-80);
317
+ --clr-theme-purp-soft-hover: var(--clr-core-purp-70);
318
+ --clr-theme-succ-bg: var(--clr-core-succ-95);
319
+ --clr-theme-succ-bg-muted: var(--clr-core-succ-90);
320
+ --clr-theme-succ-element: var(--clr-core-succ-50);
321
+ --clr-theme-succ-element-hover: var(--clr-core-succ-45);
322
+ --clr-theme-succ-on-element: var(--clr-core-succ-95);
323
+ --clr-theme-succ-on-soft: var(--clr-core-succ-20);
324
+ --clr-theme-succ-soft: var(--clr-core-succ-80);
325
+ --clr-theme-succ-soft-hover: var(--clr-core-succ-70);
326
+ --clr-theme-warn-bg: var(--clr-core-warn-95);
327
+ --clr-theme-warn-bg-muted: var(--clr-core-warn-90);
328
+ --clr-theme-warn-element: var(--clr-core-warn-50);
329
+ --clr-theme-warn-element-hover: var(--clr-core-warn-45);
330
+ --clr-theme-warn-on-element: var(--clr-core-warn-95);
331
+ --clr-theme-warn-on-soft: var(--clr-core-warn-20);
332
+ --clr-theme-warn-soft: var(--clr-core-warn-80);
333
+ --clr-theme-warn-soft-hover: var(--clr-core-warn-70);
334
+ --clr-tooltip-bg: var(--clr-core-ntrl-95);
335
+ --clr-tooltip-border: var(--clr-core-ntrl-80);
336
+ --fx-shadow-l: 0 10px 40px 0 color(srgb 0 0 0 / 0.10196078431372549);
337
+ --fx-shadow-m: 0 6px 30px 0 color(srgb 0 0 0 / 0.0784313725490196);
338
+ --fx-shadow-s: 0 4px 14px 0 color(srgb 0 0 0 / 0.058823529411764705);
339
+ --opacity-btn-icon-outline: 0.7;
340
+ --opacity-btn-icon-outline-hover: 0.8;
341
+ --opacity-btn-icon-solid: 0.8;
342
+ --opacity-btn-icon-solid-hover: 0.9;
343
+ --opacity-btn-outline: 0.4;
344
+ --opacity-btn-outline-bg: 10px;
345
+ --opacity-btn-outline-bg-hover: 0.2;
346
+ --radius-btn: var(--radius-m);
347
+ --radius-l: 12px;
348
+ --radius-m: 6px;
349
+ --radius-ml: 10px;
350
+ --radius-s: 4px;
351
+ --size-button: 28px;
352
+ --size-card-padding: 14px;
353
+ --size-cta: 32px;
354
+ --size-icon: 16px;
355
+ --size-tag: 22px;
356
+ --text-fontfamily-accent: But Head;
357
+ --text-fontfamily-default: Inter;
358
+ --text-fontfamily-mono: Geist Mono;
359
+ --text-lineheight-accent: 110%;
360
+ --text-lineheight-body: 160%;
361
+ --text-lineheight-default: 120%;
362
+ --text-weight-bold: 600;
363
+ --text-weight-regular: 400;
364
+ --text-weight-semibold: 500;
365
+ }
366
+
367
+ :root.dark {
368
+ --clr-bg-1: var(--clr-core-ntrl-10);
369
+ --clr-bg-1-muted: var(--clr-core-ntrl-20);
370
+ --clr-bg-2: var(--clr-core-ntrl-5);
371
+ --clr-bg-2-muted: var(--clr-core-ntrl-10);
372
+ --clr-bg-3: var(--clr-core-ntrl-0);
373
+ --clr-bg-3-muted: var(--clr-core-ntrl-5);
374
+ --clr-border-1: var(--clr-core-ntrl-40);
375
+ --clr-border-2: var(--clr-core-ntrl-30);
376
+ --clr-border-3: var(--clr-core-ntrl-20);
377
+ --clr-br-commit-approved-bg: var(--clr-theme-succ-element);
378
+ --clr-br-commit-approved-text: var(--clr-theme-succ-on-element);
379
+ --clr-br-commit-changes-requested-bg: var(--clr-theme-warn-element);
380
+ --clr-br-commit-changes-requested-text: var(--clr-theme-warn-on-element);
381
+ --clr-br-commit-closed-bg: var(--clr-theme-purp-element);
382
+ --clr-br-commit-closed-text: var(--clr-theme-purp-on-element);
383
+ --clr-br-commit-in-discussion-bg: var(--clr-core-pop-20);
384
+ --clr-br-commit-in-discussion-text: var(--clr-theme-pop-on-soft);
385
+ --clr-br-commit-unreviewed-bg: var(--clr-core-ntrl-30);
386
+ --clr-br-commit-unreviewed-text: var(--clr-theme-ntrl-on-soft);
387
+ --clr-btn-err-outline: var(--clr-core-err-50);
388
+ --clr-btn-err-outline-bg: var(--clr-core-err-40);
389
+ --clr-btn-err-outline-text: var(--clr-core-err-60);
390
+ --clr-btn-err-outline-text-hover: var(--clr-core-err-70);
391
+ --clr-btn-ntrl-outline: var(--clr-core-ntrl-50);
392
+ --clr-btn-ntrl-outline-bg: var(--clr-core-ntrl-45);
393
+ --clr-btn-ntrl-outline-text: var(--clr-core-ntrl-100);
394
+ --clr-btn-ntrl-outline-text-hover: var(--clr-core-ntrl-100);
395
+ --clr-btn-pop-outline: var(--clr-core-pop-50);
396
+ --clr-btn-pop-outline-bg: var(--clr-core-pop-40);
397
+ --clr-btn-pop-outline-text: var(--clr-core-pop-60);
398
+ --clr-btn-pop-outline-text-hover: var(--clr-core-pop-70);
399
+ --clr-btn-purp-outline: var(--clr-core-purp-50);
400
+ --clr-btn-purp-outline-bg: var(--clr-core-purp-40);
401
+ --clr-btn-purp-outline-text: var(--clr-core-purp-60);
402
+ --clr-btn-purp-outline-text-hover: var(--clr-core-purp-70);
403
+ --clr-btn-succ-outline: var(--clr-core-succ-50);
404
+ --clr-btn-succ-outline-bg: var(--clr-core-succ-40);
405
+ --clr-btn-succ-outline-text: var(--clr-core-succ-60);
406
+ --clr-btn-succ-outline-text-hover: var(--clr-core-succ-70);
407
+ --clr-btn-warn-outline: var(--clr-core-warn-50);
408
+ --clr-btn-warn-outline-bg: var(--clr-core-warn-40);
409
+ --clr-btn-warn-outline-text: var(--clr-core-warn-60);
410
+ --clr-btn-warn-outline-text-hover: var(--clr-core-warn-70);
411
+ --clr-commit-integrated: var(--clr-core-purp-40);
412
+ --clr-commit-local: var(--clr-core-ntrl-50);
413
+ --clr-commit-remote: var(--clr-core-pop-50);
414
+ --clr-commit-shadow: var(--clr-core-pop-30);
415
+ --clr-commit-upstream: var(--clr-core-warn-50);
416
+ --clr-diff-addition-contrast-2-count-bg: color(srgb 0.11764705882352941 0.3411764705882353 0.2901960784313726);
417
+ --clr-diff-addition-contrast-2-count-bg-hover: color(srgb 0.14901960784313725 0.4 0.3411764705882353);
418
+ --clr-diff-addition-contrast-2-count-border: color(srgb 0.3137254901960784 0.5450980392156862 0.45098039215686275);
419
+ --clr-diff-addition-contrast-2-count-text: color(srgb 0.4980392156862745 0.7490196078431373 0.6980392156862745);
420
+ --clr-diff-addition-contrast-2-line-bg: color(srgb 0.08235294117647059 0.2823529411764706 0.23529411764705882);
421
+ --clr-diff-addition-contrast-2-line-highlight: color(srgb 0.08235294117647059 0.4823529411764706 0.403921568627451);
422
+ --clr-diff-addition-contrast-3-count-bg: color(srgb 0.07450980392156863 0.38823529411764707 0.3137254901960784);
423
+ --clr-diff-addition-contrast-3-count-bg-hover: color(srgb 0.16862745098039217 0.47843137254901963 0.40784313725490196);
424
+ --clr-diff-addition-contrast-3-count-border: color(srgb 0.33725490196078434 0.5803921568627451 0.4823529411764706);
425
+ --clr-diff-addition-contrast-3-count-text: color(srgb 0.615686274509804 0.8274509803921568 0.7411764705882353);
426
+ --clr-diff-addition-contrast-3-line-bg: color(srgb 0.12156862745098039 0.33725490196078434 0.3058823529411765);
427
+ --clr-diff-addition-contrast-3-line-highlight: color(srgb 0.1568627450980392 0.5764705882352941 0.49411764705882355);
428
+ --clr-diff-addition-count-bg: color(srgb 0.047058823529411764 0.27058823529411763 0.2196078431372549);
429
+ --clr-diff-addition-count-bg-hover: color(srgb 0.06666666666666667 0.3411764705882353 0.27058823529411763);
430
+ --clr-diff-addition-count-border: color(srgb 0.16862745098039217 0.43137254901960786 0.3254901960784314);
431
+ --clr-diff-addition-count-checkmark: color(srgb 0.5764705882352941 0.788235294117647 0.7019607843137254);
432
+ --clr-diff-addition-count-text: color(srgb 0.40784313725490196 0.6196078431372549 0.5333333333333333);
433
+ --clr-diff-addition-line-bg: color(srgb 0.054901960784313725 0.1843137254901961 0.1450980392156863);
434
+ --clr-diff-addition-line-highlight: color(srgb 0.027450980392156862 0.32941176470588235 0.27058823529411763);
435
+ --clr-diff-count-bg: color(srgb 0.18823529411764706 0.17254901960784313 0.16862745098039217);
436
+ --clr-diff-count-bg-hover: color(srgb 0.23921568627450981 0.2235294117647059 0.2196078431372549);
437
+ --clr-diff-count-border: var(--clr-border-2);
438
+ --clr-diff-count-checkmark: var(--clr-text-2);
439
+ --clr-diff-count-hover-overlay: color(srgb 1 1 1 / 0.058823529411764705);
440
+ --clr-diff-count-text: var(--clr-text-3);
441
+ --clr-diff-count-text-contrast-2: color(srgb 0.5019607843137255 0.4823529411764706 0.4549019607843137);
442
+ --clr-diff-count-text-contrast-3: color(srgb 0.6 0.5764705882352941 0.5450980392156862);
443
+ --clr-diff-deletion-contrast-2-count-bg: color(srgb 0.4392156862745098 0.13725490196078433 0.18823529411764706);
444
+ --clr-diff-deletion-contrast-2-count-bg-hover: color(srgb 0.5607843137254902 0.19607843137254902 0.25882352941176473);
445
+ --clr-diff-deletion-contrast-2-count-border: color(srgb 0.6509803921568628 0.32941176470588235 0.32941176470588235);
446
+ --clr-diff-deletion-contrast-2-count-text: color(srgb 0.9137254901960784 0.5803921568627451 0.6352941176470588);
447
+ --clr-diff-deletion-contrast-2-line-bg: color(srgb 0.3333333333333333 0.09019607843137255 0.13725490196078433);
448
+ --clr-diff-deletion-contrast-2-line-highlight: color(srgb 0.6196078431372549 0.17254901960784313 0.25882352941176473);
449
+ --clr-diff-deletion-contrast-3-count-bg: color(srgb 0.49411764705882355 0.1568627450980392 0.21568627450980393);
450
+ --clr-diff-deletion-contrast-3-count-bg-hover: color(srgb 0.611764705882353 0.22745098039215686 0.29411764705882354);
451
+ --clr-diff-deletion-contrast-3-count-border: color(srgb 0.7098039215686275 0.3764705882352941 0.3764705882352941);
452
+ --clr-diff-deletion-contrast-3-count-text: color(srgb 0.9882352941176471 0.6431372549019608 0.6980392156862745);
453
+ --clr-diff-deletion-contrast-3-line-bg: color(srgb 0.3607843137254902 0.11764705882352941 0.16470588235294117);
454
+ --clr-diff-deletion-contrast-3-line-highlight: color(srgb 0.6392156862745098 0.20392156862745098 0.2901960784313726);
455
+ --clr-diff-deletion-count-bg: color(srgb 0.3254901960784314 0.07450980392156863 0.11764705882352941);
456
+ --clr-diff-deletion-count-bg-hover: color(srgb 0.4117647058823529 0.11764705882352941 0.17254901960784313);
457
+ --clr-diff-deletion-count-border: color(srgb 0.5568627450980392 0.23529411764705882 0.23529411764705882);
458
+ --clr-diff-deletion-count-checkmark: color(srgb 0.8156862745098039 0.48627450980392156 0.5411764705882353);
459
+ --clr-diff-deletion-count-text: color(srgb 0.7019607843137254 0.403921568627451 0.45098039215686275);
460
+ --clr-diff-deletion-line-bg: color(srgb 0.23529411764705882 0.07450980392156863 0.10588235294117647);
461
+ --clr-diff-deletion-line-highlight: color(srgb 0.47058823529411764 0.023529411764705882 0.10980392156862745);
462
+ --clr-diff-line-bg: var(--clr-bg-1);
463
+ --clr-diff-locked-contrast-2-count-bg: color(srgb 0.42745098039215684 0.29411764705882354 0.09803921568627451);
464
+ --clr-diff-locked-contrast-2-count-bg-hover: color(srgb 0.45098039215686275 0.3176470588235294 0.11372549019607843);
465
+ --clr-diff-locked-contrast-2-count-border: color(srgb 0.5686274509803921 0.42745098039215684 0.2235294117647059);
466
+ --clr-diff-locked-contrast-2-count-checkmark: color(srgb 0.8745098039215686 0.7137254901960784 0.4392156862745098);
467
+ --clr-diff-locked-contrast-2-count-text: color(srgb 0.8823529411764706 0.6941176470588235 0.3686274509803922);
468
+ --clr-diff-locked-contrast-3-count-bg: color(srgb 0.4666666666666667 0.3176470588235294 0.09411764705882353);
469
+ --clr-diff-locked-contrast-3-count-bg-hover: color(srgb 0.5294117647058824 0.37254901960784315 0.13725490196078433);
470
+ --clr-diff-locked-contrast-3-count-border: color(srgb 0.611764705882353 0.4470588235294118 0.21568627450980393);
471
+ --clr-diff-locked-contrast-3-count-checkmark: color(srgb 0.8823529411764706 0.6941176470588235 0.3686274509803922);
472
+ --clr-diff-locked-contrast-3-count-text: color(srgb 0.9176470588235294 0.7294117647058823 0.403921568627451);
473
+ --clr-diff-locked-count-bg: color(srgb 0.3764705882352941 0.25882352941176473 0.08627450980392157);
474
+ --clr-diff-locked-count-bg-hover: color(srgb 0.4196078431372549 0.28627450980392155 0.08627450980392157);
475
+ --clr-diff-locked-count-border: color(srgb 0.5294117647058824 0.38823529411764707 0.1843137254901961);
476
+ --clr-diff-locked-count-checkmark: color(srgb 0.8431372549019608 0.6549019607843137 0.32941176470588235);
477
+ --clr-diff-locked-count-text: color(srgb 0.8431372549019608 0.6549019607843137 0.32941176470588235);
478
+ --clr-diff-locked-selected-count-bg: color(srgb 0.6078431372549019 0.40784313725490196 0.11372549019607843);
479
+ --clr-diff-locked-selected-count-bg-hover: color(srgb 0.6666666666666666 0.4470588235294118 0.12549019607843137);
480
+ --clr-diff-locked-selected-count-border: color(srgb 0.45098039215686275 0.30980392156862746 0.10588235294117647);
481
+ --clr-diff-locked-selected-count-checkmark: color(srgb 0.9254901960784314 0.8235294117647058 0.6470588235294118);
482
+ --clr-diff-locked-selected-count-text: color(srgb 0.9254901960784314 0.8235294117647058 0.6470588235294118);
483
+ --clr-diff-selected-count-bg: var(--clr-core-pop-30);
484
+ --clr-diff-selected-count-bg-hover: var(--clr-core-pop-40);
485
+ --clr-diff-selected-count-border: var(--clr-core-pop-20);
486
+ --clr-diff-selected-count-checkmark: var(--clr-core-pop-60);
487
+ --clr-diff-selected-count-text: var(--clr-core-pop-60);
488
+ --clr-illustration-bg: color(srgb 0.1568627450980392 0.403921568627451 0.39215686274509803);
489
+ --clr-illustration-fill: color(srgb 0.8470588235294118 0.8901960784313725 0.7568627450980392);
490
+ --clr-illustration-outline: color(srgb 0.0784313725490196 0.13333333333333333 0.13333333333333333);
491
+ --clr-overlay-bg: color(srgb 0 0 0 / 0.5019607843137255);
492
+ --clr-scale-err-5: var(--clr-core-err-95);
493
+ --clr-scale-err-10: var(--clr-core-err-90);
494
+ --clr-scale-err-20: var(--clr-core-err-80);
495
+ --clr-scale-err-30: var(--clr-core-err-70);
496
+ --clr-scale-err-40: var(--clr-core-err-60);
497
+ --clr-scale-err-50: var(--clr-core-err-50);
498
+ --clr-scale-err-60: var(--clr-core-err-40);
499
+ --clr-scale-err-70: var(--clr-core-err-30);
500
+ --clr-scale-err-80: var(--clr-core-err-20);
501
+ --clr-scale-err-90: var(--clr-core-err-10);
502
+ --clr-scale-err-95: var(--clr-core-err-5);
503
+ --clr-scale-ntrl-0: var(--clr-core-ntrl-100);
504
+ --clr-scale-ntrl-5: var(--clr-core-ntrl-95);
505
+ --clr-scale-ntrl-10: var(--clr-core-ntrl-90);
506
+ --clr-scale-ntrl-20: var(--clr-core-ntrl-80);
507
+ --clr-scale-ntrl-30: var(--clr-core-ntrl-70);
508
+ --clr-scale-ntrl-40: var(--clr-core-ntrl-60);
509
+ --clr-scale-ntrl-50: var(--clr-core-ntrl-50);
510
+ --clr-scale-ntrl-60: var(--clr-core-ntrl-40);
511
+ --clr-scale-ntrl-70: var(--clr-core-ntrl-30);
512
+ --clr-scale-ntrl-80: var(--clr-core-ntrl-20);
513
+ --clr-scale-ntrl-90: var(--clr-core-ntrl-10);
514
+ --clr-scale-ntrl-95: var(--clr-core-ntrl-5);
515
+ --clr-scale-ntrl-100: var(--clr-core-ntrl-0);
516
+ --clr-scale-pop-5: var(--clr-core-pop-95);
517
+ --clr-scale-pop-10: var(--clr-core-pop-90);
518
+ --clr-scale-pop-20: var(--clr-core-pop-80);
519
+ --clr-scale-pop-30: var(--clr-core-pop-70);
520
+ --clr-scale-pop-40: var(--clr-core-pop-60);
521
+ --clr-scale-pop-50: var(--clr-core-pop-50);
522
+ --clr-scale-pop-60: var(--clr-core-pop-40);
523
+ --clr-scale-pop-70: var(--clr-core-pop-30);
524
+ --clr-scale-pop-80: var(--clr-core-pop-20);
525
+ --clr-scale-pop-90: var(--clr-core-pop-10);
526
+ --clr-scale-pop-95: var(--clr-core-pop-5);
527
+ --clr-scale-purp-5: var(--clr-core-purp-95);
528
+ --clr-scale-purp-10: var(--clr-core-purp-90);
529
+ --clr-scale-purp-20: var(--clr-core-purp-80);
530
+ --clr-scale-purp-30: var(--clr-core-purp-70);
531
+ --clr-scale-purp-40: var(--clr-core-purp-60);
532
+ --clr-scale-purp-50: var(--clr-core-purp-50);
533
+ --clr-scale-purp-60: var(--clr-core-purp-40);
534
+ --clr-scale-purp-70: var(--clr-core-purp-30);
535
+ --clr-scale-purp-80: var(--clr-core-purp-20);
536
+ --clr-scale-purp-90: var(--clr-core-purp-10);
537
+ --clr-scale-purp-95: var(--clr-core-purp-5);
538
+ --clr-scale-succ-5: var(--clr-core-succ-95);
539
+ --clr-scale-succ-10: var(--clr-core-succ-90);
540
+ --clr-scale-succ-20: var(--clr-core-succ-80);
541
+ --clr-scale-succ-30: var(--clr-core-succ-70);
542
+ --clr-scale-succ-40: var(--clr-core-succ-60);
543
+ --clr-scale-succ-50: var(--clr-core-succ-50);
544
+ --clr-scale-succ-60: var(--clr-core-succ-40);
545
+ --clr-scale-succ-70: var(--clr-core-succ-30);
546
+ --clr-scale-succ-80: var(--clr-core-succ-20);
547
+ --clr-scale-succ-90: var(--clr-core-succ-10);
548
+ --clr-scale-succ-95: var(--clr-core-succ-5);
549
+ --clr-scale-warn-5: var(--clr-core-warn-95);
550
+ --clr-scale-warn-10: var(--clr-core-warn-90);
551
+ --clr-scale-warn-20: var(--clr-core-warn-80);
552
+ --clr-scale-warn-30: var(--clr-core-warn-70);
553
+ --clr-scale-warn-40: var(--clr-core-warn-60);
554
+ --clr-scale-warn-50: var(--clr-core-warn-50);
555
+ --clr-scale-warn-60: var(--clr-core-warn-40);
556
+ --clr-scale-warn-70: var(--clr-core-warn-30);
557
+ --clr-scale-warn-80: var(--clr-core-warn-20);
558
+ --clr-scale-warn-90: var(--clr-core-warn-10);
559
+ --clr-scale-warn-95: var(--clr-core-warn-5);
560
+ --clr-selected-in-focus-bg: var(--clr-core-pop-10);
561
+ --clr-selected-in-focus-element: var(--clr-core-pop-40);
562
+ --clr-selected-not-in-focus-bg: var(--clr-core-ntrl-20);
563
+ --clr-selected-not-in-focus-element: var(--clr-core-ntrl-40);
564
+ --clr-stack-tab-active: var(--clr-bg-1);
565
+ --clr-stack-tab-inactive: var(--clr-bg-2);
566
+ --clr-stack-tab-inactive-hover: var(--clr-core-ntrl-10);
567
+ --clr-text-1: var(--clr-core-ntrl-95);
568
+ --clr-text-2: var(--clr-core-ntrl-60);
569
+ --clr-text-3: var(--clr-core-ntrl-40);
570
+ --clr-theme-err-bg: var(--clr-core-err-5);
571
+ --clr-theme-err-bg-muted: var(--clr-core-err-10);
572
+ --clr-theme-err-element: var(--clr-core-err-40);
573
+ --clr-theme-err-element-hover: var(--clr-core-err-30);
574
+ --clr-theme-err-on-element: var(--clr-core-err-95);
575
+ --clr-theme-err-on-soft: var(--clr-core-err-90);
576
+ --clr-theme-err-soft: var(--clr-core-err-20);
577
+ --clr-theme-err-soft-hover: var(--clr-core-err-30);
578
+ --clr-theme-ntrl-element: var(--clr-core-ntrl-80);
579
+ --clr-theme-ntrl-element-hover: var(--clr-core-ntrl-95);
580
+ --clr-theme-ntrl-on-element: var(--clr-core-ntrl-0);
581
+ --clr-theme-ntrl-on-soft: var(--clr-core-ntrl-90);
582
+ --clr-theme-ntrl-soft: var(--clr-core-ntrl-20);
583
+ --clr-theme-ntrl-soft-hover: var(--clr-core-ntrl-30);
584
+ --clr-theme-pop-bg: var(--clr-core-pop-5);
585
+ --clr-theme-pop-bg-muted: var(--clr-core-pop-10);
586
+ --clr-theme-pop-element: var(--clr-core-pop-40);
587
+ --clr-theme-pop-element-hover: var(--clr-core-pop-30);
588
+ --clr-theme-pop-on-element: var(--clr-core-ntrl-100);
589
+ --clr-theme-pop-on-soft: var(--clr-core-pop-90);
590
+ --clr-theme-pop-soft: var(--clr-core-pop-10);
591
+ --clr-theme-pop-soft-hover: var(--clr-core-pop-20);
592
+ --clr-theme-purp-bg: var(--clr-core-purp-5);
593
+ --clr-theme-purp-bg-muted: var(--clr-core-purp-10);
594
+ --clr-theme-purp-element: var(--clr-core-purp-40);
595
+ --clr-theme-purp-element-hover: var(--clr-core-purp-30);
596
+ --clr-theme-purp-on-element: var(--clr-core-purp-90);
597
+ --clr-theme-purp-on-soft: var(--clr-core-purp-90);
598
+ --clr-theme-purp-soft: var(--clr-core-purp-10);
599
+ --clr-theme-purp-soft-hover: var(--clr-core-purp-20);
600
+ --clr-theme-succ-bg: var(--clr-core-succ-5);
601
+ --clr-theme-succ-bg-muted: var(--clr-core-succ-10);
602
+ --clr-theme-succ-element: var(--clr-core-succ-30);
603
+ --clr-theme-succ-element-hover: var(--clr-core-succ-20);
604
+ --clr-theme-succ-on-element: var(--clr-core-succ-90);
605
+ --clr-theme-succ-on-soft: var(--clr-core-succ-90);
606
+ --clr-theme-succ-soft: var(--clr-core-succ-10);
607
+ --clr-theme-succ-soft-hover: var(--clr-core-succ-20);
608
+ --clr-theme-warn-bg: var(--clr-core-warn-5);
609
+ --clr-theme-warn-bg-muted: var(--clr-core-warn-10);
610
+ --clr-theme-warn-element: var(--clr-core-warn-40);
611
+ --clr-theme-warn-element-hover: var(--clr-core-warn-30);
612
+ --clr-theme-warn-on-element: var(--clr-core-warn-90);
613
+ --clr-theme-warn-on-soft: var(--clr-core-warn-90);
614
+ --clr-theme-warn-soft: var(--clr-core-warn-20);
615
+ --clr-theme-warn-soft-hover: var(--clr-core-warn-30);
616
+ --clr-tooltip-bg: var(--clr-core-ntrl-10);
617
+ --clr-tooltip-border: var(--clr-core-ntrl-30);
618
+ }
619
+