@gitbutler/design-core 1.9.1 → 1.9.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 (2) hide show
  1. package/package.json +1 -1
  2. package/tokens/tokens.css +174 -174
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitbutler/design-core",
3
- "version": "1.9.1",
3
+ "version": "1.9.2",
4
4
  "type": "module",
5
5
  "description": "Design tokens for GitButler applications",
6
6
  "keywords": [
package/tokens/tokens.css CHANGED
@@ -6,44 +6,44 @@
6
6
  --clr-art-scene-bg: hsl(175 46.4% 89.0%);
7
7
  --clr-art-scene-fill: hsl(60 64.7% 96.7%);
8
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%);
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
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-btn-danger-outline: hsl(8 67.8% 50.0%);
21
- --clr-btn-danger-outline-bg: hsl(8 58.8% 81.0%);
22
- --clr-btn-danger-outline-text: hsl(8 67.9% 41.6%);
23
- --clr-btn-gray-outline: hsl(23 7.8% 45.1%);
24
- --clr-btn-gray-outline-bg: hsl(26 6.2% 77.8%);
25
- --clr-btn-gray-outline-text: hsl(20 8.3% 14.1%);
26
- --clr-btn-pop-outline: hsl(180 65.4% 42.0%);
27
- --clr-btn-pop-outline-bg: hsl(180 56.1% 75.9%);
28
- --clr-btn-pop-outline-text: hsl(180 65.3% 32.7%);
29
- --clr-btn-purple-outline: hsl(270 60.0% 53.9%);
30
- --clr-btn-purple-outline-bg: hsl(270 52.4% 83.5%);
31
- --clr-btn-purple-outline-text: hsl(270 59.8% 45.9%);
32
- --clr-btn-safe-outline: hsl(155 60.0% 45.1%);
33
- --clr-btn-safe-outline-bg: hsl(155 52.2% 77.8%);
34
- --clr-btn-safe-outline-text: hsl(155 59.8% 36.1%);
35
- --clr-btn-warn-outline: hsl(35 95.3% 50.0%);
36
- --clr-btn-warn-outline-bg: hsl(35 81.4% 81.0%);
37
- --clr-btn-warn-outline-text: hsl(35 95.2% 32.9%);
38
- --clr-change-icon-addition: hsl(155 50.8% 64.1%);
39
- --clr-change-icon-deletion: hsl(8 57.4% 69.6%);
40
- --clr-change-icon-modification: hsl(35 80.6% 69.6%);
41
- --clr-change-icon-rename: hsl(270 51.5% 74.1%);
42
- --clr-commit-integrated: hsl(270 60.0% 53.9%);
43
- --clr-commit-local: hsl(23 7.8% 45.1%);
44
- --clr-commit-remote: hsl(180 65.4% 42.0%);
45
- --clr-commit-shadow: hsl(180 55.0% 60.8%);
46
- --clr-commit-upstream: hsl(35 95.3% 50.0%);
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-btn-danger-outline: var(--clr-core-danger-50);
21
+ --clr-btn-danger-outline-bg: var(--clr-core-danger-70);
22
+ --clr-btn-danger-outline-text: var(--clr-core-danger-40);
23
+ --clr-btn-gray-outline: var(--clr-core-gray-50);
24
+ --clr-btn-gray-outline-bg: var(--clr-core-gray-70);
25
+ --clr-btn-gray-outline-text: var(--clr-core-gray-10);
26
+ --clr-btn-pop-outline: var(--clr-core-pop-50);
27
+ --clr-btn-pop-outline-bg: var(--clr-core-pop-70);
28
+ --clr-btn-pop-outline-text: var(--clr-core-pop-40);
29
+ --clr-btn-purple-outline: var(--clr-core-purple-50);
30
+ --clr-btn-purple-outline-bg: var(--clr-core-purple-70);
31
+ --clr-btn-purple-outline-text: var(--clr-core-purple-40);
32
+ --clr-btn-safe-outline: var(--clr-core-safe-50);
33
+ --clr-btn-safe-outline-bg: var(--clr-core-safe-70);
34
+ --clr-btn-safe-outline-text: var(--clr-core-safe-40);
35
+ --clr-btn-warn-outline: var(--clr-core-warn-50);
36
+ --clr-btn-warn-outline-bg: var(--clr-core-warn-70);
37
+ --clr-btn-warn-outline-text: var(--clr-core-warn-30);
38
+ --clr-change-icon-addition: var(--clr-core-safe-60);
39
+ --clr-change-icon-deletion: var(--clr-core-danger-60);
40
+ --clr-change-icon-modification: var(--clr-core-warn-60);
41
+ --clr-change-icon-rename: var(--clr-core-purple-60);
42
+ --clr-commit-integrated: var(--clr-core-purple-50);
43
+ --clr-commit-local: var(--clr-core-gray-50);
44
+ --clr-commit-remote: var(--clr-core-pop-50);
45
+ --clr-commit-shadow: var(--clr-core-pop-60);
46
+ --clr-commit-upstream: var(--clr-core-warn-50);
47
47
  --clr-core-danger-5: hsl(8 67.7% 18.2%);
