@gitbutler/design-core 1.8.3 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/tokens/tokens.css CHANGED
@@ -3,193 +3,193 @@
3
3
  * ------------------------------------------- */
4
4
 
5
5
  :root {
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-2: var(--clr-core-gray-90);
13
- --clr-bg-3: var(--clr-core-gray-80);
14
- --clr-bg-muted: var(--clr-core-gray-95);
15
- --clr-bg-overlay: color(srgb 0.8392156862745098 0.8392156862745098 0.8392156862745098 / 0.45098039215686275);
16
- --clr-bg-toast: var(--clr-core-gray-5);
17
- --clr-border-1: var(--clr-core-gray-60);
18
- --clr-border-2: var(--clr-core-gray-70);
19
- --clr-border-3: var(--clr-core-gray-80);
20
- --clr-br-commit-approved-bg: var(--clr-theme-safe-element);
21
- --clr-br-commit-approved-text: var(--clr-theme-safe-on-element);
22
- --clr-br-commit-changes-requested-bg: var(--clr-theme-warn-element);
23
- --clr-br-commit-changes-requested-text: var(--clr-theme-warn-on-element);
24
- --clr-br-commit-closed-bg: var(--clr-theme-purple-element);
25
- --clr-br-commit-closed-text: var(--clr-theme-purple-on-element);
26
- --clr-br-commit-in-discussion-bg: var(--clr-core-pop-70);
27
- --clr-br-commit-in-discussion-text: var(--clr-theme-pop-on-soft);
28
- --clr-br-commit-unreviewed-bg: var(--clr-core-gray-80);
29
- --clr-br-commit-unreviewed-text: var(--clr-theme-gray-on-soft);
30
- --clr-btn-danger-outline: var(--clr-core-danger-50);
31
- --clr-btn-danger-outline-bg: var(--clr-core-danger-70);
32
- --clr-btn-danger-outline-text: var(--clr-core-danger-40);
33
- --clr-btn-gray-outline: var(--clr-core-gray-50);
34
- --clr-btn-gray-outline-bg: var(--clr-core-gray-70);
35
- --clr-btn-gray-outline-text: var(--clr-core-gray-10);
36
- --clr-btn-pop-outline: var(--clr-core-pop-50);
37
- --clr-btn-pop-outline-bg: var(--clr-core-pop-70);
38
- --clr-btn-pop-outline-text: var(--clr-core-pop-40);
39
- --clr-btn-purple-outline: var(--clr-core-purple-50);
40
- --clr-btn-purple-outline-bg: var(--clr-core-purple-70);
41
- --clr-btn-purple-outline-text: var(--clr-core-purple-40);
42
- --clr-btn-safe-outline: var(--clr-core-safe-50);
43
- --clr-btn-safe-outline-bg: var(--clr-core-safe-70);
44
- --clr-btn-safe-outline-text: var(--clr-core-safe-40);
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-30);
48
- --clr-change-icon-addition: var(--clr-core-safe-60);
49
- --clr-change-icon-deletion: var(--clr-core-danger-60);
50
- --clr-change-icon-modification: var(--clr-core-warn-60);
51
- --clr-change-icon-rename: var(--clr-core-purple-60);
52
- --clr-commit-integrated: var(--clr-core-purple-50);
53
- --clr-commit-local: var(--clr-core-gray-50);
54
- --clr-commit-remote: var(--clr-core-pop-50);
55
- --clr-commit-shadow: var(--clr-core-pop-60);
56
- --clr-commit-upstream: var(--clr-core-warn-50);
57
- --clr-core-danger-5: color(srgb 0.3058823529411765 0.09019607843137255 0.058823529411764705);
58
- --clr-core-danger-10: color(srgb 0.37254901960784315 0.10980392156862745 0.07058823529411765);
59
- --clr-core-danger-20: color(srgb 0.43137254901960786 0.12941176470588237 0.08235294117647059);
60
- --clr-core-danger-30: color(srgb 0.5725490196078431 0.16862745098039217 0.10980392156862745);
61
- --clr-core-danger-40: color(srgb 0.6980392156862745 0.20784313725490197 0.13333333333333333);
62
- --clr-core-danger-50: color(srgb 0.8392156862745098 0.25098039215686274 0.1607843137254902);
63
- --clr-core-danger-60: color(srgb 0.8705882352941177 0.5686274509803921 0.5215686274509804);
64
- --clr-core-danger-70: color(srgb 0.9215686274509803 0.7294117647058823 0.6980392156862745);
65
- --clr-core-danger-80: color(srgb 0.9568627450980393 0.8431372549019608 0.8235294117647058);
66
- --clr-core-danger-90: color(srgb 0.9764705882352941 0.9137254901960784 0.9019607843137255);
67
- --clr-core-danger-95: color(srgb 0.984313725490196 0.9490196078431372 0.9450980392156862);
68
- --clr-core-gray-0: color(srgb 0 0 0);
69
- --clr-core-gray-5: color(srgb 0.10980392156862745 0.09803921568627451 0.09019607843137255);
70
- --clr-core-gray-10: color(srgb 0.15294117647058825 0.13725490196078433 0.12941176470588237);
71
- --clr-core-gray-20: color(srgb 0.22745098039215686 0.20784313725490197 0.19607843137254902);
72
- --clr-core-gray-30: color(srgb 0.30980392156862746 0.2823529411764706 0.26666666666666666);
73
- --clr-core-gray-40: color(srgb 0.38823529411764707 0.3568627450980392 0.3333333333333333);
74
- --clr-core-gray-50: color(srgb 0.48627450980392156 0.44313725490196076 0.41568627450980394);
75
- --clr-core-gray-60: color(srgb 0.6666666666666666 0.6352941176470588 0.615686274509804);
76
- --clr-core-gray-70: color(srgb 0.792156862745098 0.7764705882352941 0.7647058823529411);
77
- --clr-core-gray-80: color(srgb 0.9058823529411765 0.8980392156862745 0.8941176470588236);
78
- --clr-core-gray-90: color(srgb 0.9529411764705882 0.9490196078431372 0.9450980392156862);
79
- --clr-core-gray-95: color(srgb 0.9764705882352941 0.9764705882352941 0.9725490196078431);
80
- --clr-core-gray-100: color(srgb 1 1 1);
81
- --clr-core-pop-5: color(srgb 0.027450980392156862 0.13725490196078433 0.13725490196078433);
82
- --clr-core-pop-10: color(srgb 0.047058823529411764 0.2196078431372549 0.2196078431372549);
83
- --clr-core-pop-20: color(srgb 0.058823529411764705 0.2823529411764706 0.2823529411764706);
84
- --clr-core-pop-30: color(srgb 0.08627450980392157 0.403921568627451 0.403921568627451);
85
- --clr-core-pop-40: color(srgb 0.11372549019607843 0.5411764705882353 0.5411764705882353);
86
- --clr-core-pop-50: color(srgb 0.1450980392156863 0.6941176470588235 0.6941176470588235);
87
- --clr-core-pop-60: color(srgb 0.39215686274509803 0.8235294117647058 0.8235294117647058);
88
- --clr-core-pop-70: color(srgb 0.6235294117647059 0.8941176470588236 0.8941176470588236);
89
- --clr-core-pop-80: color(srgb 0.8274509803921568 0.9529411764705882 0.9529411764705882);
90
- --clr-core-pop-90: color(srgb 0.9058823529411765 0.9764705882352941 0.9764705882352941);
91
- --clr-core-pop-95: color(srgb 0.9450980392156862 0.984313725490196 0.984313725490196);
92
- --clr-core-purple-5: color(srgb 0.16470588235294117 0.06666666666666667 0.2627450980392157);
93
- --clr-core-purple-10: color(srgb 0.20784313725490197 0.08235294117647059 0.32941176470588235);
94
- --clr-core-purple-20: color(srgb 0.2549019607843137 0.10196078431372549 0.40784313725490196);
95
- --clr-core-purple-30: color(srgb 0.3568627450980392 0.1411764705882353 0.5725490196078431);
96
- --clr-core-purple-40: color(srgb 0.4588235294117647 0.1843137254901961 0.7333333333333333);
97
- --clr-core-purple-50: color(srgb 0.5411764705882353 0.2627450980392157 0.8156862745098039);
98
- --clr-core-purple-60: color(srgb 0.7411764705882353 0.6078431372549019 0.8745098039215686);
99
- --clr-core-purple-70: color(srgb 0.8352941176470589 0.7490196078431373 0.9215686274509803);
100
- --clr-core-purple-80: color(srgb 0.8901960784313725 0.8313725490196079 0.9490196078431372);
101
- --clr-core-purple-90: color(srgb 0.9411764705882353 0.9098039215686274 0.9725490196078431);
102
- --clr-core-purple-95: color(srgb 0.9647058823529412 0.9450980392156862 0.984313725490196);
103
- --clr-core-safe-5: color(srgb 0.03137254901960784 0.12156862745098039 0.08235294117647059);
104
- --clr-core-safe-10: color(srgb 0.050980392156862744 0.20392156862745098 0.1411764705882353);
105
- --clr-core-safe-20: color(srgb 0.07058823529411765 0.27450980392156865 0.18823529411764706);
106
- --clr-core-safe-30: color(srgb 0.10588235294117647 0.4196078431372549 0.28627450980392155);
107
- --clr-core-safe-40: color(srgb 0.1450980392156863 0.5764705882352941 0.396078431372549);
108
- --clr-core-safe-50: color(srgb 0.1803921568627451 0.7215686274509804 0.49411764705882355);
109
- --clr-core-safe-60: color(srgb 0.4588235294117647 0.8235294117647058 0.6705882352941176);
110
- --clr-core-safe-70: color(srgb 0.6627450980392157 0.8941176470588236 0.796078431372549);
111
- --clr-core-safe-80: color(srgb 0.8313725490196079 0.9490196078431372 0.8980392156862745);
112
- --clr-core-safe-90: color(srgb 0.9098039215686274 0.9725490196078431 0.9450980392156862);
113
- --clr-core-safe-95: color(srgb 0.9450980392156862 0.984313725490196 0.9686274509803922);
114
- --clr-core-warn-5: color(srgb 0.3137254901960784 0.1843137254901961 0.00784313725490196);
115
- --clr-core-warn-10: color(srgb 0.396078431372549 0.23529411764705882 0.011764705882352941);
116
- --clr-core-warn-20: color(srgb 0.47058823529411764 0.2784313725490196 0.011764705882352941);
117
- --clr-core-warn-30: color(srgb 0.6431372549019608 0.3843137254901961 0.01568627450980392);
118
- --clr-core-warn-40: color(srgb 0.8117647058823529 0.4823529411764706 0.0392156862745098);
119
- --clr-core-warn-50: color(srgb 0.9764705882352941 0.5803921568627451 0.023529411764705882);
120
- --clr-core-warn-60: color(srgb 0.9411764705882353 0.7372549019607844 0.45098039215686275);
121
- --clr-core-warn-70: color(srgb 0.9647058823529412 0.8352941176470589 0.6549019607843137);
122
- --clr-core-warn-80: color(srgb 0.9803921568627451 0.9058823529411765 0.8);
123
- --clr-core-warn-90: color(srgb 0.9921568627450981 0.9490196078431372 0.8901960784313725);
124
- --clr-core-warn-95: color(srgb 0.996078431372549 0.9686274509803922 0.9333333333333333);
125
- --clr-diff-addition-count-bg: color(srgb 0.7372549019607844 0.9490196078431372 0.8705882352941177);
126
- --clr-diff-addition-count-border: color(srgb 0.5490196078431373 0.788235294117647 0.6901960784313725);
127
- --clr-diff-addition-count-text: color(srgb 0.38823529411764707 0.5490196078431373 0.47843137254901963);
128
- --clr-diff-addition-line-bg: color(srgb 0.8 0.9803921568627451 0.9098039215686274);
129
- --clr-diff-addition-line-highlight: color(srgb 0.6 0.9294117647058824 0.788235294117647);
130
- --clr-diff-count-bg: color(srgb 0.9686274509803922 0.9686274509803922 0.9647058823529412);
131
- --clr-diff-count-border: var(--clr-border-2);
132
- --clr-diff-count-text: var(--clr-text-2);
133
- --clr-diff-deletion-count-bg: color(srgb 1 0.8392156862745098 0.8705882352941177);
134
- --clr-diff-deletion-count-border: color(srgb 0.9098039215686274 0.7215686274509804 0.7215686274509804);
135
- --clr-diff-deletion-count-text: color(srgb 0.6196078431372549 0.45098039215686275 0.45098039215686275);
136
- --clr-diff-deletion-line-bg: color(srgb 1 0.9019607843137255 0.9098039215686274);
137
- --clr-diff-deletion-line-highlight: color(srgb 0.9921568627450981 0.7686274509803922 0.8196078431372549);
138
- --clr-diff-line-bg: var(--clr-bg-1);
139
- --clr-diff-locked-count-bg: color(srgb 0.9921568627450981 0.9294117647058824 0.803921568627451);
140
- --clr-diff-locked-count-border: color(srgb 0.9372549019607843 0.803921568627451 0.5725490196078431);
141
- --clr-diff-locked-count-text: color(srgb 0.7333333333333333 0.5176470588235295 0.1411764705882353);
142
- --clr-diff-locked-selected-count-bg: color(srgb 0.9803921568627451 0.8313725490196079 0.5294117647058824);
143
- --clr-diff-locked-selected-count-border: color(srgb 0.8666666666666667 0.6588235294117647 0.30196078431372547);
144
- --clr-diff-locked-selected-count-text: color(srgb 0.6627450980392157 0.4588235294117647 0.10588235294117647);
145
- --clr-diff-selected-count-bg: var(--clr-core-pop-50);
146
- --clr-diff-selected-count-border: var(--clr-core-pop-40);
147
- --clr-diff-selected-count-text: var(--clr-core-pop-90);
148
- --clr-drop-shadow: color(srgb 0 0 0 / 0.10196078431372549);
149
- --clr-selected-in-focus-bg: var(--clr-core-pop-90);
150
- --clr-selected-in-focus-element: var(--clr-core-pop-50);
151
- --clr-selected-in-focus-file: var(--clr-core-pop-80);
152
- --clr-selected-not-in-focus-bg: var(--clr-core-gray-90);
153
- --clr-selected-not-in-focus-element: var(--clr-core-gray-60);
154
- --clr-text-1: var(--clr-core-gray-5);
155
- --clr-text-2: var(--clr-core-gray-50);
156
- --clr-text-3: var(--clr-core-gray-60);
157
- --clr-theme-danger-bg: var(--clr-core-danger-95);
158
- --clr-theme-danger-element: var(--clr-core-danger-50);
159
- --clr-theme-danger-on-element: var(--clr-core-danger-95);
160
- --clr-theme-danger-on-soft: var(--clr-core-danger-40);
161
- --clr-theme-danger-soft: var(--clr-core-danger-80);
162
- --clr-theme-danger-text: var(--clr-core-danger-10);
163
- --clr-theme-gray-element: var(--clr-core-gray-20);
164
- --clr-theme-gray-on-element: var(--clr-core-gray-100);
165
- --clr-theme-gray-on-soft: var(--clr-core-gray-20);
166
- --clr-theme-gray-soft: var(--clr-core-gray-80);
167
- --clr-theme-pop-bg: var(--clr-core-pop-95);
168
- --clr-theme-pop-element: var(--clr-core-pop-50);
169
- --clr-theme-pop-on-element: var(--clr-core-gray-100);
170
- --clr-theme-pop-on-soft: var(--clr-core-pop-40);
171
- --clr-theme-pop-soft: var(--clr-core-pop-80);
172
- --clr-theme-pop-text: var(--clr-core-pop-10);
173
- --clr-theme-purple-bg: var(--clr-core-purple-95);
174
- --clr-theme-purple-element: var(--clr-core-purple-50);
175
- --clr-theme-purple-on-element: var(--clr-core-purple-95);
176
- --clr-theme-purple-on-soft: var(--clr-core-purple-40);
177
- --clr-theme-purple-soft: var(--clr-core-purple-80);
178
- --clr-theme-purple-text: var(--clr-core-purple-10);
179
- --clr-theme-safe-bg: var(--clr-core-safe-95);
180
- --clr-theme-safe-element: var(--clr-core-safe-50);
181
- --clr-theme-safe-on-element: var(--clr-core-safe-95);
182
- --clr-theme-safe-on-soft: var(--clr-core-safe-40);
183
- --clr-theme-safe-soft: var(--clr-core-safe-80);
184
- --clr-theme-safe-text: var(--clr-core-safe-10);
185
- --clr-theme-warn-bg: var(--clr-core-warn-95);
186
- --clr-theme-warn-element: var(--clr-core-warn-50);
187
- --clr-theme-warn-on-element: var(--clr-core-warn-95);
188
- --clr-theme-warn-on-soft: var(--clr-core-warn-40);
189
- --clr-theme-warn-soft: var(--clr-core-warn-80);
190
- --clr-theme-warn-text: var(--clr-core-warn-10);
191
- --clr-tooltip-bg: var(--clr-core-gray-95);
192
- --clr-tooltip-border: var(--clr-core-gray-80);
6
+ --clr-art-scene-bg: hsl(175 46.4% 89.0%);
7
+ --clr-art-scene-fill: hsl(60 64.7% 96.7%);
8
+ --clr-art-scene-outline: hsl(180 6.0% 29.6%);
9
+ --clr-art-spot-fill: hsl(26 6.2% 77.8%);
10
+ --clr-art-spot-fill-pop: hsl(180 56.1% 75.9%);
11
+ --clr-bg-1: hsl(0 0.0% 100.0%);
12
+ --clr-bg-2: hsl(30 7.7% 94.9%);
13
+ --clr-bg-3: hsl(20 5.9% 90.0%);
14
+ --clr-bg-muted: hsl(60 7.7% 97.5%);
15
+ --clr-bg-overlay: hsl(0 0.0% 83.9% / 0.45098039215686275);
16
+ --clr-bg-toast: hsl(24 9.8% 10.0%);
17
+ --clr-border-1: hsl(23 7.1% 64.1%);
18
+ --clr-border-2: hsl(26 6.2% 77.8%);
19
+ --clr-border-3: hsl(20 5.9% 90.0%);
20
+ --clr-br-commit-approved-bg: hsl(155 60.0% 45.1%);
21
+ --clr-br-commit-approved-text: hsl(156 55.6% 96.5%);
22
+ --clr-br-commit-changes-requested-bg: hsl(35 95.3% 50.0%);
23
+ --clr-br-commit-changes-requested-text: hsl(34 88.9% 96.5%);
24
+ --clr-br-commit-closed-bg: hsl(270 60.0% 53.9%);
25
+ --clr-br-commit-closed-text: hsl(270 55.6% 96.5%);
26
+ --clr-br-commit-in-discussion-bg: hsl(180 56.1% 75.9%);
27
+ --clr-br-commit-in-discussion-text: hsl(180 65.3% 32.7%);
28
+ --clr-br-commit-unreviewed-bg: hsl(20 5.9% 90.0%);
29
+ --clr-br-commit-unreviewed-text: hsl(23 7.4% 21.2%);
30
+ --clr-btn-danger-outline: hsl(8 67.8% 50.0%);
31
+ --clr-btn-danger-outline-bg: hsl(8 58.8% 81.0%);
32
+ --clr-btn-danger-outline-text: hsl(8 67.9% 41.6%);
33
+ --clr-btn-gray-outline: hsl(23 7.8% 45.1%);
34
+ --clr-btn-gray-outline-bg: hsl(26 6.2% 77.8%);
35
+ --clr-btn-gray-outline-text: hsl(20 8.3% 14.1%);
36
+ --clr-btn-pop-outline: hsl(180 65.4% 42.0%);
37
+ --clr-btn-pop-outline-bg: hsl(180 56.1% 75.9%);
38
+ --clr-btn-pop-outline-text: hsl(180 65.3% 32.7%);
39
+ --clr-btn-purple-outline: hsl(270 60.0% 53.9%);
40
+ --clr-btn-purple-outline-bg: hsl(270 52.4% 83.5%);
41
+ --clr-btn-purple-outline-text: hsl(270 59.8% 45.9%);
42
+ --clr-btn-safe-outline: hsl(155 60.0% 45.1%);
43
+ --clr-btn-safe-outline-bg: hsl(155 52.2% 77.8%);
44
+ --clr-btn-safe-outline-text: hsl(155 59.8% 36.1%);
45
+ --clr-btn-warn-outline: hsl(35 95.3% 50.0%);
46
+ --clr-btn-warn-outline-bg: hsl(35 81.4% 81.0%);
47
+ --clr-btn-warn-outline-text: hsl(35 95.2% 32.9%);
48
+ --clr-change-icon-addition: hsl(155 50.8% 64.1%);
49
+ --clr-change-icon-deletion: hsl(8 57.4% 69.6%);
50
+ --clr-change-icon-modification: hsl(35 80.6% 69.6%);
51
+ --clr-change-icon-rename: hsl(270 51.5% 74.1%);
52
+ --clr-commit-integrated: hsl(270 60.0% 53.9%);
53
+ --clr-commit-local: hsl(23 7.8% 45.1%);
54
+ --clr-commit-remote: hsl(180 65.4% 42.0%);
55
+ --clr-commit-shadow: hsl(180 55.0% 60.8%);
56
+ --clr-commit-upstream: hsl(35 95.3% 50.0%);
57
+ --clr-core-danger-5: hsl(8 67.7% 18.2%);
58
+ --clr-core-danger-10: hsl(8 68.1% 22.2%);
59
+ --clr-core-danger-20: hsl(8 67.9% 25.7%);
60
+ --clr-core-danger-30: hsl(8 67.8% 34.1%);
61
+ --clr-core-danger-40: hsl(8 67.9% 41.6%);
62
+ --clr-core-danger-50: hsl(8 67.8% 50.0%);
63
+ --clr-core-danger-60: hsl(8 57.4% 69.6%);
64
+ --clr-core-danger-70: hsl(8 58.8% 81.0%);
65
+ --clr-core-danger-80: hsl(9 60.7% 89.0%);
66
+ --clr-core-danger-90: hsl(9 61.3% 93.9%);
67
+ --clr-core-danger-95: hsl(6 55.6% 96.5%);
68
+ --clr-core-gray-0: hsl(0 0.0% 0.0%);
69
+ --clr-core-gray-5: hsl(24 9.8% 10.0%);
70
+ --clr-core-gray-10: hsl(20 8.3% 14.1%);
71
+ --clr-core-gray-20: hsl(23 7.4% 21.2%);
72
+ --clr-core-gray-30: hsl(22 7.5% 28.8%);
73
+ --clr-core-gray-40: hsl(26 7.6% 36.1%);
74
+ --clr-core-gray-50: hsl(23 7.8% 45.1%);
75
+ --clr-core-gray-60: hsl(23 7.1% 64.1%);
76
+ --clr-core-gray-70: hsl(26 6.2% 77.8%);
77
+ --clr-core-gray-80: hsl(20 5.9% 90.0%);
78
+ --clr-core-gray-90: hsl(30 7.7% 94.9%);
79
+ --clr-core-gray-95: hsl(60 7.7% 97.5%);
80
+ --clr-core-gray-100: hsl(0 0.0% 100.0%);
81
+ --clr-core-pop-5: hsl(180 66.7% 8.2%);
82
+ --clr-core-pop-10: hsl(180 64.7% 13.3%);
83
+ --clr-core-pop-20: hsl(180 65.5% 17.1%);
84
+ --clr-core-pop-30: hsl(180 64.8% 24.5%);
85
+ --clr-core-pop-40: hsl(180 65.3% 32.7%);
86
+ --clr-core-pop-50: hsl(180 65.4% 42.0%);
87
+ --clr-core-pop-60: hsl(180 55.0% 60.8%);
88
+ --clr-core-pop-70: hsl(180 56.1% 75.9%);
89
+ --clr-core-pop-80: hsl(180 57.1% 89.0%);
90
+ --clr-core-pop-90: hsl(180 60.0% 94.1%);
91
+ --clr-core-pop-95: hsl(180 55.6% 96.5%);
92
+ --clr-core-purple-5: hsl(270 59.5% 16.5%);
93
+ --clr-core-purple-10: hsl(270 60.0% 20.6%);
94
+ --clr-core-purple-20: hsl(270 60.0% 25.5%);
95
+ --clr-core-purple-30: hsl(270 60.4% 35.7%);
96
+ --clr-core-purple-40: hsl(270 59.8% 45.9%);
97
+ --clr-core-purple-50: hsl(270 60.0% 53.9%);
98
+ --clr-core-purple-60: hsl(270 51.5% 74.1%);
99
+ --clr-core-purple-70: hsl(270 52.4% 83.5%);
100
+ --clr-core-purple-80: hsl(270 53.6% 89.0%);
101
+ --clr-core-purple-90: hsl(270 53.3% 94.1%);
102
+ --clr-core-purple-95: hsl(270 55.6% 96.5%);
103
+ --clr-core-safe-5: hsl(154 59.0% 7.6%);
104
+ --clr-core-safe-10: hsl(155 60.0% 12.7%);
105
+ --clr-core-safe-20: hsl(155 59.1% 17.3%);
106
+ --clr-core-safe-30: hsl(155 59.7% 26.3%);
107
+ --clr-core-safe-40: hsl(155 59.8% 36.1%);
108
+ --clr-core-safe-50: hsl(155 60.0% 45.1%);
109
+ --clr-core-safe-60: hsl(155 50.8% 64.1%);
110
+ --clr-core-safe-70: hsl(155 52.2% 77.8%);
111
+ --clr-core-safe-80: hsl(154 53.6% 89.0%);
112
+ --clr-core-safe-90: hsl(154 53.3% 94.1%);
113
+ --clr-core-safe-95: hsl(156 55.6% 96.5%);
114
+ --clr-core-warn-5: hsl(35 95.1% 16.1%);
115
+ --clr-core-warn-10: hsl(35 94.2% 20.4%);
116
+ --clr-core-warn-20: hsl(35 95.1% 24.1%);
117
+ --clr-core-warn-30: hsl(35 95.2% 32.9%);
118
+ --clr-core-warn-40: hsl(34 90.8% 42.5%);
119
+ --clr-core-warn-50: hsl(35 95.3% 50.0%);
120
+ --clr-core-warn-60: hsl(35 80.6% 69.6%);
121
+ --clr-core-warn-70: hsl(35 81.4% 81.0%);
122
+ --clr-core-warn-80: hsl(35 82.1% 89.0%);
123
+ --clr-core-warn-90: hsl(35 86.7% 94.1%);
124
+ --clr-core-warn-95: hsl(34 88.9% 96.5%);
125
+ --clr-diff-addition-count-bg: hsl(158 67.5% 84.3%);
126
+ --clr-diff-addition-count-border: hsl(155 36.1% 66.9%);
127
+ --clr-diff-addition-count-text: hsl(154 17.2% 46.9%);
128
+ --clr-diff-addition-line-bg: hsl(157 82.1% 89.0%);
129
+ --clr-diff-addition-line-highlight: hsl(154 70.0% 76.5%);
130
+ --clr-diff-count-bg: hsl(60 5.9% 96.7%);
131
+ --clr-diff-count-border: hsl(26 6.2% 77.8%);
132
+ --clr-diff-count-text: hsl(23 7.8% 45.1%);
133
+ --clr-diff-deletion-count-bg: hsl(348 100.0% 92.0%);
134
+ --clr-diff-deletion-count-border: hsl(0 51.1% 81.6%);
135
+ --clr-diff-deletion-count-text: hsl(0 18.1% 53.5%);
136
+ --clr-diff-deletion-line-bg: hsl(355 100.0% 95.1%);
137
+ --clr-diff-deletion-line-highlight: hsl(346 93.4% 88.0%);
138
+ --clr-diff-line-bg: hsl(0 0.0% 100.0%);
139
+ --clr-diff-locked-count-bg: hsl(40 92.3% 89.8%);
140
+ --clr-diff-locked-count-border: hsl(38 74.4% 75.5%);
141
+ --clr-diff-locked-count-text: hsl(38 67.7% 43.7%);
142
+ --clr-diff-locked-selected-count-bg: hsl(40 92.0% 75.5%);
143
+ --clr-diff-locked-selected-count-border: hsl(38 67.9% 58.4%);
144
+ --clr-diff-locked-selected-count-text: hsl(38 72.4% 38.4%);
145
+ --clr-diff-selected-count-bg: hsl(180 65.4% 42.0%);
146
+ --clr-diff-selected-count-border: hsl(180 65.3% 32.7%);
147
+ --clr-diff-selected-count-text: hsl(180 60.0% 94.1%);
148
+ --clr-drop-shadow: hsl(0 0.0% 0.0% / 0.10196078431372549);
149
+ --clr-selected-in-focus-bg: hsl(180 60.0% 94.1%);
150
+ --clr-selected-in-focus-element: hsl(180 65.4% 42.0%);
151
+ --clr-selected-in-focus-file: hsl(180 57.1% 89.0%);
152
+ --clr-selected-not-in-focus-bg: hsl(30 7.7% 94.9%);
153
+ --clr-selected-not-in-focus-element: hsl(23 7.1% 64.1%);
154
+ --clr-text-1: hsl(24 9.8% 10.0%);
155
+ --clr-text-2: hsl(23 7.8% 45.1%);
156
+ --clr-text-3: hsl(23 7.1% 64.1%);
157
+ --clr-theme-danger-bg: hsl(6 55.6% 96.5%);
158
+ --clr-theme-danger-element: hsl(8 67.8% 50.0%);
159
+ --clr-theme-danger-on-element: hsl(6 55.6% 96.5%);
160
+ --clr-theme-danger-on-soft: hsl(8 67.9% 41.6%);
161
+ --clr-theme-danger-soft: hsl(9 60.7% 89.0%);
162
+ --clr-theme-danger-text: hsl(8 68.1% 22.2%);
163
+ --clr-theme-gray-element: hsl(23 7.4% 21.2%);
164
+ --clr-theme-gray-on-element: hsl(0 0.0% 100.0%);
165
+ --clr-theme-gray-on-soft: hsl(23 7.4% 21.2%);
166
+ --clr-theme-gray-soft: hsl(20 5.9% 90.0%);
167
+ --clr-theme-pop-bg: hsl(180 55.6% 96.5%);
168
+ --clr-theme-pop-element: hsl(180 65.4% 42.0%);
169
+ --clr-theme-pop-on-element: hsl(0 0.0% 100.0%);
170
+ --clr-theme-pop-on-soft: hsl(180 65.3% 32.7%);
171
+ --clr-theme-pop-soft: hsl(180 57.1% 89.0%);
172
+ --clr-theme-pop-text: hsl(180 64.7% 13.3%);
173
+ --clr-theme-purple-bg: hsl(270 55.6% 96.5%);
174
+ --clr-theme-purple-element: hsl(270 60.0% 53.9%);
175
+ --clr-theme-purple-on-element: hsl(270 55.6% 96.5%);
176
+ --clr-theme-purple-on-soft: hsl(270 59.8% 45.9%);
177
+ --clr-theme-purple-soft: hsl(270 53.6% 89.0%);
178
+ --clr-theme-purple-text: hsl(270 60.0% 20.6%);
179
+ --clr-theme-safe-bg: hsl(156 55.6% 96.5%);
180
+ --clr-theme-safe-element: hsl(155 60.0% 45.1%);
181
+ --clr-theme-safe-on-element: hsl(156 55.6% 96.5%);
182
+ --clr-theme-safe-on-soft: hsl(155 59.8% 36.1%);
183
+ --clr-theme-safe-soft: hsl(154 53.6% 89.0%);
184
+ --clr-theme-safe-text: hsl(155 60.0% 12.7%);
185
+ --clr-theme-warn-bg: hsl(34 88.9% 96.5%);
186
+ --clr-theme-warn-element: hsl(35 95.3% 50.0%);
187
+ --clr-theme-warn-on-element: hsl(34 88.9% 96.5%);
188
+ --clr-theme-warn-on-soft: hsl(34 90.8% 42.5%);
189
+ --clr-theme-warn-soft: hsl(35 82.1% 89.0%);
190
+ --clr-theme-warn-text: hsl(35 94.2% 20.4%);
191
+ --clr-tooltip-bg: hsl(60 7.7% 97.5%);
192
+ --clr-tooltip-border: hsl(20 5.9% 90.0%);
193
193
  --fx-shadow-l: 0 10px 40px 0 var(--clr-drop-shadow);
