dockview 5.1.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/README.md +3 -1
  2. package/dist/cjs/dockview/dockview.d.ts +8 -1
  3. package/dist/cjs/dockview/dockview.js +32 -1
  4. package/dist/cjs/dockview/headerActionsRenderer.d.ts +1 -0
  5. package/dist/cjs/dockview/headerActionsRenderer.js +6 -0
  6. package/dist/cjs/dockview/reactContextMenuItemPart.d.ts +14 -0
  7. package/dist/cjs/dockview/reactContextMenuItemPart.js +31 -0
  8. package/dist/cjs/dockview/reactTabGroupChipPart.d.ts +23 -0
  9. package/dist/cjs/dockview/reactTabGroupChipPart.js +36 -0
  10. package/dist/cjs/gridview/view.d.ts +0 -1
  11. package/dist/cjs/index.d.ts +1 -0
  12. package/dist/cjs/react.js +8 -4
  13. package/dist/cjs/splitview/view.d.ts +0 -1
  14. package/dist/dockview.js +95 -7
  15. package/dist/dockview.min.js +2 -2
  16. package/dist/dockview.min.js.map +1 -1
  17. package/dist/esm/dockview/dockview.d.ts +8 -1
  18. package/dist/esm/dockview/dockview.js +32 -1
  19. package/dist/esm/dockview/headerActionsRenderer.d.ts +1 -0
  20. package/dist/esm/dockview/headerActionsRenderer.js +6 -0
  21. package/dist/esm/dockview/reactContextMenuItemPart.d.ts +14 -0
  22. package/dist/esm/dockview/reactContextMenuItemPart.js +22 -0
  23. package/dist/esm/dockview/reactTabGroupChipPart.d.ts +23 -0
  24. package/dist/esm/dockview/reactTabGroupChipPart.js +27 -0
  25. package/dist/esm/gridview/view.d.ts +0 -1
  26. package/dist/esm/index.d.ts +1 -0
  27. package/dist/esm/react.js +6 -2
  28. package/dist/esm/splitview/view.d.ts +0 -1
  29. package/dist/package/main.cjs.js +97 -39
  30. package/dist/package/main.cjs.min.js +2 -2
  31. package/dist/package/main.esm.min.mjs +2 -2
  32. package/dist/package/main.esm.mjs +93 -35
  33. package/dist/styles/dockview.css +1968 -195
  34. package/package.json +6 -2
package/dist/styles/dockview.css CHANGED
@@ -43,7 +43,9 @@
43
43
  --dv-drag-over-border-color: transparent;
44
44
  --dv-tabs-container-scrollbar-color: #888;
45
45
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
46
- --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
46
+ --dv-floating-box-shadow:
47
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
48
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
47
49
  --dv-overlay-z-index: 999;
48
50
  --dv-tab-font-size: inherit;
49
51
  --dv-border-radius: 0px;
@@ -52,6 +54,34 @@
52
54
  --dv-active-sash-color: transparent;
53
55
  --dv-active-sash-transition-duration: 0.1s;
54
56
  --dv-active-sash-transition-delay: 0.5s;
57
+ --dv-spacing-padding: 0px;
58
+ --dv-tab-border-radius: 0px;
59
+ --dv-sash-border-radius: 0px;
60
+ --dv-dropdown-border-radius: 0px;
61
+ --dv-tab-close-icon-size: inherit;
62
+ --dv-floating-group-border: none;
63
+ --dv-drag-over-border: none;
64
+ --dv-floating-group-dragging-opacity: 0.5;
65
+ --dv-tab-group-color-grey: #5f6368;
66
+ --dv-tab-group-color-blue: #1a73e8;
67
+ --dv-tab-group-color-red: #d93025;
68
+ --dv-tab-group-color-yellow: #f9ab00;
69
+ --dv-tab-group-color-green: #188038;
70
+ --dv-tab-group-color-pink: #d01884;
71
+ --dv-tab-group-color-purple: #a142f4;
72
+ --dv-tab-group-color-cyan: #007b83;
73
+ --dv-tab-group-color-orange: #e8710a;
74
+ --dv-tab-group-chip-padding: 4px 8px;
75
+ --dv-tab-group-chip-border-radius: 6px;
76
+ --dv-tab-group-chip-font-size: 11px;
77
+ --dv-tab-group-line-height: 2px;
78
+ --dv-tab-group-line-opacity: 0.6;
79
+ }
80
+ .dockview-theme-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
81
+ opacity: 0;
82
+ transition: none;
83
+ }
84
+ .dockview-theme-dark {
55
85
  --dv-group-view-background-color: #1e1e1e;
56
86
  --dv-tabs-and-actions-container-background-color: #252526;
57
87
  --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;
@@ -66,10 +96,6 @@
66
96
  --dv-separator-border: rgb(68, 68, 68);
67
97
  --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);
68
98
  }
69
- .dockview-theme-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
70
- opacity: 0;
71
- transition: none;
72
- }
73
99
 
74
100
  .dockview-theme-light {
75
101
  --dv-paneview-active-outline-color: dodgerblue;
@@ -79,7 +105,9 @@
79
105
  --dv-drag-over-border-color: transparent;
80
106
  --dv-tabs-container-scrollbar-color: #888;
81
107
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
82
- --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
108
+ --dv-floating-box-shadow:
109
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
110
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
83
111
  --dv-overlay-z-index: 999;
84
112
  --dv-tab-font-size: inherit;
85
113
  --dv-border-radius: 0px;
@@ -88,6 +116,34 @@
88
116
  --dv-active-sash-color: transparent;
89
117
  --dv-active-sash-transition-duration: 0.1s;
90
118
  --dv-active-sash-transition-delay: 0.5s;
119
+ --dv-spacing-padding: 0px;
120
+ --dv-tab-border-radius: 0px;
121
+ --dv-sash-border-radius: 0px;
122
+ --dv-dropdown-border-radius: 0px;
123
+ --dv-tab-close-icon-size: inherit;
124
+ --dv-floating-group-border: none;
125
+ --dv-drag-over-border: none;
126
+ --dv-floating-group-dragging-opacity: 0.5;
127
+ --dv-tab-group-color-grey: #5f6368;
128
+ --dv-tab-group-color-blue: #1a73e8;
129
+ --dv-tab-group-color-red: #d93025;
130
+ --dv-tab-group-color-yellow: #f9ab00;
131
+ --dv-tab-group-color-green: #188038;
132
+ --dv-tab-group-color-pink: #d01884;
133
+ --dv-tab-group-color-purple: #a142f4;
134
+ --dv-tab-group-color-cyan: #007b83;
135
+ --dv-tab-group-color-orange: #e8710a;
136
+ --dv-tab-group-chip-padding: 4px 8px;
137
+ --dv-tab-group-chip-border-radius: 6px;
138
+ --dv-tab-group-chip-font-size: 11px;
139
+ --dv-tab-group-line-height: 2px;
140
+ --dv-tab-group-line-opacity: 0.6;
141
+ }
142
+ .dockview-theme-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
143
+ opacity: 0;
144
+ transition: none;
145
+ }
146
+ .dockview-theme-light {
91
147
  --dv-group-view-background-color: white;
92
148
  --dv-tabs-and-actions-container-background-color: #f3f3f3;
93
149
  --dv-activegroup-visiblepanel-tab-background-color: white;
@@ -102,10 +158,9 @@
102
158
  --dv-separator-border: rgba(128, 128, 128, 0.35);
103
159
  --dv-paneview-header-border-color: rgb(51, 51, 51);
104
160
  --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);
105
- }
106
- .dockview-theme-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
107
- opacity: 0;
108
- transition: none;
161
+ --dv-floating-box-shadow:
162
+ 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
163
+ --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);
109
164
  }
110
165
 
111
166
  .dockview-theme-vs {
@@ -116,7 +171,9 @@
116
171
  --dv-drag-over-border-color: transparent;
117
172
  --dv-tabs-container-scrollbar-color: #888;
118
173
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
119
- --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
174
+ --dv-floating-box-shadow:
175
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
176
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
120
177
  --dv-overlay-z-index: 999;
121
178
  --dv-tab-font-size: inherit;
122
179
  --dv-border-radius: 0px;
@@ -125,6 +182,34 @@
125
182
  --dv-active-sash-color: transparent;
126
183
  --dv-active-sash-transition-duration: 0.1s;
127
184
  --dv-active-sash-transition-delay: 0.5s;
185
+ --dv-spacing-padding: 0px;
186
+ --dv-tab-border-radius: 0px;
187
+ --dv-sash-border-radius: 0px;
188
+ --dv-dropdown-border-radius: 0px;
189
+ --dv-tab-close-icon-size: inherit;
190
+ --dv-floating-group-border: none;
191
+ --dv-drag-over-border: none;
192
+ --dv-floating-group-dragging-opacity: 0.5;
193
+ --dv-tab-group-color-grey: #5f6368;
194
+ --dv-tab-group-color-blue: #1a73e8;
195
+ --dv-tab-group-color-red: #d93025;
196
+ --dv-tab-group-color-yellow: #f9ab00;
197
+ --dv-tab-group-color-green: #188038;
198
+ --dv-tab-group-color-pink: #d01884;
199
+ --dv-tab-group-color-purple: #a142f4;
200
+ --dv-tab-group-color-cyan: #007b83;
201
+ --dv-tab-group-color-orange: #e8710a;
202
+ --dv-tab-group-chip-padding: 4px 8px;
203
+ --dv-tab-group-chip-border-radius: 6px;
204
+ --dv-tab-group-chip-font-size: 11px;
205
+ --dv-tab-group-line-height: 2px;
206
+ --dv-tab-group-line-opacity: 0.6;
207
+ }
208
+ .dockview-theme-vs .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
209
+ opacity: 0;
210
+ transition: none;
211
+ }
212
+ .dockview-theme-vs {
128
213
  --dv-group-view-background-color: #1e1e1e;
129
214
  --dv-tabs-and-actions-container-background-color: #252526;
130
215
  --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;
@@ -148,10 +233,6 @@
148
233
  --dv-inactivegroup-visiblepanel-tab-color: white;
149
234
  --dv-inactivegroup-hiddenpanel-tab-color: white;
150
235
  }
151
- .dockview-theme-vs .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
152
- opacity: 0;
153
- transition: none;
154
- }
155
236
  .dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container {
156
237
  box-sizing: content-box;
157
238
  border-bottom: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);
@@ -181,7 +262,9 @@
181
262
  --dv-drag-over-border-color: transparent;
182
263
  --dv-tabs-container-scrollbar-color: #888;
183
264
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
184
- --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
265
+ --dv-floating-box-shadow:
266
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
267
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
185
268
  --dv-overlay-z-index: 999;
186
269
  --dv-tab-font-size: inherit;
187
270
  --dv-border-radius: 0px;
@@ -190,6 +273,34 @@
190
273
  --dv-active-sash-color: transparent;
191
274
  --dv-active-sash-transition-duration: 0.1s;
192
275
  --dv-active-sash-transition-delay: 0.5s;
276
+ --dv-spacing-padding: 0px;
277
+ --dv-tab-border-radius: 0px;
278
+ --dv-sash-border-radius: 0px;
279
+ --dv-dropdown-border-radius: 0px;
280
+ --dv-tab-close-icon-size: inherit;
281
+ --dv-floating-group-border: none;
282
+ --dv-drag-over-border: none;
283
+ --dv-floating-group-dragging-opacity: 0.5;
284
+ --dv-tab-group-color-grey: #5f6368;
285
+ --dv-tab-group-color-blue: #1a73e8;
286
+ --dv-tab-group-color-red: #d93025;
287
+ --dv-tab-group-color-yellow: #f9ab00;
288
+ --dv-tab-group-color-green: #188038;
289
+ --dv-tab-group-color-pink: #d01884;
290
+ --dv-tab-group-color-purple: #a142f4;
291
+ --dv-tab-group-color-cyan: #007b83;
292
+ --dv-tab-group-color-orange: #e8710a;
293
+ --dv-tab-group-chip-padding: 4px 8px;
294
+ --dv-tab-group-chip-border-radius: 6px;
295
+ --dv-tab-group-chip-font-size: 11px;
296
+ --dv-tab-group-line-height: 2px;
297
+ --dv-tab-group-line-opacity: 0.6;
298
+ }
299
+ .dockview-theme-abyss .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
300
+ opacity: 0;
301
+ transition: none;
302
+ }
303
+ .dockview-theme-abyss {
193
304
  --dv-color-abyss-dark: #000c18;
194
305
  --dv-color-abyss: #10192c;
195
306
  --dv-color-abyss-light: #1c1c2a;
@@ -218,10 +329,6 @@
218
329
  --dv-paneview-header-border-color: var(--dv-color-abyss-lighter);
219
330
  --dv-paneview-active-outline-color: #596f99;
220
331
  }
221
- .dockview-theme-abyss .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
222
- opacity: 0;
223
- transition: none;
224
- }
225
332
 
226
333
  .dockview-theme-dracula {
227
334
  --dv-paneview-active-outline-color: dodgerblue;
@@ -231,7 +338,9 @@
231
338
  --dv-drag-over-border-color: transparent;
232
339
  --dv-tabs-container-scrollbar-color: #888;
233
340
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
234
- --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
341
+ --dv-floating-box-shadow:
342
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
343
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
235
344
  --dv-overlay-z-index: 999;
236
345
  --dv-tab-font-size: inherit;
237
346
  --dv-border-radius: 0px;
@@ -240,6 +349,34 @@
240
349
  --dv-active-sash-color: transparent;
241
350
  --dv-active-sash-transition-duration: 0.1s;
242
351
  --dv-active-sash-transition-delay: 0.5s;
352
+ --dv-spacing-padding: 0px;
353
+ --dv-tab-border-radius: 0px;
354
+ --dv-sash-border-radius: 0px;
355
+ --dv-dropdown-border-radius: 0px;
356
+ --dv-tab-close-icon-size: inherit;
357
+ --dv-floating-group-border: none;
358
+ --dv-drag-over-border: none;
359
+ --dv-floating-group-dragging-opacity: 0.5;
360
+ --dv-tab-group-color-grey: #5f6368;
361
+ --dv-tab-group-color-blue: #1a73e8;
362
+ --dv-tab-group-color-red: #d93025;
363
+ --dv-tab-group-color-yellow: #f9ab00;
364
+ --dv-tab-group-color-green: #188038;
365
+ --dv-tab-group-color-pink: #d01884;
366
+ --dv-tab-group-color-purple: #a142f4;
367
+ --dv-tab-group-color-cyan: #007b83;
368
+ --dv-tab-group-color-orange: #e8710a;
369
+ --dv-tab-group-chip-padding: 4px 8px;
370
+ --dv-tab-group-chip-border-radius: 6px;
371
+ --dv-tab-group-chip-font-size: 11px;
372
+ --dv-tab-group-line-height: 2px;
373
+ --dv-tab-group-line-opacity: 0.6;
374
+ }
375
+ .dockview-theme-dracula .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
376
+ opacity: 0;
377
+ transition: none;
378
+ }
379
+ .dockview-theme-dracula {
243
380
  --dv-group-view-background-color: #282a36;
244
381
  --dv-tabs-and-actions-container-background-color: #191a21;
245
382
  --dv-activegroup-visiblepanel-tab-background-color: #282a36;
@@ -255,10 +392,6 @@
255
392
  --dv-paneview-header-border-color: #bd93f9;
256
393
  --dv-paneview-active-outline-color: #6272a4;
257
394
  }
258
- .dockview-theme-dracula .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
259
- opacity: 0;
260
- transition: none;
261
- }
262
395
  .dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
263
396
  position: relative;
264
397
  }
@@ -286,7 +419,7 @@
286
419
  z-index: 999;