48
48
  --clr-core-danger-10: hsl(8 68.1% 22.2%);
49
49
  --clr-core-danger-20: hsl(8 67.9% 25.7%);
@@ -118,68 +118,68 @@
118
118
  --clr-diff-addition-line-bg: hsl(157 82.1% 89.0%);
119
119
  --clr-diff-addition-line-highlight: hsl(154 70.0% 76.5%);
120
120
  --clr-diff-count-bg: hsl(60 5.9% 96.7%);
121
- --clr-diff-count-border: hsl(26 6.2% 77.8%);
122
- --clr-diff-count-text: hsl(23 7.8% 45.1%);
121
+ --clr-diff-count-border: var(--clr-border-2);
122
+ --clr-diff-count-text: var(--clr-text-2);
123
123
  --clr-diff-deletion-count-bg: hsl(348 100.0% 92.0%);
124
124
  --clr-diff-deletion-count-border: hsl(0 51.1% 81.6%);
125
125
  --clr-diff-deletion-count-text: hsl(0 18.1% 53.5%);
126
126
  --clr-diff-deletion-line-bg: hsl(355 100.0% 95.1%);
127
127
  --clr-diff-deletion-line-highlight: hsl(346 93.4% 88.0%);
128
- --clr-diff-line-bg: hsl(0 0.0% 100.0%);
128
+ --clr-diff-line-bg: var(--clr-bg-1);
129
129
  --clr-diff-locked-count-bg: hsl(40 92.3% 89.8%);
130
130
  --clr-diff-locked-count-border: hsl(38 74.4% 75.5%);
131
131
  --clr-diff-locked-count-text: hsl(38 67.7% 43.7%);
132
132
  --clr-diff-locked-selected-count-bg: hsl(40 92.0% 75.5%);
133
133
  --clr-diff-locked-selected-count-border: hsl(38 67.9% 58.4%);
134
134
  --clr-diff-locked-selected-count-text: hsl(38 72.4% 38.4%);
135
- --clr-diff-selected-count-bg: hsl(180 65.4% 42.0%);
136
- --clr-diff-selected-count-border: hsl(180 65.3% 32.7%);
137
- --clr-diff-selected-count-text: hsl(180 60.0% 94.1%);
135
+ --clr-diff-selected-count-bg: var(--clr-core-pop-50);
136
+ --clr-diff-selected-count-border: var(--clr-core-pop-40);
137
+ --clr-diff-selected-count-text: var(--clr-core-pop-90);
138
138
  --clr-drop-shadow: hsl(0 0.0% 0.0% / 0.10196078431372549);
