dockview-core 7.0.3 → 8.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 (374) hide show
  1. package/LICENCE.md +21 -0
  2. package/README.md +17 -86
  3. package/dist/cjs/api/component.api.d.ts +100 -9
  4. package/dist/cjs/api/dockviewGroupPanelApi.d.ts +45 -1
  5. package/dist/cjs/api/dockviewPanelApi.d.ts +21 -0
  6. package/dist/cjs/dismissableLayer.d.ts +57 -0
  7. package/dist/cjs/dnd/backend.d.ts +2 -2
  8. package/dist/cjs/dnd/dropTargetAnchorContainer.d.ts +12 -0
  9. package/dist/cjs/dnd/droptarget.d.ts +94 -0
  10. package/dist/cjs/dnd/ghost.d.ts +1 -0
  11. package/dist/cjs/dnd/pointer/longPress.d.ts +2 -2
  12. package/dist/cjs/dnd/pointer/pointerDragController.d.ts +5 -2
  13. package/dist/cjs/dnd/pointer/pointerDragSource.d.ts +1 -1
  14. package/dist/cjs/dnd/pointer/pointerDropTarget.d.ts +30 -1
  15. package/dist/cjs/dnd/pointer/pointerGhost.d.ts +1 -1
  16. package/dist/cjs/dockview/accessibilityMessages.d.ts +6 -0
  17. package/dist/cjs/dockview/advancedDnDService.d.ts +46 -0
  18. package/dist/cjs/dockview/components/panel/content.d.ts +1 -1
  19. package/dist/cjs/dockview/components/tab/defaultTab.d.ts +2 -0
  20. package/dist/cjs/dockview/components/tab/tab.d.ts +2 -0
  21. package/dist/cjs/dockview/components/titlebar/floatingTitleBar.d.ts +2 -2
  22. package/dist/cjs/dockview/components/titlebar/groupDragSource.d.ts +1 -1
  23. package/dist/cjs/dockview/components/titlebar/tabGroupChip.d.ts +1 -1
  24. package/dist/cjs/dockview/components/titlebar/tabGroupIndicator.d.ts +73 -2
  25. package/dist/cjs/dockview/components/titlebar/tabGroups.d.ts +1 -1
  26. package/dist/cjs/dockview/components/titlebar/tabReorderController.d.ts +295 -0
  27. package/dist/cjs/dockview/components/titlebar/tabs.d.ts +120 -50
  28. package/dist/cjs/dockview/components/titlebar/tabsContainer.d.ts +48 -0
  29. package/dist/cjs/dockview/dndCapabilities.d.ts +1 -1
  30. package/dist/cjs/dockview/dockviewComponent.d.ts +303 -19
  31. package/dist/cjs/dockview/dockviewGroupPanel.d.ts +5 -0
  32. package/dist/cjs/dockview/dockviewGroupPanelModel.d.ts +52 -2
  33. package/dist/cjs/dockview/dockviewPanel.d.ts +12 -0
  34. package/dist/cjs/dockview/dockviewShell.d.ts +48 -24
  35. package/dist/cjs/dockview/edgeGroupService.d.ts +20 -0
  36. package/dist/cjs/dockview/events.d.ts +6 -0
  37. package/dist/cjs/dockview/liveRegionService.d.ts +18 -5
  38. package/dist/cjs/dockview/moduleContracts.d.ts +480 -14
  39. package/dist/cjs/dockview/modules.d.ts +101 -22
  40. package/dist/cjs/dockview/options.d.ts +337 -30
  41. package/dist/cjs/dockview/optionsModules.d.ts +73 -0
  42. package/dist/cjs/dockview/popoutWindowService.d.ts +15 -10
  43. package/dist/cjs/dockview/rootDropTargetService.d.ts +11 -0
  44. package/dist/cjs/dockview/tabGroupAccent.d.ts +1 -1
  45. package/dist/cjs/dockview/tabGroupChipsService.d.ts +10 -0
  46. package/dist/cjs/dockview/theme.d.ts +2 -2
  47. package/dist/cjs/dockview/types.d.ts +3 -0
  48. package/dist/cjs/dom.d.ts +9 -1
  49. package/dist/cjs/gridview/baseComponentGridview.d.ts +2 -2
  50. package/dist/cjs/gridview/gridview.d.ts +2 -0
  51. package/dist/cjs/index.d.ts +35 -29
  52. package/dist/cjs/lifecycle.d.ts +1 -0
  53. package/dist/cjs/overlay/overlay.d.ts +4 -2
  54. package/dist/cjs/overlay/overlayRenderContainer.d.ts +8 -0
  55. package/dist/cjs/paneview/paneview.d.ts +2 -1
  56. package/dist/cjs/paneview/paneviewComponent.d.ts +3 -0
  57. package/dist/cjs/paneview/paneviewPanel.d.ts +5 -0
  58. package/dist/cjs/svg.d.ts +1 -0
  59. package/dist/cjs/types.d.ts +8 -0
  60. package/dist/dockview-core.js +18391 -19679
  61. package/dist/dockview-core.min.js +4138 -6
  62. package/dist/dockview-core.min.noStyle.js +6 -7
  63. package/dist/dockview-core.noStyle.js +18390 -19656
  64. package/dist/package/main.cjs.js +18002 -19268
  65. package/dist/package/main.cjs.min.js +6 -6
  66. package/dist/package/main.esm.min.mjs +6 -6
  67. package/dist/package/main.esm.mjs +17959 -19260
  68. package/package.json +81 -77
  69. package/dist/cjs/api/component.api.js +0 -1242
  70. package/dist/cjs/api/dockviewGroupPanelApi.js +0 -200
  71. package/dist/cjs/api/dockviewPanelApi.js +0 -172
  72. package/dist/cjs/api/entryPoints.js +0 -27
  73. package/dist/cjs/api/gridviewPanelApi.js +0 -45
  74. package/dist/cjs/api/panelApi.js +0 -133
  75. package/dist/cjs/api/paneviewPanelApi.js +0 -57
  76. package/dist/cjs/api/splitviewPanelApi.js +0 -47
  77. package/dist/cjs/array.js +0 -66
  78. package/dist/cjs/constants.js +0 -11
  79. package/dist/cjs/dnd/backend.js +0 -171
  80. package/dist/cjs/dnd/dataTransfer.js +0 -100
  81. package/dist/cjs/dnd/dnd.js +0 -74
  82. package/dist/cjs/dnd/dropOverlay.js +0 -197
  83. package/dist/cjs/dnd/dropTargetAnchorContainer.js +0 -104
  84. package/dist/cjs/dnd/droptarget.js +0 -362
  85. package/dist/cjs/dnd/ghost.js +0 -17
  86. package/dist/cjs/dnd/pointer/index.js +0 -13
  87. package/dist/cjs/dnd/pointer/longPress.js +0 -151
  88. package/dist/cjs/dnd/pointer/pointerDragController.js +0 -243
  89. package/dist/cjs/dnd/pointer/pointerDragSource.js +0 -197
  90. package/dist/cjs/dnd/pointer/pointerDropTarget.js +0 -198
  91. package/dist/cjs/dnd/pointer/pointerGhost.js +0 -44
  92. package/dist/cjs/dnd/pointer/types.js +0 -2
  93. package/dist/cjs/dockview/accessibilityMessages.js +0 -51
  94. package/dist/cjs/dockview/allModules.js +0 -25
  95. package/dist/cjs/dockview/components/panel/content.js +0 -213
  96. package/dist/cjs/dockview/components/popupService.js +0 -132
  97. package/dist/cjs/dockview/components/tab/defaultTab.js +0 -70
  98. package/dist/cjs/dockview/components/tab/tab.js +0 -281
  99. package/dist/cjs/dockview/components/titlebar/floatingTitleBar.js +0 -95
  100. package/dist/cjs/dockview/components/titlebar/groupDragSource.js +0 -218
  101. package/dist/cjs/dockview/components/titlebar/tabGroupChip.js +0 -104
  102. package/dist/cjs/dockview/components/titlebar/tabGroupIndicator.js +0 -477
  103. package/dist/cjs/dockview/components/titlebar/tabGroups.js +0 -854
  104. package/dist/cjs/dockview/components/titlebar/tabOverflowControl.js +0 -19
  105. package/dist/cjs/dockview/components/titlebar/tabs.js +0 -2016
  106. package/dist/cjs/dockview/components/titlebar/tabsContainer.js +0 -458
  107. package/dist/cjs/dockview/components/titlebar/voidContainer.js +0 -120
  108. package/dist/cjs/dockview/components/watermark/watermark.js +0 -40
  109. package/dist/cjs/dockview/deserializer.js +0 -39
  110. package/dist/cjs/dockview/dndCapabilities.js +0 -39
  111. package/dist/cjs/dockview/dockviewComponent.js +0 -3896
  112. package/dist/cjs/dockview/dockviewFloatingGroupPanel.js +0 -70
  113. package/dist/cjs/dockview/dockviewGroupPanel.js +0 -204
  114. package/dist/cjs/dockview/dockviewGroupPanelModel.js +0 -1514
  115. package/dist/cjs/dockview/dockviewPanel.js +0 -265
  116. package/dist/cjs/dockview/dockviewPanelModel.js +0 -105
  117. package/dist/cjs/dockview/dockviewShell.js +0 -744
  118. package/dist/cjs/dockview/edgeGroupService.js +0 -128
  119. package/dist/cjs/dockview/events.js +0 -67
  120. package/dist/cjs/dockview/floatingGroupService.js +0 -231
  121. package/dist/cjs/dockview/framework.js +0 -2
  122. package/dist/cjs/dockview/headerActionsService.js +0 -149
  123. package/dist/cjs/dockview/liveRegionService.js +0 -185
  124. package/dist/cjs/dockview/moduleContracts.js +0 -2
  125. package/dist/cjs/dockview/modules.js +0 -304
  126. package/dist/cjs/dockview/options.js +0 -103
  127. package/dist/cjs/dockview/popoutWindowService.js +0 -261
  128. package/dist/cjs/dockview/rootDropTargetService.js +0 -87
  129. package/dist/cjs/dockview/strictEventsSequencing.js +0 -63
  130. package/dist/cjs/dockview/tabGroup.js +0 -219
  131. package/dist/cjs/dockview/tabGroupAccent.js +0 -126
  132. package/dist/cjs/dockview/theme.js +0 -139
  133. package/dist/cjs/dockview/types.js +0 -2
  134. package/dist/cjs/dockview/validate.js +0 -76
  135. package/dist/cjs/dockview/watermarkService.js +0 -61
  136. package/dist/cjs/dom.js +0 -543
  137. package/dist/cjs/events.js +0 -296
  138. package/dist/cjs/framwork.js +0 -2
  139. package/dist/cjs/gridview/baseComponentGridview.js +0 -330
  140. package/dist/cjs/gridview/basePanelView.js +0 -162
  141. package/dist/cjs/gridview/branchNode.js +0 -372
  142. package/dist/cjs/gridview/gridview.js +0 -776
  143. package/dist/cjs/gridview/gridviewComponent.js +0 -363
  144. package/dist/cjs/gridview/gridviewPanel.js +0 -249
  145. package/dist/cjs/gridview/leafNode.js +0 -169
  146. package/dist/cjs/gridview/options.js +0 -17
  147. package/dist/cjs/gridview/types.js +0 -2
  148. package/dist/cjs/index.js +0 -105
  149. package/dist/cjs/lifecycle.js +0 -80
  150. package/dist/cjs/math.js +0 -38
  151. package/dist/cjs/overlay/overlay.js +0 -602
  152. package/dist/cjs/overlay/overlayRenderContainer.js +0 -309
  153. package/dist/cjs/panel/types.js +0 -2
  154. package/dist/cjs/paneview/defaultPaneviewHeader.js +0 -92
  155. package/dist/cjs/paneview/draggablePaneviewPanel.js +0 -141
  156. package/dist/cjs/paneview/options.js +0 -44
  157. package/dist/cjs/paneview/paneview.js +0 -203
  158. package/dist/cjs/paneview/paneviewComponent.js +0 -430
  159. package/dist/cjs/paneview/paneviewPanel.js +0 -275
  160. package/dist/cjs/popoutWindow.js +0 -244
  161. package/dist/cjs/resizable.js +0 -97
  162. package/dist/cjs/scrollbar.js +0 -169
  163. package/dist/cjs/splitview/options.js +0 -19
  164. package/dist/cjs/splitview/splitview.js +0 -999
  165. package/dist/cjs/splitview/splitviewComponent.js +0 -401
  166. package/dist/cjs/splitview/splitviewPanel.js +0 -179
  167. package/dist/cjs/splitview/viewItem.js +0 -119
  168. package/dist/cjs/svg.js +0 -43
  169. package/dist/cjs/types.js +0 -2
  170. package/dist/dockview-core.min.js.map +0 -1
  171. package/dist/dockview-core.min.noStyle.js.map +0 -1
  172. package/dist/esm/api/component.api.d.ts +0 -640
  173. package/dist/esm/api/component.api.js +0 -887
  174. package/dist/esm/api/dockviewGroupPanelApi.d.ts +0 -109
  175. package/dist/esm/api/dockviewGroupPanelApi.js +0 -155
  176. package/dist/esm/api/dockviewPanelApi.d.ts +0 -84
  177. package/dist/esm/api/dockviewPanelApi.js +0 -124
  178. package/dist/esm/api/entryPoints.d.ts +0 -9
  179. package/dist/esm/api/entryPoints.js +0 -21
  180. package/dist/esm/api/gridviewPanelApi.d.ts +0 -37
  181. package/dist/esm/api/gridviewPanelApi.js +0 -23
  182. package/dist/esm/api/panelApi.d.ts +0 -100
  183. package/dist/esm/api/panelApi.js +0 -87
  184. package/dist/esm/api/paneviewPanelApi.d.ts +0 -26
  185. package/dist/esm/api/paneviewPanelApi.js +0 -27
  186. package/dist/esm/api/splitviewPanelApi.d.ts +0 -32
  187. package/dist/esm/api/splitviewPanelApi.js +0 -25
  188. package/dist/esm/array.d.ts +0 -13
  189. package/dist/esm/array.js +0 -57
  190. package/dist/esm/constants.d.ts +0 -8
  191. package/dist/esm/constants.js +0 -8
  192. package/dist/esm/dnd/backend.d.ts +0 -70
  193. package/dist/esm/dnd/backend.js +0 -148
  194. package/dist/esm/dnd/dataTransfer.d.ts +0 -31
  195. package/dist/esm/dnd/dataTransfer.js +0 -67
  196. package/dist/esm/dnd/dnd.d.ts +0 -32
  197. package/dist/esm/dnd/dnd.js +0 -51
  198. package/dist/esm/dnd/dropOverlay.d.ts +0 -20
  199. package/dist/esm/dnd/dropOverlay.js +0 -192
  200. package/dist/esm/dnd/dropTargetAnchorContainer.d.ts +0 -16
  201. package/dist/esm/dnd/dropTargetAnchorContainer.js +0 -73
  202. package/dist/esm/dnd/droptarget.d.ts +0 -116
  203. package/dist/esm/dnd/droptarget.js +0 -316
  204. package/dist/esm/dnd/ghost.d.ts +0 -4
  205. package/dist/esm/dnd/ghost.js +0 -14
  206. package/dist/esm/dnd/pointer/index.d.ts +0 -11
  207. package/dist/esm/dnd/pointer/index.js +0 -5
  208. package/dist/esm/dnd/pointer/longPress.d.ts +0 -32
  209. package/dist/esm/dnd/pointer/longPress.js +0 -127
  210. package/dist/esm/dnd/pointer/pointerDragController.d.ts +0 -60
  211. package/dist/esm/dnd/pointer/pointerDragController.js +0 -193
  212. package/dist/esm/dnd/pointer/pointerDragSource.d.ts +0 -61
  213. package/dist/esm/dnd/pointer/pointerDragSource.js +0 -173
  214. package/dist/esm/dnd/pointer/pointerDropTarget.d.ts +0 -39
  215. package/dist/esm/dnd/pointer/pointerDropTarget.js +0 -168
  216. package/dist/esm/dnd/pointer/pointerGhost.d.ts +0 -30
  217. package/dist/esm/dnd/pointer/pointerGhost.js +0 -39
  218. package/dist/esm/dnd/pointer/types.d.ts +0 -16
  219. package/dist/esm/dnd/pointer/types.js +0 -1
  220. package/dist/esm/dockview/accessibilityMessages.d.ts +0 -32
  221. package/dist/esm/dockview/accessibilityMessages.js +0 -30
  222. package/dist/esm/dockview/allModules.d.ts +0 -8
  223. package/dist/esm/dockview/allModules.js +0 -22
  224. package/dist/esm/dockview/components/panel/content.d.ts +0 -54
  225. package/dist/esm/dockview/components/panel/content.js +0 -185
  226. package/dist/esm/dockview/components/popupService.d.ts +0 -21
  227. package/dist/esm/dockview/components/popupService.js +0 -108
  228. package/dist/esm/dockview/components/tab/defaultTab.d.ts +0 -12
  229. package/dist/esm/dockview/components/tab/defaultTab.js +0 -43
  230. package/dist/esm/dockview/components/tab/tab.d.ts +0 -44
  231. package/dist/esm/dockview/components/tab/tab.js +0 -242
  232. package/dist/esm/dockview/components/titlebar/floatingTitleBar.d.ts +0 -34
  233. package/dist/esm/dockview/components/titlebar/floatingTitleBar.js +0 -65
  234. package/dist/esm/dockview/components/titlebar/groupDragSource.d.ts +0 -51
  235. package/dist/esm/dockview/components/titlebar/groupDragSource.js +0 -178
  236. package/dist/esm/dockview/components/titlebar/tabGroupChip.d.ts +0 -37
  237. package/dist/esm/dockview/components/titlebar/tabGroupChip.js +0 -77
  238. package/dist/esm/dockview/components/titlebar/tabGroupIndicator.d.ts +0 -72
  239. package/dist/esm/dockview/components/titlebar/tabGroupIndicator.js +0 -360
  240. package/dist/esm/dockview/components/titlebar/tabGroups.d.ts +0 -107
  241. package/dist/esm/dockview/components/titlebar/tabGroups.js +0 -621
  242. package/dist/esm/dockview/components/titlebar/tabOverflowControl.d.ts +0 -8
  243. package/dist/esm/dockview/components/titlebar/tabOverflowControl.js +0 -16
  244. package/dist/esm/dockview/components/titlebar/tabs.d.ts +0 -167
  245. package/dist/esm/dockview/components/titlebar/tabs.js +0 -1653
  246. package/dist/esm/dockview/components/titlebar/tabsContainer.d.ts +0 -104
  247. package/dist/esm/dockview/components/titlebar/tabsContainer.js +0 -359
  248. package/dist/esm/dockview/components/titlebar/voidContainer.d.ts +0 -21
  249. package/dist/esm/dockview/components/titlebar/voidContainer.js +0 -92
  250. package/dist/esm/dockview/components/watermark/watermark.d.ts +0 -8
  251. package/dist/esm/dockview/components/watermark/watermark.js +0 -14
  252. package/dist/esm/dockview/deserializer.d.ts +0 -12
  253. package/dist/esm/dockview/deserializer.js +0 -34
  254. package/dist/esm/dockview/dndCapabilities.d.ts +0 -19
  255. package/dist/esm/dockview/dndCapabilities.js +0 -36
  256. package/dist/esm/dockview/dockviewComponent.d.ts +0 -626
  257. package/dist/esm/dockview/dockviewComponent.js +0 -3214
  258. package/dist/esm/dockview/dockviewFloatingGroupPanel.d.ts +0 -45
  259. package/dist/esm/dockview/dockviewFloatingGroupPanel.js +0 -44
  260. package/dist/esm/dockview/dockviewGroupPanel.d.ts +0 -35
  261. package/dist/esm/dockview/dockviewGroupPanel.js +0 -142
  262. package/dist/esm/dockview/dockviewGroupPanelModel.d.ts +0 -358
  263. package/dist/esm/dockview/dockviewGroupPanelModel.js +0 -1180
  264. package/dist/esm/dockview/dockviewPanel.d.ts +0 -69
  265. package/dist/esm/dockview/dockviewPanel.js +0 -178
  266. package/dist/esm/dockview/dockviewPanelModel.d.ts +0 -37
  267. package/dist/esm/dockview/dockviewPanelModel.js +0 -81
  268. package/dist/esm/dockview/dockviewShell.d.ts +0 -150
  269. package/dist/esm/dockview/dockviewShell.js +0 -678
  270. package/dist/esm/dockview/edgeGroupService.d.ts +0 -38
  271. package/dist/esm/dockview/edgeGroupService.js +0 -63
  272. package/dist/esm/dockview/events.d.ts +0 -38
  273. package/dist/esm/dockview/events.js +0 -34
  274. package/dist/esm/dockview/floatingGroupService.d.ts +0 -37
  275. package/dist/esm/dockview/floatingGroupService.js +0 -150
  276. package/dist/esm/dockview/framework.d.ts +0 -65
  277. package/dist/esm/dockview/framework.js +0 -1
  278. package/dist/esm/dockview/headerActionsService.d.ts +0 -32
  279. package/dist/esm/dockview/headerActionsService.js +0 -86
  280. package/dist/esm/dockview/liveRegionService.d.ts +0 -53
  281. package/dist/esm/dockview/liveRegionService.js +0 -159
  282. package/dist/esm/dockview/moduleContracts.d.ts +0 -119
  283. package/dist/esm/dockview/moduleContracts.js +0 -1
  284. package/dist/esm/dockview/modules.d.ts +0 -110
  285. package/dist/esm/dockview/modules.js +0 -170
  286. package/dist/esm/dockview/options.d.ts +0 -474
  287. package/dist/esm/dockview/options.js +0 -77
  288. package/dist/esm/dockview/popoutWindowService.d.ts +0 -95
  289. package/dist/esm/dockview/popoutWindowService.js +0 -175
  290. package/dist/esm/dockview/rootDropTargetService.d.ts +0 -35
  291. package/dist/esm/dockview/rootDropTargetService.js +0 -82
  292. package/dist/esm/dockview/strictEventsSequencing.d.ts +0 -7
  293. package/dist/esm/dockview/strictEventsSequencing.js +0 -41
  294. package/dist/esm/dockview/tabGroup.d.ts +0 -99
  295. package/dist/esm/dockview/tabGroup.js +0 -144
  296. package/dist/esm/dockview/tabGroupAccent.d.ts +0 -65
  297. package/dist/esm/dockview/tabGroupAccent.js +0 -114
  298. package/dist/esm/dockview/theme.d.ts +0 -86
  299. package/dist/esm/dockview/theme.js +0 -136
  300. package/dist/esm/dockview/types.d.ts +0 -53
  301. package/dist/esm/dockview/types.js +0 -1
  302. package/dist/esm/dockview/validate.d.ts +0 -0
  303. package/dist/esm/dockview/validate.js +0 -76
  304. package/dist/esm/dockview/watermarkService.d.ts +0 -30
  305. package/dist/esm/dockview/watermarkService.js +0 -56
  306. package/dist/esm/dom.d.ts +0 -60
  307. package/dist/esm/dom.js +0 -375
  308. package/dist/esm/events.d.ts +0 -79
  309. package/dist/esm/events.js +0 -219
  310. package/dist/esm/framwork.d.ts +0 -4
  311. package/dist/esm/framwork.js +0 -1
  312. package/dist/esm/gridview/baseComponentGridview.d.ts +0 -111
  313. package/dist/esm/gridview/baseComponentGridview.js +0 -237
  314. package/dist/esm/gridview/basePanelView.d.ts +0 -40
  315. package/dist/esm/gridview/basePanelView.js +0 -91
  316. package/dist/esm/gridview/branchNode.d.ts +0 -57
  317. package/dist/esm/gridview/branchNode.js +0 -257
  318. package/dist/esm/gridview/gridview.d.ts +0 -158
  319. package/dist/esm/gridview/gridview.js +0 -681
  320. package/dist/esm/gridview/gridviewComponent.d.ts +0 -88
  321. package/dist/esm/gridview/gridviewComponent.js +0 -265
  322. package/dist/esm/gridview/gridviewPanel.d.ts +0 -77
  323. package/dist/esm/gridview/gridviewPanel.js +0 -182
  324. package/dist/esm/gridview/leafNode.d.ts +0 -34
  325. package/dist/esm/gridview/leafNode.js +0 -102
  326. package/dist/esm/gridview/options.d.ts +0 -15
  327. package/dist/esm/gridview/options.js +0 -14
  328. package/dist/esm/gridview/types.d.ts +0 -3
  329. package/dist/esm/gridview/types.js +0 -1
  330. package/dist/esm/index.d.ts +0 -58
  331. package/dist/esm/index.js +0 -44
  332. package/dist/esm/lifecycle.d.ts +0 -25
  333. package/dist/esm/lifecycle.js +0 -56
  334. package/dist/esm/math.d.ts +0 -5
  335. package/dist/esm/math.js +0 -32
  336. package/dist/esm/overlay/overlay.d.ts +0 -91
  337. package/dist/esm/overlay/overlay.js +0 -520
  338. package/dist/esm/overlay/overlayRenderContainer.d.ts +0 -24
  339. package/dist/esm/overlay/overlayRenderContainer.js +0 -249
  340. package/dist/esm/panel/types.d.ts +0 -33
  341. package/dist/esm/panel/types.js +0 -1
  342. package/dist/esm/paneview/defaultPaneviewHeader.d.ts +0 -21
  343. package/dist/esm/paneview/defaultPaneviewHeader.js +0 -65
  344. package/dist/esm/paneview/draggablePaneviewPanel.d.ts +0 -38
  345. package/dist/esm/paneview/draggablePaneviewPanel.js +0 -107
  346. package/dist/esm/paneview/options.d.ts +0 -30
  347. package/dist/esm/paneview/options.js +0 -22
  348. package/dist/esm/paneview/paneview.d.ts +0 -41
  349. package/dist/esm/paneview/paneview.js +0 -148
  350. package/dist/esm/paneview/paneviewComponent.d.ts +0 -133
  351. package/dist/esm/paneview/paneviewComponent.js +0 -306
  352. package/dist/esm/paneview/paneviewPanel.d.ts +0 -98
  353. package/dist/esm/paneview/paneviewPanel.js +0 -192
  354. package/dist/esm/popoutWindow.d.ts +0 -38
  355. package/dist/esm/popoutWindow.js +0 -170
  356. package/dist/esm/resizable.d.ts +0 -12
  357. package/dist/esm/resizable.js +0 -66
  358. package/dist/esm/scrollbar.d.ts +0 -15
  359. package/dist/esm/scrollbar.js +0 -139
  360. package/dist/esm/splitview/options.d.ts +0 -21
  361. package/dist/esm/splitview/options.js +0 -16
  362. package/dist/esm/splitview/splitview.d.ts +0 -145
  363. package/dist/esm/splitview/splitview.js +0 -770
  364. package/dist/esm/splitview/splitviewComponent.d.ts +0 -101
  365. package/dist/esm/splitview/splitviewComponent.js +0 -267
  366. package/dist/esm/splitview/splitviewPanel.d.ts +0 -45
  367. package/dist/esm/splitview/splitviewPanel.js +0 -108
  368. package/dist/esm/splitview/viewItem.d.ts +0 -25
  369. package/dist/esm/splitview/viewItem.js +0 -74
  370. package/dist/esm/svg.d.ts +0 -3
  371. package/dist/esm/svg.js +0 -31
  372. package/dist/esm/types.d.ts +0 -31
  373. package/dist/esm/types.js +0 -1
  374. package/dist/styles/dockview.css +0 -3436