287
420
  }
288
421
 
289
- .dockview-theme-replit {
422
+ .dockview-theme-nord {
290
423
  --dv-paneview-active-outline-color: dodgerblue;
291
424
  --dv-tabs-and-actions-container-font-size: 13px;
292
425
  --dv-tabs-and-actions-container-height: 35px;
@@ -294,7 +427,9 @@
294
427
  --dv-drag-over-border-color: transparent;
295
428
  --dv-tabs-container-scrollbar-color: #888;
296
429
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
297
- --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
430
+ --dv-floating-box-shadow:
431
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
432
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
298
433
  --dv-overlay-z-index: 999;
299
434
  --dv-tab-font-size: inherit;
300
435
  --dv-border-radius: 0px;
@@ -303,105 +438,241 @@
303
438
  --dv-active-sash-color: transparent;
304
439
  --dv-active-sash-transition-duration: 0.1s;
305
440
  --dv-active-sash-transition-delay: 0.5s;
306
- box-sizing: border-box;
307
- padding: 10px;
308
- background-color: #ebeced;
309
- --dv-group-view-background-color: #ebeced;
310
- --dv-tabs-and-actions-container-background-color: #fcfcfc;
311
- --dv-activegroup-visiblepanel-tab-background-color: #f0f1f2;
312
- --dv-activegroup-hiddenpanel-tab-background-color: #fcfcfc;
313
- --dv-inactivegroup-visiblepanel-tab-background-color: #f0f1f2;
314
- --dv-inactivegroup-hiddenpanel-tab-background-color: #fcfcfc;
315
- --dv-tab-divider-color: transparent;
316
- --dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);
317
- --dv-activegroup-hiddenpanel-tab-color: rgb(51, 51, 51);
318
- --dv-inactivegroup-visiblepanel-tab-color: rgb(51, 51, 51);
319
- --dv-inactivegroup-hiddenpanel-tab-color: rgb(51, 51, 51);
320
- --dv-separator-border: transparent;
321
- --dv-paneview-header-border-color: rgb(51, 51, 51);
322
- --dv-sash-color: #cfd1d3;
323
- --dv-active-sash-color: #babbbb;
324
- }
325
- .dockview-theme-replit .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
441
+ --dv-spacing-padding: 0px;
442
+ --dv-tab-border-radius: 0px;
443
+ --dv-sash-border-radius: 0px;
444
+ --dv-dropdown-border-radius: 0px;
445
+ --dv-tab-close-icon-size: inherit;
446
+ --dv-floating-group-border: none;
447
+ --dv-drag-over-border: none;
448
+ --dv-floating-group-dragging-opacity: 0.5;
449
+ --dv-tab-group-color-grey: #5f6368;
450
+ --dv-tab-group-color-blue: #1a73e8;
451
+ --dv-tab-group-color-red: #d93025;
452
+ --dv-tab-group-color-yellow: #f9ab00;
453
+ --dv-tab-group-color-green: #188038;
454
+ --dv-tab-group-color-pink: #d01884;
455
+ --dv-tab-group-color-purple: #a142f4;
456
+ --dv-tab-group-color-cyan: #007b83;
457
+ --dv-tab-group-color-orange: #e8710a;
458
+ --dv-tab-group-chip-padding: 4px 8px;
459
+ --dv-tab-group-chip-border-radius: 6px;
460
+ --dv-tab-group-chip-font-size: 11px;
461
+ --dv-tab-group-line-height: 2px;
462
+ --dv-tab-group-line-opacity: 0.6;
463
+ }
464
+ .dockview-theme-nord .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
326
465
  opacity: 0;
327
466
  transition: none;
328
467
  }
329
- .dockview-theme-replit .dv-resize-container:has(> .dv-groupview) {
330
- border-radius: 8px;
468
+ .dockview-theme-nord {
469
+ --dv-color-nord-polar-0: #2e3440;
470
+ --dv-color-nord-polar-1: #3b4252;
471
+ --dv-color-nord-polar-2: #434c5e;
472
+ --dv-color-nord-polar-3: #4c566a;
473
+ --dv-color-nord-frost: #88c0d0;
474
+ --dv-color-nord-frost-2: #81a1c1;
475
+ --dv-color-nord-snow-0: #eceff4;
476
+ --dv-color-nord-snow-1: #d8dee9;
477
+ --dv-group-view-background-color: var(--dv-color-nord-polar-0);
478
+ --dv-tabs-and-actions-container-background-color: var(
479
+ --dv-color-nord-polar-1
480
+ );
481
+ --dv-activegroup-visiblepanel-tab-background-color: var(
482
+ --dv-color-nord-polar-0
483
+ );
484
+ --dv-activegroup-hiddenpanel-tab-background-color: var(
485
+ --dv-color-nord-polar-2
486
+ );
487
+ --dv-inactivegroup-visiblepanel-tab-background-color: var(
488
+ --dv-color-nord-polar-1
489
+ );
490
+ --dv-inactivegroup-hiddenpanel-tab-background-color: var(
491
+ --dv-color-nord-polar-2
492
+ );
493
+ --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);
494
+ --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);
495
+ --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;
496
+ --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;
497
+ --dv-separator-border: var(--dv-color-nord-polar-3);
498
+ --dv-paneview-active-outline-color: var(--dv-color-nord-frost);
499
+ --dv-active-sash-color: var(--dv-color-nord-frost);
500
+ --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);
501
+ }
502
+ .dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
503
+ position: relative;
331
504
  }
332
- .dockview-theme-replit .dv-resize-container {
333
- border-radius: 10px !important;
334
- border: none;
505
+ .dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
506
+ position: absolute;
507
+ left: 0px;
508
+ bottom: 0px;
509
+ content: "";
510
+ width: 100%;
511
+ height: 2px;
512
+ background-color: var(--dv-color-nord-frost);
513
+ z-index: 999;
335
514
  }
336
- .dockview-theme-replit .dv-groupview {
337
- overflow: hidden;
338
- border-radius: 10px;
515
+ .dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
516
+ position: relative;
517
+ }
518
+ .dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
519
+ position: absolute;
520
+ left: 0px;
521
+ bottom: 0px;
522
+ content: "";
523
+ width: 100%;
524
+ height: 2px;
525
+ background-color: var(--dv-color-nord-frost-2);
526
+ z-index: 999;
527
+ }
528
+
529
+ .dockview-theme-nord-spaced {
530
+ --dv-paneview-active-outline-color: dodgerblue;
531
+ --dv-tabs-and-actions-container-font-size: 13px;
532
+ --dv-tabs-and-actions-container-height: 35px;
533
+ --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
534
+ --dv-drag-over-border-color: transparent;
535
+ --dv-tabs-container-scrollbar-color: #888;
536
+ --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
537
+ --dv-floating-box-shadow:
538
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
539
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
540
+ --dv-overlay-z-index: 999;
541
+ --dv-tab-font-size: inherit;
542
+ --dv-border-radius: 0px;
543
+ --dv-tab-margin: 0;
544
+ --dv-sash-color: transparent;
545
+ --dv-active-sash-color: transparent;
546
+ --dv-active-sash-transition-duration: 0.1s;
547
+ --dv-active-sash-transition-delay: 0.5s;
548
+ --dv-spacing-padding: 0px;
549
+ --dv-tab-border-radius: 0px;
550
+ --dv-sash-border-radius: 0px;
551
+ --dv-dropdown-border-radius: 0px;
552
+ --dv-tab-close-icon-size: inherit;
553
+ --dv-floating-group-border: none;
554
+ --dv-drag-over-border: none;
555
+ --dv-floating-group-dragging-opacity: 0.5;
556
+ --dv-tab-group-color-grey: #5f6368;
557
+ --dv-tab-group-color-blue: #1a73e8;
558
+ --dv-tab-group-color-red: #d93025;
559
+ --dv-tab-group-color-yellow: #f9ab00;
560
+ --dv-tab-group-color-green: #188038;
561
+ --dv-tab-group-color-pink: #d01884;
562
+ --dv-tab-group-color-purple: #a142f4;
563
+ --dv-tab-group-color-cyan: #007b83;
564
+ --dv-tab-group-color-orange: #e8710a;
565
+ --dv-tab-group-chip-padding: 4px 8px;
566
+ --dv-tab-group-chip-border-radius: 6px;
567
+ --dv-tab-group-chip-font-size: 11px;
568
+ --dv-tab-group-line-height: 2px;
569
+ --dv-tab-group-line-opacity: 0.6;
570
+ --dv-spacing-padding: 10px;
571
+ --dv-tab-font-size: 12px;
572
+ --dv-border-radius: 20px;
573
+ --dv-tab-margin: 0.5rem 0.25rem;
574
+ --dv-tabs-and-actions-container-height: 44px;
575
+ --dv-tab-border-radius: 8px;
576
+ --dv-sash-border-radius: 4px;
577
+ --dv-dropdown-border-radius: 8px;
578
+ --dv-tab-close-icon-size: 8px;
579
+ --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
580
+ box-sizing: border-box;
581
+ padding: var(--dv-spacing-padding);
582
+ background-color: var(--dv-group-view-background-color);
339
583
  }