139
- --clr-selected-in-focus-bg: hsl(180 60.0% 94.1%);
140
- --clr-selected-in-focus-element: hsl(180 65.4% 42.0%);
141
- --clr-selected-in-focus-file: hsl(180 57.1% 89.0%);
142
- --clr-selected-not-in-focus-bg: hsl(30 7.7% 94.9%);
143
- --clr-selected-not-in-focus-element: hsl(23 7.1% 64.1%);
144
- --clr-text-1: hsl(24 9.8% 10.0%);
145
- --clr-text-2: hsl(23 7.8% 45.1%);
146
- --clr-text-3: hsl(23 7.1% 64.1%);
147
- --clr-theme-danger-bg: hsl(6 55.6% 96.5%);
148
- --clr-theme-danger-element: hsl(8 67.8% 50.0%);
149
- --clr-theme-danger-on-element: hsl(6 55.6% 96.5%);
150
- --clr-theme-danger-on-soft: hsl(8 67.9% 41.6%);
151
- --clr-theme-danger-soft: hsl(9 60.7% 89.0%);
152
- --clr-theme-danger-text: hsl(8 68.1% 22.2%);
153
- --clr-theme-gray-element: hsl(23 7.4% 21.2%);
154
- --clr-theme-gray-on-element: hsl(0 0.0% 100.0%);
155
- --clr-theme-gray-on-soft: hsl(23 7.4% 21.2%);
156
- --clr-theme-gray-soft: hsl(20 5.9% 90.0%);
157
- --clr-theme-pop-bg: hsl(180 55.6% 96.5%);
158
- --clr-theme-pop-element: hsl(180 65.4% 42.0%);
159
- --clr-theme-pop-on-element: hsl(0 0.0% 100.0%);
160
- --clr-theme-pop-on-soft: hsl(180 65.3% 32.7%);
161
- --clr-theme-pop-soft: hsl(180 57.1% 89.0%);
162
- --clr-theme-pop-text: hsl(180 64.7% 13.3%);
163
- --clr-theme-purple-bg: hsl(270 55.6% 96.5%);
164
- --clr-theme-purple-element: hsl(270 60.0% 53.9%);
165
- --clr-theme-purple-on-element: hsl(270 55.6% 96.5%);
166
- --clr-theme-purple-on-soft: hsl(270 59.8% 45.9%);
167
- --clr-theme-purple-soft: hsl(270 53.6% 89.0%);
168
- --clr-theme-purple-text: hsl(270 60.0% 20.6%);
169
- --clr-theme-safe-bg: hsl(156 55.6% 96.5%);
170
- --clr-theme-safe-element: hsl(155 60.0% 45.1%);
171
- --clr-theme-safe-on-element: hsl(156 55.6% 96.5%);
172
- --clr-theme-safe-on-soft: hsl(155 59.8% 36.1%);
173
- --clr-theme-safe-soft: hsl(154 53.6% 89.0%);
174
- --clr-theme-safe-text: hsl(155 60.0% 12.7%);
175
- --clr-theme-warn-bg: hsl(34 88.9% 96.5%);
176
- --clr-theme-warn-element: hsl(35 95.3% 50.0%);
177
- --clr-theme-warn-on-element: hsl(34 88.9% 96.5%);
178
- --clr-theme-warn-on-soft: hsl(34 90.8% 42.5%);
179
- --clr-theme-warn-soft: hsl(35 82.1% 89.0%);
180
- --clr-theme-warn-text: hsl(35 94.2% 20.4%);
181
- --clr-tooltip-bg: hsl(60 7.7% 97.5%);
182
- --clr-tooltip-border: hsl(20 5.9% 90.0%);
139
+ --clr-selected-in-focus-bg: var(--clr-core-pop-90);
140
+ --clr-selected-in-focus-element: var(--clr-core-pop-50);
141
+ --clr-selected-in-focus-file: var(--clr-core-pop-80);
142
+ --clr-selected-not-in-focus-bg: var(--clr-core-gray-90);
143
+ --clr-selected-not-in-focus-element: var(--clr-core-gray-60);
144
+ --clr-text-1: var(--clr-core-gray-5);
145
+ --clr-text-2: var(--clr-core-gray-50);
146
+ --clr-text-3: var(--clr-core-gray-60);
147
+ --clr-theme-danger-bg: var(--clr-core-danger-95);
148
+ --clr-theme-danger-element: var(--clr-core-danger-50);
149
+ --clr-theme-danger-on-element: var(--clr-core-danger-95);
150
+ --clr-theme-danger-on-soft: var(--clr-core-danger-40);
151
+ --clr-theme-danger-soft: var(--clr-core-danger-80);
152
+ --clr-theme-danger-text: var(--clr-core-danger-10);
153
+ --clr-theme-gray-element: var(--clr-core-gray-20);
154
+ --clr-theme-gray-on-element: var(--clr-core-gray-100);
155
+ --clr-theme-gray-on-soft: var(--clr-core-gray-20);
156
+ --clr-theme-gray-soft: var(--clr-core-gray-80);
157
+ --clr-theme-pop-bg: var(--clr-core-pop-95);
158
+ --clr-theme-pop-element: var(--clr-core-pop-50);
159
+ --clr-theme-pop-on-element: var(--clr-core-gray-100);
160
+ --clr-theme-pop-on-soft: var(--clr-core-pop-40);
161
+ --clr-theme-pop-soft: var(--clr-core-pop-80);
162
+ --clr-theme-pop-text: var(--clr-core-pop-10);
163
+ --clr-theme-purple-bg: var(--clr-core-purple-95);
164
+ --clr-theme-purple-element: var(--clr-core-purple-50);
165
+ --clr-theme-purple-on-element: var(--clr-core-purple-95);
166
+ --clr-theme-purple-on-soft: var(--clr-core-purple-40);
167
+ --clr-theme-purple-soft: var(--clr-core-purple-80);
168
+ --clr-theme-purple-text: var(--clr-core-purple-10);
169
+ --clr-theme-safe-bg: var(--clr-core-safe-95);
170
+ --clr-theme-safe-element: var(--clr-core-safe-50);
171
+ --clr-theme-safe-on-element: var(--clr-core-safe-95);
172
+ --clr-theme-safe-on-soft: var(--clr-core-safe-40);
173
+ --clr-theme-safe-soft: var(--clr-core-safe-80);
174
+ --clr-theme-safe-text: var(--clr-core-safe-10);
175
+ --clr-theme-warn-bg: var(--clr-core-warn-95);
176
+ --clr-theme-warn-element: var(--clr-core-warn-50);
177
+ --clr-theme-warn-on-element: var(--clr-core-warn-95);
178
+ --clr-theme-warn-on-soft: var(--clr-core-warn-40);
179
+ --clr-theme-warn-soft: var(--clr-core-warn-80);
180
+ --clr-theme-warn-text: var(--clr-core-warn-10);
181
+ --clr-tooltip-bg: var(--clr-core-gray-95);
182
+ --clr-tooltip-border: var(--clr-core-gray-80);
183
183
  --fx-shadow-l: 0 10px 40px 0 var(--clr-drop-shadow);
