@gitbutler/design-core 1.9.0 → 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 (3) hide show
  1. package/package.json +1 -1
  2. package/tokens/tokens.css +174 -194
  3. package/tokens/tokens.json +1 -123
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitbutler/design-core",
3
- "version": "1.9.0",
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,54 +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-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%);
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);
57
47
  --clr-core-danger-5: hsl(8 67.7% 18.2%);
58
48
  --clr-core-danger-10: hsl(8 68.1% 22.2%);
59
49
  --clr-core-danger-20: hsl(8 67.9% 25.7%);
@@ -128,68 +118,68 @@
128
118
  --clr-diff-addition-line-bg: hsl(157 82.1% 89.0%);
129
119
  --clr-diff-addition-line-highlight: hsl(154 70.0% 76.5%);
130
120
  --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%);
121
+ --clr-diff-count-border: var(--clr-border-2);
122
+ --clr-diff-count-text: var(--clr-text-2);
133
123
  --clr-diff-deletion-count-bg: hsl(348 100.0% 92.0%);
134
124
  --clr-diff-deletion-count-border: hsl(0 51.1% 81.6%);
135
125
  --clr-diff-deletion-count-text: hsl(0 18.1% 53.5%);
136
126
  --clr-diff-deletion-line-bg: hsl(355 100.0% 95.1%);
137
127
  --clr-diff-deletion-line-highlight: hsl(346 93.4% 88.0%);
138
- --clr-diff-line-bg: hsl(0 0.0% 100.0%);
128
+ --clr-diff-line-bg: var(--clr-bg-1);
139
129
  --clr-diff-locked-count-bg: hsl(40 92.3% 89.8%);
140
130
  --clr-diff-locked-count-border: hsl(38 74.4% 75.5%);
141
131
  --clr-diff-locked-count-text: hsl(38 67.7% 43.7%);
142
132
  --clr-diff-locked-selected-count-bg: hsl(40 92.0% 75.5%);
143
133
  --clr-diff-locked-selected-count-border: hsl(38 67.9% 58.4%);
144
134
  --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%);
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);
148
138
  --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%);
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);
193
183
  --fx-shadow-l: 0 10px 40px 0 var(--clr-drop-shadow);
194
184
  --fx-shadow-m: 0 6px 30px 0 var(--clr-drop-shadow);
195
185
  --fx-shadow-s: 0 4px 14px 0 var(--clr-drop-shadow);
@@ -226,122 +216,112 @@
226
216
  --clr-art-scene-bg: hsl(177 44.1% 28.0%);
227
217
  --clr-art-scene-fill: hsl(79 37.8% 82.4%);
228
218
  --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%);
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);
235
225
  --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%);
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);
277
257
  --clr-diff-addition-count-bg: hsl(166 47.5% 23.1%);
278
258
  --clr-diff-addition-count-border: hsl(156 31.5% 35.5%);
279
259
  --clr-diff-addition-count-text: hsl(169 33.3% 62.4%);
280
260
  --clr-diff-addition-line-bg: hsl(168 52.9% 16.7%);
281
261
  --clr-diff-addition-line-highlight: hsl(168 71.8% 27.8%);
282
262
  --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%);
263
+ --clr-diff-count-border: var(--clr-border-2);
264
+ --clr-diff-count-text: var(--clr-text-2);
285
265
  --clr-diff-deletion-count-bg: hsl(350 51.4% 29.0%);
286
266
  --clr-diff-deletion-count-border: hsl(0 38.0% 42.4%);
287
267
  --clr-diff-deletion-count-text: hsl(349 64.6% 74.5%);
288
268
  --clr-diff-deletion-line-bg: hsl(347 57.0% 21.0%);
289
269
  --clr-diff-deletion-line-highlight: hsl(348 57.2% 39.4%);
290
- --clr-diff-line-bg: hsl(0 0.0% 100.0%);
270
+ --clr-diff-line-bg: var(--clr-bg-1);
291
271
  --clr-diff-locked-count-bg: hsl(36 62.7% 23.1%);
292
272
  --clr-diff-locked-count-border: hsl(35 48.4% 35.7%);
293
273
  --clr-diff-locked-count-text: hsl(38 74.7% 64.3%);
294
274
  --clr-diff-locked-selected-count-bg: hsl(36 68.5% 36.1%);
295
275
  --clr-diff-locked-selected-count-border: hsl(35 52.2% 49.2%);
296
276
  --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%);
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);
300
280
  --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%);
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);
345
325
  --fx-shadow-l: 0 10px 40px 0 var(--clr-drop-shadow);
346
326
  --fx-shadow-m: 0 6px 30px 0 var(--clr-drop-shadow);