package/dist/styles/dockview.css DELETED
@@ -1,3436 +0,0 @@
1
- .dv-scrollable {
2
- position: relative;
3
- overflow: hidden;
4
- }
5
- .dv-scrollable .dv-scrollbar {
6
- position: absolute;
7
- border-radius: 2px;
8
- background-color: transparent;
9
- /* GPU optimizations */
10
- will-change: background-color, transform;
11
- transform: translate3d(0, 0, 0);
12
- backface-visibility: hidden;
13
- transition-property: background-color;
14
- transition-timing-function: ease-in-out;
15
- transition-duration: 1s;
16
- transition-delay: 0s;
17
- }
18
- .dv-scrollable .dv-scrollbar-horizontal {
19
- bottom: 0px;
20
- left: 0px;
21
- height: 4px;
22
- }
23
- .dv-scrollable .dv-scrollbar-vertical {
24
- right: 0px;
25
- top: 0px;
26
- width: 4px;
27
- }
28
- .dv-scrollable:hover .dv-scrollbar, .dv-scrollable.dv-scrollable-resizing .dv-scrollbar, .dv-scrollable.dv-scrollable-scrolling .dv-scrollbar {
29
- background-color: var(--dv-scrollbar-background-color, rgba(255, 255, 255, 0.25));
30
- }
31
- .dv-svg {
32
- display: inline-block;
33
- fill: currentcolor;
34
- line-height: 1;
35
- stroke: currentcolor;
36
- stroke-width: 0;
37
- }
38
- .dockview-theme-dark {
39
- --dv-paneview-active-outline-color: dodgerblue;
40
- --dv-tabs-and-actions-container-font-size: 13px;
41
- --dv-tabs-and-actions-container-height: 35px;
42
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
43
- --dv-drag-over-border-color: transparent;
44
- --dv-tabs-container-scrollbar-color: #888;
45
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
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);
49
- --dv-overlay-z-index: 999;
50
- --dv-tab-font-size: inherit;
51
- --dv-border-radius: 0px;
52
- --dv-tab-margin: 0;
53
- --dv-sash-color: transparent;
54
- --dv-active-sash-color: transparent;
55
- --dv-active-sash-transition-duration: 0.1s;
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-floating-titlebar-height: 22px;
66
- --dv-floating-titlebar-background-color: var(
67
- --dv-tabs-and-actions-container-background-color
68
- );
69
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
70
- --dv-tab-group-color-grey: #5f6368;
71
- --dv-tab-group-color-blue: #1a73e8;
72
- --dv-tab-group-color-red: #d93025;
73
- --dv-tab-group-color-yellow: #f9ab00;
74
- --dv-tab-group-color-green: #188038;
75
- --dv-tab-group-color-pink: #d01884;
76
- --dv-tab-group-color-purple: #a142f4;
77
- --dv-tab-group-color-cyan: #007b83;
78
- --dv-tab-group-color-orange: #e8710a;
79
- --dv-tab-group-chip-padding: 4px 8px;
80
- --dv-tab-group-chip-border-radius: 6px;
81
- --dv-tab-group-chip-font-size: 11px;
82
- --dv-tab-group-line-height: 2px;
83
- --dv-tab-group-line-opacity: 0.6;
84
- }
85
- .dockview-theme-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
86
- opacity: 0;
87
- transition: none;
88
- }
89
- .dockview-theme-dark {
90
- --dv-group-view-background-color: #1e1e1e;
91
- --dv-tabs-and-actions-container-background-color: #252526;
92
- --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;
93
- --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;
94
- --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;
95
- --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;
96
- --dv-tab-divider-color: #1e1e1e;
97
- --dv-activegroup-visiblepanel-tab-color: white;
98
- --dv-activegroup-hiddenpanel-tab-color: #969696;
99
- --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;
100
- --dv-inactivegroup-hiddenpanel-tab-color: #626262;
101
- --dv-separator-border: rgb(68, 68, 68);
102
- --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);
103
- }
104
-
105
- .dockview-theme-light {
106
- --dv-paneview-active-outline-color: dodgerblue;
107
- --dv-tabs-and-actions-container-font-size: 13px;
108
- --dv-tabs-and-actions-container-height: 35px;
109
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
110
- --dv-drag-over-border-color: transparent;
111
- --dv-tabs-container-scrollbar-color: #888;
112
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
113
- --dv-floating-box-shadow:
114
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
115
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
116
- --dv-overlay-z-index: 999;
117
- --dv-tab-font-size: inherit;
118
- --dv-border-radius: 0px;
119
- --dv-tab-margin: 0;
120
- --dv-sash-color: transparent;
121
- --dv-active-sash-color: transparent;
122
- --dv-active-sash-transition-duration: 0.1s;
123
- --dv-active-sash-transition-delay: 0.5s;
124
- --dv-spacing-padding: 0px;
125
- --dv-tab-border-radius: 0px;
126
- --dv-sash-border-radius: 0px;
127
- --dv-dropdown-border-radius: 0px;
128
- --dv-tab-close-icon-size: inherit;
129
- --dv-floating-group-border: none;
130
- --dv-drag-over-border: none;
131
- --dv-floating-group-dragging-opacity: 0.5;
132
- --dv-floating-titlebar-height: 22px;
133
- --dv-floating-titlebar-background-color: var(
134
- --dv-tabs-and-actions-container-background-color
135
- );
136
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
137
- --dv-tab-group-color-grey: #5f6368;
138
- --dv-tab-group-color-blue: #1a73e8;
139
- --dv-tab-group-color-red: #d93025;
140
- --dv-tab-group-color-yellow: #f9ab00;
141
- --dv-tab-group-color-green: #188038;
142
- --dv-tab-group-color-pink: #d01884;
143
- --dv-tab-group-color-purple: #a142f4;
144
- --dv-tab-group-color-cyan: #007b83;
145
- --dv-tab-group-color-orange: #e8710a;
146
- --dv-tab-group-chip-padding: 4px 8px;
147
- --dv-tab-group-chip-border-radius: 6px;
148
- --dv-tab-group-chip-font-size: 11px;
149
- --dv-tab-group-line-height: 2px;
150
- --dv-tab-group-line-opacity: 0.6;
151
- }
152
- .dockview-theme-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
153
- opacity: 0;
154
- transition: none;
155
- }
156
- .dockview-theme-light {
157
- --dv-group-view-background-color: white;
158
- --dv-tabs-and-actions-container-background-color: #f3f3f3;
159
- --dv-activegroup-visiblepanel-tab-background-color: white;
160
- --dv-activegroup-hiddenpanel-tab-background-color: #ececec;
161
- --dv-inactivegroup-visiblepanel-tab-background-color: white;
162
- --dv-inactivegroup-hiddenpanel-tab-background-color: #ececec;
163
- --dv-tab-divider-color: white;
164
- --dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);
165
- --dv-activegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.7);
166
- --dv-inactivegroup-visiblepanel-tab-color: rgba(51, 51, 51, 0.7);
167
- --dv-inactivegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.35);
168
- --dv-separator-border: rgba(128, 128, 128, 0.35);
169
- --dv-paneview-header-border-color: rgb(51, 51, 51);
170
- --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);
171
- --dv-floating-box-shadow:
172
- 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
173
- --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);
174
- }
175
-
176
- .dockview-theme-vs {
177
- --dv-paneview-active-outline-color: dodgerblue;
178
- --dv-tabs-and-actions-container-font-size: 13px;
179
- --dv-tabs-and-actions-container-height: 35px;
180
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
181
- --dv-drag-over-border-color: transparent;
182
- --dv-tabs-container-scrollbar-color: #888;
183
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
184
- --dv-floating-box-shadow:
185
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
186
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
187
- --dv-overlay-z-index: 999;
188
- --dv-tab-font-size: inherit;
189
- --dv-border-radius: 0px;
190
- --dv-tab-margin: 0;
191
- --dv-sash-color: transparent;
192
- --dv-active-sash-color: transparent;
193
- --dv-active-sash-transition-duration: 0.1s;
194
- --dv-active-sash-transition-delay: 0.5s;
195
- --dv-spacing-padding: 0px;
196
- --dv-tab-border-radius: 0px;
197
- --dv-sash-border-radius: 0px;
198
- --dv-dropdown-border-radius: 0px;
199
- --dv-tab-close-icon-size: inherit;
200
- --dv-floating-group-border: none;
201
- --dv-drag-over-border: none;
202
- --dv-floating-group-dragging-opacity: 0.5;
203
- --dv-floating-titlebar-height: 22px;
204
- --dv-floating-titlebar-background-color: var(
205
- --dv-tabs-and-actions-container-background-color
206
- );
207
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
208
- --dv-tab-group-color-grey: #5f6368;
209
- --dv-tab-group-color-blue: #1a73e8;
210
- --dv-tab-group-color-red: #d93025;
211
- --dv-tab-group-color-yellow: #f9ab00;
212
- --dv-tab-group-color-green: #188038;
213
- --dv-tab-group-color-pink: #d01884;
214
- --dv-tab-group-color-purple: #a142f4;
215
- --dv-tab-group-color-cyan: #007b83;
216
- --dv-tab-group-color-orange: #e8710a;
217
- --dv-tab-group-chip-padding: 4px 8px;
218
- --dv-tab-group-chip-border-radius: 6px;
219
- --dv-tab-group-chip-font-size: 11px;
220
- --dv-tab-group-line-height: 2px;
221
- --dv-tab-group-line-opacity: 0.6;
222
- }
223
- .dockview-theme-vs .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
224
- opacity: 0;
225
- transition: none;
226
- }
227
- .dockview-theme-vs {
228
- --dv-group-view-background-color: #1e1e1e;
229
- --dv-tabs-and-actions-container-background-color: #252526;
230
- --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;
231
- --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;
232
- --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;
233
- --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;
234
- --dv-tab-divider-color: #1e1e1e;
235
- --dv-activegroup-visiblepanel-tab-color: white;
236
- --dv-activegroup-hiddenpanel-tab-color: #969696;
237
- --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;
238
- --dv-inactivegroup-hiddenpanel-tab-color: #626262;
239
- --dv-separator-border: rgb(68, 68, 68);
240
- --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);
241
- --dv-tabs-and-actions-container-background-color: #2d2d30;
242
- --dv-tabs-and-actions-container-height: 20px;
243
- --dv-tabs-and-actions-container-font-size: 11px;
244
- --dv-activegroup-visiblepanel-tab-background-color: #007acc;
245
- --dv-inactivegroup-visiblepanel-tab-background-color: #3f3f46;
246
- --dv-activegroup-visiblepanel-tab-color: white;
247
- --dv-activegroup-hiddenpanel-tab-color: white;
248
- --dv-inactivegroup-visiblepanel-tab-color: white;
249
- --dv-inactivegroup-hiddenpanel-tab-color: white;
250
- }
251
- .dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container {
252
- box-sizing: content-box;
253
- border-bottom: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);
254
- }
255
- .dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {
256
- border-top: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);
257
- }
258
- .dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {
259
- border-top: 2px solid var(--dv-activegroup-hiddenpanel-tab-background-color);
260
- }
261
- .dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container {
262
- box-sizing: content-box;
263
- border-bottom: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);
264
- }
265
- .dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {
266
- border-top: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);
267
- }
268
- .dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {
269
- border-top: 2px solid var(--dv-inactivegroup-hiddenpanel-tab-background-color);
270
- }
271
-
272
- .dockview-theme-abyss {
273
- --dv-paneview-active-outline-color: dodgerblue;
274
- --dv-tabs-and-actions-container-font-size: 13px;
275
- --dv-tabs-and-actions-container-height: 35px;
276
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
277
- --dv-drag-over-border-color: transparent;
278
- --dv-tabs-container-scrollbar-color: #888;
279
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
280
- --dv-floating-box-shadow:
281
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
282
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
283
- --dv-overlay-z-index: 999;
284
- --dv-tab-font-size: inherit;
285
- --dv-border-radius: 0px;
286
- --dv-tab-margin: 0;
287
- --dv-sash-color: transparent;
288
- --dv-active-sash-color: transparent;
289
- --dv-active-sash-transition-duration: 0.1s;
290
- --dv-active-sash-transition-delay: 0.5s;
291
- --dv-spacing-padding: 0px;
292
- --dv-tab-border-radius: 0px;
293
- --dv-sash-border-radius: 0px;
294
- --dv-dropdown-border-radius: 0px;
295
- --dv-tab-close-icon-size: inherit;
296
- --dv-floating-group-border: none;
297
- --dv-drag-over-border: none;
298
- --dv-floating-group-dragging-opacity: 0.5;
299
- --dv-floating-titlebar-height: 22px;
300
- --dv-floating-titlebar-background-color: var(
301
- --dv-tabs-and-actions-container-background-color
302
- );
303
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
304
- --dv-tab-group-color-grey: #5f6368;
305
- --dv-tab-group-color-blue: #1a73e8;
306
- --dv-tab-group-color-red: #d93025;
307
- --dv-tab-group-color-yellow: #f9ab00;
308
- --dv-tab-group-color-green: #188038;
309
- --dv-tab-group-color-pink: #d01884;
310
- --dv-tab-group-color-purple: #a142f4;
311
- --dv-tab-group-color-cyan: #007b83;
312
- --dv-tab-group-color-orange: #e8710a;
313
- --dv-tab-group-chip-padding: 4px 8px;
314
- --dv-tab-group-chip-border-radius: 6px;
315
- --dv-tab-group-chip-font-size: 11px;
316
- --dv-tab-group-line-height: 2px;
317
- --dv-tab-group-line-opacity: 0.6;
318
- }
319
- .dockview-theme-abyss .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
320
- opacity: 0;
321
- transition: none;
322
- }
323
- .dockview-theme-abyss {
324
- --dv-color-abyss-dark: #000c18;
325
- --dv-color-abyss: #10192c;
326
- --dv-color-abyss-light: #1c1c2a;
327
- --dv-color-abyss-lighter: #2b2b4a;
328
- --dv-color-abyss-accent: rgb(91, 30, 207);
329
- --dv-color-abyss-primary-text: white;
330
- --dv-color-abyss-secondary-text: rgb(148, 151, 169);
331
- --dv-group-view-background-color: var(--dv-color-abyss-dark);
332
- --dv-tabs-and-actions-container-background-color: var(
333
- --dv-color-abyss-light
334
- );
335
- --dv-activegroup-visiblepanel-tab-background-color: var(
336
- --dv-color-abyss-dark
337
- );
338
- --dv-activegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);
339
- --dv-inactivegroup-visiblepanel-tab-background-color: var(
340
- --dv-color-abyss-dark
341
- );
342
- --dv-inactivegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);
343
- --dv-tab-divider-color: var(--dv-color-abyss-lighter);
344
- --dv-activegroup-visiblepanel-tab-color: white;
345
- --dv-activegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.5);
346
- --dv-inactivegroup-visiblepanel-tab-color: rgba(255, 255, 255, 0.5);
347
- --dv-inactivegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.25);
348
- --dv-separator-border: var(--dv-color-abyss-lighter);
349
- --dv-paneview-header-border-color: var(--dv-color-abyss-lighter);
350
- --dv-paneview-active-outline-color: #596f99;
351
- }
352
-
353
- .dockview-theme-dracula {
354
- --dv-paneview-active-outline-color: dodgerblue;
355
- --dv-tabs-and-actions-container-font-size: 13px;
356
- --dv-tabs-and-actions-container-height: 35px;
357
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
358
- --dv-drag-over-border-color: transparent;
359
- --dv-tabs-container-scrollbar-color: #888;
360
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
361
- --dv-floating-box-shadow:
362
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
363
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
364
- --dv-overlay-z-index: 999;
365
- --dv-tab-font-size: inherit;
366
- --dv-border-radius: 0px;
367
- --dv-tab-margin: 0;
368
- --dv-sash-color: transparent;
369
- --dv-active-sash-color: transparent;
370
- --dv-active-sash-transition-duration: 0.1s;
371
- --dv-active-sash-transition-delay: 0.5s;
372
- --dv-spacing-padding: 0px;
373
- --dv-tab-border-radius: 0px;
374
- --dv-sash-border-radius: 0px;
375
- --dv-dropdown-border-radius: 0px;
376
- --dv-tab-close-icon-size: inherit;
377
- --dv-floating-group-border: none;
378
- --dv-drag-over-border: none;
379
- --dv-floating-group-dragging-opacity: 0.5;
380
- --dv-floating-titlebar-height: 22px;
381
- --dv-floating-titlebar-background-color: var(
382
- --dv-tabs-and-actions-container-background-color
383
- );
384
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
385
- --dv-tab-group-color-grey: #5f6368;
386
- --dv-tab-group-color-blue: #1a73e8;
387
- --dv-tab-group-color-red: #d93025;
388
- --dv-tab-group-color-yellow: #f9ab00;
389
- --dv-tab-group-color-green: #188038;
390
- --dv-tab-group-color-pink: #d01884;
391
- --dv-tab-group-color-purple: #a142f4;
392
- --dv-tab-group-color-cyan: #007b83;
393
- --dv-tab-group-color-orange: #e8710a;
394
- --dv-tab-group-chip-padding: 4px 8px;
395
- --dv-tab-group-chip-border-radius: 6px;
396
- --dv-tab-group-chip-font-size: 11px;
397
- --dv-tab-group-line-height: 2px;
398
- --dv-tab-group-line-opacity: 0.6;
399
- }
400
- .dockview-theme-dracula .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
401
- opacity: 0;
402
- transition: none;
403
- }
404
- .dockview-theme-dracula {
405
- --dv-group-view-background-color: #282a36;
406
- --dv-tabs-and-actions-container-background-color: #191a21;
407
- --dv-activegroup-visiblepanel-tab-background-color: #282a36;
408
- --dv-activegroup-hiddenpanel-tab-background-color: #21222c;
409
- --dv-inactivegroup-visiblepanel-tab-background-color: #282a36;
410
- --dv-inactivegroup-hiddenpanel-tab-background-color: #21222c;
411
- --dv-tab-divider-color: #191a21;
412
- --dv-activegroup-visiblepanel-tab-color: rgb(248, 248, 242);
413
- --dv-activegroup-hiddenpanel-tab-color: rgb(98, 114, 164);
414
- --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);
415
- --dv-inactivegroup-hiddenpanel-tab-color: rgba(98, 114, 164, 0.5);
416
- --dv-separator-border: #bd93f9;
417
- --dv-paneview-header-border-color: #bd93f9;
418
- --dv-paneview-active-outline-color: #6272a4;
419
- }
420
- .dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
421
- position: relative;
422
- }
423
- .dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
424
- position: absolute;
425
- left: 0px;
426
- bottom: 0px;
427
- content: "";
428
- width: 100%;
429
- height: 1px;
430
- background-color: #94527e;
431
- z-index: 999;
432
- }
433
- .dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
434
- position: relative;
435
- }
436
- .dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
437
- position: absolute;
438
- left: 0px;
439
- bottom: 0px;
440
- content: "";
441
- width: 100%;
442
- height: 1px;
443
- background-color: #5e3d5a;
444
- z-index: 999;
445
- }
446
-
447
- .dockview-theme-nord {
448
- --dv-paneview-active-outline-color: dodgerblue;
449
- --dv-tabs-and-actions-container-font-size: 13px;
450
- --dv-tabs-and-actions-container-height: 35px;
451
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
452
- --dv-drag-over-border-color: transparent;
453
- --dv-tabs-container-scrollbar-color: #888;
454
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
455
- --dv-floating-box-shadow:
456
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
457
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
458
- --dv-overlay-z-index: 999;
459
- --dv-tab-font-size: inherit;
460
- --dv-border-radius: 0px;
461
- --dv-tab-margin: 0;
462
- --dv-sash-color: transparent;
463
- --dv-active-sash-color: transparent;
464
- --dv-active-sash-transition-duration: 0.1s;
465
- --dv-active-sash-transition-delay: 0.5s;
466
- --dv-spacing-padding: 0px;
467
- --dv-tab-border-radius: 0px;
468
- --dv-sash-border-radius: 0px;
469
- --dv-dropdown-border-radius: 0px;
470
- --dv-tab-close-icon-size: inherit;
471
- --dv-floating-group-border: none;
472
- --dv-drag-over-border: none;
473
- --dv-floating-group-dragging-opacity: 0.5;
474
- --dv-floating-titlebar-height: 22px;
475
- --dv-floating-titlebar-background-color: var(
476
- --dv-tabs-and-actions-container-background-color
477
- );
478
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
479
- --dv-tab-group-color-grey: #5f6368;
480
- --dv-tab-group-color-blue: #1a73e8;
481
- --dv-tab-group-color-red: #d93025;
482
- --dv-tab-group-color-yellow: #f9ab00;
483
- --dv-tab-group-color-green: #188038;
484
- --dv-tab-group-color-pink: #d01884;
485
- --dv-tab-group-color-purple: #a142f4;
486
- --dv-tab-group-color-cyan: #007b83;
487
- --dv-tab-group-color-orange: #e8710a;
488
- --dv-tab-group-chip-padding: 4px 8px;
489
- --dv-tab-group-chip-border-radius: 6px;
490
- --dv-tab-group-chip-font-size: 11px;
491
- --dv-tab-group-line-height: 2px;
492
- --dv-tab-group-line-opacity: 0.6;
493
- }
494
- .dockview-theme-nord .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
495
- opacity: 0;
496
- transition: none;
497
- }
498
- .dockview-theme-nord {
499
- --dv-color-nord-polar-0: #2e3440;
500
- --dv-color-nord-polar-1: #3b4252;
501
- --dv-color-nord-polar-2: #434c5e;
502
- --dv-color-nord-polar-3: #4c566a;
503
- --dv-color-nord-frost: #88c0d0;
504
- --dv-color-nord-frost-2: #81a1c1;
505
- --dv-color-nord-snow-0: #eceff4;
506
- --dv-color-nord-snow-1: #d8dee9;
507
- --dv-group-view-background-color: var(--dv-color-nord-polar-0);
508
- --dv-tabs-and-actions-container-background-color: var(
509
- --dv-color-nord-polar-1
510
- );
511
- --dv-activegroup-visiblepanel-tab-background-color: var(
512
- --dv-color-nord-polar-0
513
- );
514
- --dv-activegroup-hiddenpanel-tab-background-color: var(
515
- --dv-color-nord-polar-2
516
- );
517
- --dv-inactivegroup-visiblepanel-tab-background-color: var(
518
- --dv-color-nord-polar-1
519
- );
520
- --dv-inactivegroup-hiddenpanel-tab-background-color: var(
521
- --dv-color-nord-polar-2
522
- );
523
- --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);
524
- --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);
525
- --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;
526
- --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;
527
- --dv-separator-border: var(--dv-color-nord-polar-3);
528
- --dv-paneview-active-outline-color: var(--dv-color-nord-frost);
529
- --dv-active-sash-color: var(--dv-color-nord-frost);
530
- --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);
531
- }
532
- .dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
533
- position: relative;
534
- }
535
- .dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
536
- position: absolute;
537
- left: 0px;
538
- bottom: 0px;
539
- content: "";
540
- width: 100%;
541
- height: 2px;
542
- background-color: var(--dv-color-nord-frost);
543
- z-index: 999;
544
- }
545
- .dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
546
- position: relative;
547
- }
548
- .dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
549
- position: absolute;
550
- left: 0px;
551
- bottom: 0px;
552
- content: "";
553
- width: 100%;
554
- height: 2px;
555
- background-color: var(--dv-color-nord-frost-2);
556
- z-index: 999;
557
- }
558
-
559
- .dockview-theme-nord-spaced {
560
- --dv-paneview-active-outline-color: dodgerblue;
561
- --dv-tabs-and-actions-container-font-size: 13px;
562
- --dv-tabs-and-actions-container-height: 35px;
563
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
564
- --dv-drag-over-border-color: transparent;
565
- --dv-tabs-container-scrollbar-color: #888;
566
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
567
- --dv-floating-box-shadow:
568
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
569
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
570
- --dv-overlay-z-index: 999;
571
- --dv-tab-font-size: inherit;
572
- --dv-border-radius: 0px;
573
- --dv-tab-margin: 0;
574
- --dv-sash-color: transparent;
575
- --dv-active-sash-color: transparent;
576
- --dv-active-sash-transition-duration: 0.1s;
577
- --dv-active-sash-transition-delay: 0.5s;
578
- --dv-spacing-padding: 0px;
579
- --dv-tab-border-radius: 0px;
580
- --dv-sash-border-radius: 0px;
581
- --dv-dropdown-border-radius: 0px;
582
- --dv-tab-close-icon-size: inherit;
583
- --dv-floating-group-border: none;
584
- --dv-drag-over-border: none;
585
- --dv-floating-group-dragging-opacity: 0.5;
586
- --dv-floating-titlebar-height: 22px;
587
- --dv-floating-titlebar-background-color: var(
588
- --dv-tabs-and-actions-container-background-color
589
- );
590
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
591
- --dv-tab-group-color-grey: #5f6368;
592
- --dv-tab-group-color-blue: #1a73e8;
593
- --dv-tab-group-color-red: #d93025;
594
- --dv-tab-group-color-yellow: #f9ab00;
595
- --dv-tab-group-color-green: #188038;
596
- --dv-tab-group-color-pink: #d01884;
597
- --dv-tab-group-color-purple: #a142f4;
598
- --dv-tab-group-color-cyan: #007b83;
599
- --dv-tab-group-color-orange: #e8710a;
600
- --dv-tab-group-chip-padding: 4px 8px;
601
- --dv-tab-group-chip-border-radius: 6px;
602
- --dv-tab-group-chip-font-size: 11px;
603
- --dv-tab-group-line-height: 2px;
604
- --dv-tab-group-line-opacity: 0.6;
605
- --dv-spacing-padding: 10px;
606
- --dv-tab-font-size: 12px;
607
- --dv-border-radius: 12px;
608
- --dv-tab-margin: 0.5rem 0.25rem;
609
- --dv-tabs-and-actions-container-height: 44px;
610
- --dv-tab-border-radius: 8px;
611
- --dv-sash-border-radius: 4px;
612
- --dv-dropdown-border-radius: 8px;
613
- --dv-tab-close-icon-size: 8px;
614
- --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
615
- --dv-floating-titlebar-background-color: var(
616
- --dv-group-view-background-color
617
- );
618
- --dv-floating-titlebar-border-bottom: none;
619
- box-sizing: border-box;
620
- padding: var(--dv-spacing-padding);
621
- background-color: var(--dv-group-view-background-color);
622
- }
623
- .dockview-theme-nord-spaced .dv-dockview {
624
- padding: 0;
625
- }
626
- .dockview-theme-nord-spaced .dv-resize-container:has(> .dv-groupview) {
627
- border-radius: 8px;
628
- }
629
- .dockview-theme-nord-spaced .dv-sash {
630
- border-radius: var(--dv-sash-border-radius);
631
- }
632
- .dockview-theme-nord-spaced .dv-drop-target-anchor {
633
- border-radius: calc(var(--dv-border-radius) / 4);
634
- }
635
- .dockview-theme-nord-spaced .dv-drop-target-anchor.dv-drop-target-content {
636
- border-radius: var(--dv-border-radius);
637
- }
638
- .dockview-theme-nord-spaced .dv-resize-container {
639
- border-radius: var(--dv-border-radius) !important;
640
- border: none;
641
- }
642
- .dockview-theme-nord-spaced .dv-resize-container .dv-groupview {
643
- border: var(--dv-floating-group-border);
644
- }
645
- .dockview-theme-nord-spaced .dv-resize-container > .dv-grid-view {
646
- box-sizing: border-box;
647
- padding: var(--dv-spacing-padding);
648
- }
649
- .dockview-theme-nord-spaced .dv-resize-container-with-titlebar > .dv-grid-view {
650
- padding-top: 0;
651
- }
652
- .dockview-theme-nord-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {
653
- border-top-left-radius: var(--dv-border-radius);
654
- border-top-right-radius: var(--dv-border-radius);
655
- }
656
- .dockview-theme-nord-spaced .dv-tabs-overflow-container,
657
- .dockview-theme-nord-spaced .dv-tabs-overflow-dropdown-default {
658
- border-radius: var(--dv-dropdown-border-radius);
659
- height: unset !important;
660
- }
661
- .dockview-theme-nord-spaced .dv-render-overlay {
662
- border-bottom-left-radius: var(--dv-border-radius);
663
- border-bottom-right-radius: var(--dv-border-radius);
664
- }
665
- .dockview-theme-nord-spaced .dv-tab {
666
- border-radius: var(--dv-tab-border-radius);
667
- }
668
- .dockview-theme-nord-spaced .dv-tab .dv-svg {
669
- height: var(--dv-tab-close-icon-size);
670
- width: var(--dv-tab-close-icon-size);
671
- }
672
- .dockview-theme-nord-spaced .dv-tabs-container-vertical .dv-tab {
673
- margin: 0.25rem 0.5rem;
674
- }
675
- .dockview-theme-nord-spaced .dv-groupview {
676
- border-radius: var(--dv-border-radius);
677
- }
678
- .dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container {
679
- padding: 0px calc(var(--dv-border-radius) / 2);
680
- border-top-left-radius: var(--dv-border-radius);
681
- border-top-right-radius: var(--dv-border-radius);
682
- }
683
- .dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
684
- padding: calc(var(--dv-border-radius) / 2) 0;
685
- }
686
- .dockview-theme-nord-spaced .dv-groupview .dv-content-container {
687
- background-color: var(--dv-tabs-and-actions-container-background-color);
688
- border-bottom-left-radius: var(--dv-border-radius);
689
- border-bottom-right-radius: var(--dv-border-radius);
690
- }
691
- .dockview-theme-nord-spaced {
692
- --dv-color-nord-polar-0: #2e3440;
693
- --dv-color-nord-polar-1: #3b4252;
694
- --dv-color-nord-polar-2: #434c5e;
695
- --dv-color-nord-polar-3: #4c566a;
696
- --dv-color-nord-frost: #88c0d0;
697
- --dv-color-nord-frost-2: #81a1c1;
698
- --dv-color-nord-snow-0: #eceff4;
699
- --dv-color-nord-snow-1: #d8dee9;
700
- --dv-group-view-background-color: var(--dv-color-nord-polar-0);
701
- --dv-tabs-and-actions-container-background-color: var(
702
- --dv-color-nord-polar-1
703
- );
704
- --dv-activegroup-visiblepanel-tab-background-color: var(
705
- --dv-color-nord-polar-2
706
- );
707
- --dv-activegroup-hiddenpanel-tab-background-color: var(
708
- --dv-color-nord-polar-1
709
- );
710
- --dv-inactivegroup-visiblepanel-tab-background-color: var(
711
- --dv-color-nord-polar-2
712
- );
713
- --dv-inactivegroup-hiddenpanel-tab-background-color: var(
714
- --dv-color-nord-polar-1
715
- );
716
- --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);
717
- --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);
718
- --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;
719
- --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;
720
- --dv-separator-border: transparent;
721
- --dv-paneview-active-outline-color: var(--dv-color-nord-frost);
722
- --dv-active-sash-color: var(--dv-color-nord-frost);
723
- --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);
724
- --dv-floating-group-border: 2px solid var(--dv-color-nord-polar-0);
725
- }
726
-
727
- .dockview-theme-catppuccin-mocha {
728
- --dv-paneview-active-outline-color: dodgerblue;
729
- --dv-tabs-and-actions-container-font-size: 13px;
730
- --dv-tabs-and-actions-container-height: 35px;
731
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
732
- --dv-drag-over-border-color: transparent;
733
- --dv-tabs-container-scrollbar-color: #888;
734
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
735
- --dv-floating-box-shadow:
736
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
737
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
738
- --dv-overlay-z-index: 999;
739
- --dv-tab-font-size: inherit;
740
- --dv-border-radius: 0px;
741
- --dv-tab-margin: 0;
742
- --dv-sash-color: transparent;
743
- --dv-active-sash-color: transparent;
744
- --dv-active-sash-transition-duration: 0.1s;
745
- --dv-active-sash-transition-delay: 0.5s;
746
- --dv-spacing-padding: 0px;
747
- --dv-tab-border-radius: 0px;
748
- --dv-sash-border-radius: 0px;
749
- --dv-dropdown-border-radius: 0px;
750
- --dv-tab-close-icon-size: inherit;
751
- --dv-floating-group-border: none;
752
- --dv-drag-over-border: none;
753
- --dv-floating-group-dragging-opacity: 0.5;
754
- --dv-floating-titlebar-height: 22px;
755
- --dv-floating-titlebar-background-color: var(
756
- --dv-tabs-and-actions-container-background-color
757
- );
758
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
759
- --dv-tab-group-color-grey: #5f6368;
760
- --dv-tab-group-color-blue: #1a73e8;
761
- --dv-tab-group-color-red: #d93025;
762
- --dv-tab-group-color-yellow: #f9ab00;
763
- --dv-tab-group-color-green: #188038;
764
- --dv-tab-group-color-pink: #d01884;
765
- --dv-tab-group-color-purple: #a142f4;
766
- --dv-tab-group-color-cyan: #007b83;
767
- --dv-tab-group-color-orange: #e8710a;
768
- --dv-tab-group-chip-padding: 4px 8px;
769
- --dv-tab-group-chip-border-radius: 6px;
770
- --dv-tab-group-chip-font-size: 11px;
771
- --dv-tab-group-line-height: 2px;
772
- --dv-tab-group-line-opacity: 0.6;
773
- }
774
- .dockview-theme-catppuccin-mocha .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
775
- opacity: 0;
776
- transition: none;
777
- }
778
- .dockview-theme-catppuccin-mocha {
779
- --dv-color-mocha-crust: #11111b;
780
- --dv-color-mocha-mantle: #181825;
781
- --dv-color-mocha-base: #1e1e2e;
782
- --dv-color-mocha-surface0: #313244;
783
- --dv-color-mocha-surface1: #45475a;
784
- --dv-color-mocha-text: #cdd6f4;
785
- --dv-color-mocha-subtext1: #bac2de;
786
- --dv-color-mocha-subtext0: #a6adc8;
787
- --dv-color-mocha-mauve: #cba6f7;
788
- --dv-color-mocha-lavender: #b4befe;
789
- --dv-group-view-background-color: var(--dv-color-mocha-base);
790
- --dv-tabs-and-actions-container-background-color: var(
791
- --dv-color-mocha-mantle
792
- );
793
- --dv-activegroup-visiblepanel-tab-background-color: var(
794
- --dv-color-mocha-base
795
- );
796
- --dv-activegroup-hiddenpanel-tab-background-color: var(
797
- --dv-color-mocha-surface0
798
- );
799
- --dv-inactivegroup-visiblepanel-tab-background-color: var(
800
- --dv-color-mocha-mantle
801
- );
802
- --dv-inactivegroup-hiddenpanel-tab-background-color: var(
803
- --dv-color-mocha-crust
804
- );
805
- --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);
806
- --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);
807
- --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);
808
- --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);
809
- --dv-separator-border: var(--dv-color-mocha-surface1);
810
- --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);
811
- --dv-active-sash-color: var(--dv-color-mocha-mauve);
812
- --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);
813
- }
814
- .dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
815
- position: relative;
816
- }
817
- .dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
818
- position: absolute;
819
- left: 0px;
820
- bottom: 0px;
821
- content: "";
822
- width: 100%;
823
- height: 2px;
824
- background-color: var(--dv-color-mocha-mauve);
825
- z-index: 999;
826
- }
827
- .dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
828
- position: relative;
829
- }
830
- .dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
831
- position: absolute;
832
- left: 0px;
833
- bottom: 0px;
834
- content: "";
835
- width: 100%;
836
- height: 2px;
837
- background-color: rgba(180, 190, 254, 0.4);
838
- z-index: 999;
839
- }
840
-
841
- .dockview-theme-catppuccin-mocha-spaced {
842
- --dv-paneview-active-outline-color: dodgerblue;
843
- --dv-tabs-and-actions-container-font-size: 13px;
844
- --dv-tabs-and-actions-container-height: 35px;
845
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
846
- --dv-drag-over-border-color: transparent;
847
- --dv-tabs-container-scrollbar-color: #888;
848
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
849
- --dv-floating-box-shadow:
850
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
851
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
852
- --dv-overlay-z-index: 999;
853
- --dv-tab-font-size: inherit;
854
- --dv-border-radius: 0px;
855
- --dv-tab-margin: 0;
856
- --dv-sash-color: transparent;
857
- --dv-active-sash-color: transparent;
858
- --dv-active-sash-transition-duration: 0.1s;
859
- --dv-active-sash-transition-delay: 0.5s;
860
- --dv-spacing-padding: 0px;
861
- --dv-tab-border-radius: 0px;
862
- --dv-sash-border-radius: 0px;
863
- --dv-dropdown-border-radius: 0px;
864
- --dv-tab-close-icon-size: inherit;
865
- --dv-floating-group-border: none;
866
- --dv-drag-over-border: none;
867
- --dv-floating-group-dragging-opacity: 0.5;
868
- --dv-floating-titlebar-height: 22px;
869
- --dv-floating-titlebar-background-color: var(
870
- --dv-tabs-and-actions-container-background-color
871
- );
872
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
873
- --dv-tab-group-color-grey: #5f6368;
874
- --dv-tab-group-color-blue: #1a73e8;
875
- --dv-tab-group-color-red: #d93025;
876
- --dv-tab-group-color-yellow: #f9ab00;
877
- --dv-tab-group-color-green: #188038;
878
- --dv-tab-group-color-pink: #d01884;
879
- --dv-tab-group-color-purple: #a142f4;
880
- --dv-tab-group-color-cyan: #007b83;
881
- --dv-tab-group-color-orange: #e8710a;
882
- --dv-tab-group-chip-padding: 4px 8px;
883
- --dv-tab-group-chip-border-radius: 6px;
884
- --dv-tab-group-chip-font-size: 11px;
885
- --dv-tab-group-line-height: 2px;
886
- --dv-tab-group-line-opacity: 0.6;
887
- --dv-spacing-padding: 10px;
888
- --dv-tab-font-size: 12px;
889
- --dv-border-radius: 12px;
890
- --dv-tab-margin: 0.5rem 0.25rem;
891
- --dv-tabs-and-actions-container-height: 44px;
892
- --dv-tab-border-radius: 8px;
893
- --dv-sash-border-radius: 4px;
894
- --dv-dropdown-border-radius: 8px;
895
- --dv-tab-close-icon-size: 8px;
896
- --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
897
- --dv-floating-titlebar-background-color: var(
898
- --dv-group-view-background-color
899
- );
900
- --dv-floating-titlebar-border-bottom: none;
901
- box-sizing: border-box;
902
- padding: var(--dv-spacing-padding);
903
- background-color: var(--dv-group-view-background-color);
904
- }
905
- .dockview-theme-catppuccin-mocha-spaced .dv-dockview {
906
- padding: 0;
907
- }
908
- .dockview-theme-catppuccin-mocha-spaced .dv-resize-container:has(> .dv-groupview) {
909
- border-radius: 8px;
910
- }
911
- .dockview-theme-catppuccin-mocha-spaced .dv-sash {
912
- border-radius: var(--dv-sash-border-radius);
913
- }
914
- .dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor {
915
- border-radius: calc(var(--dv-border-radius) / 4);
916
- }
917
- .dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor.dv-drop-target-content {
918
- border-radius: var(--dv-border-radius);
919
- }
920
- .dockview-theme-catppuccin-mocha-spaced .dv-resize-container {
921
- border-radius: var(--dv-border-radius) !important;
922
- border: none;
923
- }
924
- .dockview-theme-catppuccin-mocha-spaced .dv-resize-container .dv-groupview {
925
- border: var(--dv-floating-group-border);
926
- }
927
- .dockview-theme-catppuccin-mocha-spaced .dv-resize-container > .dv-grid-view {
928
- box-sizing: border-box;
929
- padding: var(--dv-spacing-padding);
930
- }
931
- .dockview-theme-catppuccin-mocha-spaced .dv-resize-container-with-titlebar > .dv-grid-view {
932
- padding-top: 0;
933
- }
934
- .dockview-theme-catppuccin-mocha-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {
935
- border-top-left-radius: var(--dv-border-radius);
936
- border-top-right-radius: var(--dv-border-radius);
937
- }
938
- .dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-container,
939
- .dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-dropdown-default {
940
- border-radius: var(--dv-dropdown-border-radius);
941
- height: unset !important;
942
- }
943
- .dockview-theme-catppuccin-mocha-spaced .dv-render-overlay {
944
- border-bottom-left-radius: var(--dv-border-radius);
945
- border-bottom-right-radius: var(--dv-border-radius);
946
- }
947
- .dockview-theme-catppuccin-mocha-spaced .dv-tab {
948
- border-radius: var(--dv-tab-border-radius);
949
- }
950
- .dockview-theme-catppuccin-mocha-spaced .dv-tab .dv-svg {
951
- height: var(--dv-tab-close-icon-size);
952
- width: var(--dv-tab-close-icon-size);
953
- }
954
- .dockview-theme-catppuccin-mocha-spaced .dv-tabs-container-vertical .dv-tab {
955
- margin: 0.25rem 0.5rem;
956
- }
957
- .dockview-theme-catppuccin-mocha-spaced .dv-groupview {
958
- border-radius: var(--dv-border-radius);
959
- }
960
- .dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container {
961
- padding: 0px calc(var(--dv-border-radius) / 2);
962
- border-top-left-radius: var(--dv-border-radius);
963
- border-top-right-radius: var(--dv-border-radius);
964
- }
965
- .dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
966
- padding: calc(var(--dv-border-radius) / 2) 0;
967
- }
968
- .dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-content-container {
969
- background-color: var(--dv-tabs-and-actions-container-background-color);
970
- border-bottom-left-radius: var(--dv-border-radius);
971
- border-bottom-right-radius: var(--dv-border-radius);
972
- }
973
- .dockview-theme-catppuccin-mocha-spaced {
974
- --dv-color-mocha-crust: #11111b;
975
- --dv-color-mocha-mantle: #181825;
976
- --dv-color-mocha-base: #1e1e2e;
977
- --dv-color-mocha-surface0: #313244;
978
- --dv-color-mocha-surface1: #45475a;
979
- --dv-color-mocha-text: #cdd6f4;
980
- --dv-color-mocha-subtext1: #bac2de;
981
- --dv-color-mocha-subtext0: #a6adc8;
982
- --dv-color-mocha-mauve: #cba6f7;
983
- --dv-color-mocha-lavender: #b4befe;
984
- --dv-group-view-background-color: var(--dv-color-mocha-crust);
985
- --dv-tabs-and-actions-container-background-color: var(
986
- --dv-color-mocha-mantle
987
- );
988
- --dv-activegroup-visiblepanel-tab-background-color: var(
989
- --dv-color-mocha-surface0
990
- );
991
- --dv-activegroup-hiddenpanel-tab-background-color: var(
992
- --dv-color-mocha-mantle
993
- );
994
- --dv-inactivegroup-visiblepanel-tab-background-color: var(
995
- --dv-color-mocha-surface0
996
- );
997
- --dv-inactivegroup-hiddenpanel-tab-background-color: var(
998
- --dv-color-mocha-mantle
999
- );
1000
- --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);
1001
- --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);
1002
- --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);
1003
- --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);
1004
- --dv-separator-border: transparent;
1005
- --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);
1006
- --dv-active-sash-color: var(--dv-color-mocha-mauve);
1007
- --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);
1008
- --dv-floating-group-border: 2px solid var(--dv-color-mocha-crust);
1009
- }
1010
-
1011
- .dockview-theme-monokai {
1012
- --dv-paneview-active-outline-color: dodgerblue;
1013
- --dv-tabs-and-actions-container-font-size: 13px;
1014
- --dv-tabs-and-actions-container-height: 35px;
1015
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1016
- --dv-drag-over-border-color: transparent;
1017
- --dv-tabs-container-scrollbar-color: #888;
1018
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1019
- --dv-floating-box-shadow:
1020
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1021
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1022
- --dv-overlay-z-index: 999;
1023
- --dv-tab-font-size: inherit;
1024
- --dv-border-radius: 0px;
1025
- --dv-tab-margin: 0;
1026
- --dv-sash-color: transparent;
1027
- --dv-active-sash-color: transparent;
1028
- --dv-active-sash-transition-duration: 0.1s;
1029
- --dv-active-sash-transition-delay: 0.5s;
1030
- --dv-spacing-padding: 0px;
1031
- --dv-tab-border-radius: 0px;
1032
- --dv-sash-border-radius: 0px;
1033
- --dv-dropdown-border-radius: 0px;
1034
- --dv-tab-close-icon-size: inherit;
1035
- --dv-floating-group-border: none;
1036
- --dv-drag-over-border: none;
1037
- --dv-floating-group-dragging-opacity: 0.5;
1038
- --dv-floating-titlebar-height: 22px;
1039
- --dv-floating-titlebar-background-color: var(
1040
- --dv-tabs-and-actions-container-background-color
1041
- );
1042
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
1043
- --dv-tab-group-color-grey: #5f6368;
1044
- --dv-tab-group-color-blue: #1a73e8;
1045
- --dv-tab-group-color-red: #d93025;
1046
- --dv-tab-group-color-yellow: #f9ab00;
1047
- --dv-tab-group-color-green: #188038;
1048
- --dv-tab-group-color-pink: #d01884;
1049
- --dv-tab-group-color-purple: #a142f4;
1050
- --dv-tab-group-color-cyan: #007b83;
1051
- --dv-tab-group-color-orange: #e8710a;
1052
- --dv-tab-group-chip-padding: 4px 8px;
1053
- --dv-tab-group-chip-border-radius: 6px;
1054
- --dv-tab-group-chip-font-size: 11px;
1055
- --dv-tab-group-line-height: 2px;
1056
- --dv-tab-group-line-opacity: 0.6;
1057
- }
1058
- .dockview-theme-monokai .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
1059
- opacity: 0;
1060
- transition: none;
1061
- }
1062
- .dockview-theme-monokai {
1063
- --dv-color-monokai-bg: #272822;
1064
- --dv-color-monokai-bg-light: #3e3d32;
1065
- --dv-color-monokai-comment: #75715e;
1066
- --dv-color-monokai-fg: #f8f8f2;
1067
- --dv-color-monokai-green: #a6e22e;
1068
- --dv-group-view-background-color: var(--dv-color-monokai-bg);
1069
- --dv-tabs-and-actions-container-background-color: var(
1070
- --dv-color-monokai-bg-light
1071
- );
1072
- --dv-activegroup-visiblepanel-tab-background-color: var(
1073
- --dv-color-monokai-bg
1074
- );
1075
- --dv-activegroup-hiddenpanel-tab-background-color: #2d2c25;
1076
- --dv-inactivegroup-visiblepanel-tab-background-color: var(
1077
- --dv-color-monokai-bg
1078
- );
1079
- --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2c25;
1080
- --dv-activegroup-visiblepanel-tab-color: var(--dv-color-monokai-fg);
1081
- --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-monokai-comment);
1082
- --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);
1083
- --dv-inactivegroup-hiddenpanel-tab-color: rgba(117, 113, 94, 0.5);
1084
- --dv-separator-border: var(--dv-color-monokai-bg-light);
1085
- --dv-paneview-active-outline-color: var(--dv-color-monokai-green);
1086
- --dv-active-sash-color: var(--dv-color-monokai-green);
1087
- --dv-scrollbar-background-color: rgba(117, 113, 94, 0.5);
1088
- }
1089
- .dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
1090
- position: relative;
1091
- }
1092
- .dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
1093
- position: absolute;
1094
- left: 0px;
1095
- bottom: 0px;
1096
- content: "";
1097
- width: 100%;
1098
- height: 2px;
1099
- background-color: var(--dv-color-monokai-green);
1100
- z-index: 999;
1101
- }
1102
- .dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
1103
- position: relative;
1104
- }
1105
- .dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
1106
- position: absolute;
1107
- left: 0px;
1108
- bottom: 0px;
1109
- content: "";
1110
- width: 100%;
1111
- height: 2px;
1112
- background-color: rgba(166, 226, 46, 0.35);
1113
- z-index: 999;
1114
- }
1115
-
1116
- .dockview-theme-solarized-light {
1117
- --dv-paneview-active-outline-color: dodgerblue;
1118
- --dv-tabs-and-actions-container-font-size: 13px;
1119
- --dv-tabs-and-actions-container-height: 35px;
1120
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1121
- --dv-drag-over-border-color: transparent;
1122
- --dv-tabs-container-scrollbar-color: #888;
1123
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1124
- --dv-floating-box-shadow:
1125
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1126
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1127
- --dv-overlay-z-index: 999;
1128
- --dv-tab-font-size: inherit;
1129
- --dv-border-radius: 0px;
1130
- --dv-tab-margin: 0;
1131
- --dv-sash-color: transparent;
1132
- --dv-active-sash-color: transparent;
1133
- --dv-active-sash-transition-duration: 0.1s;
1134
- --dv-active-sash-transition-delay: 0.5s;
1135
- --dv-spacing-padding: 0px;
1136
- --dv-tab-border-radius: 0px;
1137
- --dv-sash-border-radius: 0px;
1138
- --dv-dropdown-border-radius: 0px;
1139
- --dv-tab-close-icon-size: inherit;
1140
- --dv-floating-group-border: none;
1141
- --dv-drag-over-border: none;
1142
- --dv-floating-group-dragging-opacity: 0.5;
1143
- --dv-floating-titlebar-height: 22px;
1144
- --dv-floating-titlebar-background-color: var(
1145
- --dv-tabs-and-actions-container-background-color
1146
- );
1147
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
1148
- --dv-tab-group-color-grey: #5f6368;
1149
- --dv-tab-group-color-blue: #1a73e8;
1150
- --dv-tab-group-color-red: #d93025;
1151
- --dv-tab-group-color-yellow: #f9ab00;
1152
- --dv-tab-group-color-green: #188038;
1153
- --dv-tab-group-color-pink: #d01884;
1154
- --dv-tab-group-color-purple: #a142f4;
1155
- --dv-tab-group-color-cyan: #007b83;
1156
- --dv-tab-group-color-orange: #e8710a;
1157
- --dv-tab-group-chip-padding: 4px 8px;
1158
- --dv-tab-group-chip-border-radius: 6px;
1159
- --dv-tab-group-chip-font-size: 11px;
1160
- --dv-tab-group-line-height: 2px;
1161
- --dv-tab-group-line-opacity: 0.6;
1162
- }
1163
- .dockview-theme-solarized-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
1164
- opacity: 0;
1165
- transition: none;
1166
- }
1167
- .dockview-theme-solarized-light {
1168
- --dv-color-sol-base3: #fdf6e3;
1169
- --dv-color-sol-base2: #eee8d5;
1170
- --dv-color-sol-base1: #93a1a1;
1171
- --dv-color-sol-base00: #657b83;
1172
- --dv-color-sol-base01: #586e75;
1173
- --dv-color-sol-blue: #268bd2;
1174
- --dv-group-view-background-color: var(--dv-color-sol-base3);
1175
- --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base2);
1176
- --dv-activegroup-visiblepanel-tab-background-color: var(
1177
- --dv-color-sol-base3
1178
- );
1179
- --dv-activegroup-hiddenpanel-tab-background-color: #e8e2d0;
1180
- --dv-inactivegroup-visiblepanel-tab-background-color: var(
1181
- --dv-color-sol-base3
1182
- );
1183
- --dv-inactivegroup-hiddenpanel-tab-background-color: #e8e2d0;
1184
- --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);
1185
- --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);
1186
- --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);
1187
- --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);
1188
- --dv-separator-border: var(--dv-color-sol-base2);
1189
- --dv-paneview-active-outline-color: var(--dv-color-sol-blue);
1190
- --dv-active-sash-color: var(--dv-color-sol-blue);
1191
- --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);
1192
- --dv-drag-over-background-color: rgba(38, 139, 210, 0.15);
1193
- --dv-floating-box-shadow:
1194
- 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
1195
- --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);
1196
- }
1197
-
1198
- .dockview-theme-solarized-light-spaced {
1199
- --dv-paneview-active-outline-color: dodgerblue;
1200
- --dv-tabs-and-actions-container-font-size: 13px;
1201
- --dv-tabs-and-actions-container-height: 35px;
1202
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1203
- --dv-drag-over-border-color: transparent;
1204
- --dv-tabs-container-scrollbar-color: #888;
1205
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1206
- --dv-floating-box-shadow:
1207
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1208
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1209
- --dv-overlay-z-index: 999;
1210
- --dv-tab-font-size: inherit;
1211
- --dv-border-radius: 0px;
1212
- --dv-tab-margin: 0;
1213
- --dv-sash-color: transparent;
1214
- --dv-active-sash-color: transparent;
1215
- --dv-active-sash-transition-duration: 0.1s;
1216
- --dv-active-sash-transition-delay: 0.5s;
1217
- --dv-spacing-padding: 0px;
1218
- --dv-tab-border-radius: 0px;
1219
- --dv-sash-border-radius: 0px;
1220
- --dv-dropdown-border-radius: 0px;
1221
- --dv-tab-close-icon-size: inherit;
1222
- --dv-floating-group-border: none;
1223
- --dv-drag-over-border: none;
1224
- --dv-floating-group-dragging-opacity: 0.5;
1225
- --dv-floating-titlebar-height: 22px;
1226
- --dv-floating-titlebar-background-color: var(
1227
- --dv-tabs-and-actions-container-background-color
1228
- );
1229
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
1230
- --dv-tab-group-color-grey: #5f6368;
1231
- --dv-tab-group-color-blue: #1a73e8;
1232
- --dv-tab-group-color-red: #d93025;
1233
- --dv-tab-group-color-yellow: #f9ab00;
1234
- --dv-tab-group-color-green: #188038;
1235
- --dv-tab-group-color-pink: #d01884;
1236
- --dv-tab-group-color-purple: #a142f4;
1237
- --dv-tab-group-color-cyan: #007b83;
1238
- --dv-tab-group-color-orange: #e8710a;
1239
- --dv-tab-group-chip-padding: 4px 8px;
1240
- --dv-tab-group-chip-border-radius: 6px;
1241
- --dv-tab-group-chip-font-size: 11px;
1242
- --dv-tab-group-line-height: 2px;
1243
- --dv-tab-group-line-opacity: 0.6;
1244
- --dv-spacing-padding: 10px;
1245
- --dv-tab-font-size: 12px;
1246
- --dv-border-radius: 12px;
1247
- --dv-tab-margin: 0.5rem 0.25rem;
1248
- --dv-tabs-and-actions-container-height: 44px;
1249
- --dv-tab-border-radius: 8px;
1250
- --dv-sash-border-radius: 4px;
1251
- --dv-dropdown-border-radius: 8px;
1252
- --dv-tab-close-icon-size: 8px;
1253
- --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
1254
- --dv-floating-titlebar-background-color: var(
1255
- --dv-group-view-background-color
1256
- );
1257
- --dv-floating-titlebar-border-bottom: none;
1258
- box-sizing: border-box;
1259
- padding: var(--dv-spacing-padding);
1260
- background-color: var(--dv-group-view-background-color);
1261
- }
1262
- .dockview-theme-solarized-light-spaced .dv-dockview {
1263
- padding: 0;
1264
- }
1265
- .dockview-theme-solarized-light-spaced .dv-resize-container:has(> .dv-groupview) {
1266
- border-radius: 8px;
1267
- }
1268
- .dockview-theme-solarized-light-spaced .dv-sash {
1269
- border-radius: var(--dv-sash-border-radius);
1270
- }
1271
- .dockview-theme-solarized-light-spaced .dv-drop-target-anchor {
1272
- border-radius: calc(var(--dv-border-radius) / 4);
1273
- }
1274
- .dockview-theme-solarized-light-spaced .dv-drop-target-anchor.dv-drop-target-content {
1275
- border-radius: var(--dv-border-radius);
1276
- }
1277
- .dockview-theme-solarized-light-spaced .dv-resize-container {
1278
- border-radius: var(--dv-border-radius) !important;
1279
- border: none;
1280
- }
1281
- .dockview-theme-solarized-light-spaced .dv-resize-container .dv-groupview {
1282
- border: var(--dv-floating-group-border);
1283
- }
1284
- .dockview-theme-solarized-light-spaced .dv-resize-container > .dv-grid-view {
1285
- box-sizing: border-box;
1286
- padding: var(--dv-spacing-padding);
1287
- }
1288
- .dockview-theme-solarized-light-spaced .dv-resize-container-with-titlebar > .dv-grid-view {
1289
- padding-top: 0;
1290
- }
1291
- .dockview-theme-solarized-light-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {
1292
- border-top-left-radius: var(--dv-border-radius);
1293
- border-top-right-radius: var(--dv-border-radius);
1294
- }
1295
- .dockview-theme-solarized-light-spaced .dv-tabs-overflow-container,
1296
- .dockview-theme-solarized-light-spaced .dv-tabs-overflow-dropdown-default {
1297
- border-radius: var(--dv-dropdown-border-radius);
1298
- height: unset !important;
1299
- }
1300
- .dockview-theme-solarized-light-spaced .dv-render-overlay {
1301
- border-bottom-left-radius: var(--dv-border-radius);
1302
- border-bottom-right-radius: var(--dv-border-radius);
1303
- }
1304
- .dockview-theme-solarized-light-spaced .dv-tab {
1305
- border-radius: var(--dv-tab-border-radius);
1306
- }
1307
- .dockview-theme-solarized-light-spaced .dv-tab .dv-svg {
1308
- height: var(--dv-tab-close-icon-size);
1309
- width: var(--dv-tab-close-icon-size);
1310
- }
1311
- .dockview-theme-solarized-light-spaced .dv-tabs-container-vertical .dv-tab {
1312
- margin: 0.25rem 0.5rem;
1313
- }
1314
- .dockview-theme-solarized-light-spaced .dv-groupview {
1315
- border-radius: var(--dv-border-radius);
1316
- }
1317
- .dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-container {
1318
- padding: 0px calc(var(--dv-border-radius) / 2);
1319
- border-top-left-radius: var(--dv-border-radius);
1320
- border-top-right-radius: var(--dv-border-radius);
1321
- }
1322
- .dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
1323
- padding: calc(var(--dv-border-radius) / 2) 0;
1324
- }
1325
- .dockview-theme-solarized-light-spaced .dv-groupview .dv-content-container {
1326
- background-color: var(--dv-tabs-and-actions-container-background-color);
1327
- border-bottom-left-radius: var(--dv-border-radius);
1328
- border-bottom-right-radius: var(--dv-border-radius);
1329
- }
1330
- .dockview-theme-solarized-light-spaced {
1331
- --dv-color-sol-base3: #fdf6e3;
1332
- --dv-color-sol-base2: #eee8d5;
1333
- --dv-color-sol-base1: #93a1a1;
1334
- --dv-color-sol-base00: #657b83;
1335
- --dv-color-sol-base01: #586e75;
1336
- --dv-color-sol-blue: #268bd2;
1337
- --dv-drag-over-background-color: rgba(38, 139, 210, 0.1);
1338
- --dv-group-view-background-color: var(--dv-color-sol-base2);
1339
- --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base3);
1340
- --dv-activegroup-visiblepanel-tab-background-color: #e8e2d0;
1341
- --dv-activegroup-hiddenpanel-tab-background-color: var(
1342
- --dv-color-sol-base3
1343
- );
1344
- --dv-inactivegroup-visiblepanel-tab-background-color: #e8e2d0;
1345
- --dv-inactivegroup-hiddenpanel-tab-background-color: var(
1346
- --dv-color-sol-base3
1347
- );
1348
- --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);
1349
- --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);
1350
- --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);
1351
- --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);
1352
- --dv-separator-border: transparent;
1353
- --dv-paneview-active-outline-color: var(--dv-color-sol-blue);
1354
- --dv-active-sash-color: var(--dv-color-sol-blue);
1355
- --dv-floating-box-shadow:
1356
- 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
1357
- --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);
1358
- --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);
1359
- --dv-floating-group-border: 2px solid rgba(238, 232, 213, 0.5);
1360
- }
1361
-
1362
- .dockview-theme-github-dark {
1363
- --dv-paneview-active-outline-color: dodgerblue;
1364
- --dv-tabs-and-actions-container-font-size: 13px;
1365
- --dv-tabs-and-actions-container-height: 35px;
1366
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1367
- --dv-drag-over-border-color: transparent;
1368
- --dv-tabs-container-scrollbar-color: #888;
1369
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1370
- --dv-floating-box-shadow:
1371
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1372
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1373
- --dv-overlay-z-index: 999;
1374
- --dv-tab-font-size: inherit;
1375
- --dv-border-radius: 0px;
1376
- --dv-tab-margin: 0;
1377
- --dv-sash-color: transparent;
1378
- --dv-active-sash-color: transparent;
1379
- --dv-active-sash-transition-duration: 0.1s;
1380
- --dv-active-sash-transition-delay: 0.5s;
1381
- --dv-spacing-padding: 0px;
1382
- --dv-tab-border-radius: 0px;
1383
- --dv-sash-border-radius: 0px;
1384
- --dv-dropdown-border-radius: 0px;
1385
- --dv-tab-close-icon-size: inherit;
1386
- --dv-floating-group-border: none;
1387
- --dv-drag-over-border: none;
1388
- --dv-floating-group-dragging-opacity: 0.5;
1389
- --dv-floating-titlebar-height: 22px;
1390
- --dv-floating-titlebar-background-color: var(
1391
- --dv-tabs-and-actions-container-background-color
1392
- );
1393
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
1394
- --dv-tab-group-color-grey: #5f6368;
1395
- --dv-tab-group-color-blue: #1a73e8;
1396
- --dv-tab-group-color-red: #d93025;
1397
- --dv-tab-group-color-yellow: #f9ab00;
1398
- --dv-tab-group-color-green: #188038;
1399
- --dv-tab-group-color-pink: #d01884;
1400
- --dv-tab-group-color-purple: #a142f4;
1401
- --dv-tab-group-color-cyan: #007b83;
1402
- --dv-tab-group-color-orange: #e8710a;
1403
- --dv-tab-group-chip-padding: 4px 8px;
1404
- --dv-tab-group-chip-border-radius: 6px;
1405
- --dv-tab-group-chip-font-size: 11px;
1406
- --dv-tab-group-line-height: 2px;
1407
- --dv-tab-group-line-opacity: 0.6;
1408
- }
1409
- .dockview-theme-github-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
1410
- opacity: 0;
1411
- transition: none;
1412
- }
1413
- .dockview-theme-github-dark {
1414
- --dv-color-gh-canvas-default: #0d1117;
1415
- --dv-color-gh-canvas-subtle: #161b22;
1416
- --dv-color-gh-canvas-inset: #010409;
1417
- --dv-color-gh-border: #30363d;
1418
- --dv-color-gh-border-muted: #21262d;
1419
- --dv-color-gh-fg-default: #e6edf3;
1420
- --dv-color-gh-fg-muted: #8b949e;
1421
- --dv-color-gh-fg-subtle: #6e7681;
1422
- --dv-color-gh-accent: #58a6ff;
1423
- --dv-group-view-background-color: var(--dv-color-gh-canvas-default);
1424
- --dv-tabs-and-actions-container-background-color: var(
1425
- --dv-color-gh-canvas-subtle
1426
- );
1427
- --dv-activegroup-visiblepanel-tab-background-color: var(
1428
- --dv-color-gh-canvas-default
1429
- );
1430
- --dv-activegroup-hiddenpanel-tab-background-color: var(
1431
- --dv-color-gh-canvas-subtle
1432
- );
1433
- --dv-inactivegroup-visiblepanel-tab-background-color: var(
1434
- --dv-color-gh-canvas-default
1435
- );
1436
- --dv-inactivegroup-hiddenpanel-tab-background-color: var(
1437
- --dv-color-gh-canvas-subtle
1438
- );
1439
- --dv-activegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-default);
1440
- --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-fg-muted);
1441
- --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-subtle);
1442
- --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.5);
1443
- --dv-separator-border: var(--dv-color-gh-border);
1444
- --dv-paneview-active-outline-color: var(--dv-color-gh-accent);
1445
- --dv-active-sash-color: var(--dv-color-gh-accent);
1446
- --dv-scrollbar-background-color: rgba(48, 54, 61, 0.7);
1447
- --dv-drag-over-background-color: rgba(88, 166, 255, 0.15);
1448
- }
1449
-
1450
- .dockview-theme-github-dark-spaced {
1451
- --dv-paneview-active-outline-color: dodgerblue;
1452
- --dv-tabs-and-actions-container-font-size: 13px;
1453
- --dv-tabs-and-actions-container-height: 35px;
1454
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1455
- --dv-drag-over-border-color: transparent;
1456
- --dv-tabs-container-scrollbar-color: #888;
1457
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1458
- --dv-floating-box-shadow:
1459
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1460
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1461
- --dv-overlay-z-index: 999;
1462
- --dv-tab-font-size: inherit;
1463
- --dv-border-radius: 0px;
1464
- --dv-tab-margin: 0;
1465
- --dv-sash-color: transparent;
1466
- --dv-active-sash-color: transparent;
1467
- --dv-active-sash-transition-duration: 0.1s;
1468
- --dv-active-sash-transition-delay: 0.5s;
1469
- --dv-spacing-padding: 0px;
1470
- --dv-tab-border-radius: 0px;
1471
- --dv-sash-border-radius: 0px;
1472
- --dv-dropdown-border-radius: 0px;
1473
- --dv-tab-close-icon-size: inherit;
1474
- --dv-floating-group-border: none;
1475
- --dv-drag-over-border: none;
1476
- --dv-floating-group-dragging-opacity: 0.5;
1477
- --dv-floating-titlebar-height: 22px;
1478
- --dv-floating-titlebar-background-color: var(
1479
- --dv-tabs-and-actions-container-background-color
1480
- );
1481
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
1482
- --dv-tab-group-color-grey: #5f6368;
1483
- --dv-tab-group-color-blue: #1a73e8;
1484
- --dv-tab-group-color-red: #d93025;
1485
- --dv-tab-group-color-yellow: #f9ab00;
1486
- --dv-tab-group-color-green: #188038;
1487
- --dv-tab-group-color-pink: #d01884;
1488
- --dv-tab-group-color-purple: #a142f4;
1489
- --dv-tab-group-color-cyan: #007b83;
1490
- --dv-tab-group-color-orange: #e8710a;
1491
- --dv-tab-group-chip-padding: 4px 8px;
1492
- --dv-tab-group-chip-border-radius: 6px;
1493
- --dv-tab-group-chip-font-size: 11px;
1494
- --dv-tab-group-line-height: 2px;
1495
- --dv-tab-group-line-opacity: 0.6;
1496
- --dv-spacing-padding: 10px;
1497
- --dv-tab-font-size: 12px;
1498
- --dv-border-radius: 12px;
1499
- --dv-tab-margin: 0.5rem 0.25rem;
1500
- --dv-tabs-and-actions-container-height: 44px;
1501
- --dv-tab-border-radius: 8px;
1502
- --dv-sash-border-radius: 4px;
1503
- --dv-dropdown-border-radius: 8px;
1504
- --dv-tab-close-icon-size: 8px;
1505
- --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
1506
- --dv-floating-titlebar-background-color: var(
1507
- --dv-group-view-background-color
1508
- );
1509
- --dv-floating-titlebar-border-bottom: none;
1510
- box-sizing: border-box;
1511
- padding: var(--dv-spacing-padding);
1512
- background-color: var(--dv-group-view-background-color);
1513
- }
1514
- .dockview-theme-github-dark-spaced .dv-dockview {
1515
- padding: 0;
1516
- }
1517
- .dockview-theme-github-dark-spaced .dv-resize-container:has(> .dv-groupview) {
1518
- border-radius: 8px;
1519
- }
1520
- .dockview-theme-github-dark-spaced .dv-sash {
1521
- border-radius: var(--dv-sash-border-radius);
1522
- }
1523
- .dockview-theme-github-dark-spaced .dv-drop-target-anchor {
1524
- border-radius: calc(var(--dv-border-radius) / 4);
1525
- }
1526
- .dockview-theme-github-dark-spaced .dv-drop-target-anchor.dv-drop-target-content {
1527
- border-radius: var(--dv-border-radius);
1528
- }
1529
- .dockview-theme-github-dark-spaced .dv-resize-container {
1530
- border-radius: var(--dv-border-radius) !important;
1531
- border: none;
1532
- }
1533
- .dockview-theme-github-dark-spaced .dv-resize-container .dv-groupview {
1534
- border: var(--dv-floating-group-border);
1535
- }
1536
- .dockview-theme-github-dark-spaced .dv-resize-container > .dv-grid-view {
1537
- box-sizing: border-box;
1538
- padding: var(--dv-spacing-padding);
1539
- }
1540
- .dockview-theme-github-dark-spaced .dv-resize-container-with-titlebar > .dv-grid-view {
1541
- padding-top: 0;
1542
- }
1543
- .dockview-theme-github-dark-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {
1544
- border-top-left-radius: var(--dv-border-radius);
1545
- border-top-right-radius: var(--dv-border-radius);
1546
- }
1547
- .dockview-theme-github-dark-spaced .dv-tabs-overflow-container,
1548
- .dockview-theme-github-dark-spaced .dv-tabs-overflow-dropdown-default {
1549
- border-radius: var(--dv-dropdown-border-radius);
1550
- height: unset !important;
1551
- }
1552
- .dockview-theme-github-dark-spaced .dv-render-overlay {
1553
- border-bottom-left-radius: var(--dv-border-radius);
1554
- border-bottom-right-radius: var(--dv-border-radius);
1555
- }
1556
- .dockview-theme-github-dark-spaced .dv-tab {
1557
- border-radius: var(--dv-tab-border-radius);
1558
- }
1559
- .dockview-theme-github-dark-spaced .dv-tab .dv-svg {
1560
- height: var(--dv-tab-close-icon-size);
1561
- width: var(--dv-tab-close-icon-size);
1562
- }
1563
- .dockview-theme-github-dark-spaced .dv-tabs-container-vertical .dv-tab {
1564
- margin: 0.25rem 0.5rem;
1565
- }
1566
- .dockview-theme-github-dark-spaced .dv-groupview {
1567
- border-radius: var(--dv-border-radius);
1568
- }
1569
- .dockview-theme-github-dark-spaced .dv-groupview .dv-tabs-and-actions-container {
1570
- padding: 0px calc(var(--dv-border-radius) / 2);
1571
- border-top-left-radius: var(--dv-border-radius);
1572
- border-top-right-radius: var(--dv-border-radius);
1573
- }
1574
- .dockview-theme-github-dark-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
1575
- padding: calc(var(--dv-border-radius) / 2) 0;
1576
- }
1577
- .dockview-theme-github-dark-spaced .dv-groupview .dv-content-container {
1578
- background-color: var(--dv-tabs-and-actions-container-background-color);
1579
- border-bottom-left-radius: var(--dv-border-radius);
1580
- border-bottom-right-radius: var(--dv-border-radius);
1581
- }
1582
- .dockview-theme-github-dark-spaced {
1583
- --dv-color-gh-canvas-default: #0d1117;
1584
- --dv-color-gh-canvas-subtle: #161b22;
1585
- --dv-color-gh-canvas-inset: #010409;
1586
- --dv-color-gh-border: #30363d;
1587
- --dv-color-gh-border-muted: #21262d;
1588
- --dv-color-gh-fg-default: #e6edf3;
1589
- --dv-color-gh-fg-muted: #8b949e;
1590
- --dv-color-gh-fg-subtle: #6e7681;
1591
- --dv-color-gh-accent: #58a6ff;
1592
- --dv-drag-over-background-color: rgba(88, 166, 255, 0.1);
1593
- --dv-group-view-background-color: var(--dv-color-gh-canvas-inset);
1594
- --dv-tabs-and-actions-container-background-color: var(
1595
- --dv-color-gh-canvas-subtle
1596
- );
1597
- --dv-activegroup-visiblepanel-tab-background-color: var(
1598
- --dv-color-gh-border
1599
- );
1600
- --dv-activegroup-hiddenpanel-tab-background-color: var(
1601
- --dv-color-gh-canvas-subtle
1602
- );
1603
- --dv-inactivegroup-visiblepanel-tab-background-color: var(
1604
- --dv-color-gh-border
1605
- );
1606
- --dv-inactivegroup-hiddenpanel-tab-background-color: var(
1607
- --dv-color-gh-canvas-subtle
1608
- );
1609
- --dv-activegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-default);
1610
- --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-fg-muted);
1611
- --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-subtle);
1612
- --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.5);
1613
- --dv-separator-border: transparent;
1614
- --dv-paneview-active-outline-color: var(--dv-color-gh-accent);
1615
- --dv-active-sash-color: var(--dv-color-gh-accent);
1616
- --dv-scrollbar-background-color: rgba(48, 54, 61, 0.7);
1617
- --dv-floating-group-border: 2px solid var(--dv-color-gh-canvas-inset);
1618
- }
1619
-
1620
- .dockview-theme-github-light {
1621
- --dv-paneview-active-outline-color: dodgerblue;
1622
- --dv-tabs-and-actions-container-font-size: 13px;
1623
- --dv-tabs-and-actions-container-height: 35px;
1624
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1625
- --dv-drag-over-border-color: transparent;
1626
- --dv-tabs-container-scrollbar-color: #888;
1627
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1628
- --dv-floating-box-shadow:
1629
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1630
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1631
- --dv-overlay-z-index: 999;
1632
- --dv-tab-font-size: inherit;
1633
- --dv-border-radius: 0px;
1634
- --dv-tab-margin: 0;
1635
- --dv-sash-color: transparent;
1636
- --dv-active-sash-color: transparent;
1637
- --dv-active-sash-transition-duration: 0.1s;
1638
- --dv-active-sash-transition-delay: 0.5s;
1639
- --dv-spacing-padding: 0px;
1640
- --dv-tab-border-radius: 0px;
1641
- --dv-sash-border-radius: 0px;
1642
- --dv-dropdown-border-radius: 0px;
1643
- --dv-tab-close-icon-size: inherit;
1644
- --dv-floating-group-border: none;
1645
- --dv-drag-over-border: none;
1646
- --dv-floating-group-dragging-opacity: 0.5;
1647
- --dv-floating-titlebar-height: 22px;
1648
- --dv-floating-titlebar-background-color: var(
1649
- --dv-tabs-and-actions-container-background-color
1650
- );
1651
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
1652
- --dv-tab-group-color-grey: #5f6368;
1653
- --dv-tab-group-color-blue: #1a73e8;
1654
- --dv-tab-group-color-red: #d93025;
1655
- --dv-tab-group-color-yellow: #f9ab00;
1656
- --dv-tab-group-color-green: #188038;
1657
- --dv-tab-group-color-pink: #d01884;
1658
- --dv-tab-group-color-purple: #a142f4;
1659
- --dv-tab-group-color-cyan: #007b83;
1660
- --dv-tab-group-color-orange: #e8710a;
1661
- --dv-tab-group-chip-padding: 4px 8px;
1662
- --dv-tab-group-chip-border-radius: 6px;
1663
- --dv-tab-group-chip-font-size: 11px;
1664
- --dv-tab-group-line-height: 2px;
1665
- --dv-tab-group-line-opacity: 0.6;
1666
- }
1667
- .dockview-theme-github-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
1668
- opacity: 0;
1669
- transition: none;
1670
- }
1671
- .dockview-theme-github-light {
1672
- --dv-color-gh-light-canvas-default: #ffffff;
1673
- --dv-color-gh-light-canvas-subtle: #f6f8fa;
1674
- --dv-color-gh-light-canvas-inset: #f0f6ff;
1675
- --dv-color-gh-light-border: #d0d7de;
1676
- --dv-color-gh-light-fg-default: #1f2328;
1677
- --dv-color-gh-light-fg-muted: #656d76;
1678
- --dv-color-gh-light-fg-subtle: #6e7781;
1679
- --dv-color-gh-light-accent: #0969da;
1680
- --dv-group-view-background-color: var(--dv-color-gh-light-canvas-default);
1681
- --dv-tabs-and-actions-container-background-color: var(
1682
- --dv-color-gh-light-canvas-subtle
1683
- );
1684
- --dv-activegroup-visiblepanel-tab-background-color: var(
1685
- --dv-color-gh-light-canvas-default
1686
- );
1687
- --dv-activegroup-hiddenpanel-tab-background-color: var(
1688
- --dv-color-gh-light-canvas-subtle
1689
- );
1690
- --dv-inactivegroup-visiblepanel-tab-background-color: var(
1691
- --dv-color-gh-light-canvas-default
1692
- );
1693
- --dv-inactivegroup-hiddenpanel-tab-background-color: var(
1694
- --dv-color-gh-light-canvas-subtle
1695
- );
1696
- --dv-activegroup-visiblepanel-tab-color: var(
1697
- --dv-color-gh-light-fg-default
1698
- );
1699
- --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-light-fg-muted);
1700
- --dv-inactivegroup-visiblepanel-tab-color: var(
1701
- --dv-color-gh-light-fg-subtle
1702
- );
1703
- --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.4);
1704
- --dv-separator-border: var(--dv-color-gh-light-border);
1705
- --dv-paneview-active-outline-color: var(--dv-color-gh-light-accent);
1706
- --dv-active-sash-color: var(--dv-color-gh-light-accent);
1707
- --dv-scrollbar-background-color: rgba(208, 215, 222, 0.5);
1708
- --dv-drag-over-background-color: rgba(9, 105, 218, 0.1);
1709
- --dv-floating-box-shadow:
1710
- 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
1711
- --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);
1712
- }
1713
-
1714
- .dockview-theme-github-light-spaced {
1715
- --dv-paneview-active-outline-color: dodgerblue;
1716
- --dv-tabs-and-actions-container-font-size: 13px;
1717
- --dv-tabs-and-actions-container-height: 35px;
1718
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1719
- --dv-drag-over-border-color: transparent;
1720
- --dv-tabs-container-scrollbar-color: #888;
1721
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1722
- --dv-floating-box-shadow:
1723
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1724
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1725
- --dv-overlay-z-index: 999;
1726
- --dv-tab-font-size: inherit;
1727
- --dv-border-radius: 0px;
1728
- --dv-tab-margin: 0;
1729
- --dv-sash-color: transparent;
1730
- --dv-active-sash-color: transparent;
1731
- --dv-active-sash-transition-duration: 0.1s;
1732
- --dv-active-sash-transition-delay: 0.5s;
1733
- --dv-spacing-padding: 0px;
1734
- --dv-tab-border-radius: 0px;
1735
- --dv-sash-border-radius: 0px;
1736
- --dv-dropdown-border-radius: 0px;
1737
- --dv-tab-close-icon-size: inherit;
1738
- --dv-floating-group-border: none;
1739
- --dv-drag-over-border: none;
1740
- --dv-floating-group-dragging-opacity: 0.5;
1741
- --dv-floating-titlebar-height: 22px;
1742
- --dv-floating-titlebar-background-color: var(
1743
- --dv-tabs-and-actions-container-background-color
1744
- );
1745
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
1746
- --dv-tab-group-color-grey: #5f6368;
1747
- --dv-tab-group-color-blue: #1a73e8;
1748
- --dv-tab-group-color-red: #d93025;
1749
- --dv-tab-group-color-yellow: #f9ab00;
1750
- --dv-tab-group-color-green: #188038;
1751
- --dv-tab-group-color-pink: #d01884;
1752
- --dv-tab-group-color-purple: #a142f4;
1753
- --dv-tab-group-color-cyan: #007b83;
1754
- --dv-tab-group-color-orange: #e8710a;
1755
- --dv-tab-group-chip-padding: 4px 8px;
1756
- --dv-tab-group-chip-border-radius: 6px;
1757
- --dv-tab-group-chip-font-size: 11px;
1758
- --dv-tab-group-line-height: 2px;
1759
- --dv-tab-group-line-opacity: 0.6;
1760
- --dv-spacing-padding: 10px;
1761
- --dv-tab-font-size: 12px;
1762
- --dv-border-radius: 12px;
1763
- --dv-tab-margin: 0.5rem 0.25rem;
1764
- --dv-tabs-and-actions-container-height: 44px;
1765
- --dv-tab-border-radius: 8px;
1766
- --dv-sash-border-radius: 4px;
1767
- --dv-dropdown-border-radius: 8px;
1768
- --dv-tab-close-icon-size: 8px;
1769
- --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
1770
- --dv-floating-titlebar-background-color: var(
1771
- --dv-group-view-background-color
1772
- );
1773
- --dv-floating-titlebar-border-bottom: none;
1774
- box-sizing: border-box;
1775
- padding: var(--dv-spacing-padding);
1776
- background-color: var(--dv-group-view-background-color);
1777
- }
1778
- .dockview-theme-github-light-spaced .dv-dockview {
1779
- padding: 0;
1780
- }
1781
- .dockview-theme-github-light-spaced .dv-resize-container:has(> .dv-groupview) {
1782
- border-radius: 8px;
1783
- }
1784
- .dockview-theme-github-light-spaced .dv-sash {
1785
- border-radius: var(--dv-sash-border-radius);
1786
- }
1787
- .dockview-theme-github-light-spaced .dv-drop-target-anchor {
1788
- border-radius: calc(var(--dv-border-radius) / 4);
1789
- }
1790
- .dockview-theme-github-light-spaced .dv-drop-target-anchor.dv-drop-target-content {
1791
- border-radius: var(--dv-border-radius);
1792
- }
1793
- .dockview-theme-github-light-spaced .dv-resize-container {
1794
- border-radius: var(--dv-border-radius) !important;
1795
- border: none;
1796
- }
1797
- .dockview-theme-github-light-spaced .dv-resize-container .dv-groupview {
1798
- border: var(--dv-floating-group-border);
1799
- }
1800
- .dockview-theme-github-light-spaced .dv-resize-container > .dv-grid-view {
1801
- box-sizing: border-box;
1802
- padding: var(--dv-spacing-padding);
1803
- }
1804
- .dockview-theme-github-light-spaced .dv-resize-container-with-titlebar > .dv-grid-view {
1805
- padding-top: 0;
1806
- }
1807
- .dockview-theme-github-light-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {
1808
- border-top-left-radius: var(--dv-border-radius);
1809
- border-top-right-radius: var(--dv-border-radius);
1810
- }
1811
- .dockview-theme-github-light-spaced .dv-tabs-overflow-container,
1812
- .dockview-theme-github-light-spaced .dv-tabs-overflow-dropdown-default {
1813
- border-radius: var(--dv-dropdown-border-radius);
1814
- height: unset !important;
1815
- }
1816
- .dockview-theme-github-light-spaced .dv-render-overlay {
1817
- border-bottom-left-radius: var(--dv-border-radius);
1818
- border-bottom-right-radius: var(--dv-border-radius);
1819
- }
1820
- .dockview-theme-github-light-spaced .dv-tab {
1821
- border-radius: var(--dv-tab-border-radius);
1822
- }
1823
- .dockview-theme-github-light-spaced .dv-tab .dv-svg {
1824
- height: var(--dv-tab-close-icon-size);
1825
- width: var(--dv-tab-close-icon-size);
1826
- }
1827
- .dockview-theme-github-light-spaced .dv-tabs-container-vertical .dv-tab {
1828
- margin: 0.25rem 0.5rem;
1829
- }
1830
- .dockview-theme-github-light-spaced .dv-groupview {
1831
- border-radius: var(--dv-border-radius);
1832
- }
1833
- .dockview-theme-github-light-spaced .dv-groupview .dv-tabs-and-actions-container {
1834
- padding: 0px calc(var(--dv-border-radius) / 2);
1835
- border-top-left-radius: var(--dv-border-radius);
1836
- border-top-right-radius: var(--dv-border-radius);
1837
- }
1838
- .dockview-theme-github-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
1839
- padding: calc(var(--dv-border-radius) / 2) 0;
1840
- }
1841
- .dockview-theme-github-light-spaced .dv-groupview .dv-content-container {
1842
- background-color: var(--dv-tabs-and-actions-container-background-color);
1843
- border-bottom-left-radius: var(--dv-border-radius);
1844
- border-bottom-right-radius: var(--dv-border-radius);
1845
- }
1846
- .dockview-theme-github-light-spaced {
1847
- --dv-color-gh-light-canvas-default: #ffffff;
1848
- --dv-color-gh-light-canvas-subtle: #f6f8fa;
1849
- --dv-color-gh-light-border: #d0d7de;
1850
- --dv-color-gh-light-fg-default: #1f2328;
1851
- --dv-color-gh-light-fg-muted: #656d76;
1852
- --dv-color-gh-light-fg-subtle: #6e7781;
1853
- --dv-color-gh-light-accent: #0969da;
1854
- --dv-drag-over-background-color: rgba(9, 105, 218, 0.08);
1855
- --dv-group-view-background-color: var(--dv-color-gh-light-canvas-subtle);
1856
- --dv-tabs-and-actions-container-background-color: var(
1857
- --dv-color-gh-light-canvas-default
1858
- );
1859
- --dv-activegroup-visiblepanel-tab-background-color: var(
1860
- --dv-color-gh-light-border
1861
- );
1862
- --dv-activegroup-hiddenpanel-tab-background-color: var(
1863
- --dv-color-gh-light-canvas-default
1864
- );
1865
- --dv-inactivegroup-visiblepanel-tab-background-color: var(
1866
- --dv-color-gh-light-border
1867
- );
1868
- --dv-inactivegroup-hiddenpanel-tab-background-color: var(
1869
- --dv-color-gh-light-canvas-default
1870
- );
1871
- --dv-activegroup-visiblepanel-tab-color: var(
1872
- --dv-color-gh-light-fg-default
1873
- );
1874
- --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-light-fg-muted);
1875
- --dv-inactivegroup-visiblepanel-tab-color: var(
1876
- --dv-color-gh-light-fg-subtle
1877
- );
1878
- --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.4);
1879
- --dv-separator-border: transparent;
1880
- --dv-paneview-active-outline-color: var(--dv-color-gh-light-accent);
1881
- --dv-active-sash-color: var(--dv-color-gh-light-accent);
1882
- --dv-floating-box-shadow:
1883
- 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
1884
- --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);
1885
- --dv-scrollbar-background-color: rgba(208, 215, 222, 0.5);
1886
- --dv-floating-group-border: 2px solid rgba(208, 215, 222, 0.5);
1887
- }
1888
-
1889
- .dockview-theme-abyss-spaced {
1890
- --dv-paneview-active-outline-color: dodgerblue;
1891
- --dv-tabs-and-actions-container-font-size: 13px;
1892
- --dv-tabs-and-actions-container-height: 35px;
1893
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
1894
- --dv-drag-over-border-color: transparent;
1895
- --dv-tabs-container-scrollbar-color: #888;
1896
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
1897
- --dv-floating-box-shadow:
1898
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
1899
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
1900
- --dv-overlay-z-index: 999;
1901
- --dv-tab-font-size: inherit;
1902
- --dv-border-radius: 0px;
1903
- --dv-tab-margin: 0;
1904
- --dv-sash-color: transparent;
1905
- --dv-active-sash-color: transparent;
1906
- --dv-active-sash-transition-duration: 0.1s;
1907
- --dv-active-sash-transition-delay: 0.5s;
1908
- --dv-spacing-padding: 0px;
1909
- --dv-tab-border-radius: 0px;
1910
- --dv-sash-border-radius: 0px;
1911
- --dv-dropdown-border-radius: 0px;
1912
- --dv-tab-close-icon-size: inherit;
1913
- --dv-floating-group-border: none;
1914
- --dv-drag-over-border: none;
1915
- --dv-floating-group-dragging-opacity: 0.5;
1916
- --dv-floating-titlebar-height: 22px;
1917
- --dv-floating-titlebar-background-color: var(
1918
- --dv-tabs-and-actions-container-background-color
1919
- );
1920
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
1921
- --dv-tab-group-color-grey: #5f6368;
1922
- --dv-tab-group-color-blue: #1a73e8;
1923
- --dv-tab-group-color-red: #d93025;
1924
- --dv-tab-group-color-yellow: #f9ab00;
1925
- --dv-tab-group-color-green: #188038;
1926
- --dv-tab-group-color-pink: #d01884;
1927
- --dv-tab-group-color-purple: #a142f4;
1928
- --dv-tab-group-color-cyan: #007b83;
1929
- --dv-tab-group-color-orange: #e8710a;
1930
- --dv-tab-group-chip-padding: 4px 8px;
1931
- --dv-tab-group-chip-border-radius: 6px;
1932
- --dv-tab-group-chip-font-size: 11px;
1933
- --dv-tab-group-line-height: 2px;
1934
- --dv-tab-group-line-opacity: 0.6;
1935
- --dv-spacing-padding: 10px;
1936
- --dv-tab-font-size: 12px;
1937
- --dv-border-radius: 12px;
1938
- --dv-tab-margin: 0.5rem 0.25rem;
1939
- --dv-tabs-and-actions-container-height: 44px;
1940
- --dv-tab-border-radius: 8px;
1941
- --dv-sash-border-radius: 4px;
1942
- --dv-dropdown-border-radius: 8px;
1943
- --dv-tab-close-icon-size: 8px;
1944
- --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
1945
- --dv-floating-titlebar-background-color: var(
1946
- --dv-group-view-background-color
1947
- );
1948
- --dv-floating-titlebar-border-bottom: none;
1949
- box-sizing: border-box;
1950
- padding: var(--dv-spacing-padding);
1951
- background-color: var(--dv-group-view-background-color);
1952
- }
1953
- .dockview-theme-abyss-spaced .dv-dockview {
1954
- padding: 0;
1955
- }
1956
- .dockview-theme-abyss-spaced .dv-resize-container:has(> .dv-groupview) {
1957
- border-radius: 8px;
1958
- }
1959
- .dockview-theme-abyss-spaced .dv-sash {
1960
- border-radius: var(--dv-sash-border-radius);
1961
- }
1962
- .dockview-theme-abyss-spaced .dv-drop-target-anchor {
1963
- border-radius: calc(var(--dv-border-radius) / 4);
1964
- }
1965
- .dockview-theme-abyss-spaced .dv-drop-target-anchor.dv-drop-target-content {
1966
- border-radius: var(--dv-border-radius);
1967
- }
1968
- .dockview-theme-abyss-spaced .dv-resize-container {
1969
- border-radius: var(--dv-border-radius) !important;
1970
- border: none;
1971
- }
1972
- .dockview-theme-abyss-spaced .dv-resize-container .dv-groupview {
1973
- border: var(--dv-floating-group-border);
1974
- }
1975
- .dockview-theme-abyss-spaced .dv-resize-container > .dv-grid-view {
1976
- box-sizing: border-box;
1977
- padding: var(--dv-spacing-padding);
1978
- }
1979
- .dockview-theme-abyss-spaced .dv-resize-container-with-titlebar > .dv-grid-view {
1980
- padding-top: 0;
1981
- }
1982
- .dockview-theme-abyss-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {
1983
- border-top-left-radius: var(--dv-border-radius);
1984
- border-top-right-radius: var(--dv-border-radius);
1985
- }
1986
- .dockview-theme-abyss-spaced .dv-tabs-overflow-container,
1987
- .dockview-theme-abyss-spaced .dv-tabs-overflow-dropdown-default {
1988
- border-radius: var(--dv-dropdown-border-radius);
1989
- height: unset !important;
1990
- }
1991
- .dockview-theme-abyss-spaced .dv-render-overlay {
1992
- border-bottom-left-radius: var(--dv-border-radius);
1993
- border-bottom-right-radius: var(--dv-border-radius);
1994
- }
1995
- .dockview-theme-abyss-spaced .dv-tab {
1996
- border-radius: var(--dv-tab-border-radius);
1997
- }
1998
- .dockview-theme-abyss-spaced .dv-tab .dv-svg {
1999
- height: var(--dv-tab-close-icon-size);
2000
- width: var(--dv-tab-close-icon-size);
2001
- }
2002
- .dockview-theme-abyss-spaced .dv-tabs-container-vertical .dv-tab {
2003
- margin: 0.25rem 0.5rem;
2004
- }
2005
- .dockview-theme-abyss-spaced .dv-groupview {
2006
- border-radius: var(--dv-border-radius);
2007
- }
2008
- .dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container {
2009
- padding: 0px calc(var(--dv-border-radius) / 2);
2010
- border-top-left-radius: var(--dv-border-radius);
2011
- border-top-right-radius: var(--dv-border-radius);
2012
- }
2013
- .dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
2014
- padding: calc(var(--dv-border-radius) / 2) 0;
2015
- }
2016
- .dockview-theme-abyss-spaced .dv-groupview .dv-content-container {
2017
- background-color: var(--dv-tabs-and-actions-container-background-color);
2018
- border-bottom-left-radius: var(--dv-border-radius);
2019
- border-bottom-right-radius: var(--dv-border-radius);
2020
- }
2021
- .dockview-theme-abyss-spaced {
2022
- --dv-color-abyss-dark: rgb(11, 6, 17);
2023
- --dv-color-abyss: #16121f;
2024
- --dv-color-abyss-light: #201d2b;
2025
- --dv-color-abyss-lighter: #2a2837;
2026
- --dv-color-abyss-accent: rgb(91, 30, 207);
2027
- --dv-color-abyss-primary-text: white;
2028
- --dv-color-abyss-secondary-text: rgb(148, 151, 169);
2029
- --dv-drag-over-background-color: '';
2030
- --dv-group-view-background-color: var(--dv-color-abyss-dark);
2031
- --dv-tabs-and-actions-container-background-color: var(--dv-color-abyss);
2032
- --dv-activegroup-visiblepanel-tab-background-color: var(
2033
- --dv-color-abyss-lighter
2034
- );
2035
- --dv-activegroup-hiddenpanel-tab-background-color: var(
2036
- --dv-color-abyss-light
2037
- );
2038
- --dv-inactivegroup-visiblepanel-tab-background-color: var(
2039
- --dv-color-abyss-lighter
2040
- );
2041
- --dv-inactivegroup-hiddenpanel-tab-background-color: var(
2042
- --dv-color-abyss-light
2043
- );
2044
- --dv-tab-divider-color: transparent;
2045
- --dv-activegroup-visiblepanel-tab-color: var(--dv-color-abyss-primary-text);
2046
- --dv-activegroup-hiddenpanel-tab-color: var(
2047
- --dv-color-abyss-secondary-text
2048
- );
2049
- --dv-inactivegroup-visiblepanel-tab-color: var(
2050
- --dv-color-abyss-primary-text
2051
- );
2052
- --dv-inactivegroup-hiddenpanel-tab-color: var(
2053
- --dv-color-abyss-secondary-text
2054
- );
2055
- --dv-separator-border: transparent;
2056
- --dv-paneview-header-border-color: rgb(51, 51, 51);
2057
- --dv-active-sash-color: var(--dv-color-abyss-accent);
2058
- --dv-floating-group-border: 2px solid var(--dv-color-abyss-dark);
2059
- }
2060
-
2061
- .dockview-theme-light-spaced {
2062
- --dv-paneview-active-outline-color: dodgerblue;
2063
- --dv-tabs-and-actions-container-font-size: 13px;
2064
- --dv-tabs-and-actions-container-height: 35px;
2065
- --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
2066
- --dv-drag-over-border-color: transparent;
2067
- --dv-tabs-container-scrollbar-color: #888;
2068
- --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
2069
- --dv-floating-box-shadow:
2070
- 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
2071
- --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);
2072
- --dv-overlay-z-index: 999;
2073
- --dv-tab-font-size: inherit;
2074
- --dv-border-radius: 0px;
2075
- --dv-tab-margin: 0;
2076
- --dv-sash-color: transparent;
2077
- --dv-active-sash-color: transparent;
2078
- --dv-active-sash-transition-duration: 0.1s;
2079
- --dv-active-sash-transition-delay: 0.5s;
2080
- --dv-spacing-padding: 0px;
2081
- --dv-tab-border-radius: 0px;
2082
- --dv-sash-border-radius: 0px;
2083
- --dv-dropdown-border-radius: 0px;
2084
- --dv-tab-close-icon-size: inherit;
2085
- --dv-floating-group-border: none;
2086
- --dv-drag-over-border: none;
2087
- --dv-floating-group-dragging-opacity: 0.5;
2088
- --dv-floating-titlebar-height: 22px;
2089
- --dv-floating-titlebar-background-color: var(
2090
- --dv-tabs-and-actions-container-background-color
2091
- );
2092
- --dv-floating-titlebar-border-bottom: var(--dv-floating-border);
2093
- --dv-tab-group-color-grey: #5f6368;
2094
- --dv-tab-group-color-blue: #1a73e8;
2095
- --dv-tab-group-color-red: #d93025;
2096
- --dv-tab-group-color-yellow: #f9ab00;
2097
- --dv-tab-group-color-green: #188038;
2098
- --dv-tab-group-color-pink: #d01884;
2099
- --dv-tab-group-color-purple: #a142f4;
2100
- --dv-tab-group-color-cyan: #007b83;
2101
- --dv-tab-group-color-orange: #e8710a;
2102
- --dv-tab-group-chip-padding: 4px 8px;
2103
- --dv-tab-group-chip-border-radius: 6px;
2104
- --dv-tab-group-chip-font-size: 11px;
2105
- --dv-tab-group-line-height: 2px;
2106
- --dv-tab-group-line-opacity: 0.6;
2107
- --dv-spacing-padding: 10px;
2108
- --dv-tab-font-size: 12px;
2109
- --dv-border-radius: 12px;
2110
- --dv-tab-margin: 0.5rem 0.25rem;
2111
- --dv-tabs-and-actions-container-height: 44px;
2112
- --dv-tab-border-radius: 8px;
2113
- --dv-sash-border-radius: 4px;
2114
- --dv-dropdown-border-radius: 8px;
2115
- --dv-tab-close-icon-size: 8px;
2116
- --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
2117
- --dv-floating-titlebar-background-color: var(
2118
- --dv-group-view-background-color
2119
- );
2120
- --dv-floating-titlebar-border-bottom: none;
2121
- box-sizing: border-box;
2122
- padding: var(--dv-spacing-padding);
2123
- background-color: var(--dv-group-view-background-color);
2124
- }
2125
- .dockview-theme-light-spaced .dv-dockview {
2126
- padding: 0;
2127
- }
2128
- .dockview-theme-light-spaced .dv-resize-container:has(> .dv-groupview) {
2129
- border-radius: 8px;
2130
- }
2131
- .dockview-theme-light-spaced .dv-sash {
2132
- border-radius: var(--dv-sash-border-radius);
2133
- }
2134
- .dockview-theme-light-spaced .dv-drop-target-anchor {
2135
- border-radius: calc(var(--dv-border-radius) / 4);
2136
- }
2137
- .dockview-theme-light-spaced .dv-drop-target-anchor.dv-drop-target-content {
2138
- border-radius: var(--dv-border-radius);
2139
- }
2140
- .dockview-theme-light-spaced .dv-resize-container {
2141
- border-radius: var(--dv-border-radius) !important;
2142
- border: none;
2143
- }
2144
- .dockview-theme-light-spaced .dv-resize-container .dv-groupview {
2145
- border: var(--dv-floating-group-border);
2146
- }
2147
- .dockview-theme-light-spaced .dv-resize-container > .dv-grid-view {
2148
- box-sizing: border-box;
2149
- padding: var(--dv-spacing-padding);
2150
- }
2151
- .dockview-theme-light-spaced .dv-resize-container-with-titlebar > .dv-grid-view {
2152
- padding-top: 0;
2153
- }
2154
- .dockview-theme-light-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {
2155
- border-top-left-radius: var(--dv-border-radius);
2156
- border-top-right-radius: var(--dv-border-radius);
2157
- }
2158
- .dockview-theme-light-spaced .dv-tabs-overflow-container,
2159
- .dockview-theme-light-spaced .dv-tabs-overflow-dropdown-default {
2160
- border-radius: var(--dv-dropdown-border-radius);
2161
- height: unset !important;
2162
- }
2163
- .dockview-theme-light-spaced .dv-render-overlay {
2164
- border-bottom-left-radius: var(--dv-border-radius);
2165
- border-bottom-right-radius: var(--dv-border-radius);
2166
- }
2167
- .dockview-theme-light-spaced .dv-tab {
2168
- border-radius: var(--dv-tab-border-radius);
2169
- }
2170
- .dockview-theme-light-spaced .dv-tab .dv-svg {
2171
- height: var(--dv-tab-close-icon-size);
2172
- width: var(--dv-tab-close-icon-size);
2173
- }
2174
- .dockview-theme-light-spaced .dv-tabs-container-vertical .dv-tab {
2175
- margin: 0.25rem 0.5rem;
2176
- }
2177
- .dockview-theme-light-spaced .dv-groupview {
2178
- border-radius: var(--dv-border-radius);
2179
- }
2180
- .dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container {
2181
- padding: 0px calc(var(--dv-border-radius) / 2);
2182
- border-top-left-radius: var(--dv-border-radius);
2183
- border-top-right-radius: var(--dv-border-radius);
2184
- }
2185
- .dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
2186
- padding: calc(var(--dv-border-radius) / 2) 0;
2187
- }
2188
- .dockview-theme-light-spaced .dv-groupview .dv-content-container {
2189
- background-color: var(--dv-tabs-and-actions-container-background-color);
2190
- border-bottom-left-radius: var(--dv-border-radius);
2191
- border-bottom-right-radius: var(--dv-border-radius);
2192
- }
2193
- .dockview-theme-light-spaced {
2194
- --dv-drag-over-background-color: '';
2195
- --dv-group-view-background-color: #f6f5f9;
2196
- --dv-tabs-and-actions-container-background-color: white;
2197
- --dv-activegroup-visiblepanel-tab-background-color: #ededf0;
2198
- --dv-activegroup-hiddenpanel-tab-background-color: #f9f9fa;
2199
- --dv-inactivegroup-visiblepanel-tab-background-color: #ededf0;
2200
- --dv-inactivegroup-hiddenpanel-tab-background-color: #f9f9fa;
2201
- --dv-tab-divider-color: transparent;
2202
- --dv-activegroup-visiblepanel-tab-color: rgb(104, 107, 130);
2203
- --dv-activegroup-hiddenpanel-tab-color: rgb(148, 151, 169);
2204
- --dv-inactivegroup-visiblepanel-tab-color: rgb(104, 107, 130);
2205
- --dv-inactivegroup-hiddenpanel-tab-color: rgb(148, 151, 169);
2206
- --dv-separator-border: transparent;
2207
- --dv-paneview-header-border-color: rgb(51, 51, 51);
2208
- --dv-active-sash-color: rgb(91, 30, 207);
2209
- --dv-floating-box-shadow:
2210
- 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
2211
- --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);
2212
- --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);
2213
- --dv-floating-group-border: 2px solid rgba(255, 255, 255, 0.1);
2214
- }
2215
-
2216
- .dockview-spaced {
2217
- --dv-spacing-padding: 10px;
2218
- --dv-tab-font-size: 12px;
2219
- --dv-border-radius: 12px;
2220
- --dv-tab-margin: 0.5rem 0.25rem;
2221
- --dv-tabs-and-actions-container-height: 44px;
2222
- --dv-tab-border-radius: 8px;
2223
- --dv-sash-border-radius: 4px;
2224
- --dv-dropdown-border-radius: 8px;
2225
- --dv-tab-close-icon-size: 8px;
2226
- --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);
2227
- --dv-floating-titlebar-background-color: var(
2228
- --dv-group-view-background-color
2229
- );
2230
- --dv-floating-titlebar-border-bottom: none;
2231
- box-sizing: border-box;
2232
- padding: var(--dv-spacing-padding);
2233
- background-color: var(--dv-group-view-background-color);
2234
- }
2235
- .dockview-spaced .dv-dockview {
2236
- padding: 0;
2237
- }
2238
- .dockview-spaced .dv-resize-container:has(> .dv-groupview) {
2239
- border-radius: 8px;
2240
- }
2241
- .dockview-spaced .dv-sash {
2242
- border-radius: var(--dv-sash-border-radius);
2243
- }
2244
- .dockview-spaced .dv-drop-target-anchor {
2245
- border-radius: calc(var(--dv-border-radius) / 4);
2246
- }
2247
- .dockview-spaced .dv-drop-target-anchor.dv-drop-target-content {
2248
- border-radius: var(--dv-border-radius);
2249
- }
2250
- .dockview-spaced .dv-resize-container {
2251
- border-radius: var(--dv-border-radius) !important;
2252
- border: none;
2253
- }
2254
- .dockview-spaced .dv-resize-container .dv-groupview {
2255
- border: var(--dv-floating-group-border);
2256
- }
2257
- .dockview-spaced .dv-resize-container > .dv-grid-view {
2258
- box-sizing: border-box;
2259
- padding: var(--dv-spacing-padding);
2260
- }
2261
- .dockview-spaced .dv-resize-container-with-titlebar > .dv-grid-view {
2262
- padding-top: 0;
2263
- }
2264
- .dockview-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {
2265
- border-top-left-radius: var(--dv-border-radius);
2266
- border-top-right-radius: var(--dv-border-radius);
2267
- }
2268
- .dockview-spaced .dv-tabs-overflow-container,
2269
- .dockview-spaced .dv-tabs-overflow-dropdown-default {
2270
- border-radius: var(--dv-dropdown-border-radius);
2271
- height: unset !important;
2272
- }
2273
- .dockview-spaced .dv-render-overlay {
2274
- border-bottom-left-radius: var(--dv-border-radius);
2275
- border-bottom-right-radius: var(--dv-border-radius);
2276
- }
2277
- .dockview-spaced .dv-tab {
2278
- border-radius: var(--dv-tab-border-radius);
2279
- }
2280
- .dockview-spaced .dv-tab .dv-svg {
2281
- height: var(--dv-tab-close-icon-size);
2282
- width: var(--dv-tab-close-icon-size);
2283
- }
2284
- .dockview-spaced .dv-tabs-container-vertical .dv-tab {
2285
- margin: 0.25rem 0.5rem;
2286
- }
2287
- .dockview-spaced .dv-groupview {
2288
- border-radius: var(--dv-border-radius);
2289
- }
2290
- .dockview-spaced .dv-groupview .dv-tabs-and-actions-container {
2291
- padding: 0px calc(var(--dv-border-radius) / 2);
2292
- border-top-left-radius: var(--dv-border-radius);
2293
- border-top-right-radius: var(--dv-border-radius);
2294
- }
2295
- .dockview-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {
2296
- padding: calc(var(--dv-border-radius) / 2) 0;
2297
- }
2298
- .dockview-spaced .dv-groupview .dv-content-container {
2299
- background-color: var(--dv-tabs-and-actions-container-background-color);
2300
- border-bottom-left-radius: var(--dv-border-radius);
2301
- border-bottom-right-radius: var(--dv-border-radius);
2302
- }
2303
-
2304
- .dv-context-menu {
2305
- min-width: 160px;
2306
- overflow: hidden;
2307
- background: var(--dv-context-menu-background-color, var(--dv-activegroup-hiddenpanel-tab-background-color));
2308
- color: var(--dv-context-menu-color, var(--dv-activegroup-hiddenpanel-tab-color));
2309
- border: 1px solid var(--dv-tab-divider-color);
2310
- border-radius: var(--dv-border-radius);
2311
- box-shadow: var(--dv-floating-box-shadow);
2312
- padding: 4px 0;
2313
- }
2314
-
2315
- .dv-context-menu-item {
2316
- height: 25px;
2317
- padding: 0 12px;
2318
- display: flex;
2319
- align-items: center;
2320
- cursor: pointer;
2321
- font-size: var(--dv-tabs-and-actions-container-font-size);
2322
- white-space: nowrap;
2323
- user-select: none;
2324
- }
2325
- .dv-context-menu-item:hover {
2326
- background: var(--dv-icon-hover-background-color);
2327
- }
2328
- .dv-context-menu-item.dv-context-menu-item--disabled {
2329
- opacity: 0.4;
2330
- cursor: default;
2331
- pointer-events: none;
2332
- }
2333
-
2334
- .dv-context-menu-separator {
2335
- height: 1px;
2336
- background: var(--dv-tab-divider-color);
2337
- margin: 4px 0;
2338
- }
2339
-
2340
- .dv-context-menu-rename {
2341
- padding: 8px 12px 4px;
2342
- }
2343
-
2344
- .dv-context-menu-rename-input {
2345
- width: 100%;
2346
- box-sizing: border-box;
2347
- padding: 8px 10px;
2348
- border: 1px solid var(--dv-tab-divider-color);
2349
- border-radius: var(--dv-border-radius);
2350
- background: inherit;
2351
- color: var(--dv-activegroup-visiblepanel-tab-color);
2352
- font-size: var(--dv-tabs-and-actions-container-font-size);
2353
- outline: none;
2354
- }
2355
- .dv-context-menu-rename-input:focus {
2356
- border-color: var(--dv-activegroup-visiblepanel-tab-color);
2357
- }
2358
- .dv-context-menu-rename-input::placeholder {
2359
- color: var(--dv-activegroup-hiddenpanel-tab-color);
2360
- }
2361
-
2362
- .dv-context-menu-color-picker {
2363
- display: flex;
2364
- flex-direction: row;
2365
- gap: 6px;
2366
- padding: 8px 12px;
2367
- align-items: center;
2368
- }
2369
-
2370
- .dv-context-menu-color-swatch {
2371
- width: 20px;
2372
- height: 20px;
2373
- border-radius: 50%;
2374
- cursor: pointer;
2375
- border: 2px solid transparent;
2376
- flex-shrink: 0;
2377
- background-color: var(--dv-tab-group-color);
2378
- }
2379
- .dv-context-menu-color-swatch:hover {
2380
- opacity: 0.85;
2381
- }
2382
- .dv-context-menu-color-swatch.dv-context-menu-color-swatch--selected {
2383
- outline: 2px solid var(--dv-tab-divider-color);
2384
- outline-offset: 2px;
2385
- }
2386
-
2387
- .dv-tab-group-indicator-none .dv-groupview-header-bottom .dv-tab-group-underline {
2388
- top: auto;
2389
- bottom: 0;
2390
- }
2391
-
2392
- .dv-groupview.dv-groupview-header-bottom.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after, .dv-groupview.dv-groupview-header-bottom.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
2393
- top: 0px;
2394
- bottom: auto;
2395
- }
2396
- .dv-drop-target-container {
2397
- position: absolute;
2398
- z-index: 9999;
2399
- top: 0px;
2400
- left: 0px;
2401
- height: 100%;
2402
- width: 100%;
2403
- pointer-events: none;
2404
- overflow: hidden;
2405
- --dv-transition-duration: 300ms;
2406
- }
2407
- .dv-drop-target-container .dv-drop-target-anchor {
2408
- position: relative;
2409
- border: var(--dv-drag-over-border);
2410
- background-color: var(--dv-drag-over-background-color);
2411
- opacity: 1;
2412
- /* GPU optimizations */
2413
- will-change: transform, opacity;
2414
- transform: translate3d(0, 0, 0);
2415
- backface-visibility: hidden;
2416
- contain: layout paint;
2417
- 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;
2418
- }
2419
- .dv-drop-target {
2420
- position: relative;
2421
- --dv-transition-duration: 70ms;
2422
- }
2423
- .dv-drop-target > .dv-drop-target-dropzone {
2424
- position: absolute;
2425
- left: 0px;
2426
- top: 0px;
2427
- height: 100%;
2428
- width: 100%;
2429
- z-index: 1000;
2430
- pointer-events: none;
2431
- }
2432
- .dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection {
2433
- position: relative;
2434
- box-sizing: border-box;
2435
- height: 100%;
2436
- width: 100%;
2437
- border: var(--dv-drag-over-border);
2438
- background-color: var(--dv-drag-over-background-color);
2439
- transition: 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, opacity var(--dv-transition-duration) ease-out;
2440
- will-change: transform;
2441
- pointer-events: none;
2442
- }
2443
- .dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-top.dv-drop-target-small-vertical {
2444
- border-top: 1px solid var(--dv-drag-over-border-color);
2445
- }
2446
- .dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-bottom.dv-drop-target-small-vertical {
2447
- border-bottom: 1px solid var(--dv-drag-over-border-color);
2448
- }
2449
- .dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-left.dv-drop-target-small-horizontal {
2450
- border-left: 1px solid var(--dv-drag-over-border-color);
2451
- }
2452
- .dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-right.dv-drop-target-small-horizontal {
2453
- border-right: 1px solid var(--dv-drag-over-border-color);
2454
- }
2455
- .dv-dockview {
2456
- position: relative;
2457
- background-color: var(--dv-group-view-background-color);
2458
- }
2459
- .dv-dockview .dv-watermark-container {
2460
- position: absolute;
2461
- top: 0px;
2462
- left: 0px;
2463
- height: 100%;
2464
- width: 100%;
2465
- z-index: 1;
2466
- }
2467
- .dv-dockview .dv-overlay-render-container {
2468
- position: relative;
2469
- }
2470
-
2471
- .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
2472
- background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
2473
- color: var(--dv-activegroup-visiblepanel-tab-color);
2474
- }
2475
- .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {
2476
- background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);
2477
- color: var(--dv-activegroup-hiddenpanel-tab-color);
2478
- }
2479
- .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
2480
- background-color: var(--dv-inactivegroup-visiblepanel-tab-background-color);
2481
- color: var(--dv-inactivegroup-visiblepanel-tab-color);
2482
- }
2483
- .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {
2484
- background-color: var(--dv-inactivegroup-hiddenpanel-tab-background-color);
2485
- color: var(--dv-inactivegroup-hiddenpanel-tab-color);
2486
- }
2487
-
2488
- /**
2489
- * when a tab is dragged we lose the above stylings because they are conditional on parent elements
2490
- * therefore we also set some stylings for the dragging event
2491
- **/
2492
- .dv-tab.dv-tab-dragging {
2493
- background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
2494
- color: var(--dv-activegroup-visiblepanel-tab-color);
2495
- }
2496
- .dv-groupview {
2497
- display: flex;
2498
- height: 100%;
2499
- background-color: var(--dv-group-view-background-color);
2500
- overflow: hidden;
2501
- flex-direction: column;
2502
- }
2503
- .dv-groupview:focus {
2504
- outline: none;
2505
- }
2506
- .dv-groupview > .dv-content-container {
2507
- flex-grow: 1;
2508
- min-height: 0;
2509
- outline: none;
2510
- }
2511
- .dv-groupview.dv-groupview-header-bottom {
2512
- flex-direction: column-reverse;
2513
- }
2514
- .dv-groupview.dv-groupview-header-left {
2515
- flex-direction: row;
2516
- }
2517
- .dv-groupview.dv-groupview-header-right {
2518
- flex-direction: row-reverse;
2519
- }
2520
- .dv-groupview.dv-groupview-edge.dv-edge-collapsed > .dv-content-container {
2521
- display: none;
2522
- }
2523
- .dv-root-wrapper {
2524
- height: 100%;
2525
- width: 100%;
2526
- }
2527
- .dv-grid-view,
2528
- .dv-branch-node {
2529
- height: 100%;
2530
- width: 100%;
2531
- }
2532
- .dv-debug .dv-resize-container .dv-resize-handle-top {
2533
- background-color: red;
2534
- }
2535
- .dv-debug .dv-resize-container .dv-resize-handle-bottom {
2536
- background-color: green;
2537
- }
2538
- .dv-debug .dv-resize-container .dv-resize-handle-left {
2539
- background-color: yellow;
2540
- }
2541
- .dv-debug .dv-resize-container .dv-resize-handle-right {
2542
- background-color: blue;
2543
- }
2544
- .dv-debug .dv-resize-container .dv-resize-handle-topleft,
2545
- .dv-debug .dv-resize-container .dv-resize-handle-topright,
2546
- .dv-debug .dv-resize-container .dv-resize-handle-bottomleft,
2547
- .dv-debug .dv-resize-container .dv-resize-handle-bottomright {
2548
- background-color: cyan;
2549
- }
2550
-
2551
- .dv-floating-overlay-host {
2552
- position: absolute;
2553
- pointer-events: none;
2554
- }
2555
- .dv-floating-overlay-host > .dv-resize-container {
2556
- pointer-events: auto;
2557
- }
2558
-
2559
- .dv-resize-container > .dv-grid-view {
2560
- width: 100%;
2561
- height: 100%;
2562
- }
2563
-
2564
- .dv-resize-container-with-titlebar {
2565
- display: flex;
2566
- flex-direction: column;
2567
- }
2568
- .dv-resize-container-with-titlebar > .dv-floating-titlebar {
2569
- flex: 0 0 auto;
2570
- }
2571
- .dv-resize-container-with-titlebar > .dv-grid-view {
2572
- height: auto;
2573
- flex: 1 1 0;
2574
- min-height: 0;
2575
- }
2576
-
2577
- .dv-floating-titlebar {
2578
- box-sizing: border-box;
2579
- flex-shrink: 0;
2580
- height: var(--dv-floating-titlebar-height, 22px);
2581
- background-color: var(--dv-floating-titlebar-background-color);
2582
- border-bottom: var(--dv-floating-titlebar-border-bottom, none);
2583
- user-select: none;
2584
- touch-action: none;
2585
- }
2586
- .dv-floating-titlebar.dv-draggable {
2587
- cursor: grab;
2588
- }
2589
-
2590
- .dv-resize-container {
2591
- --dv-overlay-z-index: var(--dv-overlay-z-index, 999);
2592
- position: absolute;
2593
- z-index: calc(var(--dv-overlay-z-index) - 2);
2594
- background-color: var(--dv-group-view-background-color);
2595
- border: var(--dv-floating-border);
2596
- box-shadow: var(--dv-floating-box-shadow);
2597
- /* GPU optimizations for floating group movement */
2598
- will-change: transform, opacity;
2599
- transform: translate3d(0, 0, 0);
2600
- backface-visibility: hidden;
2601
- }
2602
- .dv-resize-container.dv-hidden {
2603
- display: none;
2604
- }
2605
- .dv-resize-container.dv-resize-container-dragging {
2606
- opacity: var(--dv-floating-group-dragging-opacity);
2607
- /* Enhanced GPU acceleration during drag */
2608
- will-change: transform, opacity;
2609
- }
2610
- .dv-resize-container .dv-resize-handle-top,
2611
- .dv-resize-container .dv-resize-handle-bottom,
2612
- .dv-resize-container .dv-resize-handle-left,
2613
- .dv-resize-container .dv-resize-handle-right,
2614
- .dv-resize-container .dv-resize-handle-topleft,
2615
- .dv-resize-container .dv-resize-handle-topright,
2616
- .dv-resize-container .dv-resize-handle-bottomleft,
2617
- .dv-resize-container .dv-resize-handle-bottomright {
2618
- touch-action: none;
2619
- }
2620
- .dv-resize-container .dv-resize-handle-top {
2621
- height: 4px;
2622
- width: calc(100% - 8px);
2623
- left: 4px;
2624
- top: -2px;
2625
- z-index: var(--dv-overlay-z-index);
2626
- position: absolute;
2627
- cursor: ns-resize;
2628
- }
2629
- .dv-resize-container .dv-resize-handle-bottom {
2630
- height: 4px;
2631
- width: calc(100% - 8px);
2632
- left: 4px;
2633
- bottom: -2px;
2634
- z-index: var(--dv-overlay-z-index);
2635
- position: absolute;
2636
- cursor: ns-resize;
2637
- }
2638
- .dv-resize-container .dv-resize-handle-left {
2639
- height: calc(100% - 8px);
2640
- width: 4px;
2641
- left: -2px;
2642
- top: 4px;
2643
- z-index: var(--dv-overlay-z-index);
2644
- position: absolute;
2645
- cursor: ew-resize;
2646
- }
2647
- .dv-resize-container .dv-resize-handle-right {
2648
- height: calc(100% - 8px);
2649
- width: 4px;
2650
- right: -2px;
2651
- top: 4px;
2652
- z-index: var(--dv-overlay-z-index);
2653
- position: absolute;
2654
- cursor: ew-resize;
2655
- }
2656
- .dv-resize-container .dv-resize-handle-topleft {
2657
- height: 4px;
2658
- width: 4px;
2659
- top: -2px;
2660
- left: -2px;
2661
- z-index: var(--dv-overlay-z-index);
2662
- position: absolute;
2663
- cursor: nw-resize;
2664
- }
2665
- .dv-resize-container .dv-resize-handle-topright {
2666
- height: 4px;
2667
- width: 4px;
2668
- right: -2px;
2669
- top: -2px;
2670
- z-index: var(--dv-overlay-z-index);
2671
- position: absolute;
2672
- cursor: ne-resize;
2673
- }
2674
- .dv-resize-container .dv-resize-handle-bottomleft {
2675
- height: 4px;
2676
- width: 4px;
2677
- left: -2px;
2678
- bottom: -2px;
2679
- z-index: var(--dv-overlay-z-index);
2680
- position: absolute;
2681
- cursor: sw-resize;
2682
- }
2683
- .dv-resize-container .dv-resize-handle-bottomright {
2684
- height: 4px;
2685
- width: 4px;
2686
- right: -2px;
2687
- bottom: -2px;
2688
- z-index: var(--dv-overlay-z-index);
2689
- position: absolute;
2690
- cursor: se-resize;
2691
- }
2692
- @media (pointer: coarse) {
2693
- .dv-resize-container .dv-resize-handle-top,
2694
- .dv-resize-container .dv-resize-handle-bottom {
2695
- height: 16px;
2696
- width: calc(100% - 48px);
2697
- left: 24px;
2698
- }
2699
- .dv-resize-container .dv-resize-handle-top {
2700
- top: -10px;
2701
- }
2702
- .dv-resize-container .dv-resize-handle-bottom {
2703
- bottom: -10px;
2704
- }
2705
- .dv-resize-container .dv-resize-handle-left,
2706
- .dv-resize-container .dv-resize-handle-right {
2707
- width: 16px;
2708
- height: calc(100% - 48px);
2709
- top: 24px;
2710
- }
2711
- .dv-resize-container .dv-resize-handle-left {
2712
- left: -10px;
2713
- }
2714
- .dv-resize-container .dv-resize-handle-right {
2715
- right: -10px;
2716
- }
2717
- .dv-resize-container .dv-resize-handle-topleft,
2718
- .dv-resize-container .dv-resize-handle-topright,
2719
- .dv-resize-container .dv-resize-handle-bottomleft,
2720
- .dv-resize-container .dv-resize-handle-bottomright {
2721
- height: 24px;
2722
- width: 24px;
2723
- }
2724
- .dv-resize-container .dv-resize-handle-topleft {
2725
- top: -12px;
2726
- left: -12px;
2727
- }
2728
- .dv-resize-container .dv-resize-handle-topright {
2729
- top: -12px;
2730
- right: -12px;
2731
- }
2732
- .dv-resize-container .dv-resize-handle-bottomleft {
2733
- bottom: -12px;
2734
- left: -12px;
2735
- }
2736
- .dv-resize-container .dv-resize-handle-bottomright {
2737
- bottom: -12px;
2738
- right: -12px;
2739
- }
2740
- }
2741
- .dv-render-overlay {
2742
- --dv-overlay-z-index: var(--dv-overlay-z-index, 999);
2743
- position: absolute;
2744
- z-index: 1;
2745
- width: 100%;
2746
- height: 100%;
2747
- contain: layout paint;
2748
- isolation: isolate;
2749
- /* GPU optimizations */
2750
- will-change: transform;
2751
- transform: translate3d(0, 0, 0);
2752
- backface-visibility: hidden;
2753
- }
2754
- .dv-render-overlay.dv-render-overlay-float {
2755
- z-index: calc(var(--dv-overlay-z-index) - 1);
2756
- }
2757
-
2758
- .dv-debug .dv-render-overlay {
2759
- outline: 1px solid red;
2760
- outline-offset: -1;
2761
- }
2762
- .dv-pane-container {
2763
- height: 100%;
2764
- width: 100%;
2765
- }
2766
- .dv-pane-container.dv-animated .dv-view {
2767
- /* GPU optimizations for smooth pane animations */
2768
- will-change: transform;
2769
- transform: translate3d(0, 0, 0);
2770
- backface-visibility: hidden;
2771
- transition: transform 0.15s ease-out;
2772
- }
2773
- .dv-pane-container .dv-view {
2774
- overflow: hidden;
2775
- display: flex;
2776
- flex-direction: column;
2777
- padding: 0px !important;
2778
- }
2779
- .dv-pane-container .dv-view:not(:first-child)::before {
2780
- background-color: transparent !important;
2781
- }
2782
- .dv-pane-container .dv-view:not(:first-child) .dv-pane > .dv-pane-header {
2783
- border-top: 1px solid var(--dv-paneview-header-border-color);
2784
- }
2785
- .dv-pane-container .dv-view .dv-default-header {
2786
- background-color: var(--dv-group-view-background-color);
2787
- color: var(--dv-activegroup-visiblepanel-tab-color);
2788
- display: flex;
2789
- padding: 0px 8px;
2790
- cursor: pointer;
2791
- }
2792
- .dv-pane-container .dv-view .dv-default-header .dv-pane-header-icon {
2793
- display: flex;
2794
- justify-content: center;
2795
- align-items: center;
2796
- }
2797
- .dv-pane-container .dv-view .dv-default-header > span {
2798
- padding-left: 8px;
2799
- flex-grow: 1;
2800
- }
2801
- .dv-pane-container:first-of-type > .dv-pane > .dv-pane-header {
2802
- border-top: none !important;
2803
- }
2804
- .dv-pane-container .dv-pane {
2805
- display: flex;
2806
- flex-direction: column;
2807
- overflow: hidden;
2808
- height: 100%;
2809
- }
2810
- .dv-pane-container .dv-pane .dv-pane-header {
2811
- box-sizing: border-box;
2812
- user-select: none;
2813
- position: relative;
2814
- outline: none;
2815
- }
2816
- .dv-pane-container .dv-pane .dv-pane-header.dv-pane-draggable {
2817
- cursor: pointer;
2818
- }
2819
- .dv-pane-container .dv-pane .dv-pane-header:focus:before, .dv-pane-container .dv-pane .dv-pane-header:focus-within:before {
2820
- position: absolute;
2821
- top: 0;
2822
- left: 0;
2823
- width: 100%;
2824
- height: 100%;
2825
- z-index: 5;
2826
- content: "";
2827
- pointer-events: none;
2828
- outline: 1px solid;
2829
- outline-width: -1px;
2830
- outline-style: solid;
2831
- outline-offset: -1px;
2832
- outline-color: var(--dv-paneview-active-outline-color);
2833
- }
2834
- .dv-pane-container .dv-pane .dv-pane-body {
2835
- overflow-y: auto;
2836
- overflow-x: hidden;
2837
- flex-grow: 1;
2838
- position: relative;
2839
- outline: none;
2840
- }
2841
- .dv-pane-container .dv-pane .dv-pane-body:focus:before, .dv-pane-container .dv-pane .dv-pane-body:focus-within:before {
2842
- position: absolute;
2843
- top: 0;
2844
- left: 0;
2845
- width: 100%;
2846
- height: 100%;
2847
- z-index: 5;
2848
- content: "";
2849
- pointer-events: none;
2850
- outline: 1px solid;
2851
- outline-width: -1px;
2852
- outline-style: solid;
2853
- outline-offset: -1px;
2854
- outline-color: var(--dv-paneview-active-outline-color);
2855
- }
2856
- .dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-enabled {
2857
- background-color: black;
2858
- }
2859
- .dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-disabled {
2860
- background-color: orange;
2861
- }
2862
- .dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-maximum {
2863
- background-color: green;
2864
- }
2865
- .dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-minimum {
2866
- background-color: red;
2867
- }
2868
-
2869
- .dv-split-view-container {
2870
- position: relative;
2871
- overflow: hidden;
2872
- height: 100%;
2873
- width: 100%;
2874
- }
2875
- .dv-split-view-container.dv-splitview-disabled > .dv-sash-container > .dv-sash {
2876
- pointer-events: none;
2877
- }
2878
- .dv-split-view-container.dv-animation .dv-view,
2879
- .dv-split-view-container.dv-animation .dv-sash {
2880
- /* GPU optimizations for smooth animations */
2881
- will-change: transform;
2882
- transform: translate3d(0, 0, 0);
2883
- backface-visibility: hidden;
2884
- transition: transform 0.15s ease-out;
2885
- }
2886
- .dv-split-view-container.dv-horizontal {
2887
- height: 100%;
2888
- }
2889
- .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash {
2890
- height: 100%;
2891
- width: 4px;
2892
- }
2893
- .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-enabled {
2894
- cursor: ew-resize;
2895
- }
2896
- .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-disabled {
2897
- cursor: default;
2898
- }
2899
- .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-maximum {
2900
- cursor: w-resize;
2901
- }
2902
- .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-minimum {
2903
- cursor: e-resize;
2904
- }
2905
- .dv-split-view-container.dv-horizontal > .dv-view-container > .dv-view:not(:first-child)::before {
2906
- height: 100%;
2907
- width: 1px;
2908
- }
2909
- .dv-split-view-container.dv-vertical {
2910
- width: 100%;
2911
- }
2912
- .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash {
2913
- width: 100%;
2914
- height: 4px;
2915
- }
2916
- .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-enabled {
2917
- cursor: ns-resize;
2918
- }
2919
- .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-disabled {
2920
- cursor: default;
2921
- }
2922
- .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-maximum {
2923
- cursor: n-resize;
2924
- }
2925
- .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-minimum {
2926
- cursor: s-resize;
2927
- }
2928
- .dv-split-view-container.dv-vertical > .dv-view-container > .dv-view {
2929
- width: 100%;
2930
- }
2931
- .dv-split-view-container.dv-vertical > .dv-view-container > .dv-view:not(:first-child)::before {
2932
- height: 1px;
2933
- width: 100%;
2934
- }
2935
- .dv-split-view-container .dv-sash-container {
2936
- height: 100%;
2937
- width: 100%;
2938
- position: absolute;
2939
- }
2940
- .dv-split-view-container .dv-sash-container .dv-sash {
2941
- position: absolute;
2942
- z-index: 99;
2943
- outline: none;
2944
- user-select: none;
2945
- -webkit-user-select: none;
2946
- -moz-user-select: none;
2947
- -ms-user-select: none;
2948
- touch-action: none;
2949
- background-color: var(--dv-sash-color, transparent);
2950
- }
2951
- .dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):active, .dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):hover {
2952
- background-color: var(--dv-active-sash-color, transparent);
2953
- transition-property: background-color;
2954
- transition-timing-function: ease-in-out;
2955
- transition-duration: var(--dv-active-sash-transition-duration, 0.1s);
2956
- transition-delay: var(--dv-active-sash-transition-delay, 0.5s);
2957
- }
2958
- @media (pointer: coarse) {
2959
- .dv-split-view-container .dv-sash-container > .dv-sash:not(.dv-disabled)::before {
2960
- content: "";
2961
- position: absolute;
2962
- background: transparent;
2963
- }
2964
- .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash:not(.dv-disabled)::before {
2965
- top: 0;
2966
- bottom: 0;
2967
- left: -10px;
2968
- right: -10px;
2969
- }
2970
- .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash:not(.dv-disabled)::before {
2971
- left: 0;
2972
- right: 0;
2973
- top: -10px;
2974
- bottom: -10px;
2975
- }
2976
- }
2977
- .dv-split-view-container .dv-view-container {
2978
- position: relative;
2979
- height: 100%;
2980
- width: 100%;
2981
- }
2982
- .dv-split-view-container .dv-view-container .dv-view {
2983
- height: 100%;
2984
- box-sizing: border-box;
2985
- overflow: auto;
2986
- position: absolute;
2987
- }
2988
- .dv-split-view-container.dv-separator-border .dv-view:not(:first-child)::before {
2989
- content: " ";
2990
- position: absolute;
2991
- top: 0;
2992
- left: 0;
2993
- z-index: 5;
2994
- pointer-events: none;
2995
- background-color: var(--dv-separator-border);
2996
- }
2997
- .dv-dragged {
2998
- transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */
2999
- }
3000
-
3001
- /* Applied to the ghost tab clone during drag so it shows the same border as a focused tab */
3002
- .dv-tab-ghost-drag {
3003
- position: relative;
3004
- }
3005
- .dv-tab-ghost-drag::after {
3006
- position: absolute;
3007
- content: "";
3008
- height: 100%;
3009
- width: 100%;
3010
- top: 0px;
3011
- left: 0px;
3012
- pointer-events: none;
3013
- outline: 1px solid var(--dv-tab-divider-color) !important;
3014
- outline-offset: -1px;
3015
- z-index: 5;
3016
- }
3017
-
3018
- .dv-tab {
3019
- flex-shrink: 0;
3020
- }
3021
- .dv-tab:focus-within, .dv-tab:focus {
3022
- position: relative;
3023
- }
3024
- .dv-tab:focus-within::after, .dv-tab:focus::after {
3025
- position: absolute;
3026
- content: "";
3027
- height: 100%;
3028
- width: 100%;
3029
- top: 0px;
3030
- left: 0px;
3031
- pointer-events: none;
3032
- outline: 1px solid var(--dv-tab-divider-color) !important;
3033
- outline-offset: -1px;
3034
- z-index: 5;
3035
- }
3036
- .dv-tab.dv-tab-dragging .dv-default-tab-action {
3037
- background-color: var(--dv-activegroup-visiblepanel-tab-color);
3038
- }
3039
- .dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action {
3040
- visibility: visible;
3041
- }
3042
- .dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {
3043
- visibility: hidden;
3044
- }
3045
- .dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action {
3046
- visibility: visible;
3047
- }
3048
- @media (hover: none) {
3049
- .dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {
3050
- visibility: visible;
3051
- }
3052
- }
3053
- .dv-tab .dv-default-tab {
3054
- position: relative;
3055
- height: 100%;
3056
- width: 100%;
3057
- display: flex;
3058
- align-items: center;
3059
- white-space: nowrap;
3060
- text-overflow: ellipsis;
3061
- }
3062
- .dv-tab .dv-default-tab .dv-default-tab-content {
3063
- flex-grow: 1;
3064
- margin-right: 4px;
3065
- }
3066
- .dv-tab .dv-default-tab .dv-default-tab-action {
3067
- padding: 4px;
3068
- display: flex;
3069
- align-items: center;
3070
- justify-content: center;
3071
- box-sizing: border-box;
3072
- }
3073
- .dv-tab .dv-default-tab .dv-default-tab-action:hover {
3074
- border-radius: 2px;
3075
- background-color: var(--dv-icon-hover-background-color);
3076
- }
3077
- @media (pointer: coarse) {
3078
- .dv-tab .dv-default-tab .dv-default-tab-action {
3079
- padding: 8px;
3080
- }
3081
- }
3082
- .dv-tabs-overflow-dropdown-default {
3083
- height: 100%;
3084
- color: var(--dv-activegroup-hiddenpanel-tab-color);
3085
- margin: var(--dv-tab-margin);
3086
- display: flex;
3087
- align-items: center;
3088
- flex-shrink: 0;
3089
- padding: 0.25rem 0.5rem;
3090
- cursor: pointer;
3091
- }
3092
- .dv-tabs-overflow-dropdown-default > span {
3093
- padding-left: 0.25rem;
3094
- }
3095
- .dv-tabs-overflow-dropdown-default > svg {
3096
- transform: rotate(90deg);
3097
- }
3098
- .dv-tabs-overflow-dropdown-default:hover {
3099
- border-radius: 2px;
3100
- background-color: var(--dv-icon-hover-background-color);
3101
- }
3102
- .dv-tabs-container {
3103
- display: flex;
3104
- position: relative;
3105
- height: 100%;
3106
- overflow: auto;
3107
- scrollbar-width: thin;
3108
- /* GPU optimizations for smooth scrolling */
3109
- will-change: scroll-position;
3110
- transform: translate3d(0, 0, 0);
3111
- /**
3112
- * Stop scroll-chaining at the tab strip so that wheel / trackpad
3113
- * overscroll past the strip's edges doesn't trigger the browser's
3114
- * swipe-to-go-back-or-forward gesture (and doesn't scroll the page
3115
- * either). `contain` keeps the native bounce visuals; `none` would
3116
- * also disable them.
3117
- */
3118
- overscroll-behavior: contain;
3119
- /**
3120
- * Empty space between tabs (and the scrollbar lane) keeps pan-x so a
3121
- * flick on those areas produces native momentum scroll. The tab and
3122
- * chip elements themselves opt out (`touch-action: none`) so the
3123
- * pointer drag source owns the gesture from pointerdown - a flick on
3124
- * a tab or chip always becomes a drag, regardless of direction.
3125
- */
3126
- touch-action: pan-x;
3127
- }
3128
- .dv-tabs-container.dv-tabs-container-vertical {
3129
- width: 100%;
3130
- height: fit-content;
3131
- max-height: 100%;
3132
- writing-mode: vertical-rl;
3133
- touch-action: pan-y;
3134
- }
3135
- .dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before, .dv-tabs-container.dv-vertical .dv-tab:not(:first-child)::before {
3136
- content: " ";
3137
- position: absolute;
3138
- top: 0;
3139
- left: 0;
3140
- z-index: 5;
3141
- pointer-events: none;
3142
- background-color: var(--dv-tab-divider-color);
3143
- }
3144
- .dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before {
3145
- width: 1px;
3146
- height: 100%;
3147
- }
3148
- .dv-tabs-container.dv-vertical .dv-tab:not(:first-child)::before {
3149
- width: 100%;
3150
- height: 1px;
3151
- }
3152
- .dv-tabs-container::-webkit-scrollbar {
3153
- height: 3px;
3154
- }
3155
- .dv-tabs-container {
3156
- /* Track */
3157
- }
3158
- .dv-tabs-container::-webkit-scrollbar-track {
3159
- background: transparent;
3160
- }
3161
- .dv-tabs-container {
3162
- /* Handle */
3163
- }
3164
- .dv-tabs-container::-webkit-scrollbar-thumb {
3165
- background: var(--dv-tabs-container-scrollbar-color);
3166
- }
3167
-
3168
- .dv-scrollable > .dv-tabs-container {
3169
- overflow: hidden;
3170
- }
3171
-
3172
- .dv-tab {
3173
- user-select: none;
3174
- -webkit-user-select: none;
3175
- -moz-user-select: none;
3176
- -ms-user-select: none;
3177
- outline: none;
3178
- padding: 0.25rem 0.5rem;
3179
- cursor: pointer;
3180
- position: relative;
3181
- box-sizing: border-box;
3182
- font-size: var(--dv-tab-font-size);
3183
- margin: var(--dv-tab-margin);
3184
- touch-action: none;
3185
- }
3186
- .dv-tab.dv-tab--shifting {
3187
- will-change: transform, margin-left, margin-right, margin-top, margin-bottom;
3188
- 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;
3189
- }
3190
- .dv-tab.dv-tab--dragging {
3191
- width: 0 !important;
3192
- min-width: 0 !important;
3193
- padding: 0 !important;
3194
- margin: 0 !important;
3195
- overflow: hidden;
3196
- opacity: 0;
3197
- pointer-events: none;
3198
- 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;
3199
- }
3200
- .dv-tab.dv-tab--group-collapsed {
3201
- width: 0 !important;
3202
- min-width: 0 !important;
3203
- padding: 0 !important;
3204
- margin: 0 !important;
3205
- overflow: hidden;
3206
- opacity: 0;
3207
- pointer-events: none;
3208
- 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;
3209
- }
3210
- .dv-tab.dv-tab--group-expanding {
3211
- 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;
3212
- }
3213
-
3214
- @media (prefers-reduced-motion: reduce) {
3215
- .dv-tab {
3216
- transition: none !important;
3217
- }
3218
- .dv-tab-group-chip {
3219
- transition: none !important;
3220
- }
3221
- }
3222
- .dv-tab-group-chip {
3223
- display: inline-flex;
3224
- align-items: center;
3225
- align-self: center;
3226
- padding: var(--dv-tab-group-chip-padding);
3227
- margin: 0 8px 0 8px;
3228
- border-radius: var(--dv-tab-group-chip-border-radius);
3229
- font-size: var(--dv-tab-group-chip-font-size);
3230
- cursor: pointer;
3231
- user-select: none;
3232
- white-space: nowrap;
3233
- box-sizing: border-box;
3234
- line-height: 1;
3235
- touch-action: none;
3236
- background-color: var(--dv-tab-group-color);
3237
- color: white;
3238
- }
3239
- .dv-tab-group-chip.dv-tab-group-chip--accent-off {
3240
- background-color: transparent;
3241
- color: inherit;
3242
- }
3243
- .dv-tab-group-chip.dv-tab-group-chip--shifting {
3244
- will-change: margin-left;
3245
- transition: margin-left var(--dv-transition-duration, 200ms) ease-out;
3246
- }
3247
- .dv-tab-group-chip.dv-tab-group-chip--dragging {
3248
- width: 0 !important;
3249
- min-width: 0 !important;
3250
- padding: 0 !important;
3251
- margin: 0 !important;
3252
- overflow: hidden;
3253
- opacity: 0;
3254
- pointer-events: none;
3255
- 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;
3256
- }
3257
- .dv-tab-group-chip .dv-tab-group-chip-label--empty {
3258
- display: none;
3259
- }
3260
- .dv-tab-group-chip:has(.dv-tab-group-chip-label--empty) {
3261
- position: relative;
3262
- width: 12px;
3263
- height: 12px;
3264
- padding: 0;
3265
- border-radius: 50%;
3266
- }
3267
- .dv-tab-group-chip:has(.dv-tab-group-chip-label--empty)::before {
3268
- content: "";
3269
- position: absolute;
3270
- inset: -8px;
3271
- }
3272
-
3273
- .dv-tab-group-underline {
3274
- position: absolute;
3275
- bottom: 0;
3276
- opacity: var(--dv-tab-group-line-opacity);
3277
- pointer-events: none;
3278
- z-index: 10;
3279
- }
3280
-
3281
- .dv-groupview-header-bottom .dv-tab-group-underline {
3282
- bottom: auto;
3283
- top: 0;
3284
- }
3285
-
3286
- .dv-tabs-container-vertical .dv-tab-group-underline {
3287
- bottom: auto;
3288
- left: 0;
3289
- }
3290
-
3291
- .dv-tabs-container-vertical .dv-tab-group-chip {
3292
- margin: 8px 0 8px 0;
3293
- }
3294
- .dv-tabs-container-vertical .dv-tab {
3295
- padding: 0.5rem 0.25rem;
3296
- }
3297
- .dv-tabs-container-vertical .dv-tab.dv-tab--group-collapsed {
3298
- height: 0 !important;
3299
- min-height: 0 !important;
3300
- width: auto !important;
3301
- min-width: initial !important;
3302
- 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;
3303
- }
3304
- .dv-tabs-container-vertical .dv-tab.dv-tab--group-expanding {
3305
- 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;
3306
- }
3307
- .dv-tabs-container-vertical .dv-tab.dv-tab--dragging {
3308
- height: 0 !important;
3309
- min-height: 0 !important;
3310
- width: auto !important;
3311
- min-width: initial !important;
3312
- 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;
3313
- }
3314
-
3315
- .dv-tabs-overflow-container {
3316
- flex-direction: column;
3317
- height: unset;
3318
- font-size: var(--dv-tabs-and-actions-container-font-size);
3319
- max-height: min(50vh, 400px);
3320
- overflow-y: auto;
3321
- border: 1px solid var(--dv-tab-divider-color);
3322
- background-color: var(--dv-group-view-background-color);
3323
- /* Scrollbar styling for webkit browsers */
3324
- }
3325
- .dv-tabs-overflow-container::-webkit-scrollbar {
3326
- width: 6px;
3327
- }
3328
- .dv-tabs-overflow-container::-webkit-scrollbar-track {
3329
- background: transparent;
3330
- }
3331
- .dv-tabs-overflow-container::-webkit-scrollbar-thumb {
3332
- background: var(--dv-tabs-container-scrollbar-color);
3333
- border-radius: 3px;
3334
- }
3335
- .dv-tabs-overflow-container {
3336
- /* Firefox scrollbar */
3337
- scrollbar-width: thin;
3338
- }
3339
- .dv-tabs-overflow-container .dv-tab:not(:last-child) {
3340
- border-bottom: 1px solid var(--dv-tab-divider-color);
3341
- }
3342
- .dv-tabs-overflow-container .dv-active-tab {
3343
- background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
3344
- color: var(--dv-activegroup-visiblepanel-tab-color);
3345
- }
3346
- .dv-tabs-overflow-container .dv-inactive-tab {
3347
- background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);
3348
- color: var(--dv-activegroup-hiddenpanel-tab-color);
3349
- }
3350
- .dv-tabs-overflow-container .dv-tabs-overflow-group-header {
3351
- display: flex;
3352
- align-items: center;
3353
- gap: 6px;
3354
- padding: 4px 8px;
3355
- font-size: 0.8em;
3356
- font-weight: 600;
3357
- color: var(--dv-activegroup-hiddenpanel-tab-color);
3358
- cursor: pointer;
3359
- border-bottom: 1px solid var(--dv-tab-divider-color);
3360
- }
3361
- .dv-tabs-overflow-container .dv-tabs-overflow-group-header:hover {
3362
- background-color: var(--dv-icon-hover-background-color);
3363
- }
3364
- .dv-tabs-overflow-container .dv-tabs-overflow-group-color {
3365
- display: inline-block;
3366
- width: 8px;
3367
- height: 8px;
3368
- border-radius: 50%;
3369
- flex-shrink: 0;
3370
- background-color: var(--dv-tab-group-color);
3371
- }
3372
- .dv-tabs-overflow-container .dv-tabs-overflow-group-label {
3373
- flex: 1;
3374
- overflow: hidden;
3375
- text-overflow: ellipsis;
3376
- white-space: nowrap;
3377
- }
3378
- .dv-tabs-overflow-container .dv-tabs-overflow-group-collapsed-badge {
3379
- font-size: 0.75em;
3380
- font-weight: 400;
3381
- opacity: 0.7;
3382
- padding: 1px 4px;
3383
- border-radius: 3px;
3384
- background-color: var(--dv-tab-divider-color);
3385
- }
3386
- .dv-tabs-overflow-container .dv-tab.dv-tab--grouped {
3387
- padding-left: 16px;
3388
- }
3389
- .dv-tabs-and-actions-container {
3390
- display: flex;
3391
- background-color: var(--dv-tabs-and-actions-container-background-color);
3392
- flex-shrink: 0;
3393
- box-sizing: border-box;
3394
- height: var(--dv-tabs-and-actions-container-height);
3395
- font-size: var(--dv-tabs-and-actions-container-font-size);
3396
- }
3397
- .dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-scrollable {
3398
- flex-grow: 1;
3399
- }
3400
- .dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container {
3401
- flex-grow: 1;
3402
- }
3403
- .dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container .dv-tab {
3404
- flex-grow: 1;
3405
- padding: 0px;
3406
- }
3407
- .dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-void-container {
3408
- flex-grow: 0;
3409
- }
3410
- .dv-tabs-and-actions-container .dv-void-container {
3411
- display: flex;
3412
- flex-grow: 1;
3413
- user-select: none;
3414
- -webkit-user-select: none;
3415
- -moz-user-select: none;
3416
- -ms-user-select: none;
3417
- touch-action: none;
3418
- }
3419
- .dv-tabs-and-actions-container .dv-void-container.dv-draggable {
3420
- cursor: grab;
3421
- }
3422
- .dv-tabs-and-actions-container .dv-right-actions-container {
3423
- display: flex;
3424
- }
3425
- .dv-tabs-and-actions-container .dv-right-actions-container.dv-right-actions-container-vertical {
3426
- flex-direction: column;
3427
- }
3428
- .dv-tabs-and-actions-container.dv-groupview-header-vertical {
3429
- flex-direction: column;
3430
- height: auto;
3431
- width: var(--dv-tabs-and-actions-container-height);
3432
- }
3433
- .dv-watermark {
3434
- display: flex;
3435
- height: 100%;
3436
- }