184
184
  --fx-shadow-m: 0 6px 30px 0 var(--clr-drop-shadow);
185
185
  --fx-shadow-s: 0 4px 14px 0 var(--clr-drop-shadow);
@@ -216,112 +216,112 @@
216
216
  --clr-art-scene-bg: hsl(177 44.1% 28.0%);
217
217
  --clr-art-scene-fill: hsl(79 37.8% 82.4%);
218
218
  --clr-art-scene-outline: hsl(180 25.9% 10.6%);
219
- --clr-art-spot-fill: hsl(26 7.6% 36.1%);
220
- --clr-art-spot-fill-pop: hsl(180 64.8% 24.5%);
221
- --clr-bg-1: hsl(20 8.3% 14.1%);
222
- --clr-bg-2: hsl(24 9.8% 10.0%);
223
- --clr-bg-3: hsl(0 0.0% 0.0%);
224
- --clr-bg-muted: hsl(23 7.4% 21.2%);
219
+ --clr-art-spot-fill: var(--clr-core-gray-40);
220
+ --clr-art-spot-fill-pop: var(--clr-core-pop-30);
221
+ --clr-bg-1: var(--clr-core-gray-10);
222
+ --clr-bg-2: var(--clr-core-gray-5);
223
+ --clr-bg-3: var(--clr-core-gray-0);
224
+ --clr-bg-muted: var(--clr-core-gray-20);
225
225
  --clr-bg-overlay: hsl(0 0.0% 0.0% / 0.5019607843137255);