340
- .dockview-theme-replit .dv-groupview .dv-tabs-and-actions-container {
341
- border-bottom: 1px solid rgba(128, 128, 128, 0.35);
584
+ .dv-shell .dockview-theme-nord-spaced {
585
+ padding: 0;
342
586
  }
343
- .dockview-theme-replit .dv-groupview .dv-tabs-and-actions-container .dv-tab {
344
- margin: 4px;
587
+ .dockview-theme-nord-spaced .dv-resize-container:has(> .dv-groupview) {
345
588
  border-radius: 8px;
346
589
  }
347
- .dockview-theme-replit .dv-groupview .dv-tabs-and-actions-container .dv-tab .dv-svg {
348
- height: 8px;
349
- width: 8px;
590
+ .dockview-theme-nord-spaced .dv-sash {
591
+ border-radius: var(--dv-sash-border-radius);
350
592
  }
351
- .dockview-theme-replit .dv-groupview .dv-tabs-and-actions-container .dv-tab:hover {
352
- background-color: #e4e5e6 !important;
593
+ .dockview-theme-nord-spaced .dv-drop-target-anchor {
594
+ border-radius: calc(var(--dv-border-radius) / 4);
353
595
  }
354
- .dockview-theme-replit .dv-groupview .dv-content-container {
355
- background-color: #fcfcfc;
596
+ .dockview-theme-nord-spaced .dv-drop-target-anchor.dv-drop-target-content {
597
+ border-radius: var(--dv-border-radius);
356
598
  }
357
- .dockview-theme-replit .dv-groupview.dv-active-group {
358
- border: 1px solid rgba(128, 128, 128, 0.35);
599
+ .dockview-theme-nord-spaced .dv-resize-container {
600
+ border-radius: var(--dv-border-radius) !important;
601
+ border: none;
359
602
  }
360
- .dockview-theme-replit .dv-groupview.dv-inactive-group {
361
- border: 1px solid transparent;
603
+ .dockview-theme-nord-spaced .dv-resize-container .dv-groupview {
604
+ border: var(--dv-floating-group-border);
362
605
  }
363
- .dockview-theme-replit .dv-vertical > .dv-sash-container > .dv-sash {
364
- background-color: transparent;
606
+ .dockview-theme-nord-spaced .dv-tabs-overflow-container,
607
+ .dockview-theme-nord-spaced .dv-tabs-overflow-dropdown-default {
608
+ border-radius: var(--dv-dropdown-border-radius);
609
+ height: unset !important;
365
610
  }
366
- .dockview-theme-replit .dv-vertical > .dv-sash-container > .dv-sash:not(.disabled)::after {
367
- content: "";
368
- height: 4px;
369
- width: 40px;
370
- border-radius: 2px;
371
- top: 50%;
372
- left: 50%;
373
- transform: translate(-50%, -50%);
374
- background-color: var(--dv-sash-color);
375
- position: absolute;
611
+ .dockview-theme-nord-spaced .dv-render-overlay {
612
+ border-bottom-left-radius: var(--dv-border-radius);
613
+ border-bottom-right-radius: var(--dv-border-radius);
376
614
  }
377
- .dockview-theme-replit .dv-vertical > .dv-sash-container > .dv-sash:not(.disabled):hover, .dockview-theme-replit .dv-vertical > .dv-sash-container > .dv-sash:not(.disabled):active {
378
- background-color: transparent;
615
+ .dockview-theme-nord-spaced .dv-tab {
616
+ border-radius: var(--dv-tab-border-radius);
379
617
  }
380
- .dockview-theme-replit .dv-vertical > .dv-sash-container > .dv-sash:not(.disabled):hover::after, .dockview-theme-replit .dv-vertical > .dv-sash-container > .dv-sash:not(.disabled):active::after {
381
- background-color: var(--dv-active-sash-color);
618
+ .dockview-theme-nord-spaced .dv-tab .dv-svg {
619
+ height: var(--dv-tab-close-icon-size);
620
+ width: var(--dv-tab-close-icon-size);
382
621
  }
383
- .dockview-theme-replit .dv-horizontal > .dv-sash-container > .dv-sash {
384
- background-color: transparent;
622
+ .dockview-theme-nord-spaced .dv-tabs-container-vertical .dv-tab {
623
+ margin: 0.25rem 0.5rem;
385
624
  }
386
- .dockview-theme-replit .dv-horizontal > .dv-sash-container > .dv-sash:not(.disabled)::after {
387
- content: "";
388
- height: 40px;
389
- width: 4px;
390
- border-radius: 2px;
391
- top: 50%;
392
- left: 50%;
393
- transform: translate(-50%, -50%);
394
- background-color: var(--dv-sash-color);
395
- position: absolute;
625
+ .dockview-theme-nord-spaced .dv-groupview {
626
+ border-radius: var(--dv-border-radius);
396
627
  }
397
- .dockview-theme-replit .dv-horizontal > .dv-sash-container > .dv-sash:not(.disabled):hover, .dockview-theme-replit .dv-horizontal > .dv-sash-container > .dv-sash:not(.disabled):active {
398
- background-color: transparent;
628
+ .dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container {
629
+ padding: 0px calc(var(--dv-border-radius) / 2);
399
630
  }
400
- .dockview-theme-replit .dv-horizontal > .dv-sash-container > .dv-sash:not(.disabled):hover::after, .dockview-theme-replit .dv-horizontal > .dv-sash-container > .dv-sash:not(.disabled):active::after {
401
- background-color: var(--dv-active-sash-color);
631
+ .dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
632
+ padding: calc(var(--dv-border-radius) / 2) 0;
633
+ }
634
+ .dockview-theme-nord-spaced .dv-groupview .dv-content-container {
635
+ background-color: var(--dv-tabs-and-actions-container-background-color);
636
+ border-bottom-left-radius: var(--dv-border-radius);
637
+ border-bottom-right-radius: var(--dv-border-radius);
638
+ }
639
+ .dockview-theme-nord-spaced {
640
+ --dv-color-nord-polar-0: #2e3440;
641
+ --dv-color-nord-polar-1: #3b4252;
642
+ --dv-color-nord-polar-2: #434c5e;
643
+ --dv-color-nord-polar-3: #4c566a;
644
+ --dv-color-nord-frost: #88c0d0;
645
+ --dv-color-nord-frost-2: #81a1c1;
646
+ --dv-color-nord-snow-0: #eceff4;
647
+ --dv-color-nord-snow-1: #d8dee9;
648
+ --dv-group-view-background-color: var(--dv-color-nord-polar-0);
649
+ --dv-tabs-and-actions-container-background-color: var(
650
+ --dv-color-nord-polar-1
651
+ );
652
+ --dv-activegroup-visiblepanel-tab-background-color: var(
653
+ --dv-color-nord-polar-2
654
+ );
655
+ --dv-activegroup-hiddenpanel-tab-background-color: var(
656
+ --dv-color-nord-polar-1
657
+ );
658
+ --dv-inactivegroup-visiblepanel-tab-background-color: var(
659
+ --dv-color-nord-polar-2
660
+ );
661
+ --dv-inactivegroup-hiddenpanel-tab-background-color: var(
662
+ --dv-color-nord-polar-1
663
+ );
664
+ --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);
665
+ --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);
666
+ --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;
667
+ --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;
668
+ --dv-separator-border: transparent;
669
+ --dv-paneview-active-outline-color: var(--dv-color-nord-frost);
670
+ --dv-active-sash-color: var(--dv-color-nord-frost);
671
+ --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);
672
+ --dv-floating-group-border: 2px solid var(--dv-color-nord-polar-0);
402
673
  }
403
674
 
404
- .dockview-theme-abyss-spaced {
675
+ .dockview-theme-catppuccin-mocha {
405
676
  --dv-paneview-active-outline-color: dodgerblue;
406
677
  --dv-tabs-and-actions-container-font-size: 13px;
407
678
  --dv-tabs-and-actions-container-height: 35px;
@@ -409,7 +680,9 @@
409
680
  --dv-drag-over-border-color: transparent;
410
681
  --dv-tabs-container-scrollbar-color: #888;
411
682
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
412
- --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
683
+ --dv-floating-box-shadow:
684
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
685
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
413
686
  --dv-overlay-z-index: 999;
414
687
  --dv-tab-font-size: inherit;
415
688
  --dv-border-radius: 0px;
@@ -418,92 +691,1184 @@
418
691
  --dv-active-sash-color: transparent;
419
692
  --dv-active-sash-transition-duration: 0.1s;
420
693
  --dv-active-sash-transition-delay: 0.5s;
421
- --dv-tab-font-size: 12px;
422
- --dv-border-radius: 20px;
423
- --dv-tab-margin: 0.5rem 0.25rem;
424
- --dv-tabs-and-actions-container-height: 44px;
425
- --dv-border-radius: 20px;
426
- box-sizing: border-box;
427
- --dv-color-abyss-dark: rgb(11, 6, 17);
428
- --dv-color-abyss: #16121f;
429
- --dv-color-abyss-light: #201d2b;
430
- --dv-color-abyss-lighter: #2a2837;
431
- --dv-color-abyss-accent: rgb(91, 30, 207);
432
- --dv-color-abyss-primary-text: white;
433
- --dv-color-abyss-secondary-text: rgb(148, 151, 169);
434
- --dv-drag-over-border: 2px solid var(--dv-color-abyss-accent);
435
- --dv-drag-over-background-color: "";
436
- --dv-group-view-background-color: var(--dv-color-abyss-dark);
437
- --dv-tabs-and-actions-container-background-color: var(--dv-color-abyss);
694
+ --dv-spacing-padding: 0px;
695
+ --dv-tab-border-radius: 0px;
696
+ --dv-sash-border-radius: 0px;
697
+ --dv-dropdown-border-radius: 0px;
698
+ --dv-tab-close-icon-size: inherit;
699
+ --dv-floating-group-border: none;
700
+ --dv-drag-over-border: none;
701
+ --dv-floating-group-dragging-opacity: 0.5;
702
+ --dv-tab-group-color-grey: #5f6368;
703
+ --dv-tab-group-color-blue: #1a73e8;
704
+ --dv-tab-group-color-red: #d93025;
705
+ --dv-tab-group-color-yellow: #f9ab00;
706
+ --dv-tab-group-color-green: #188038;
707
+ --dv-tab-group-color-pink: #d01884;
708
+ --dv-tab-group-color-purple: #a142f4;
709
+ --dv-tab-group-color-cyan: #007b83;
710
+ --dv-tab-group-color-orange: #e8710a;
711
+ --dv-tab-group-chip-padding: 4px 8px;
712
+ --dv-tab-group-chip-border-radius: 6px;
713
+ --dv-tab-group-chip-font-size: 11px;
714
+ --dv-tab-group-line-height: 2px;
715
+ --dv-tab-group-line-opacity: 0.6;
716
+ }
717
+ .dockview-theme-catppuccin-mocha .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
718
+ opacity: 0;
719
+ transition: none;
720
+ }
721
+ .dockview-theme-catppuccin-mocha {
722
+ --dv-color-mocha-crust: #11111b;
723
+ --dv-color-mocha-mantle: #181825;
724
+ --dv-color-mocha-base: #1e1e2e;
725
+ --dv-color-mocha-surface0: #313244;
726
+ --dv-color-mocha-surface1: #45475a;
727
+ --dv-color-mocha-text: #cdd6f4;
728
+ --dv-color-mocha-subtext1: #bac2de;
729
+ --dv-color-mocha-subtext0: #a6adc8;
730
+ --dv-color-mocha-mauve: #cba6f7;
731
+ --dv-color-mocha-lavender: #b4befe;
732
+ --dv-group-view-background-color: var(--dv-color-mocha-base);
733
+ --dv-tabs-and-actions-container-background-color: var(
734
+ --dv-color-mocha-mantle
735
+ );
438
736
  --dv-activegroup-visiblepanel-tab-background-color: var(
439
- --dv-color-abyss-lighter
737
+ --dv-color-mocha-base
440
738
  );
441
739
  --dv-activegroup-hiddenpanel-tab-background-color: var(
442
- --dv-color-abyss-light
740
+ --dv-color-mocha-surface0
443
741
  );
444
742
  --dv-inactivegroup-visiblepanel-tab-background-color: var(
445
- --dv-color-abyss-lighter
743
+ --dv-color-mocha-mantle
446
744
  );
447
745
  --dv-inactivegroup-hiddenpanel-tab-background-color: var(
448
- --dv-color-abyss-light
449
- );
450
- --dv-tab-divider-color: transparent;
451
- --dv-activegroup-visiblepanel-tab-color: var(--dv-color-abyss-primary-text);
452
- --dv-activegroup-hiddenpanel-tab-color: var(
453
- --dv-color-abyss-secondary-text
454
- );
455
- --dv-inactivegroup-visiblepanel-tab-color: var(
456
- --dv-color-abyss-primary-text
457
- );
458
- --dv-inactivegroup-hiddenpanel-tab-color: var(
459
- --dv-color-abyss-secondary-text
746
+ --dv-color-mocha-crust
460
747
  );
461
- --dv-separator-border: transparent;
462
- --dv-paneview-header-border-color: rgb(51, 51, 51);
463
- --dv-active-sash-color: var(--dv-color-abyss-accent);
464
- --dv-floating-box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.5);
465
- padding: 10px;
466
- background-color: var(--dv-color-abyss-dark);
748
+ --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);
749
+ --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);
750
+ --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);
751
+ --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);
752
+ --dv-separator-border: var(--dv-color-mocha-surface1);
753
+ --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);
754
+ --dv-active-sash-color: var(--dv-color-mocha-mauve);
755
+ --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);
756
+ }
757
+ .dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
758
+ position: relative;
467
759
  }
468
- .dockview-theme-abyss-spaced .dv-resize-container:has(> .dv-groupview) {
760
+ .dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
761
+ position: absolute;
762
+ left: 0px;
763
+ top: 0px;
764
+ content: "";
765
+ width: 100%;
766
+ height: 2px;
767
+ background-color: var(--dv-color-mocha-mauve);
768
+ z-index: 999;
769
+ }
770
+ .dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
771
+ position: relative;
772
+ }
773
+ .dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
774
+ position: absolute;
775
+ left: 0px;
776
+ top: 0px;
777
+ content: "";
778
+ width: 100%;
779
+ height: 2px;
780
+ background-color: rgba(180, 190, 254, 0.4);
781
+ z-index: 999;
782
+ }
783
+
784
+ .dockview-theme-catppuccin-mocha-spaced {
785
+ --dv-paneview-active-outline-color: dodgerblue;
786
+ --dv-tabs-and-actions-container-font-size: 13px;
787
+ --dv-tabs-and-actions-container-height: 35px;
788
+ --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
789
+ --dv-drag-over-border-color: transparent;
790
+ --dv-tabs-container-scrollbar-color: #888;
791
+ --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
792
+ --dv-floating-box-shadow:
793
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
794
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
795
+ --dv-overlay-z-index: 999;
796
+ --dv-tab-font-size: inherit;
797
+ --dv-border-radius: 0px;
798
+ --dv-tab-margin: 0;
799
+ --dv-sash-color: transparent;
800
+ --dv-active-sash-color: transparent;
801
+ --dv-active-sash-transition-duration: 0.1s;
802
+ --dv-active-sash-transition-delay: 0.5s;
803
+ --dv-spacing-padding: 0px;
804
+ --dv-tab-border-radius: 0px;
805
+ --dv-sash-border-radius: 0px;
806
+ --dv-dropdown-border-radius: 0px;
807
+ --dv-tab-close-icon-size: inherit;
808
+ --dv-floating-group-border: none;
809
+ --dv-drag-over-border: none;
810
+ --dv-floating-group-dragging-opacity: 0.5;
811
+ --dv-tab-group-color-grey: #5f6368;
812
+ --dv-tab-group-color-blue: #1a73e8;
813
+ --dv-tab-group-color-red: #d93025;
814
+ --dv-tab-group-color-yellow: #f9ab00;
815
+ --dv-tab-group-color-green: #188038;
816
+ --dv-tab-group-color-pink: #d01884;
817
+ --dv-tab-group-color-purple: #a142f4;
818
+ --dv-tab-group-color-cyan: #007b83;
819
+ --dv-tab-group-color-orange: #e8710a;
820
+ --dv-tab-group-chip-padding: 4px 8px;
821
+ --dv-tab-group-chip-border-radius: 6px;
822
+ --dv-tab-group-chip-font-size: 11px;
823
+ --dv-tab-group-line-height: 2px;
824
+ --dv-tab-group-line-opacity: 0.6;
825
+ --dv-spacing-padding: 10px;
826
+ --dv-tab-font-size: 12px;
827
+ --dv-border-radius: 20px;
828
+ --dv-tab-margin: 0.5rem 0.25rem;
829
+ --dv-tabs-and-actions-container-height: 44px;
830
+ --dv-tab-border-radius: 8px;
831
+ --dv-sash-border-radius: 4px;
832
+ --dv-dropdown-border-radius: 8px;
833
+ --dv-tab-close-icon-size: 8px;
834
+ --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
835
+ box-sizing: border-box;
836
+ padding: var(--dv-spacing-padding);
837
+ background-color: var(--dv-group-view-background-color);
838
+ }
839
+ .dv-shell .dockview-theme-catppuccin-mocha-spaced {
840
+ padding: 0;
841
+ }
842
+ .dockview-theme-catppuccin-mocha-spaced .dv-resize-container:has(> .dv-groupview) {
469
843
  border-radius: 8px;
470
844
  }
471
- .dockview-theme-abyss-spaced .dv-sash {
472
- border-radius: 4px;
845
+ .dockview-theme-catppuccin-mocha-spaced .dv-sash {
846
+ border-radius: var(--dv-sash-border-radius);
473
847
  }
474
- .dockview-theme-abyss-spaced .dv-drop-target-anchor {
848
+ .dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor {
475
849
  border-radius: calc(var(--dv-border-radius) / 4);
476
850
  }
477
- .dockview-theme-abyss-spaced .dv-drop-target-anchor.dv-drop-target-content {
851
+ .dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor.dv-drop-target-content {
478
852
  border-radius: var(--dv-border-radius);
479
853
  }
480
- .dockview-theme-abyss-spaced .dv-resize-container {
854
+ .dockview-theme-catppuccin-mocha-spaced .dv-resize-container {
481
855
  border-radius: var(--dv-border-radius) !important;
482
856
  border: none;
483
857
  }
484
- .dockview-theme-abyss-spaced .dv-tabs-overflow-container,
485
- .dockview-theme-abyss-spaced .dv-tabs-overflow-dropdown-default {
486
- border-radius: 8px;
858
+ .dockview-theme-catppuccin-mocha-spaced .dv-resize-container .dv-groupview {
859
+ border: var(--dv-floating-group-border);
860
+ }
861
+ .dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-container,
862
+ .dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-dropdown-default {
863
+ border-radius: var(--dv-dropdown-border-radius);
487
864
  height: unset !important;
488
865
  }
489
- .dockview-theme-abyss-spaced .dv-tab {
490
- border-radius: 8px;
866
+ .dockview-theme-catppuccin-mocha-spaced .dv-render-overlay {
867
+ border-bottom-left-radius: var(--dv-border-radius);
868
+ border-bottom-right-radius: var(--dv-border-radius);
491
869
  }
492
- .dockview-theme-abyss-spaced .dv-tab .dv-svg {
493
- height: 8px;
494
- width: 8px;
870
+ .dockview-theme-catppuccin-mocha-spaced .dv-tab {
871
+ border-radius: var(--dv-tab-border-radius);
495
872
  }
496
- .dockview-theme-abyss-spaced .dv-groupview {
873
+ .dockview-theme-catppuccin-mocha-spaced .dv-tab .dv-svg {
874
+ height: var(--dv-tab-close-icon-size);
875
+ width: var(--dv-tab-close-icon-size);
876
+ }
877
+ .dockview-theme-catppuccin-mocha-spaced .dv-tabs-container-vertical .dv-tab {
878
+ margin: 0.25rem 0.5rem;
879
+ }
880
+ .dockview-theme-catppuccin-mocha-spaced .dv-groupview {
497
881
  border-radius: var(--dv-border-radius);
498
882
  }
499
- .dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container {
883
+ .dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container {
500
884
  padding: 0px calc(var(--dv-border-radius) / 2);
501
885
  }
502
- .dockview-theme-abyss-spaced .dv-groupview .dv-content-container {
886
+ .dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
887
+ padding: calc(var(--dv-border-radius) / 2) 0;
888
+ }
889
+ .dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-content-container {
503
890
  background-color: var(--dv-tabs-and-actions-container-background-color);
891
+ border-bottom-left-radius: var(--dv-border-radius);
892
+ border-bottom-right-radius: var(--dv-border-radius);
893
+ }
894
+ .dockview-theme-catppuccin-mocha-spaced {
895
+ --dv-color-mocha-crust: #11111b;
896
+ --dv-color-mocha-mantle: #181825;
897
+ --dv-color-mocha-base: #1e1e2e;
898
+ --dv-color-mocha-surface0: #313244;
899
+ --dv-color-mocha-surface1: #45475a;
900
+ --dv-color-mocha-text: #cdd6f4;
901
+ --dv-color-mocha-subtext1: #bac2de;
902
+ --dv-color-mocha-subtext0: #a6adc8;
903
+ --dv-color-mocha-mauve: #cba6f7;
904
+ --dv-color-mocha-lavender: #b4befe;
905
+ --dv-group-view-background-color: var(--dv-color-mocha-crust);
906
+ --dv-tabs-and-actions-container-background-color: var(
907
+ --dv-color-mocha-mantle
908
+ );
909
+ --dv-activegroup-visiblepanel-tab-background-color: var(
910
+ --dv-color-mocha-surface0
911
+ );
912
+ --dv-activegroup-hiddenpanel-tab-background-color: var(
913
+ --dv-color-mocha-mantle
914
+ );
915
+ --dv-inactivegroup-visiblepanel-tab-background-color: var(
916
+ --dv-color-mocha-surface0
917
+ );
918
+ --dv-inactivegroup-hiddenpanel-tab-background-color: var(
919
+ --dv-color-mocha-mantle
920
+ );
921
+ --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);
922
+ --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);
923
+ --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);
924
+ --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);
925
+ --dv-separator-border: transparent;
926
+ --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);
927
+ --dv-active-sash-color: var(--dv-color-mocha-mauve);
928
+ --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);
929
+ --dv-floating-group-border: 2px solid var(--dv-color-mocha-crust);
504
930
  }
505
- .dockview-theme-abyss-spaced .dv-resize-container .dv-groupview {
506
- border: 2px solid var(--dv-color-abyss-dark);
931
+
932
+ .dockview-theme-monokai {
933
+ --dv-paneview-active-outline-color: dodgerblue;
934
+ --dv-tabs-and-actions-container-font-size: 13px;
935
+ --dv-tabs-and-actions-container-height: 35px;
936
+ --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
937
+ --dv-drag-over-border-color: transparent;
938
+ --dv-tabs-container-scrollbar-color: #888;
939
+ --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
940
+ --dv-floating-box-shadow:
941
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
942
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
943
+ --dv-overlay-z-index: 999;
944
+ --dv-tab-font-size: inherit;
945
+ --dv-border-radius: 0px;
946
+ --dv-tab-margin: 0;
947
+ --dv-sash-color: transparent;
948
+ --dv-active-sash-color: transparent;
949
+ --dv-active-sash-transition-duration: 0.1s;
950
+ --dv-active-sash-transition-delay: 0.5s;
951
+ --dv-spacing-padding: 0px;
952
+ --dv-tab-border-radius: 0px;
953
+ --dv-sash-border-radius: 0px;
954
+ --dv-dropdown-border-radius: 0px;
955
+ --dv-tab-close-icon-size: inherit;
956
+ --dv-floating-group-border: none;
957
+ --dv-drag-over-border: none;
958
+ --dv-floating-group-dragging-opacity: 0.5;
959
+ --dv-tab-group-color-grey: #5f6368;
960
+ --dv-tab-group-color-blue: #1a73e8;
961
+ --dv-tab-group-color-red: #d93025;
962
+ --dv-tab-group-color-yellow: #f9ab00;
963
+ --dv-tab-group-color-green: #188038;
964
+ --dv-tab-group-color-pink: #d01884;
965
+ --dv-tab-group-color-purple: #a142f4;
966
+ --dv-tab-group-color-cyan: #007b83;
967
+ --dv-tab-group-color-orange: #e8710a;
968
+ --dv-tab-group-chip-padding: 4px 8px;
969
+ --dv-tab-group-chip-border-radius: 6px;
970
+ --dv-tab-group-chip-font-size: 11px;
971
+ --dv-tab-group-line-height: 2px;
972
+ --dv-tab-group-line-opacity: 0.6;
973
+ }
974
+ .dockview-theme-monokai .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
975
+ opacity: 0;
976
+ transition: none;
977
+ }
978
+ .dockview-theme-monokai {
979
+ --dv-color-monokai-bg: #272822;
980
+ --dv-color-monokai-bg-light: #3e3d32;
981
+ --dv-color-monokai-comment: #75715e;
982
+ --dv-color-monokai-fg: #f8f8f2;
983
+ --dv-color-monokai-green: #a6e22e;
984
+ --dv-group-view-background-color: var(--dv-color-monokai-bg);
985
+ --dv-tabs-and-actions-container-background-color: var(
986
+ --dv-color-monokai-bg-light
987
+ );
988
+ --dv-activegroup-visiblepanel-tab-background-color: var(
989
+ --dv-color-monokai-bg
990
+ );
991
+ --dv-activegroup-hiddenpanel-tab-background-color: #2d2c25;
992
+ --dv-inactivegroup-visiblepanel-tab-background-color: var(
993
+ --dv-color-monokai-bg
994
+ );
995
+ --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2c25;
996
+ --dv-activegroup-visiblepanel-tab-color: var(--dv-color-monokai-fg);
997
+ --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-monokai-comment);
998
+ --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);
999
+ --dv-inactivegroup-hiddenpanel-tab-color: rgba(117, 113, 94, 0.5);
1000
+ --dv-separator-border: var(--dv-color-monokai-bg-light);
1001
+ --dv-paneview-active-outline-color: var(--dv-color-monokai-green);
1002
+ --dv-active-sash-color: var(--dv-color-monokai-green);
1003
+ --dv-scrollbar-background-color: rgba(117, 113, 94, 0.5);
1004
+ }
1005
+ .dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
1006
+ position: relative;
1007
+ }
1008
+ .dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
1009
+ position: absolute;
1010
+ left: 0px;
1011
+ bottom: 0px;
1012
+ content: "";
1013
+ width: 100%;
1014
+ height: 2px;
1015
+ background-color: var(--dv-color-monokai-green);
1016
+ z-index: 999;
1017
+ }
1018
+ .dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
1019
+ position: relative;
1020
+ }
1021
+ .dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
1022
+ position: absolute;
1023
+ left: 0px;
1024
+ bottom: 0px;
1025
+ content: "";
1026
+ width: 100%;
1027
+ height: 2px;
1028
+ background-color: rgba(166, 226, 46, 0.35);
1029
+ z-index: 999;
1030
+ }
1031
+
1032
+ .dockview-theme-solarized-light {
1033
+ --dv-paneview-active-outline-color: dodgerblue;
1034
+ --dv-tabs-and-actions-container-font-size: 13px;
1035
+ --dv-tabs-and-actions-container-height: 35px;
1036
+ --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1037
+ --dv-drag-over-border-color: transparent;
1038
+ --dv-tabs-container-scrollbar-color: #888;
1039
+ --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1040
+ --dv-floating-box-shadow:
1041
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1042
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1043
+ --dv-overlay-z-index: 999;
1044
+ --dv-tab-font-size: inherit;
1045
+ --dv-border-radius: 0px;
1046
+ --dv-tab-margin: 0;
1047
+ --dv-sash-color: transparent;
1048
+ --dv-active-sash-color: transparent;
1049
+ --dv-active-sash-transition-duration: 0.1s;
1050
+ --dv-active-sash-transition-delay: 0.5s;
1051
+ --dv-spacing-padding: 0px;
1052
+ --dv-tab-border-radius: 0px;
1053
+ --dv-sash-border-radius: 0px;
1054
+ --dv-dropdown-border-radius: 0px;
1055
+ --dv-tab-close-icon-size: inherit;
1056
+ --dv-floating-group-border: none;
1057
+ --dv-drag-over-border: none;
1058
+ --dv-floating-group-dragging-opacity: 0.5;
1059
+ --dv-tab-group-color-grey: #5f6368;
1060
+ --dv-tab-group-color-blue: #1a73e8;
1061
+ --dv-tab-group-color-red: #d93025;
1062
+ --dv-tab-group-color-yellow: #f9ab00;
1063
+ --dv-tab-group-color-green: #188038;
1064
+ --dv-tab-group-color-pink: #d01884;
1065
+ --dv-tab-group-color-purple: #a142f4;
1066
+ --dv-tab-group-color-cyan: #007b83;
1067
+ --dv-tab-group-color-orange: #e8710a;
1068
+ --dv-tab-group-chip-padding: 4px 8px;
1069
+ --dv-tab-group-chip-border-radius: 6px;
1070
+ --dv-tab-group-chip-font-size: 11px;
1071
+ --dv-tab-group-line-height: 2px;
1072
+ --dv-tab-group-line-opacity: 0.6;
1073
+ }
1074
+ .dockview-theme-solarized-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
1075
+ opacity: 0;
1076
+ transition: none;
1077
+ }
1078
+ .dockview-theme-solarized-light {
1079
+ --dv-color-sol-base3: #fdf6e3;
1080
+ --dv-color-sol-base2: #eee8d5;
1081
+ --dv-color-sol-base1: #93a1a1;
1082
+ --dv-color-sol-base00: #657b83;
1083
+ --dv-color-sol-base01: #586e75;
1084
+ --dv-color-sol-blue: #268bd2;
1085
+ --dv-group-view-background-color: var(--dv-color-sol-base3);
1086
+ --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base2);
1087
+ --dv-activegroup-visiblepanel-tab-background-color: var(
1088
+ --dv-color-sol-base3
1089
+ );
1090
+ --dv-activegroup-hiddenpanel-tab-background-color: #e8e2d0;
1091
+ --dv-inactivegroup-visiblepanel-tab-background-color: var(
1092
+ --dv-color-sol-base3
1093
+ );
1094
+ --dv-inactivegroup-hiddenpanel-tab-background-color: #e8e2d0;
1095
+ --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);
1096
+ --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);
1097
+ --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);
1098
+ --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);
1099
+ --dv-separator-border: var(--dv-color-sol-base2);
1100
+ --dv-paneview-active-outline-color: var(--dv-color-sol-blue);
1101
+ --dv-active-sash-color: var(--dv-color-sol-blue);
1102
+ --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);
1103
+ --dv-drag-over-background-color: rgba(38, 139, 210, 0.15);
1104
+ --dv-floating-box-shadow:
1105
+ 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
1106
+ --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);
1107
+ }
1108
+
1109
+ .dockview-theme-solarized-light-spaced {
1110
+ --dv-paneview-active-outline-color: dodgerblue;
1111
+ --dv-tabs-and-actions-container-font-size: 13px;
1112
+ --dv-tabs-and-actions-container-height: 35px;
1113
+ --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1114
+ --dv-drag-over-border-color: transparent;
1115
+ --dv-tabs-container-scrollbar-color: #888;
1116
+ --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1117
+ --dv-floating-box-shadow:
1118
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1119
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1120
+ --dv-overlay-z-index: 999;
1121
+ --dv-tab-font-size: inherit;
1122
+ --dv-border-radius: 0px;
1123
+ --dv-tab-margin: 0;
1124
+ --dv-sash-color: transparent;
1125
+ --dv-active-sash-color: transparent;
1126
+ --dv-active-sash-transition-duration: 0.1s;
1127
+ --dv-active-sash-transition-delay: 0.5s;
1128
+ --dv-spacing-padding: 0px;
1129
+ --dv-tab-border-radius: 0px;
1130
+ --dv-sash-border-radius: 0px;
1131
+ --dv-dropdown-border-radius: 0px;
1132
+ --dv-tab-close-icon-size: inherit;
1133
+ --dv-floating-group-border: none;
1134
+ --dv-drag-over-border: none;
1135
+ --dv-floating-group-dragging-opacity: 0.5;
1136
+ --dv-tab-group-color-grey: #5f6368;
1137
+ --dv-tab-group-color-blue: #1a73e8;
1138
+ --dv-tab-group-color-red: #d93025;
1139
+ --dv-tab-group-color-yellow: #f9ab00;
1140
+ --dv-tab-group-color-green: #188038;
1141
+ --dv-tab-group-color-pink: #d01884;
1142
+ --dv-tab-group-color-purple: #a142f4;
1143
+ --dv-tab-group-color-cyan: #007b83;
1144
+ --dv-tab-group-color-orange: #e8710a;
1145
+ --dv-tab-group-chip-padding: 4px 8px;
1146
+ --dv-tab-group-chip-border-radius: 6px;
1147
+ --dv-tab-group-chip-font-size: 11px;
1148
+ --dv-tab-group-line-height: 2px;
1149
+ --dv-tab-group-line-opacity: 0.6;
1150
+ --dv-spacing-padding: 10px;
1151
+ --dv-tab-font-size: 12px;
1152
+ --dv-border-radius: 20px;
1153
+ --dv-tab-margin: 0.5rem 0.25rem;
1154
+ --dv-tabs-and-actions-container-height: 44px;
1155
+ --dv-tab-border-radius: 8px;
1156
+ --dv-sash-border-radius: 4px;
1157
+ --dv-dropdown-border-radius: 8px;
1158
+ --dv-tab-close-icon-size: 8px;
1159
+ --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
1160
+ box-sizing: border-box;
1161
+ padding: var(--dv-spacing-padding);
1162
+ background-color: var(--dv-group-view-background-color);
1163
+ }
1164
+ .dv-shell .dockview-theme-solarized-light-spaced {
1165
+ padding: 0;
1166
+ }
1167
+ .dockview-theme-solarized-light-spaced .dv-resize-container:has(> .dv-groupview) {
1168
+ border-radius: 8px;
1169
+ }
1170
+ .dockview-theme-solarized-light-spaced .dv-sash {
1171
+ border-radius: var(--dv-sash-border-radius);
1172
+ }
1173
+ .dockview-theme-solarized-light-spaced .dv-drop-target-anchor {
1174
+ border-radius: calc(var(--dv-border-radius) / 4);
1175
+ }
1176
+ .dockview-theme-solarized-light-spaced .dv-drop-target-anchor.dv-drop-target-content {
1177
+ border-radius: var(--dv-border-radius);
1178
+ }
1179
+ .dockview-theme-solarized-light-spaced .dv-resize-container {
1180
+ border-radius: var(--dv-border-radius) !important;
1181
+ border: none;
1182
+ }
1183
+ .dockview-theme-solarized-light-spaced .dv-resize-container .dv-groupview {
1184
+ border: var(--dv-floating-group-border);
1185
+ }
1186
+ .dockview-theme-solarized-light-spaced .dv-tabs-overflow-container,
1187
+ .dockview-theme-solarized-light-spaced .dv-tabs-overflow-dropdown-default {
1188
+ border-radius: var(--dv-dropdown-border-radius);
1189
+ height: unset !important;
1190
+ }
1191
+ .dockview-theme-solarized-light-spaced .dv-render-overlay {
1192
+ border-bottom-left-radius: var(--dv-border-radius);
1193
+ border-bottom-right-radius: var(--dv-border-radius);
1194
+ }
1195
+ .dockview-theme-solarized-light-spaced .dv-tab {
1196
+ border-radius: var(--dv-tab-border-radius);
1197
+ }
1198
+ .dockview-theme-solarized-light-spaced .dv-tab .dv-svg {
1199
+ height: var(--dv-tab-close-icon-size);
1200
+ width: var(--dv-tab-close-icon-size);
1201
+ }
1202
+ .dockview-theme-solarized-light-spaced .dv-tabs-container-vertical .dv-tab {
1203
+ margin: 0.25rem 0.5rem;
1204
+ }
1205
+ .dockview-theme-solarized-light-spaced .dv-groupview {
1206
+ border-radius: var(--dv-border-radius);
1207
+ }
1208
+ .dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-container {
1209
+ padding: 0px calc(var(--dv-border-radius) / 2);
1210
+ }
1211
+ .dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
1212
+ padding: calc(var(--dv-border-radius) / 2) 0;
1213
+ }
1214
+ .dockview-theme-solarized-light-spaced .dv-groupview .dv-content-container {
1215
+ background-color: var(--dv-tabs-and-actions-container-background-color);
1216
+ border-bottom-left-radius: var(--dv-border-radius);
1217
+ border-bottom-right-radius: var(--dv-border-radius);
1218
+ }
1219
+ .dockview-theme-solarized-light-spaced {
1220
+ --dv-color-sol-base3: #fdf6e3;
1221
+ --dv-color-sol-base2: #eee8d5;
1222
+ --dv-color-sol-base1: #93a1a1;
1223
+ --dv-color-sol-base00: #657b83;
1224
+ --dv-color-sol-base01: #586e75;
1225
+ --dv-color-sol-blue: #268bd2;
1226
+ --dv-drag-over-background-color: rgba(38, 139, 210, 0.1);
1227
+ --dv-group-view-background-color: var(--dv-color-sol-base2);
1228
+ --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base3);
1229
+ --dv-activegroup-visiblepanel-tab-background-color: #e8e2d0;
1230
+ --dv-activegroup-hiddenpanel-tab-background-color: var(
1231
+ --dv-color-sol-base3
1232
+ );
1233
+ --dv-inactivegroup-visiblepanel-tab-background-color: #e8e2d0;
1234
+ --dv-inactivegroup-hiddenpanel-tab-background-color: var(
1235
+ --dv-color-sol-base3
1236
+ );
1237
+ --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);
1238
+ --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);
1239
+ --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);
1240
+ --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);
1241
+ --dv-separator-border: transparent;
1242
+ --dv-paneview-active-outline-color: var(--dv-color-sol-blue);
1243
+ --dv-active-sash-color: var(--dv-color-sol-blue);
1244
+ --dv-floating-box-shadow:
1245
+ 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
1246
+ --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);
1247
+ --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);
1248
+ --dv-floating-group-border: 2px solid rgba(238, 232, 213, 0.5);
1249
+ }
1250
+
1251
+ .dockview-theme-github-dark {
1252
+ --dv-paneview-active-outline-color: dodgerblue;
1253
+ --dv-tabs-and-actions-container-font-size: 13px;
1254
+ --dv-tabs-and-actions-container-height: 35px;
1255
+ --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1256
+ --dv-drag-over-border-color: transparent;
1257
+ --dv-tabs-container-scrollbar-color: #888;
1258
+ --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1259
+ --dv-floating-box-shadow:
1260
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1261
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1262
+ --dv-overlay-z-index: 999;
1263
+ --dv-tab-font-size: inherit;
1264
+ --dv-border-radius: 0px;
1265
+ --dv-tab-margin: 0;
1266
+ --dv-sash-color: transparent;
1267
+ --dv-active-sash-color: transparent;
1268
+ --dv-active-sash-transition-duration: 0.1s;
1269
+ --dv-active-sash-transition-delay: 0.5s;
1270
+ --dv-spacing-padding: 0px;
1271
+ --dv-tab-border-radius: 0px;
1272
+ --dv-sash-border-radius: 0px;
1273
+ --dv-dropdown-border-radius: 0px;
1274
+ --dv-tab-close-icon-size: inherit;
1275
+ --dv-floating-group-border: none;
1276
+ --dv-drag-over-border: none;
1277
+ --dv-floating-group-dragging-opacity: 0.5;
1278
+ --dv-tab-group-color-grey: #5f6368;
1279
+ --dv-tab-group-color-blue: #1a73e8;
1280
+ --dv-tab-group-color-red: #d93025;
1281
+ --dv-tab-group-color-yellow: #f9ab00;
1282
+ --dv-tab-group-color-green: #188038;
1283
+ --dv-tab-group-color-pink: #d01884;
1284
+ --dv-tab-group-color-purple: #a142f4;
1285
+ --dv-tab-group-color-cyan: #007b83;
1286
+ --dv-tab-group-color-orange: #e8710a;
1287
+ --dv-tab-group-chip-padding: 4px 8px;
1288
+ --dv-tab-group-chip-border-radius: 6px;
1289
+ --dv-tab-group-chip-font-size: 11px;
1290
+ --dv-tab-group-line-height: 2px;
1291
+ --dv-tab-group-line-opacity: 0.6;
1292
+ }
1293
+ .dockview-theme-github-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
1294
+ opacity: 0;
1295
+ transition: none;
1296
+ }
1297
+ .dockview-theme-github-dark {
1298
+ --dv-color-gh-canvas-default: #0d1117;
1299
+ --dv-color-gh-canvas-subtle: #161b22;
1300
+ --dv-color-gh-canvas-inset: #010409;
1301
+ --dv-color-gh-border: #30363d;
1302
+ --dv-color-gh-border-muted: #21262d;
1303
+ --dv-color-gh-fg-default: #e6edf3;
1304
+ --dv-color-gh-fg-muted: #8b949e;
1305
+ --dv-color-gh-fg-subtle: #6e7681;
1306
+ --dv-color-gh-accent: #58a6ff;
1307
+ --dv-group-view-background-color: var(--dv-color-gh-canvas-default);
1308
+ --dv-tabs-and-actions-container-background-color: var(
1309
+ --dv-color-gh-canvas-subtle
1310
+ );
1311
+ --dv-activegroup-visiblepanel-tab-background-color: var(
1312
+ --dv-color-gh-canvas-default
1313
+ );
1314
+ --dv-activegroup-hiddenpanel-tab-background-color: var(
1315
+ --dv-color-gh-canvas-subtle
1316
+ );
1317
+ --dv-inactivegroup-visiblepanel-tab-background-color: var(
1318
+ --dv-color-gh-canvas-default
1319
+ );
1320
+ --dv-inactivegroup-hiddenpanel-tab-background-color: var(
1321
+ --dv-color-gh-canvas-subtle
1322
+ );
1323
+ --dv-activegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-default);
1324
+ --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-fg-muted);
1325
+ --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-subtle);
1326
+ --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.5);
1327
+ --dv-separator-border: var(--dv-color-gh-border);
1328
+ --dv-paneview-active-outline-color: var(--dv-color-gh-accent);
1329
+ --dv-active-sash-color: var(--dv-color-gh-accent);
1330
+ --dv-scrollbar-background-color: rgba(48, 54, 61, 0.7);
1331
+ --dv-drag-over-background-color: rgba(88, 166, 255, 0.15);
1332
+ }
1333
+
1334
+ .dockview-theme-github-dark-spaced {
1335
+ --dv-paneview-active-outline-color: dodgerblue;
1336
+ --dv-tabs-and-actions-container-font-size: 13px;
1337
+ --dv-tabs-and-actions-container-height: 35px;
1338
+ --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1339
+ --dv-drag-over-border-color: transparent;
1340
+ --dv-tabs-container-scrollbar-color: #888;
1341
+ --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1342
+ --dv-floating-box-shadow:
1343
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1344
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1345
+ --dv-overlay-z-index: 999;
1346
+ --dv-tab-font-size: inherit;
1347
+ --dv-border-radius: 0px;
1348
+ --dv-tab-margin: 0;
1349
+ --dv-sash-color: transparent;
1350
+ --dv-active-sash-color: transparent;
1351
+ --dv-active-sash-transition-duration: 0.1s;
1352
+ --dv-active-sash-transition-delay: 0.5s;
1353
+ --dv-spacing-padding: 0px;
1354
+ --dv-tab-border-radius: 0px;
1355
+ --dv-sash-border-radius: 0px;
1356
+ --dv-dropdown-border-radius: 0px;
1357
+ --dv-tab-close-icon-size: inherit;
1358
+ --dv-floating-group-border: none;
1359
+ --dv-drag-over-border: none;
1360
+ --dv-floating-group-dragging-opacity: 0.5;
1361
+ --dv-tab-group-color-grey: #5f6368;
1362
+ --dv-tab-group-color-blue: #1a73e8;
1363
+ --dv-tab-group-color-red: #d93025;
1364
+ --dv-tab-group-color-yellow: #f9ab00;
1365
+ --dv-tab-group-color-green: #188038;
1366
+ --dv-tab-group-color-pink: #d01884;
1367
+ --dv-tab-group-color-purple: #a142f4;
1368
+ --dv-tab-group-color-cyan: #007b83;
1369
+ --dv-tab-group-color-orange: #e8710a;
1370
+ --dv-tab-group-chip-padding: 4px 8px;
1371
+ --dv-tab-group-chip-border-radius: 6px;
1372
+ --dv-tab-group-chip-font-size: 11px;
1373
+ --dv-tab-group-line-height: 2px;
1374
+ --dv-tab-group-line-opacity: 0.6;
1375
+ --dv-spacing-padding: 10px;
1376
+ --dv-tab-font-size: 12px;
1377
+ --dv-border-radius: 20px;
1378
+ --dv-tab-margin: 0.5rem 0.25rem;
1379
+ --dv-tabs-and-actions-container-height: 44px;
1380
+ --dv-tab-border-radius: 8px;
1381
+ --dv-sash-border-radius: 4px;
1382
+ --dv-dropdown-border-radius: 8px;
1383
+ --dv-tab-close-icon-size: 8px;
1384
+ --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
1385
+ box-sizing: border-box;
1386
+ padding: var(--dv-spacing-padding);
1387
+ background-color: var(--dv-group-view-background-color);
1388
+ }
1389
+ .dv-shell .dockview-theme-github-dark-spaced {
1390
+ padding: 0;
1391
+ }
1392
+ .dockview-theme-github-dark-spaced .dv-resize-container:has(> .dv-groupview) {
1393
+ border-radius: 8px;
1394
+ }
1395
+ .dockview-theme-github-dark-spaced .dv-sash {
1396
+ border-radius: var(--dv-sash-border-radius);
1397
+ }
1398
+ .dockview-theme-github-dark-spaced .dv-drop-target-anchor {
1399
+ border-radius: calc(var(--dv-border-radius) / 4);
1400
+ }
1401
+ .dockview-theme-github-dark-spaced .dv-drop-target-anchor.dv-drop-target-content {
1402
+ border-radius: var(--dv-border-radius);
1403
+ }
1404
+ .dockview-theme-github-dark-spaced .dv-resize-container {
1405
+ border-radius: var(--dv-border-radius) !important;
1406
+ border: none;
1407
+ }
1408
+ .dockview-theme-github-dark-spaced .dv-resize-container .dv-groupview {
1409
+ border: var(--dv-floating-group-border);
1410
+ }
1411
+ .dockview-theme-github-dark-spaced .dv-tabs-overflow-container,
1412
+ .dockview-theme-github-dark-spaced .dv-tabs-overflow-dropdown-default {
1413
+ border-radius: var(--dv-dropdown-border-radius);
1414
+ height: unset !important;
1415
+ }
1416
+ .dockview-theme-github-dark-spaced .dv-render-overlay {
1417
+ border-bottom-left-radius: var(--dv-border-radius);
1418
+ border-bottom-right-radius: var(--dv-border-radius);
1419
+ }
1420
+ .dockview-theme-github-dark-spaced .dv-tab {
1421
+ border-radius: var(--dv-tab-border-radius);
1422
+ }
1423
+ .dockview-theme-github-dark-spaced .dv-tab .dv-svg {
1424
+ height: var(--dv-tab-close-icon-size);
1425
+ width: var(--dv-tab-close-icon-size);
1426
+ }
1427
+ .dockview-theme-github-dark-spaced .dv-tabs-container-vertical .dv-tab {
1428
+ margin: 0.25rem 0.5rem;
1429
+ }
1430
+ .dockview-theme-github-dark-spaced .dv-groupview {
1431
+ border-radius: var(--dv-border-radius);
1432
+ }
1433
+ .dockview-theme-github-dark-spaced .dv-groupview .dv-tabs-and-actions-container {
1434
+ padding: 0px calc(var(--dv-border-radius) / 2);
1435
+ }
1436
+ .dockview-theme-github-dark-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
1437
+ padding: calc(var(--dv-border-radius) / 2) 0;
1438
+ }
1439
+ .dockview-theme-github-dark-spaced .dv-groupview .dv-content-container {
1440
+ background-color: var(--dv-tabs-and-actions-container-background-color);
1441
+ border-bottom-left-radius: var(--dv-border-radius);
1442
+ border-bottom-right-radius: var(--dv-border-radius);
1443
+ }
1444
+ .dockview-theme-github-dark-spaced {
1445
+ --dv-color-gh-canvas-default: #0d1117;
1446
+ --dv-color-gh-canvas-subtle: #161b22;
1447
+ --dv-color-gh-canvas-inset: #010409;
1448
+ --dv-color-gh-border: #30363d;
1449
+ --dv-color-gh-border-muted: #21262d;
1450
+ --dv-color-gh-fg-default: #e6edf3;
1451
+ --dv-color-gh-fg-muted: #8b949e;
1452
+ --dv-color-gh-fg-subtle: #6e7681;
1453
+ --dv-color-gh-accent: #58a6ff;
1454
+ --dv-drag-over-background-color: rgba(88, 166, 255, 0.1);
1455
+ --dv-group-view-background-color: var(--dv-color-gh-canvas-inset);
1456
+ --dv-tabs-and-actions-container-background-color: var(
1457
+ --dv-color-gh-canvas-subtle
1458
+ );
1459
+ --dv-activegroup-visiblepanel-tab-background-color: var(
1460
+ --dv-color-gh-border
1461
+ );
1462
+ --dv-activegroup-hiddenpanel-tab-background-color: var(
1463
+ --dv-color-gh-canvas-subtle
1464
+ );
1465
+ --dv-inactivegroup-visiblepanel-tab-background-color: var(
1466
+ --dv-color-gh-border
1467
+ );
1468
+ --dv-inactivegroup-hiddenpanel-tab-background-color: var(
1469
+ --dv-color-gh-canvas-subtle
1470
+ );
1471
+ --dv-activegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-default);
1472
+ --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-fg-muted);
1473
+ --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-subtle);
1474
+ --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.5);
1475
+ --dv-separator-border: transparent;
1476
+ --dv-paneview-active-outline-color: var(--dv-color-gh-accent);
1477
+ --dv-active-sash-color: var(--dv-color-gh-accent);
1478
+ --dv-scrollbar-background-color: rgba(48, 54, 61, 0.7);
1479
+ --dv-floating-group-border: 2px solid var(--dv-color-gh-canvas-inset);
1480
+ }
1481
+
1482
+ .dockview-theme-github-light {
1483
+ --dv-paneview-active-outline-color: dodgerblue;
1484
+ --dv-tabs-and-actions-container-font-size: 13px;
1485
+ --dv-tabs-and-actions-container-height: 35px;
1486
+ --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1487
+ --dv-drag-over-border-color: transparent;
1488
+ --dv-tabs-container-scrollbar-color: #888;
1489
+ --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1490
+ --dv-floating-box-shadow:
1491
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1492
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1493
+ --dv-overlay-z-index: 999;
1494
+ --dv-tab-font-size: inherit;
1495
+ --dv-border-radius: 0px;
1496
+ --dv-tab-margin: 0;
1497
+ --dv-sash-color: transparent;
1498
+ --dv-active-sash-color: transparent;
1499
+ --dv-active-sash-transition-duration: 0.1s;
1500
+ --dv-active-sash-transition-delay: 0.5s;
1501
+ --dv-spacing-padding: 0px;
1502
+ --dv-tab-border-radius: 0px;
1503
+ --dv-sash-border-radius: 0px;
1504
+ --dv-dropdown-border-radius: 0px;
1505
+ --dv-tab-close-icon-size: inherit;
1506
+ --dv-floating-group-border: none;
1507
+ --dv-drag-over-border: none;
1508
+ --dv-floating-group-dragging-opacity: 0.5;
1509
+ --dv-tab-group-color-grey: #5f6368;
1510
+ --dv-tab-group-color-blue: #1a73e8;
1511
+ --dv-tab-group-color-red: #d93025;
1512
+ --dv-tab-group-color-yellow: #f9ab00;
1513
+ --dv-tab-group-color-green: #188038;
1514
+ --dv-tab-group-color-pink: #d01884;
1515
+ --dv-tab-group-color-purple: #a142f4;
1516
+ --dv-tab-group-color-cyan: #007b83;
1517
+ --dv-tab-group-color-orange: #e8710a;
1518
+ --dv-tab-group-chip-padding: 4px 8px;
1519
+ --dv-tab-group-chip-border-radius: 6px;
1520
+ --dv-tab-group-chip-font-size: 11px;
1521
+ --dv-tab-group-line-height: 2px;
1522
+ --dv-tab-group-line-opacity: 0.6;
1523
+ }
1524
+ .dockview-theme-github-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
1525
+ opacity: 0;
1526
+ transition: none;
1527
+ }
1528
+ .dockview-theme-github-light {
1529
+ --dv-color-gh-light-canvas-default: #ffffff;
1530
+ --dv-color-gh-light-canvas-subtle: #f6f8fa;
1531
+ --dv-color-gh-light-canvas-inset: #f0f6ff;
1532
+ --dv-color-gh-light-border: #d0d7de;
1533
+ --dv-color-gh-light-fg-default: #1f2328;
1534
+ --dv-color-gh-light-fg-muted: #656d76;
1535
+ --dv-color-gh-light-fg-subtle: #6e7781;
1536
+ --dv-color-gh-light-accent: #0969da;
1537
+ --dv-group-view-background-color: var(--dv-color-gh-light-canvas-default);
1538
+ --dv-tabs-and-actions-container-background-color: var(
1539
+ --dv-color-gh-light-canvas-subtle
1540
+ );
1541
+ --dv-activegroup-visiblepanel-tab-background-color: var(
1542
+ --dv-color-gh-light-canvas-default
1543
+ );
1544
+ --dv-activegroup-hiddenpanel-tab-background-color: var(
1545
+ --dv-color-gh-light-canvas-subtle
1546
+ );
1547
+ --dv-inactivegroup-visiblepanel-tab-background-color: var(
1548
+ --dv-color-gh-light-canvas-default
1549
+ );
1550
+ --dv-inactivegroup-hiddenpanel-tab-background-color: var(
1551
+ --dv-color-gh-light-canvas-subtle
1552
+ );
1553
+ --dv-activegroup-visiblepanel-tab-color: var(
1554
+ --dv-color-gh-light-fg-default
1555
+ );
1556
+ --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-light-fg-muted);
1557
+ --dv-inactivegroup-visiblepanel-tab-color: var(
1558
+ --dv-color-gh-light-fg-subtle
1559
+ );
1560
+ --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.4);
1561
+ --dv-separator-border: var(--dv-color-gh-light-border);
1562
+ --dv-paneview-active-outline-color: var(--dv-color-gh-light-accent);
1563
+ --dv-active-sash-color: var(--dv-color-gh-light-accent);
1564
+ --dv-scrollbar-background-color: rgba(208, 215, 222, 0.5);
1565
+ --dv-drag-over-background-color: rgba(9, 105, 218, 0.1);
1566
+ --dv-floating-box-shadow:
1567
+ 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
1568
+ --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);
1569
+ }
1570
+
1571
+ .dockview-theme-github-light-spaced {
1572
+ --dv-paneview-active-outline-color: dodgerblue;
1573
+ --dv-tabs-and-actions-container-font-size: 13px;
1574
+ --dv-tabs-and-actions-container-height: 35px;
1575
+ --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1576
+ --dv-drag-over-border-color: transparent;
1577
+ --dv-tabs-container-scrollbar-color: #888;
1578
+ --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1579
+ --dv-floating-box-shadow:
1580
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1581
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1582
+ --dv-overlay-z-index: 999;
1583
+ --dv-tab-font-size: inherit;
1584
+ --dv-border-radius: 0px;
1585
+ --dv-tab-margin: 0;
1586
+ --dv-sash-color: transparent;
1587
+ --dv-active-sash-color: transparent;
1588
+ --dv-active-sash-transition-duration: 0.1s;
1589
+ --dv-active-sash-transition-delay: 0.5s;
1590
+ --dv-spacing-padding: 0px;
1591
+ --dv-tab-border-radius: 0px;
1592
+ --dv-sash-border-radius: 0px;
1593
+ --dv-dropdown-border-radius: 0px;
1594
+ --dv-tab-close-icon-size: inherit;
1595
+ --dv-floating-group-border: none;
1596
+ --dv-drag-over-border: none;
1597
+ --dv-floating-group-dragging-opacity: 0.5;
1598
+ --dv-tab-group-color-grey: #5f6368;
1599
+ --dv-tab-group-color-blue: #1a73e8;
1600
+ --dv-tab-group-color-red: #d93025;
1601
+ --dv-tab-group-color-yellow: #f9ab00;
1602
+ --dv-tab-group-color-green: #188038;
1603
+ --dv-tab-group-color-pink: #d01884;
1604
+ --dv-tab-group-color-purple: #a142f4;
1605
+ --dv-tab-group-color-cyan: #007b83;
1606
+ --dv-tab-group-color-orange: #e8710a;
1607
+ --dv-tab-group-chip-padding: 4px 8px;
1608
+ --dv-tab-group-chip-border-radius: 6px;
1609
+ --dv-tab-group-chip-font-size: 11px;
1610
+ --dv-tab-group-line-height: 2px;
1611
+ --dv-tab-group-line-opacity: 0.6;
1612
+ --dv-spacing-padding: 10px;
1613
+ --dv-tab-font-size: 12px;
1614
+ --dv-border-radius: 20px;
1615
+ --dv-tab-margin: 0.5rem 0.25rem;
1616
+ --dv-tabs-and-actions-container-height: 44px;
1617
+ --dv-tab-border-radius: 8px;
1618
+ --dv-sash-border-radius: 4px;
1619
+ --dv-dropdown-border-radius: 8px;
1620
+ --dv-tab-close-icon-size: 8px;
1621
+ --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
1622
+ box-sizing: border-box;
1623
+ padding: var(--dv-spacing-padding);
1624
+ background-color: var(--dv-group-view-background-color);
1625
+ }
1626
+ .dv-shell .dockview-theme-github-light-spaced {
1627
+ padding: 0;
1628
+ }
1629
+ .dockview-theme-github-light-spaced .dv-resize-container:has(> .dv-groupview) {
1630
+ border-radius: 8px;
1631
+ }
1632
+ .dockview-theme-github-light-spaced .dv-sash {
1633
+ border-radius: var(--dv-sash-border-radius);
1634
+ }
1635
+ .dockview-theme-github-light-spaced .dv-drop-target-anchor {
1636
+ border-radius: calc(var(--dv-border-radius) / 4);
1637
+ }
1638
+ .dockview-theme-github-light-spaced .dv-drop-target-anchor.dv-drop-target-content {
1639
+ border-radius: var(--dv-border-radius);
1640
+ }
1641
+ .dockview-theme-github-light-spaced .dv-resize-container {
1642
+ border-radius: var(--dv-border-radius) !important;
1643
+ border: none;
1644
+ }
1645
+ .dockview-theme-github-light-spaced .dv-resize-container .dv-groupview {
1646
+ border: var(--dv-floating-group-border);
1647
+ }
1648
+ .dockview-theme-github-light-spaced .dv-tabs-overflow-container,
1649
+ .dockview-theme-github-light-spaced .dv-tabs-overflow-dropdown-default {
1650
+ border-radius: var(--dv-dropdown-border-radius);
1651
+ height: unset !important;
1652
+ }
1653
+ .dockview-theme-github-light-spaced .dv-render-overlay {
1654
+ border-bottom-left-radius: var(--dv-border-radius);
1655
+ border-bottom-right-radius: var(--dv-border-radius);
1656
+ }
1657
+ .dockview-theme-github-light-spaced .dv-tab {
1658
+ border-radius: var(--dv-tab-border-radius);
1659
+ }
1660
+ .dockview-theme-github-light-spaced .dv-tab .dv-svg {
1661
+ height: var(--dv-tab-close-icon-size);
1662
+ width: var(--dv-tab-close-icon-size);
1663
+ }
1664
+ .dockview-theme-github-light-spaced .dv-tabs-container-vertical .dv-tab {
1665
+ margin: 0.25rem 0.5rem;
1666
+ }
1667
+ .dockview-theme-github-light-spaced .dv-groupview {
1668
+ border-radius: var(--dv-border-radius);
1669
+ }
1670
+ .dockview-theme-github-light-spaced .dv-groupview .dv-tabs-and-actions-container {
1671
+ padding: 0px calc(var(--dv-border-radius) / 2);
1672
+ }
1673
+ .dockview-theme-github-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
1674
+ padding: calc(var(--dv-border-radius) / 2) 0;
1675
+ }
1676
+ .dockview-theme-github-light-spaced .dv-groupview .dv-content-container {
1677
+ background-color: var(--dv-tabs-and-actions-container-background-color);
1678
+ border-bottom-left-radius: var(--dv-border-radius);
1679
+ border-bottom-right-radius: var(--dv-border-radius);
1680
+ }
1681
+ .dockview-theme-github-light-spaced {
1682
+ --dv-color-gh-light-canvas-default: #ffffff;
1683
+ --dv-color-gh-light-canvas-subtle: #f6f8fa;
1684
+ --dv-color-gh-light-border: #d0d7de;
1685
+ --dv-color-gh-light-fg-default: #1f2328;
1686
+ --dv-color-gh-light-fg-muted: #656d76;
1687
+ --dv-color-gh-light-fg-subtle: #6e7781;
1688
+ --dv-color-gh-light-accent: #0969da;
1689
+ --dv-drag-over-background-color: rgba(9, 105, 218, 0.08);
1690
+ --dv-group-view-background-color: var(--dv-color-gh-light-canvas-subtle);
1691
+ --dv-tabs-and-actions-container-background-color: var(
1692
+ --dv-color-gh-light-canvas-default
1693
+ );
1694
+ --dv-activegroup-visiblepanel-tab-background-color: var(
1695
+ --dv-color-gh-light-border
1696
+ );
1697
+ --dv-activegroup-hiddenpanel-tab-background-color: var(
1698
+ --dv-color-gh-light-canvas-default
1699
+ );
1700
+ --dv-inactivegroup-visiblepanel-tab-background-color: var(
1701
+ --dv-color-gh-light-border
1702
+ );
1703
+ --dv-inactivegroup-hiddenpanel-tab-background-color: var(
1704
+ --dv-color-gh-light-canvas-default
1705
+ );
1706
+ --dv-activegroup-visiblepanel-tab-color: var(
1707
+ --dv-color-gh-light-fg-default
1708
+ );
1709
+ --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-light-fg-muted);
1710
+ --dv-inactivegroup-visiblepanel-tab-color: var(
1711
+ --dv-color-gh-light-fg-subtle
1712
+ );
1713
+ --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.4);
1714
+ --dv-separator-border: transparent;
1715
+ --dv-paneview-active-outline-color: var(--dv-color-gh-light-accent);
1716
+ --dv-active-sash-color: var(--dv-color-gh-light-accent);
1717
+ --dv-floating-box-shadow:
1718
+ 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
1719
+ --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);
1720
+ --dv-scrollbar-background-color: rgba(208, 215, 222, 0.5);
1721
+ --dv-floating-group-border: 2px solid rgba(208, 215, 222, 0.5);
1722
+ }
1723
+
1724
+ .dockview-theme-abyss-spaced {
1725
+ --dv-paneview-active-outline-color: dodgerblue;
1726
+ --dv-tabs-and-actions-container-font-size: 13px;
1727
+ --dv-tabs-and-actions-container-height: 35px;
1728
+ --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1729
+ --dv-drag-over-border-color: transparent;
1730
+ --dv-tabs-container-scrollbar-color: #888;
1731
+ --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1732
+ --dv-floating-box-shadow:
1733
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1734
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1735
+ --dv-overlay-z-index: 999;
1736
+ --dv-tab-font-size: inherit;
1737
+ --dv-border-radius: 0px;
1738
+ --dv-tab-margin: 0;
1739
+ --dv-sash-color: transparent;
1740
+ --dv-active-sash-color: transparent;
1741
+ --dv-active-sash-transition-duration: 0.1s;
1742
+ --dv-active-sash-transition-delay: 0.5s;
1743
+ --dv-spacing-padding: 0px;
1744
+ --dv-tab-border-radius: 0px;
1745
+ --dv-sash-border-radius: 0px;
1746
+ --dv-dropdown-border-radius: 0px;
1747
+ --dv-tab-close-icon-size: inherit;
1748
+ --dv-floating-group-border: none;
1749
+ --dv-drag-over-border: none;
1750
+ --dv-floating-group-dragging-opacity: 0.5;
1751
+ --dv-tab-group-color-grey: #5f6368;
1752
+ --dv-tab-group-color-blue: #1a73e8;
1753
+ --dv-tab-group-color-red: #d93025;
1754
+ --dv-tab-group-color-yellow: #f9ab00;
1755
+ --dv-tab-group-color-green: #188038;
1756
+ --dv-tab-group-color-pink: #d01884;
1757
+ --dv-tab-group-color-purple: #a142f4;
1758
+ --dv-tab-group-color-cyan: #007b83;
1759
+ --dv-tab-group-color-orange: #e8710a;
1760
+ --dv-tab-group-chip-padding: 4px 8px;
1761
+ --dv-tab-group-chip-border-radius: 6px;
1762
+ --dv-tab-group-chip-font-size: 11px;
1763
+ --dv-tab-group-line-height: 2px;
1764
+ --dv-tab-group-line-opacity: 0.6;
1765
+ --dv-spacing-padding: 10px;
1766
+ --dv-tab-font-size: 12px;
1767
+ --dv-border-radius: 20px;
1768
+ --dv-tab-margin: 0.5rem 0.25rem;
1769
+ --dv-tabs-and-actions-container-height: 44px;
1770
+ --dv-tab-border-radius: 8px;
1771
+ --dv-sash-border-radius: 4px;
1772
+ --dv-dropdown-border-radius: 8px;
1773
+ --dv-tab-close-icon-size: 8px;
1774
+ --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
1775
+ box-sizing: border-box;
1776
+ padding: var(--dv-spacing-padding);
1777
+ background-color: var(--dv-group-view-background-color);
1778
+ }
1779
+ .dv-shell .dockview-theme-abyss-spaced {
1780
+ padding: 0;
1781
+ }
1782
+ .dockview-theme-abyss-spaced .dv-resize-container:has(> .dv-groupview) {
1783
+ border-radius: 8px;
1784
+ }
1785
+ .dockview-theme-abyss-spaced .dv-sash {
1786
+ border-radius: var(--dv-sash-border-radius);
1787
+ }
1788
+ .dockview-theme-abyss-spaced .dv-drop-target-anchor {
1789
+ border-radius: calc(var(--dv-border-radius) / 4);
1790
+ }
1791
+ .dockview-theme-abyss-spaced .dv-drop-target-anchor.dv-drop-target-content {
1792
+ border-radius: var(--dv-border-radius);
1793
+ }
1794
+ .dockview-theme-abyss-spaced .dv-resize-container {
1795
+ border-radius: var(--dv-border-radius) !important;
1796
+ border: none;
1797
+ }
1798
+ .dockview-theme-abyss-spaced .dv-resize-container .dv-groupview {
1799
+ border: var(--dv-floating-group-border);
1800
+ }
1801
+ .dockview-theme-abyss-spaced .dv-tabs-overflow-container,
1802
+ .dockview-theme-abyss-spaced .dv-tabs-overflow-dropdown-default {
1803
+ border-radius: var(--dv-dropdown-border-radius);
1804
+ height: unset !important;
1805
+ }
1806
+ .dockview-theme-abyss-spaced .dv-render-overlay {
1807
+ border-bottom-left-radius: var(--dv-border-radius);
1808
+ border-bottom-right-radius: var(--dv-border-radius);
1809
+ }
1810
+ .dockview-theme-abyss-spaced .dv-tab {
1811
+ border-radius: var(--dv-tab-border-radius);
1812
+ }
1813
+ .dockview-theme-abyss-spaced .dv-tab .dv-svg {
1814
+ height: var(--dv-tab-close-icon-size);
1815
+ width: var(--dv-tab-close-icon-size);
1816
+ }
1817
+ .dockview-theme-abyss-spaced .dv-tabs-container-vertical .dv-tab {
1818
+ margin: 0.25rem 0.5rem;
1819
+ }
1820
+ .dockview-theme-abyss-spaced .dv-groupview {
1821
+ border-radius: var(--dv-border-radius);
1822
+ }
1823
+ .dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container {
1824
+ padding: 0px calc(var(--dv-border-radius) / 2);
1825
+ }
1826
+ .dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
1827
+ padding: calc(var(--dv-border-radius) / 2) 0;
1828
+ }
1829
+ .dockview-theme-abyss-spaced .dv-groupview .dv-content-container {
1830
+ background-color: var(--dv-tabs-and-actions-container-background-color);
1831
+ border-bottom-left-radius: var(--dv-border-radius);
1832
+ border-bottom-right-radius: var(--dv-border-radius);
1833
+ }
1834
+ .dockview-theme-abyss-spaced {
1835
+ --dv-color-abyss-dark: rgb(11, 6, 17);
1836
+ --dv-color-abyss: #16121f;
1837
+ --dv-color-abyss-light: #201d2b;
1838
+ --dv-color-abyss-lighter: #2a2837;
1839
+ --dv-color-abyss-accent: rgb(91, 30, 207);
1840
+ --dv-color-abyss-primary-text: white;
1841
+ --dv-color-abyss-secondary-text: rgb(148, 151, 169);
1842
+ --dv-drag-over-background-color: '';
1843
+ --dv-group-view-background-color: var(--dv-color-abyss-dark);
1844
+ --dv-tabs-and-actions-container-background-color: var(--dv-color-abyss);
1845
+ --dv-activegroup-visiblepanel-tab-background-color: var(
1846
+ --dv-color-abyss-lighter
1847
+ );
1848
+ --dv-activegroup-hiddenpanel-tab-background-color: var(
1849
+ --dv-color-abyss-light
1850
+ );
1851
+ --dv-inactivegroup-visiblepanel-tab-background-color: var(
1852
+ --dv-color-abyss-lighter
1853
+ );
1854
+ --dv-inactivegroup-hiddenpanel-tab-background-color: var(
1855
+ --dv-color-abyss-light
1856
+ );
1857
+ --dv-tab-divider-color: transparent;
1858
+ --dv-activegroup-visiblepanel-tab-color: var(--dv-color-abyss-primary-text);
1859
+ --dv-activegroup-hiddenpanel-tab-color: var(
1860
+ --dv-color-abyss-secondary-text
1861
+ );
1862
+ --dv-inactivegroup-visiblepanel-tab-color: var(
1863
+ --dv-color-abyss-primary-text
1864
+ );
1865
+ --dv-inactivegroup-hiddenpanel-tab-color: var(
1866
+ --dv-color-abyss-secondary-text
1867
+ );
1868
+ --dv-separator-border: transparent;
1869
+ --dv-paneview-header-border-color: rgb(51, 51, 51);
1870
+ --dv-active-sash-color: var(--dv-color-abyss-accent);
1871
+ --dv-floating-group-border: 2px solid var(--dv-color-abyss-dark);
507
1872
  }