347
327
  --fx-shadow-s: 0 4px 14px 0 var(--clr-drop-shadow);
package/tokens/tokens.json CHANGED
@@ -1703,128 +1703,6 @@
1703
1703
  }
1704
1704
  }
1705
1705
  },
1706
- "br-commit": {
1707
- "approved": {
1708
- "bg": {
1709
- "$type": "color",
1710
- "$value": "{clr.theme.safe.element}",
1711
- "$description": "",
1712
- "$extensions": {
1713
- "mode": {
1714
- "light": "{clr.theme.safe.element}",
1715
- "dark": "{clr.theme.safe.element}"
1716
- }
1717
- }
1718
- },
1719
- "text": {
1720
- "$type": "color",
1721
- "$value": "{clr.theme.safe.on-element}",
1722
- "$description": "",
1723
- "$extensions": {
1724
- "mode": {
1725
- "light": "{clr.theme.safe.on-element}",
1726
- "dark": "{clr.theme.safe.on-element}"
1727
- }
1728
- }
1729
- }
1730
- },
1731
- "in-discussion": {
1732
- "bg": {
1733
- "$type": "color",
1734
- "$value": "{clr-core.pop.70}",
1735
- "$description": "",
1736
- "$extensions": {
1737
- "mode": {
1738
- "light": "{clr-core.pop.70}",
1739
- "dark": "{clr-core.pop.20}"
1740
- }
1741
- }
1742
- },
1743
- "text": {
1744
- "$type": "color",
1745
- "$value": "{clr.theme.pop.on-soft}",
1746
- "$description": "",
1747
- "$extensions": {
1748
- "mode": {
1749
- "light": "{clr.theme.pop.on-soft}",
1750
- "dark": "{clr.theme.pop.on-soft}"
1751
- }
1752
- }
1753
- }
1754
- },
1755
- "changes-requested": {
1756
- "bg": {
1757
- "$type": "color",
1758
- "$value": "{clr.theme.warn.element}",
1759
- "$description": "",
1760
- "$extensions": {
1761
- "mode": {
1762
- "light": "{clr.theme.warn.element}",
1763
- "dark": "{clr.theme.warn.element}"
1764
- }
1765
- }
1766
- },
1767
- "text": {
1768
- "$type": "color",
1769
- "$value": "{clr.theme.warn.on-element}",
1770
- "$description": "",
1771
- "$extensions": {
1772
- "mode": {
1773
- "light": "{clr.theme.warn.on-element}",
1774
- "dark": "{clr.theme.warn.on-element}"
1775
- }
1776
- }
1777
- }
1778
- },
1779
- "unreviewed": {
1780
- "bg": {
1781
- "$type": "color",
1782
- "$value": "{clr-core.gray.80}",
1783
- "$description": "",
1784
- "$extensions": {
1785
- "mode": {
1786
- "light": "{clr-core.gray.80}",
1787
- "dark": "{clr-core.gray.30}"
1788
- }
1789
- }
1790
- },
1791
- "text": {
1792
- "$type": "color",
1793
- "$value": "{clr.theme.gray.on-soft}",
1794
- "$description": "",
1795
- "$extensions": {
1796
- "mode": {
1797
- "light": "{clr.theme.gray.on-soft}",
1798
- "dark": "{clr.theme.gray.on-soft}"
1799
- }
1800
- }
1801
- }
1802
- },
1803
- "closed": {
1804
- "bg": {
1805
- "$type": "color",
1806
- "$value": "{clr.theme.purple.element}",
1807
- "$description": "",
1808
- "$extensions": {
1809
- "mode": {
1810
- "light": "{clr.theme.purple.element}",
1811
- "dark": "{clr.theme.purple.element}"
1812
- }
1813
- }
1814
- },
1815
- "text": {
1816
- "$type": "color",
1817
- "$value": "{clr.theme.purple.on-element}",
1818
- "$description": "",
1819
- "$extensions": {
1820
- "mode": {
1821
- "light": "{clr.theme.purple.on-element}",
1822
- "dark": "{clr.theme.purple.on-element}"
1823
- }
1824
- }
1825
- }
1826
- }
1827
- },
1828
1706
  "selected": {
1829
1707
  "in-focus": {
1830
1708
  "bg": {
@@ -2233,7 +2111,7 @@
2233
2111
  "text",
2234
2112
  "opacity"
2235
2113
  ],
2236
- "createdAt": "2026-03-14T01:29:15.643Z"
2114
+ "createdAt": "2026-03-19T21:54:05.694Z"
2237
2115
  }
2238
2116
  }
2239
2117
  }