226
- --clr-bg-toast: hsl(60 7.7% 97.5%);
227
- --clr-border-1: hsl(26 7.6% 36.1%);
228
- --clr-border-2: hsl(22 7.5% 28.8%);
229
- --clr-border-3: hsl(23 7.4% 21.2%);
230
- --clr-btn-danger-outline: hsl(8 67.8% 50.0%);
231
- --clr-btn-danger-outline-bg: hsl(8 67.9% 41.6%);
232
- --clr-btn-danger-outline-text: hsl(8 57.4% 69.6%);
233
- --clr-btn-gray-outline: hsl(23 7.8% 45.1%);
234
- --clr-btn-gray-outline-bg: hsl(26 7.6% 36.1%);
235
- --clr-btn-gray-outline-text: hsl(0 0.0% 100.0%);
236
- --clr-btn-pop-outline: hsl(180 65.4% 42.0%);
237
- --clr-btn-pop-outline-bg: hsl(180 65.3% 32.7%);
238
- --clr-btn-pop-outline-text: hsl(180 55.0% 60.8%);
239
- --clr-btn-purple-outline: hsl(270 60.0% 53.9%);
240
- --clr-btn-purple-outline-bg: hsl(270 59.8% 45.9%);
241
- --clr-btn-purple-outline-text: hsl(270 51.5% 74.1%);
242
- --clr-btn-safe-outline: hsl(155 60.0% 45.1%);
243
- --clr-btn-safe-outline-bg: hsl(155 59.8% 36.1%);
244
- --clr-btn-safe-outline-text: hsl(155 50.8% 64.1%);
245
- --clr-btn-warn-outline: hsl(35 95.3% 50.0%);
246
- --clr-btn-warn-outline-bg: hsl(34 90.8% 42.5%);
247
- --clr-btn-warn-outline-text: hsl(35 80.6% 69.6%);
248
- --clr-change-icon-addition: hsl(155 59.8% 36.1%);
249
- --clr-change-icon-deletion: hsl(8 67.9% 41.6%);
250
- --clr-change-icon-modification: hsl(34 90.8% 42.5%);
251
- --clr-change-icon-rename: hsl(270 59.8% 45.9%);
252
- --clr-commit-integrated: hsl(270 59.8% 45.9%);
253
- --clr-commit-local: hsl(23 7.8% 45.1%);
254
- --clr-commit-remote: hsl(180 65.4% 42.0%);
255
- --clr-commit-shadow: hsl(180 64.8% 24.5%);
256
- --clr-commit-upstream: hsl(35 95.3% 50.0%);
226
+ --clr-bg-toast: var(--clr-core-gray-95);
227
+ --clr-border-1: var(--clr-core-gray-40);
228
+ --clr-border-2: var(--clr-core-gray-30);
229
+ --clr-border-3: var(--clr-core-gray-20);
230
+ --clr-btn-danger-outline: var(--clr-core-danger-50);
231
+ --clr-btn-danger-outline-bg: var(--clr-core-danger-40);
232
+ --clr-btn-danger-outline-text: var(--clr-core-danger-60);
233
+ --clr-btn-gray-outline: var(--clr-core-gray-50);
234
+ --clr-btn-gray-outline-bg: var(--clr-core-gray-40);
235
+ --clr-btn-gray-outline-text: var(--clr-core-gray-100);
236
+ --clr-btn-pop-outline: var(--clr-core-pop-50);
237
+ --clr-btn-pop-outline-bg: var(--clr-core-pop-40);
238
+ --clr-btn-pop-outline-text: var(--clr-core-pop-60);
239
+ --clr-btn-purple-outline: var(--clr-core-purple-50);
240
+ --clr-btn-purple-outline-bg: var(--clr-core-purple-40);
241
+ --clr-btn-purple-outline-text: var(--clr-core-purple-60);
242
+ --clr-btn-safe-outline: var(--clr-core-safe-50);
243
+ --clr-btn-safe-outline-bg: var(--clr-core-safe-40);
244
+ --clr-btn-safe-outline-text: var(--clr-core-safe-60);
245
+ --clr-btn-warn-outline: var(--clr-core-warn-50);
246
+ --clr-btn-warn-outline-bg: var(--clr-core-warn-40);
247
+ --clr-btn-warn-outline-text: var(--clr-core-warn-60);
248
+ --clr-change-icon-addition: var(--clr-core-safe-40);
249
+ --clr-change-icon-deletion: var(--clr-core-danger-40);
250
+ --clr-change-icon-modification: var(--clr-core-warn-40);
251
+ --clr-change-icon-rename: var(--clr-core-purple-40);
252
+ --clr-commit-integrated: var(--clr-core-purple-40);
253
+ --clr-commit-local: var(--clr-core-gray-50);
254
+ --clr-commit-remote: var(--clr-core-pop-50);
255
+ --clr-commit-shadow: var(--clr-core-pop-30);
256
+ --clr-commit-upstream: var(--clr-core-warn-50);
257
257
  --clr-diff-addition-count-bg: hsl(166 47.5% 23.1%);