508
1873
 
509
1874
  .dockview-theme-light-spaced {
@@ -514,7 +1879,9 @@
514
1879
  --dv-drag-over-border-color: transparent;
515
1880
  --dv-tabs-container-scrollbar-color: #888;
516
1881
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
517
- --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
1882
+ --dv-floating-box-shadow:
1883
+ 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1884
+ --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
518
1885
  --dv-overlay-z-index: 999;
519
1886
  --dv-tab-font-size: inherit;
520
1887
  --dv-border-radius: 0px;
@@ -523,14 +1890,99 @@
523
1890
  --dv-active-sash-color: transparent;
524
1891
  --dv-active-sash-transition-duration: 0.1s;
525
1892
  --dv-active-sash-transition-delay: 0.5s;
1893
+ --dv-spacing-padding: 0px;
1894
+ --dv-tab-border-radius: 0px;
1895
+ --dv-sash-border-radius: 0px;
1896
+ --dv-dropdown-border-radius: 0px;
1897
+ --dv-tab-close-icon-size: inherit;
1898
+ --dv-floating-group-border: none;
1899
+ --dv-drag-over-border: none;
1900
+ --dv-floating-group-dragging-opacity: 0.5;
1901
+ --dv-tab-group-color-grey: #5f6368;
1902
+ --dv-tab-group-color-blue: #1a73e8;
1903
+ --dv-tab-group-color-red: #d93025;
1904
+ --dv-tab-group-color-yellow: #f9ab00;
1905
+ --dv-tab-group-color-green: #188038;
1906
+ --dv-tab-group-color-pink: #d01884;
1907
+ --dv-tab-group-color-purple: #a142f4;
1908
+ --dv-tab-group-color-cyan: #007b83;
1909
+ --dv-tab-group-color-orange: #e8710a;
1910
+ --dv-tab-group-chip-padding: 4px 8px;
1911
+ --dv-tab-group-chip-border-radius: 6px;
1912
+ --dv-tab-group-chip-font-size: 11px;
1913
+ --dv-tab-group-line-height: 2px;
1914
+ --dv-tab-group-line-opacity: 0.6;
1915
+ --dv-spacing-padding: 10px;
526
1916
  --dv-tab-font-size: 12px;
527
1917
  --dv-border-radius: 20px;
528
1918
  --dv-tab-margin: 0.5rem 0.25rem;
529
1919
  --dv-tabs-and-actions-container-height: 44px;
530
- --dv-border-radius: 20px;
1920
+ --dv-tab-border-radius: 8px;
1921
+ --dv-sash-border-radius: 4px;
1922
+ --dv-dropdown-border-radius: 8px;
1923
+ --dv-tab-close-icon-size: 8px;
1924
+ --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
531
1925
  box-sizing: border-box;
532
- --dv-drag-over-border: 2px solid rgb(91, 30, 207);
533
- --dv-drag-over-background-color: "";
1926
+ padding: var(--dv-spacing-padding);
1927
+ background-color: var(--dv-group-view-background-color);
1928
+ }
1929
+ .dv-shell .dockview-theme-light-spaced {
1930
+ padding: 0;
1931
+ }
1932
+ .dockview-theme-light-spaced .dv-resize-container:has(> .dv-groupview) {
1933
+ border-radius: 8px;
1934
+ }
1935
+ .dockview-theme-light-spaced .dv-sash {
1936
+ border-radius: var(--dv-sash-border-radius);
1937
+ }
1938
+ .dockview-theme-light-spaced .dv-drop-target-anchor {
1939
+ border-radius: calc(var(--dv-border-radius) / 4);
1940
+ }
1941
+ .dockview-theme-light-spaced .dv-drop-target-anchor.dv-drop-target-content {
1942
+ border-radius: var(--dv-border-radius);
1943
+ }
1944
+ .dockview-theme-light-spaced .dv-resize-container {
1945
+ border-radius: var(--dv-border-radius) !important;
1946
+ border: none;
1947
+ }
1948
+ .dockview-theme-light-spaced .dv-resize-container .dv-groupview {
1949
+ border: var(--dv-floating-group-border);
1950
+ }
1951
+ .dockview-theme-light-spaced .dv-tabs-overflow-container,
1952
+ .dockview-theme-light-spaced .dv-tabs-overflow-dropdown-default {
1953
+ border-radius: var(--dv-dropdown-border-radius);
1954
+ height: unset !important;
1955
+ }
1956
+ .dockview-theme-light-spaced .dv-render-overlay {
1957
+ border-bottom-left-radius: var(--dv-border-radius);
1958
+ border-bottom-right-radius: var(--dv-border-radius);
1959
+ }
1960
+ .dockview-theme-light-spaced .dv-tab {
1961
+ border-radius: var(--dv-tab-border-radius);
1962
+ }
1963
+ .dockview-theme-light-spaced .dv-tab .dv-svg {
1964
+ height: var(--dv-tab-close-icon-size);
1965
+ width: var(--dv-tab-close-icon-size);
1966
+ }
1967
+ .dockview-theme-light-spaced .dv-tabs-container-vertical .dv-tab {
1968
+ margin: 0.25rem 0.5rem;
1969
+ }
1970
+ .dockview-theme-light-spaced .dv-groupview {
1971
+ border-radius: var(--dv-border-radius);
1972
+ }
1973
+ .dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container {
1974
+ padding: 0px calc(var(--dv-border-radius) / 2);
1975
+ }
1976
+ .dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
1977
+ padding: calc(var(--dv-border-radius) / 2) 0;
1978
+ }
1979
+ .dockview-theme-light-spaced .dv-groupview .dv-content-container {
1980
+ background-color: var(--dv-tabs-and-actions-container-background-color);
1981
+ border-bottom-left-radius: var(--dv-border-radius);
1982
+ border-bottom-right-radius: var(--dv-border-radius);
1983
+ }
1984
+ .dockview-theme-light-spaced {
1985
+ --dv-drag-over-background-color: '';
534
1986
  --dv-group-view-background-color: #f6f5f9;
535
1987
  --dv-tabs-and-actions-container-background-color: white;
536
1988
  --dv-activegroup-visiblepanel-tab-background-color: #ededf0;
@@ -545,50 +1997,170 @@
545
1997
  --dv-separator-border: transparent;
546
1998
  --dv-paneview-header-border-color: rgb(51, 51, 51);
547
1999
  --dv-active-sash-color: rgb(91, 30, 207);
548
- --dv-floating-box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.1);
549
- padding: 10px;
550
- background-color: #f6f5f9;
2000
+ --dv-floating-box-shadow:
2001
+ 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
2002
+ --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);
551
2003
  --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);