194
194
  --fx-shadow-m: 0 6px 30px 0 var(--clr-drop-shadow);
195
195
  --fx-shadow-s: 0 4px 14px 0 var(--clr-drop-shadow);
@@ -201,16 +201,16 @@
201
201
  --opacity-mix-btn-solid-hover: 10%;
202
202
  --opacity-mix-btn-solid-icon: 80%;
203
203
  --opacity-mix-hover: 5%;
204
- --radius-btn: var(--radius-m);
205
- --radius-l: 12px;
206
- --radius-m: 6px;
207
- --radius-ml: 10px;
208
- --radius-s: 4px;
209
- --size-button: 28px;
210
- --size-card-padding: 14px;
211
- --size-cta: 32px;
212
- --size-icon: 16px;
213
- --size-tag: 22px;
204
+ --radius-btn: 0.375rem;
205
+ --radius-l: 0.75rem;
206
+ --radius-m: 0.375rem;
207
+ --radius-ml: 0.625rem;
208
+ --radius-s: 0.25rem;
209
+ --size-button: 1.75rem;
210
+ --size-card-padding: 0.875rem;
211
+ --size-cta: 2rem;
212
+ --size-icon: 1rem;
213
+ --size-tag: 1.375rem;
214
214
  --text-fontfamily-accent: But Head;