258
258
  --clr-diff-addition-count-border: hsl(156 31.5% 35.5%);
259
259
  --clr-diff-addition-count-text: hsl(169 33.3% 62.4%);
260
260
  --clr-diff-addition-line-bg: hsl(168 52.9% 16.7%);
261
261
  --clr-diff-addition-line-highlight: hsl(168 71.8% 27.8%);
262
262
  --clr-diff-count-bg: hsl(12 5.5% 17.8%);
263
- --clr-diff-count-border: hsl(26 6.2% 77.8%);
264
- --clr-diff-count-text: hsl(23 7.8% 45.1%);
263
+ --clr-diff-count-border: var(--clr-border-2);
264
+ --clr-diff-count-text: var(--clr-text-2);
265
265
  --clr-diff-deletion-count-bg: hsl(350 51.4% 29.0%);
266
266
  --clr-diff-deletion-count-border: hsl(0 38.0% 42.4%);
267
267
  --clr-diff-deletion-count-text: hsl(349 64.6% 74.5%);
268
268
  --clr-diff-deletion-line-bg: hsl(347 57.0% 21.0%);
269
269
  --clr-diff-deletion-line-highlight: hsl(348 57.2% 39.4%);
270
- --clr-diff-line-bg: hsl(0 0.0% 100.0%);
270
+ --clr-diff-line-bg: var(--clr-bg-1);
271
271
  --clr-diff-locked-count-bg: hsl(36 62.7% 23.1%);
272
272
  --clr-diff-locked-count-border: hsl(35 48.4% 35.7%);
273
273
  --clr-diff-locked-count-text: hsl(38 74.7% 64.3%);
274
274
  --clr-diff-locked-selected-count-bg: hsl(36 68.5% 36.1%);
275
275
  --clr-diff-locked-selected-count-border: hsl(35 52.2% 49.2%);
276
276
  --clr-diff-locked-selected-count-text: hsl(38 94.7% 85.3%);