2004
+ --dv-floating-group-border: 2px solid rgba(255, 255, 255, 0.1);
552
2005
  }
553
- .dockview-theme-light-spaced .dv-resize-container:has(> .dv-groupview) {
2006
+
2007
+ .dockview-spaced {
2008
+ --dv-spacing-padding: 10px;
2009
+ --dv-tab-font-size: 12px;
2010
+ --dv-border-radius: 20px;
2011
+ --dv-tab-margin: 0.5rem 0.25rem;
2012
+ --dv-tabs-and-actions-container-height: 44px;
2013
+ --dv-tab-border-radius: 8px;
2014
+ --dv-sash-border-radius: 4px;
2015
+ --dv-dropdown-border-radius: 8px;
2016
+ --dv-tab-close-icon-size: 8px;
2017
+ --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
2018
+ box-sizing: border-box;
2019
+ padding: var(--dv-spacing-padding);
2020
+ background-color: var(--dv-group-view-background-color);
2021
+ }
2022
+ .dv-shell .dockview-spaced {
2023
+ padding: 0;
2024
+ }
2025
+ .dockview-spaced .dv-resize-container:has(> .dv-groupview) {
554
2026
  border-radius: 8px;
555
2027
  }
556
- .dockview-theme-light-spaced .dv-sash {
557
- border-radius: 4px;
2028
+ .dockview-spaced .dv-sash {
2029
+ border-radius: var(--dv-sash-border-radius);
558
2030
  }
559
- .dockview-theme-light-spaced .dv-drop-target-anchor {
2031
+ .dockview-spaced .dv-drop-target-anchor {
560
2032
  border-radius: calc(var(--dv-border-radius) / 4);
561
2033
  }
562
- .dockview-theme-light-spaced .dv-drop-target-anchor.dv-drop-target-content {
2034
+ .dockview-spaced .dv-drop-target-anchor.dv-drop-target-content {
563
2035
  border-radius: var(--dv-border-radius);
564
2036
  }
565
- .dockview-theme-light-spaced .dv-resize-container {
2037
+ .dockview-spaced .dv-resize-container {
566
2038
  border-radius: var(--dv-border-radius) !important;
567
2039
  border: none;
568
2040
  }
569
- .dockview-theme-light-spaced .dv-tabs-overflow-container,
570
- .dockview-theme-light-spaced .dv-tabs-overflow-dropdown-default {
571
- border-radius: 8px;
2041
+ .dockview-spaced .dv-resize-container .dv-groupview {
2042
+ border: var(--dv-floating-group-border);
2043
+ }
2044
+ .dockview-spaced .dv-tabs-overflow-container,
2045
+ .dockview-spaced .dv-tabs-overflow-dropdown-default {
2046
+ border-radius: var(--dv-dropdown-border-radius);
572
2047
  height: unset !important;
573
2048
  }
574
- .dockview-theme-light-spaced .dv-tab {
575
- border-radius: 8px;
2049
+ .dockview-spaced .dv-render-overlay {
2050
+ border-bottom-left-radius: var(--dv-border-radius);
2051
+ border-bottom-right-radius: var(--dv-border-radius);
576
2052
  }
577
- .dockview-theme-light-spaced .dv-tab .dv-svg {
578
- height: 8px;
579
- width: 8px;
2053
+ .dockview-spaced .dv-tab {
2054
+ border-radius: var(--dv-tab-border-radius);
580
2055
  }
581
- .dockview-theme-light-spaced .dv-groupview {
2056
+ .dockview-spaced .dv-tab .dv-svg {
2057
+ height: var(--dv-tab-close-icon-size);
2058
+ width: var(--dv-tab-close-icon-size);
2059
+ }
2060
+ .dockview-spaced .dv-tabs-container-vertical .dv-tab {
2061
+ margin: 0.25rem 0.5rem;
2062
+ }
2063
+ .dockview-spaced .dv-groupview {
582
2064
  border-radius: var(--dv-border-radius);
583
2065
  }
584
- .dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container {
2066
+ .dockview-spaced .dv-groupview .dv-tabs-and-actions-container {
585
2067
  padding: 0px calc(var(--dv-border-radius) / 2);
586
2068
  }
587
- .dockview-theme-light-spaced .dv-groupview .dv-content-container {
2069
+ .dockview-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
2070
+ padding: calc(var(--dv-border-radius) / 2) 0;
2071
+ }
2072
+ .dockview-spaced .dv-groupview .dv-content-container {
588
2073
  background-color: var(--dv-tabs-and-actions-container-background-color);
2074
+ border-bottom-left-radius: var(--dv-border-radius);
2075
+ border-bottom-right-radius: var(--dv-border-radius);
589
2076
  }
590
- .dockview-theme-light-spaced .dv-resize-container .dv-groupview {
591
- border: 2px solid rgba(255, 255, 255, 0.1);
2077
+
2078
+ .dv-context-menu {
2079
+ min-width: 160px;
2080
+ overflow: hidden;
2081
+ background: var(--dv-context-menu-background-color, var(--dv-activegroup-hiddenpanel-tab-background-color));
2082
+ color: var(--dv-context-menu-color, var(--dv-activegroup-hiddenpanel-tab-color));
2083
+ border: 1px solid var(--dv-tab-divider-color);
2084
+ border-radius: var(--dv-border-radius);
2085
+ box-shadow: var(--dv-floating-box-shadow);
2086
+ padding: 4px 0;
2087
+ }
2088
+
2089
+ .dv-context-menu-item {
2090
+ height: 25px;
2091
+ padding: 0 12px;
2092
+ display: flex;
2093
+ align-items: center;
2094
+ cursor: pointer;
2095
+ font-size: var(--dv-tabs-and-actions-container-font-size);
2096
+ white-space: nowrap;
2097
+ user-select: none;
2098
+ }
2099
+ .dv-context-menu-item:hover {
2100
+ background: var(--dv-icon-hover-background-color);
2101
+ }
2102
+ .dv-context-menu-item.dv-context-menu-item--disabled {
2103
+ opacity: 0.4;
2104
+ cursor: default;
2105
+ pointer-events: none;
2106
+ }
2107
+
2108
+ .dv-context-menu-separator {
2109
+ height: 1px;
2110
+ background: var(--dv-tab-divider-color);
2111
+ margin: 4px 0;
2112
+ }
2113
+
2114
+ .dv-context-menu-rename {
2115
+ padding: 8px 12px 4px;
2116
+ }
2117
+
2118
+ .dv-context-menu-rename-input {
2119
+ width: 100%;
2120
+ box-sizing: border-box;
2121
+ padding: 8px 10px;
2122
+ border: 1px solid var(--dv-tab-divider-color);
2123
+ border-radius: var(--dv-border-radius);
2124
+ background: inherit;
2125
+ color: var(--dv-activegroup-visiblepanel-tab-color);
2126
+ font-size: var(--dv-tabs-and-actions-container-font-size);
2127
+ outline: none;
2128
+ }
2129
+ .dv-context-menu-rename-input:focus {
2130
+ border-color: var(--dv-activegroup-visiblepanel-tab-color);
2131
+ }
2132
+ .dv-context-menu-rename-input::placeholder {
2133
+ color: var(--dv-activegroup-hiddenpanel-tab-color);
2134
+ }
2135
+
2136
+ .dv-context-menu-color-picker {
2137
+ display: flex;
2138
+ flex-direction: row;
2139
+ gap: 6px;
2140
+ padding: 8px 12px;
2141
+ align-items: center;
2142
+ }
2143
+
2144
+ .dv-context-menu-color-swatch {
2145
+ width: 20px;
2146
+ height: 20px;
2147
+ border-radius: 50%;
2148
+ cursor: pointer;
2149
+ border: 2px solid transparent;
2150
+ flex-shrink: 0;
2151
+ background-color: var(--dv-tab-group-color);
2152
+ }
2153
+ .dv-context-menu-color-swatch:hover {
2154
+ opacity: 0.85;
2155
+ }
2156
+ .dv-context-menu-color-swatch.dv-context-menu-color-swatch--selected {
2157
+ outline: 2px solid var(--dv-tab-divider-color);
2158
+ outline-offset: 2px;
2159
+ }
2160
+
2161
+ .dv-tab-group-indicator-none .dv-groupview-header-bottom .dv-tab-group-underline {
2162
+ top: auto;
2163
+ bottom: 0;
592
2164
  }
593
2165
  .dv-drop-target-container {
594
2166
  position: absolute;
@@ -611,7 +2183,7 @@
611
2183
  transform: translate3d(0, 0, 0);
612
2184
  backface-visibility: hidden;
613
2185
  contain: layout paint;
614
- transition: opacity var(--dv-transition-duration) ease-in, transform var(--dv-transition-duration) ease-out;
2186
+ transition: opacity var(--dv-transition-duration) ease-in, top var(--dv-transition-duration) ease-out, left var(--dv-transition-duration) ease-out, width var(--dv-transition-duration) ease-out, height var(--dv-transition-duration) ease-out;
615
2187
  }
616
2188
  .dv-drop-target {
617
2189
  position: relative;
@@ -652,7 +2224,6 @@
652
2224
  .dv-dockview {
653
2225
  position: relative;
654
2226
  background-color: var(--dv-group-view-background-color);
655
- contain: layout;
656
2227
  }
657
2228
  .dv-dockview .dv-watermark-container {
658
2229
  position: absolute;
@@ -715,6 +2286,9 @@
715
2286
  .dv-groupview.dv-groupview-header-right {
716
2287
  flex-direction: row-reverse;
717
2288
  }
2289
+ .dv-groupview.dv-groupview-edge.dv-edge-collapsed > .dv-content-container {
2290
+ display: none;
2291
+ }
718
2292
  .dv-root-wrapper {
719
2293
  height: 100%;
720
2294
  width: 100%;
@@ -743,11 +2317,19 @@
743
2317
  background-color: cyan;
744
2318
  }
745
2319
 
2320
+ .dv-floating-overlay-host {
2321
+ position: absolute;
2322
+ pointer-events: none;
2323
+ }
2324
+ .dv-floating-overlay-host > .dv-resize-container {
2325
+ pointer-events: auto;
2326
+ }
2327
+
746
2328
  .dv-resize-container {
747
2329
  --dv-overlay-z-index: var(--dv-overlay-z-index, 999);
748
2330
  position: absolute;
749
2331
  z-index: calc(var(--dv-overlay-z-index) - 2);
750
- border: 1px solid var(--dv-tab-divider-color);
2332
+ border: var(--dv-floating-border);
751
2333
  box-shadow: var(--dv-floating-box-shadow);
752
2334
  /* GPU optimizations for floating group movement */
753
2335
  will-change: transform, opacity;
@@ -758,7 +2340,7 @@
758
2340
  display: none;
759
2341
  }
760
2342
  .dv-resize-container.dv-resize-container-dragging {
761
- opacity: 0.5;
2343
+ opacity: var(--dv-floating-group-dragging-opacity);
762
2344
  /* Enhanced GPU acceleration during drag */
763
2345
  will-change: transform, opacity;
764
2346
  }
@@ -1075,6 +2657,23 @@
1075
2657
  transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */
1076
2658
  }
1077
2659
 
2660
+ /* Applied to the ghost tab clone during drag so it shows the same border as a focused tab */
2661
+ .dv-tab-ghost-drag {
2662
+ position: relative;
2663
+ }
2664
+ .dv-tab-ghost-drag::after {
2665
+ position: absolute;
2666
+ content: "";
2667
+ height: 100%;
2668
+ width: 100%;
2669
+ top: 0px;
2670
+ left: 0px;
2671
+ pointer-events: none;
2672
+ outline: 1px solid var(--dv-tab-divider-color) !important;
2673
+ outline-offset: -1px;
2674
+ z-index: 5;
2675
+ }
2676
+
1078
2677
  .dv-tab {
1079
2678
  flex-shrink: 0;
1080
2679
  }
@@ -1145,16 +2744,19 @@
1145
2744
  .dv-tabs-overflow-dropdown-default > svg {
1146
2745
  transform: rotate(90deg);
1147
2746
  }
2747
+ .dv-tabs-overflow-dropdown-default:hover {
2748
+ border-radius: 2px;
2749
+ background-color: var(--dv-icon-hover-background-color);
2750
+ }
1148
2751
  .dv-tabs-container {
1149
2752
  display: flex;
2753
+ position: relative;
1150
2754
  height: 100%;
1151
2755
  overflow: auto;
1152
2756
  scrollbar-width: thin;
1153
2757
  /* GPU optimizations for smooth scrolling */
1154
2758
  will-change: scroll-position;
1155
2759
  transform: translate3d(0, 0, 0);
1156
- /* Track */
1157
- /* Handle */
1158
2760
  }
1159
2761
  .dv-tabs-container.dv-tabs-container-vertical {
1160
2762
  width: 100%;
@@ -1182,9 +2784,15 @@
1182
2784
  .dv-tabs-container::-webkit-scrollbar {
1183
2785
  height: 3px;
1184
2786
  }
2787
+ .dv-tabs-container {
2788
+ /* Track */
2789
+ }
1185
2790
  .dv-tabs-container::-webkit-scrollbar-track {
1186
2791
  background: transparent;
1187
2792
  }
2793
+ .dv-tabs-container {
2794
+ /* Handle */
2795
+ }
1188
2796
  .dv-tabs-container::-webkit-scrollbar-thumb {
1189
2797
  background: var(--dv-tabs-container-scrollbar-color);
1190
2798
  }
@@ -1203,21 +2811,143 @@
1203
2811
  font-size: var(--dv-tab-font-size);
1204
2812
  margin: var(--dv-tab-margin);
1205
2813
  }
2814
+ .dv-tab.dv-tab--shifting {
2815
+ will-change: transform, margin-left, margin-right, margin-top, margin-bottom;
2816
+ transition: transform var(--dv-transition-duration, 200ms) ease-out, margin-left var(--dv-transition-duration, 200ms) ease-out, margin-right var(--dv-transition-duration, 200ms) ease-out, margin-top var(--dv-transition-duration, 200ms) ease-out, margin-bottom var(--dv-transition-duration, 200ms) ease-out;
2817
+ }
2818
+ .dv-tab.dv-tab--dragging {
2819
+ width: 0 !important;
2820
+ min-width: 0 !important;
2821
+ padding: 0 !important;
2822
+ margin: 0 !important;
2823
+ overflow: hidden;
2824
+ opacity: 0;
2825
+ pointer-events: none;
2826
+ transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;
2827
+ }
2828
+ .dv-tab.dv-tab--group-collapsed {
2829
+ width: 0 !important;
2830
+ min-width: 0 !important;
2831
+ padding: 0 !important;
2832
+ margin: 0 !important;
2833
+ overflow: hidden;
2834
+ opacity: 0;
2835
+ pointer-events: none;
2836
+ transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;
2837
+ }
2838
+ .dv-tab.dv-tab--group-expanding {
2839
+ transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;
2840
+ }
1206
2841
 
2842
+ @media (prefers-reduced-motion: reduce) {
2843
+ .dv-tab {
2844
+ transition: none !important;
2845
+ }
2846
+ .dv-tab-group-chip {
2847
+ transition: none !important;
2848
+ }
2849
+ }
2850
+ .dv-tab-group-chip {
2851
+ display: inline-flex;
2852
+ align-items: center;
2853
+ align-self: center;
2854
+ padding: var(--dv-tab-group-chip-padding);
2855
+ margin: 0 8px 0 8px;
2856
+ border-radius: var(--dv-tab-group-chip-border-radius);
2857
+ font-size: var(--dv-tab-group-chip-font-size);
2858
+ cursor: pointer;
2859
+ user-select: none;
2860
+ white-space: nowrap;
2861
+ box-sizing: border-box;
2862
+ line-height: 1;
2863
+ background-color: var(--dv-tab-group-color);
2864
+ color: white;
2865
+ }
2866
+ .dv-tab-group-chip.dv-tab-group-chip--accent-off {
2867
+ background-color: transparent;
2868
+ color: inherit;
2869
+ }
2870
+ .dv-tab-group-chip.dv-tab-group-chip--shifting {
2871
+ will-change: margin-left;
2872
+ transition: margin-left var(--dv-transition-duration, 200ms) ease-out;
2873
+ }
2874
+ .dv-tab-group-chip.dv-tab-group-chip--dragging {
2875
+ width: 0 !important;
2876
+ min-width: 0 !important;
2877
+ padding: 0 !important;
2878
+ margin: 0 !important;
2879
+ overflow: hidden;
2880
+ opacity: 0;
2881
+ pointer-events: none;
2882
+ transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;
2883
+ }
2884
+ .dv-tab-group-chip .dv-tab-group-chip-label--empty {
2885
+ display: none;
2886
+ }
2887
+ .dv-tab-group-chip:has(.dv-tab-group-chip-label--empty) {
2888
+ position: relative;
2889
+ width: 12px;
2890
+ height: 12px;
2891
+ padding: 0;
2892
+ border-radius: 50%;
2893
+ }
2894
+ .dv-tab-group-chip:has(.dv-tab-group-chip-label--empty)::before {
2895
+ content: "";
2896
+ position: absolute;
2897
+ inset: -8px;
2898
+ }
2899
+
2900
+ .dv-tab-group-underline {
2901
+ position: absolute;
2902
+ bottom: 0;
2903
+ opacity: var(--dv-tab-group-line-opacity);
2904
+ pointer-events: none;
2905
+ z-index: 10;
2906
+ }
2907
+
2908
+ .dv-groupview-header-bottom .dv-tab-group-underline {
2909
+ bottom: auto;
2910
+ top: 0;
2911
+ }
2912
+
2913
+ .dv-tabs-container-vertical .dv-tab-group-underline {
2914
+ bottom: auto;
2915
+ left: 0;
2916
+ }
2917
+
2918
+ .dv-tabs-container-vertical .dv-tab-group-chip {
2919
+ margin: 8px 0 8px 0;
2920
+ }
1207
2921
  .dv-tabs-container-vertical .dv-tab {
1208
2922
  padding: 0.5rem 0.25rem;
1209
2923
  }
2924
+ .dv-tabs-container-vertical .dv-tab.dv-tab--group-collapsed {
2925
+ height: 0 !important;
2926
+ min-height: 0 !important;
2927
+ width: auto !important;
2928
+ min-width: initial !important;
2929
+ transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;
2930
+ }
2931
+ .dv-tabs-container-vertical .dv-tab.dv-tab--group-expanding {
2932
+ transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;
2933
+ }
2934
+ .dv-tabs-container-vertical .dv-tab.dv-tab--dragging {
2935
+ height: 0 !important;
2936
+ min-height: 0 !important;
2937
+ width: auto !important;
2938
+ min-width: initial !important;
2939
+ transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;
2940
+ }
1210
2941
 
1211
2942
  .dv-tabs-overflow-container {
1212
2943
  flex-direction: column;
1213
2944
  height: unset;
2945
+ font-size: var(--dv-tabs-and-actions-container-font-size);
1214
2946
  max-height: min(50vh, 400px);
1215
2947
  overflow-y: auto;
1216
2948
  border: 1px solid var(--dv-tab-divider-color);
1217
2949
  background-color: var(--dv-group-view-background-color);
1218
2950
  /* Scrollbar styling for webkit browsers */
1219
- /* Firefox scrollbar */
1220
- scrollbar-width: thin;
1221
2951
  }
1222
2952
  .dv-tabs-overflow-container::-webkit-scrollbar {
1223
2953
  width: 6px;
@@ -1229,6 +2959,10 @@
1229
2959
  background: var(--dv-tabs-container-scrollbar-color);
1230
2960
  border-radius: 3px;
1231
2961
  }
2962
+ .dv-tabs-overflow-container {
2963
+ /* Firefox scrollbar */
2964
+ scrollbar-width: thin;
2965
+ }
1232
2966
  .dv-tabs-overflow-container .dv-tab:not(:last-child) {
1233
2967
  border-bottom: 1px solid var(--dv-tab-divider-color);
1234
2968
  }
@@ -1240,6 +2974,45 @@
1240
2974
  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);
1241
2975
  color: var(--dv-activegroup-hiddenpanel-tab-color);
1242
2976
  }
2977
+ .dv-tabs-overflow-container .dv-tabs-overflow-group-header {
2978
+ display: flex;
2979
+ align-items: center;
2980
+ gap: 6px;
2981
+ padding: 4px 8px;
2982
+ font-size: 0.8em;
2983
+ font-weight: 600;
2984
+ color: var(--dv-activegroup-hiddenpanel-tab-color);
2985
+ cursor: pointer;
2986
+ border-bottom: 1px solid var(--dv-tab-divider-color);
2987
+ }
2988
+ .dv-tabs-overflow-container .dv-tabs-overflow-group-header:hover {
2989
+ background-color: var(--dv-icon-hover-background-color);
2990
+ }
2991
+ .dv-tabs-overflow-container .dv-tabs-overflow-group-color {
2992
+ display: inline-block;
2993
+ width: 8px;
2994
+ height: 8px;
2995
+ border-radius: 50%;
2996
+ flex-shrink: 0;
2997
+ background-color: var(--dv-tab-group-color);
2998
+ }
2999
+ .dv-tabs-overflow-container .dv-tabs-overflow-group-label {
3000
+ flex: 1;
3001
+ overflow: hidden;
3002
+ text-overflow: ellipsis;
3003
+ white-space: nowrap;
3004
+ }
3005
+ .dv-tabs-overflow-container .dv-tabs-overflow-group-collapsed-badge {
3006
+ font-size: 0.75em;
3007
+ font-weight: 400;
3008
+ opacity: 0.7;
3009
+ padding: 1px 4px;
3010
+ border-radius: 3px;
3011
+ background-color: var(--dv-tab-divider-color);
3012
+ }
3013
+ .dv-tabs-overflow-container .dv-tab.dv-tab--grouped {
3014
+ padding-left: 16px;
3015
+ }
1243
3016
  .dv-tabs-and-actions-container {
1244
3017
  display: flex;
1245
3018
  background-color: var(--dv-tabs-and-actions-container-background-color);