215
215
  --text-fontfamily-default: Inter;
216
216
  --text-fontfamily-mono: Geist Mono;
@@ -223,125 +223,125 @@
223
223
  }
224
224
 
225
225
  :root.dark {
226
- --clr-art-scene-bg: color(srgb 0.1568627450980392 0.403921568627451 0.39215686274509803);
227
- --clr-art-scene-fill: color(srgb 0.8470588235294118 0.8901960784313725 0.7568627450980392);
228
- --clr-art-scene-outline: color(srgb 0.0784313725490196 0.13333333333333333 0.13333333333333333);
229
- --clr-art-spot-fill: var(--clr-core-gray-40);
230
- --clr-art-spot-fill-pop: var(--clr-core-pop-30);
231
- --clr-bg-1: var(--clr-core-gray-10);
232
- --clr-bg-2: var(--clr-core-gray-5);
233
- --clr-bg-3: var(--clr-core-gray-0);
234
- --clr-bg-muted: var(--clr-core-gray-20);
235
- --clr-bg-overlay: color(srgb 0 0 0 / 0.5019607843137255);
236
- --clr-bg-toast: var(--clr-core-gray-95);
237
- --clr-border-1: var(--clr-core-gray-40);
238
- --clr-border-2: var(--clr-core-gray-30);
239
- --clr-border-3: var(--clr-core-gray-20);
240
- --clr-br-commit-approved-bg: var(--clr-theme-safe-element);
241
- --clr-br-commit-approved-text: var(--clr-theme-safe-on-element);
242
- --clr-br-commit-changes-requested-bg: var(--clr-theme-warn-element);
243
- --clr-br-commit-changes-requested-text: var(--clr-theme-warn-on-element);
244
- --clr-br-commit-closed-bg: var(--clr-theme-purple-element);
245
- --clr-br-commit-closed-text: var(--clr-theme-purple-on-element);
246
- --clr-br-commit-in-discussion-bg: var(--clr-core-pop-20);
247
- --clr-br-commit-in-discussion-text: var(--clr-theme-pop-on-soft);
248
- --clr-br-commit-unreviewed-bg: var(--clr-core-gray-30);
249
- --clr-br-commit-unreviewed-text: var(--clr-theme-gray-on-soft);
250
- --clr-btn-danger-outline: var(--clr-core-danger-50);
251
- --clr-btn-danger-outline-bg: var(--clr-core-danger-40);
252
- --clr-btn-danger-outline-text: var(--clr-core-danger-60);
253
- --clr-btn-gray-outline: var(--clr-core-gray-50);
254
- --clr-btn-gray-outline-bg: var(--clr-core-gray-40);
255
- --clr-btn-gray-outline-text: var(--clr-core-gray-100);
256
- --clr-btn-pop-outline: var(--clr-core-pop-50);
257
- --clr-btn-pop-outline-bg: var(--clr-core-pop-40);
258
- --clr-btn-pop-outline-text: var(--clr-core-pop-60);
259
- --clr-btn-purple-outline: var(--clr-core-purple-50);
260
- --clr-btn-purple-outline-bg: var(--clr-core-purple-40);
261
- --clr-btn-purple-outline-text: var(--clr-core-purple-60);
262
- --clr-btn-safe-outline: var(--clr-core-safe-50);
263
- --clr-btn-safe-outline-bg: var(--clr-core-safe-40);
264
- --clr-btn-safe-outline-text: var(--clr-core-safe-60);
265
- --clr-btn-warn-outline: var(--clr-core-warn-50);
266
- --clr-btn-warn-outline-bg: var(--clr-core-warn-40);
267
- --clr-btn-warn-outline-text: var(--clr-core-warn-60);
268
- --clr-change-icon-addition: var(--clr-core-safe-40);
269
- --clr-change-icon-deletion: var(--clr-core-danger-40);
270
- --clr-change-icon-modification: var(--clr-core-warn-40);
271
- --clr-change-icon-rename: var(--clr-core-purple-40);
272
- --clr-commit-integrated: var(--clr-core-purple-40);
273
- --clr-commit-local: var(--clr-core-gray-50);
274
- --clr-commit-remote: var(--clr-core-pop-50);
275
- --clr-commit-shadow: var(--clr-core-pop-30);
276
- --clr-commit-upstream: var(--clr-core-warn-50);
277
- --clr-diff-addition-count-bg: color(srgb 0.12156862745098039 0.3411764705882353 0.2901960784313726);
278
- --clr-diff-addition-count-border: color(srgb 0.24313725490196078 0.4666666666666667 0.3764705882352941);
279
- --clr-diff-addition-count-text: color(srgb 0.4980392156862745 0.7490196078431373 0.7019607843137254);
280
- --clr-diff-addition-line-bg: color(srgb 0.0784313725490196 0.2549019607843137 0.2196078431372549);
281
- --clr-diff-addition-line-highlight: color(srgb 0.0784313725490196 0.47843137254901963 0.4);
282
- --clr-diff-count-bg: color(srgb 0.18823529411764706 0.17254901960784313 0.16862745098039217);
283
- --clr-diff-count-border: var(--clr-border-2);
284
- --clr-diff-count-text: var(--clr-text-2);
285
- --clr-diff-deletion-count-bg: color(srgb 0.4392156862745098 0.1411764705882353 0.19215686274509805);
286
- --clr-diff-deletion-count-border: color(srgb 0.5843137254901961 0.2627450980392157 0.2627450980392157);
287
- --clr-diff-deletion-count-text: color(srgb 0.9098039215686274 0.5803921568627451 0.6392156862745098);
288
- --clr-diff-deletion-line-bg: color(srgb 0.32941176470588235 0.09019607843137255 0.1411764705882353);
289
- --clr-diff-deletion-line-highlight: color(srgb 0.6196078431372549 0.16862745098039217 0.25882352941176473);
290
- --clr-diff-line-bg: var(--clr-bg-1);
291
- --clr-diff-locked-count-bg: color(srgb 0.3764705882352941 0.25882352941176473 0.08627450980392157);
292
- --clr-diff-locked-count-border: color(srgb 0.5294117647058824 0.38823529411764707 0.1843137254901961);
293
- --clr-diff-locked-count-text: color(srgb 0.9098039215686274 0.7137254901960784 0.3764705882352941);
294
- --clr-diff-locked-selected-count-bg: color(srgb 0.6078431372549019 0.40784313725490196 0.11372549019607843);
295
- --clr-diff-locked-selected-count-border: color(srgb 0.7490196078431373 0.5372549019607843 0.23529411764705882);
296
- --clr-diff-locked-selected-count-text: color(srgb 0.9921568627450981 0.8901960784313725 0.7137254901960784);
297
- --clr-diff-selected-count-bg: var(--clr-core-pop-30);
298
- --clr-diff-selected-count-border: var(--clr-core-pop-40);
299
- --clr-diff-selected-count-text: var(--clr-core-pop-80);
300
- --clr-drop-shadow: color(srgb 0 0 0 / 0.5019607843137255);
301
- --clr-selected-in-focus-bg: var(--clr-core-pop-10);
302
- --clr-selected-in-focus-element: var(--clr-core-pop-40);
303
- --clr-selected-in-focus-file: var(--clr-core-pop-20);
304
- --clr-selected-not-in-focus-bg: var(--clr-core-gray-20);
305
- --clr-selected-not-in-focus-element: var(--clr-core-gray-40);
306
- --clr-text-1: var(--clr-core-gray-95);
307
- --clr-text-2: var(--clr-core-gray-60);
308
- --clr-text-3: var(--clr-core-gray-40);
309
- --clr-theme-danger-bg: var(--clr-core-danger-5);
310
- --clr-theme-danger-element: var(--clr-core-danger-40);
311
- --clr-theme-danger-on-element: var(--clr-core-danger-95);
312
- --clr-theme-danger-on-soft: var(--clr-core-danger-60);
313
- --clr-theme-danger-soft: var(--clr-core-danger-10);
314
- --clr-theme-danger-text: var(--clr-core-danger-80);
315
- --clr-theme-gray-element: var(--clr-core-gray-80);
316
- --clr-theme-gray-on-element: var(--clr-core-gray-0);
317
- --clr-theme-gray-on-soft: var(--clr-core-gray-70);
318
- --clr-theme-gray-soft: var(--clr-core-gray-20);
319
- --clr-theme-pop-bg: var(--clr-core-pop-5);
320
- --clr-theme-pop-element: var(--clr-core-pop-40);
321
- --clr-theme-pop-on-element: var(--clr-core-gray-100);
322
- --clr-theme-pop-on-soft: var(--clr-core-pop-60);
323
- --clr-theme-pop-soft: var(--clr-core-pop-10);
324
- --clr-theme-pop-text: var(--clr-core-pop-80);
325
- --clr-theme-purple-bg: var(--clr-core-purple-5);
326
- --clr-theme-purple-element: var(--clr-core-purple-50);
327
- --clr-theme-purple-on-element: var(--clr-core-purple-90);
328
- --clr-theme-purple-on-soft: var(--clr-core-purple-60);
329
- --clr-theme-purple-soft: var(--clr-core-purple-10);
330
- --clr-theme-purple-text: var(--clr-core-purple-80);
331
- --clr-theme-safe-bg: var(--clr-core-safe-5);
332
- --clr-theme-safe-element: var(--clr-core-safe-40);
333
- --clr-theme-safe-on-element: var(--clr-core-safe-90);
334
- --clr-theme-safe-on-soft: var(--clr-core-safe-60);
335
- --clr-theme-safe-soft: var(--clr-core-safe-10);
336
- --clr-theme-safe-text: var(--clr-core-safe-80);
337
- --clr-theme-warn-bg: var(--clr-core-warn-5);
338
- --clr-theme-warn-element: var(--clr-core-warn-40);
339
- --clr-theme-warn-on-element: var(--clr-core-warn-90);
340
- --clr-theme-warn-on-soft: var(--clr-core-warn-60);
341
- --clr-theme-warn-soft: var(--clr-core-warn-10);
342
- --clr-theme-warn-text: var(--clr-core-warn-80);
343
- --clr-tooltip-bg: var(--clr-core-gray-10);
344
- --clr-tooltip-border: var(--clr-core-gray-30);
226
+ --clr-art-scene-bg: hsl(177 44.1% 28.0%);
227
+ --clr-art-scene-fill: hsl(79 37.8% 82.4%);
228
+ --clr-art-scene-outline: hsl(180 25.9% 10.6%);
229
+ --clr-art-spot-fill: hsl(26 7.6% 36.1%);
230
+ --clr-art-spot-fill-pop: hsl(180 64.8% 24.5%);
231
+ --clr-bg-1: hsl(20 8.3% 14.1%);
232
+ --clr-bg-2: hsl(24 9.8% 10.0%);
233
+ --clr-bg-3: hsl(0 0.0% 0.0%);
234
+ --clr-bg-muted: hsl(23 7.4% 21.2%);
235
+ --clr-bg-overlay: hsl(0 0.0% 0.0% / 0.5019607843137255);
236
+ --clr-bg-toast: hsl(60 7.7% 97.5%);
237
+ --clr-border-1: hsl(26 7.6% 36.1%);
238
+ --clr-border-2: hsl(22 7.5% 28.8%);
239
+ --clr-border-3: hsl(23 7.4% 21.2%);
240
+ --clr-br-commit-approved-bg: hsl(155 60.0% 45.1%);
241
+ --clr-br-commit-approved-text: hsl(156 55.6% 96.5%);
242
+ --clr-br-commit-changes-requested-bg: hsl(35 95.3% 50.0%);
243
+ --clr-br-commit-changes-requested-text: hsl(34 88.9% 96.5%);
244
+ --clr-br-commit-closed-bg: hsl(270 60.0% 53.9%);
245
+ --clr-br-commit-closed-text: hsl(270 55.6% 96.5%);
246
+ --clr-br-commit-in-discussion-bg: hsl(180 65.5% 17.1%);
247
+ --clr-br-commit-in-discussion-text: hsl(180 65.3% 32.7%);
248
+ --clr-br-commit-unreviewed-bg: hsl(22 7.5% 28.8%);
249
+ --clr-br-commit-unreviewed-text: hsl(23 7.4% 21.2%);
250
+ --clr-btn-danger-outline: hsl(8 67.8% 50.0%);
251
+ --clr-btn-danger-outline-bg: hsl(8 67.9% 41.6%);
252
+ --clr-btn-danger-outline-text: hsl(8 57.4% 69.6%);
253
+ --clr-btn-gray-outline: hsl(23 7.8% 45.1%);
254
+ --clr-btn-gray-outline-bg: hsl(26 7.6% 36.1%);
255
+ --clr-btn-gray-outline-text: hsl(0 0.0% 100.0%);
256
+ --clr-btn-pop-outline: hsl(180 65.4% 42.0%);
257
+ --clr-btn-pop-outline-bg: hsl(180 65.3% 32.7%);
258
+ --clr-btn-pop-outline-text: hsl(180 55.0% 60.8%);
259
+ --clr-btn-purple-outline: hsl(270 60.0% 53.9%);
260
+ --clr-btn-purple-outline-bg: hsl(270 59.8% 45.9%);
261
+ --clr-btn-purple-outline-text: hsl(270 51.5% 74.1%);
262
+ --clr-btn-safe-outline: hsl(155 60.0% 45.1%);
263
+ --clr-btn-safe-outline-bg: hsl(155 59.8% 36.1%);
264
+ --clr-btn-safe-outline-text: hsl(155 50.8% 64.1%);
265
+ --clr-btn-warn-outline: hsl(35 95.3% 50.0%);
266
+ --clr-btn-warn-outline-bg: hsl(34 90.8% 42.5%);
267
+ --clr-btn-warn-outline-text: hsl(35 80.6% 69.6%);
268
+ --clr-change-icon-addition: hsl(155 59.8% 36.1%);
269
+ --clr-change-icon-deletion: hsl(8 67.9% 41.6%);
270
+ --clr-change-icon-modification: hsl(34 90.8% 42.5%);
271
+ --clr-change-icon-rename: hsl(270 59.8% 45.9%);
272
+ --clr-commit-integrated: hsl(270 59.8% 45.9%);
273
+ --clr-commit-local: hsl(23 7.8% 45.1%);
274
+ --clr-commit-remote: hsl(180 65.4% 42.0%);
275
+ --clr-commit-shadow: hsl(180 64.8% 24.5%);
276
+ --clr-commit-upstream: hsl(35 95.3% 50.0%);
277
+ --clr-diff-addition-count-bg: hsl(166 47.5% 23.1%);
278
+ --clr-diff-addition-count-border: hsl(156 31.5% 35.5%);
279
+ --clr-diff-addition-count-text: hsl(169 33.3% 62.4%);
280
+ --clr-diff-addition-line-bg: hsl(168 52.9% 16.7%);
281
+ --clr-diff-addition-line-highlight: hsl(168 71.8% 27.8%);
282
+ --clr-diff-count-bg: hsl(12 5.5% 17.8%);
283
+ --clr-diff-count-border: hsl(26 6.2% 77.8%);
284
+ --clr-diff-count-text: hsl(23 7.8% 45.1%);
285
+ --clr-diff-deletion-count-bg: hsl(350 51.4% 29.0%);
286
+ --clr-diff-deletion-count-border: hsl(0 38.0% 42.4%);
287
+ --clr-diff-deletion-count-text: hsl(349 64.6% 74.5%);
288
+ --clr-diff-deletion-line-bg: hsl(347 57.0% 21.0%);
289
+ --clr-diff-deletion-line-highlight: hsl(348 57.2% 39.4%);
290
+ --clr-diff-line-bg: hsl(0 0.0% 100.0%);
291
+ --clr-diff-locked-count-bg: hsl(36 62.7% 23.1%);
292
+ --clr-diff-locked-count-border: hsl(35 48.4% 35.7%);
293
+ --clr-diff-locked-count-text: hsl(38 74.7% 64.3%);
294
+ --clr-diff-locked-selected-count-bg: hsl(36 68.5% 36.1%);
295
+ --clr-diff-locked-selected-count-border: hsl(35 52.2% 49.2%);
296
+ --clr-diff-locked-selected-count-text: hsl(38 94.7% 85.3%);
297
+ --clr-diff-selected-count-bg: hsl(180 64.8% 24.5%);
298
+ --clr-diff-selected-count-border: hsl(180 65.3% 32.7%);
299
+ --clr-diff-selected-count-text: hsl(180 57.1% 89.0%);
300
+ --clr-drop-shadow: hsl(0 0.0% 0.0% / 0.5019607843137255);
301
+ --clr-selected-in-focus-bg: hsl(180 64.7% 13.3%);
302
+ --clr-selected-in-focus-element: hsl(180 65.3% 32.7%);
303
+ --clr-selected-in-focus-file: hsl(180 65.5% 17.1%);
304
+ --clr-selected-not-in-focus-bg: hsl(23 7.4% 21.2%);
305
+ --clr-selected-not-in-focus-element: hsl(26 7.6% 36.1%);
306
+ --clr-text-1: hsl(60 7.7% 97.5%);
307
+ --clr-text-2: hsl(23 7.1% 64.1%);
308
+ --clr-text-3: hsl(26 7.6% 36.1%);
309
+ --clr-theme-danger-bg: hsl(8 67.7% 18.2%);
310
+ --clr-theme-danger-element: hsl(8 67.9% 41.6%);
311
+ --clr-theme-danger-on-element: hsl(6 55.6% 96.5%);
312
+ --clr-theme-danger-on-soft: hsl(8 57.4% 69.6%);
313
+ --clr-theme-danger-soft: hsl(8 68.1% 22.2%);
314
+ --clr-theme-danger-text: hsl(9 60.7% 89.0%);
315
+ --clr-theme-gray-element: hsl(20 5.9% 90.0%);
316
+ --clr-theme-gray-on-element: hsl(0 0.0% 0.0%);
317
+ --clr-theme-gray-on-soft: hsl(26 6.2% 77.8%);
318
+ --clr-theme-gray-soft: hsl(23 7.4% 21.2%);
319
+ --clr-theme-pop-bg: hsl(180 66.7% 8.2%);
320
+ --clr-theme-pop-element: hsl(180 65.3% 32.7%);
321
+ --clr-theme-pop-on-element: hsl(0 0.0% 100.0%);
322
+ --clr-theme-pop-on-soft: hsl(180 55.0% 60.8%);
323
+ --clr-theme-pop-soft: hsl(180 64.7% 13.3%);
324
+ --clr-theme-pop-text: hsl(180 57.1% 89.0%);
325
+ --clr-theme-purple-bg: hsl(270 59.5% 16.5%);
326
+ --clr-theme-purple-element: hsl(270 60.0% 53.9%);
327
+ --clr-theme-purple-on-element: hsl(270 53.3% 94.1%);
328
+ --clr-theme-purple-on-soft: hsl(270 51.5% 74.1%);
329
+ --clr-theme-purple-soft: hsl(270 60.0% 20.6%);
330
+ --clr-theme-purple-text: hsl(270 53.6% 89.0%);
331
+ --clr-theme-safe-bg: hsl(154 59.0% 7.6%);
332
+ --clr-theme-safe-element: hsl(155 59.8% 36.1%);
333
+ --clr-theme-safe-on-element: hsl(154 53.3% 94.1%);
334
+ --clr-theme-safe-on-soft: hsl(155 50.8% 64.1%);
335
+ --clr-theme-safe-soft: hsl(155 60.0% 12.7%);
336
+ --clr-theme-safe-text: hsl(154 53.6% 89.0%);
337
+ --clr-theme-warn-bg: hsl(35 95.1% 16.1%);
338
+ --clr-theme-warn-element: hsl(34 90.8% 42.5%);
339
+ --clr-theme-warn-on-element: hsl(35 86.7% 94.1%);
340
+ --clr-theme-warn-on-soft: hsl(35 80.6% 69.6%);
341
+ --clr-theme-warn-soft: hsl(35 94.2% 20.4%);
342
+ --clr-theme-warn-text: hsl(35 82.1% 89.0%);
343
+ --clr-tooltip-bg: hsl(20 8.3% 14.1%);
344
+ --clr-tooltip-border: hsl(22 7.5% 28.8%);
345
345
  --fx-shadow-l: 0 10px 40px 0 var(--clr-drop-shadow);
346
346
  --fx-shadow-m: 0 6px 30px 0 var(--clr-drop-shadow);
347
347
  --fx-shadow-s: 0 4px 14px 0 var(--clr-drop-shadow);