277
- --clr-diff-selected-count-bg: hsl(180 64.8% 24.5%);
278
- --clr-diff-selected-count-border: hsl(180 65.3% 32.7%);
279
- --clr-diff-selected-count-text: hsl(180 57.1% 89.0%);
277
+ --clr-diff-selected-count-bg: var(--clr-core-pop-30);
278
+ --clr-diff-selected-count-border: var(--clr-core-pop-40);
279
+ --clr-diff-selected-count-text: var(--clr-core-pop-80);
280
280
  --clr-drop-shadow: hsl(0 0.0% 0.0% / 0.5019607843137255);
281
- --clr-selected-in-focus-bg: hsl(180 64.7% 13.3%);
282
- --clr-selected-in-focus-element: hsl(180 65.3% 32.7%);
283
- --clr-selected-in-focus-file: hsl(180 65.5% 17.1%);
284
- --clr-selected-not-in-focus-bg: hsl(23 7.4% 21.2%);
285
- --clr-selected-not-in-focus-element: hsl(26 7.6% 36.1%);
286
- --clr-text-1: hsl(60 7.7% 97.5%);
287
- --clr-text-2: hsl(23 7.1% 64.1%);
288
- --clr-text-3: hsl(26 7.6% 36.1%);
289
- --clr-theme-danger-bg: hsl(8 67.7% 18.2%);
290
- --clr-theme-danger-element: hsl(8 67.9% 41.6%);
291
- --clr-theme-danger-on-element: hsl(6 55.6% 96.5%);
292
- --clr-theme-danger-on-soft: hsl(8 57.4% 69.6%);
293
- --clr-theme-danger-soft: hsl(8 68.1% 22.2%);
294
- --clr-theme-danger-text: hsl(9 60.7% 89.0%);
295
- --clr-theme-gray-element: hsl(20 5.9% 90.0%);
296
- --clr-theme-gray-on-element: hsl(0 0.0% 0.0%);
297
- --clr-theme-gray-on-soft: hsl(26 6.2% 77.8%);
298
- --clr-theme-gray-soft: hsl(23 7.4% 21.2%);
299
- --clr-theme-pop-bg: hsl(180 66.7% 8.2%);
300
- --clr-theme-pop-element: hsl(180 65.3% 32.7%);
301
- --clr-theme-pop-on-element: hsl(0 0.0% 100.0%);
302
- --clr-theme-pop-on-soft: hsl(180 55.0% 60.8%);
303
- --clr-theme-pop-soft: hsl(180 64.7% 13.3%);
304
- --clr-theme-pop-text: hsl(180 57.1% 89.0%);
305
- --clr-theme-purple-bg: hsl(270 59.5% 16.5%);
306
- --clr-theme-purple-element: hsl(270 60.0% 53.9%);
307
- --clr-theme-purple-on-element: hsl(270 53.3% 94.1%);
308
- --clr-theme-purple-on-soft: hsl(270 51.5% 74.1%);
309
- --clr-theme-purple-soft: hsl(270 60.0% 20.6%);
310
- --clr-theme-purple-text: hsl(270 53.6% 89.0%);
311
- --clr-theme-safe-bg: hsl(154 59.0% 7.6%);
312
- --clr-theme-safe-element: hsl(155 59.8% 36.1%);
313
- --clr-theme-safe-on-element: hsl(154 53.3% 94.1%);
314
- --clr-theme-safe-on-soft: hsl(155 50.8% 64.1%);
315
- --clr-theme-safe-soft: hsl(155 60.0% 12.7%);
316
- --clr-theme-safe-text: hsl(154 53.6% 89.0%);
317
- --clr-theme-warn-bg: hsl(35 95.1% 16.1%);
318
- --clr-theme-warn-element: hsl(34 90.8% 42.5%);
319
- --clr-theme-warn-on-element: hsl(35 86.7% 94.1%);
320
- --clr-theme-warn-on-soft: hsl(35 80.6% 69.6%);
321
- --clr-theme-warn-soft: hsl(35 94.2% 20.4%);
322
- --clr-theme-warn-text: hsl(35 82.1% 89.0%);
323
- --clr-tooltip-bg: hsl(20 8.3% 14.1%);
324
- --clr-tooltip-border: hsl(22 7.5% 28.8%);
281
+ --clr-selected-in-focus-bg: var(--clr-core-pop-10);
282
+ --clr-selected-in-focus-element: var(--clr-core-pop-40);
283
+ --clr-selected-in-focus-file: var(--clr-core-pop-20);
284
+ --clr-selected-not-in-focus-bg: var(--clr-core-gray-20);
285
+ --clr-selected-not-in-focus-element: var(--clr-core-gray-40);
286
+ --clr-text-1: var(--clr-core-gray-95);
287
+ --clr-text-2: var(--clr-core-gray-60);
288
+ --clr-text-3: var(--clr-core-gray-40);
289
+ --clr-theme-danger-bg: var(--clr-core-danger-5);
290
+ --clr-theme-danger-element: var(--clr-core-danger-40);
291
+ --clr-theme-danger-on-element: var(--clr-core-danger-95);
292
+ --clr-theme-danger-on-soft: var(--clr-core-danger-60);
293
+ --clr-theme-danger-soft: var(--clr-core-danger-10);
294
+ --clr-theme-danger-text: var(--clr-core-danger-80);
295
+ --clr-theme-gray-element: var(--clr-core-gray-80);
296
+ --clr-theme-gray-on-element: var(--clr-core-gray-0);
297
+ --clr-theme-gray-on-soft: var(--clr-core-gray-70);
298
+ --clr-theme-gray-soft: var(--clr-core-gray-20);
299
+ --clr-theme-pop-bg: var(--clr-core-pop-5);
300
+ --clr-theme-pop-element: var(--clr-core-pop-40);
301
+ --clr-theme-pop-on-element: var(--clr-core-gray-100);
302
+ --clr-theme-pop-on-soft: var(--clr-core-pop-60);
303
+ --clr-theme-pop-soft: var(--clr-core-pop-10);
304
+ --clr-theme-pop-text: var(--clr-core-pop-80);
305
+ --clr-theme-purple-bg: var(--clr-core-purple-5);
306
+ --clr-theme-purple-element: var(--clr-core-purple-50);
307
+ --clr-theme-purple-on-element: var(--clr-core-purple-90);
308
+ --clr-theme-purple-on-soft: var(--clr-core-purple-60);
309
+ --clr-theme-purple-soft: var(--clr-core-purple-10);
310
+ --clr-theme-purple-text: var(--clr-core-purple-80);
311
+ --clr-theme-safe-bg: var(--clr-core-safe-5);
312
+ --clr-theme-safe-element: var(--clr-core-safe-40);
313
+ --clr-theme-safe-on-element: var(--clr-core-safe-90);
314
+ --clr-theme-safe-on-soft: var(--clr-core-safe-60);
315
+ --clr-theme-safe-soft: var(--clr-core-safe-10);
316
+ --clr-theme-safe-text: var(--clr-core-safe-80);
317
+ --clr-theme-warn-bg: var(--clr-core-warn-5);
318
+ --clr-theme-warn-element: var(--clr-core-warn-40);
319
+ --clr-theme-warn-on-element: var(--clr-core-warn-90);
320
+ --clr-theme-warn-on-soft: var(--clr-core-warn-60);
321
+ --clr-theme-warn-soft: var(--clr-core-warn-10);
322
+ --clr-theme-warn-text: var(--clr-core-warn-80);
323
+ --clr-tooltip-bg: var(--clr-core-gray-10);
324
+ --clr-tooltip-border: var(--clr-core-gray-30);
325
325
  --fx-shadow-l: 0 10px 40px 0 var(--clr-drop-shadow);
326
326
  --fx-shadow-m: 0 6px 30px 0 var(--clr-drop-shadow);
327
327
  --fx-shadow-s: 0 4px 14px 0 var(--clr-drop-shadow);