Revert "feat: migrate spaced themes to CSS variable system and add interactive theme builder"

This reverts commit c4bcff4. Feature will be landed via a proper PR.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: mathuo

packages/dockview-core/src/dockview/theme.ts

@@ -7,10 +7,6 @@ export interface DockviewTheme {
      * The class name to apply to the theme containing the CSS variables settings.
      */
     className: string;
-    /**
-     * Whether the theme is light or dark. Useful for adapting panel content colors.
-     */
-    colorScheme?: 'light' | 'dark';
     /**
      * The gap between the groups
      */
@@ -29,37 +25,37 @@ export interface DockviewTheme {
 export const themeDark: DockviewTheme = {
     name: 'dark',
     className: 'dockview-theme-dark',
-    colorScheme: 'dark',
 };
 
 export const themeLight: DockviewTheme = {
     name: 'light',
     className: 'dockview-theme-light',
-    colorScheme: 'light',
 };
 
 export const themeVisualStudio: DockviewTheme = {
     name: 'visualStudio',
     className: 'dockview-theme-vs',
-    colorScheme: 'dark',
 };
 
 export const themeAbyss: DockviewTheme = {
     name: 'abyss',
     className: 'dockview-theme-abyss',
-    colorScheme: 'dark',
 };
 
 export const themeDracula: DockviewTheme = {
     name: 'dracula',
     className: 'dockview-theme-dracula',
-    colorScheme: 'dark',
+};
+
+export const themeReplit: DockviewTheme = {
+    name: 'replit',
+    className: 'dockview-theme-replit',
+    gap: 10,
 };
 
 export const themeAbyssSpaced: DockviewTheme = {
     name: 'abyssSpaced',
     className: 'dockview-theme-abyss-spaced',
-    colorScheme: 'dark',
     gap: 10,
     dndOverlayMounting: 'absolute',
     dndPanelOverlay: 'group',
@@ -68,88 +64,6 @@ export const themeAbyssSpaced: DockviewTheme = {
 export const themeLightSpaced: DockviewTheme = {
     name: 'lightSpaced',
     className: 'dockview-theme-light-spaced',
-    colorScheme: 'light',
-    gap: 10,
-    dndOverlayMounting: 'absolute',
-    dndPanelOverlay: 'group',
-};
-
-export const themeNord: DockviewTheme = {
-    name: 'nord',
-    className: 'dockview-theme-nord',
-    colorScheme: 'dark',
-};
-
-export const themeNordSpaced: DockviewTheme = {
-    name: 'nordSpaced',
-    className: 'dockview-theme-nord-spaced',
-    colorScheme: 'dark',
-    gap: 10,
-    dndOverlayMounting: 'absolute',
-    dndPanelOverlay: 'group',
-};
-
-export const themeCatppuccinMocha: DockviewTheme = {
-    name: 'catppuccinMocha',
-    className: 'dockview-theme-catppuccin-mocha',
-    colorScheme: 'dark',
-};
-
-export const themeCatppuccinMochaSpaced: DockviewTheme = {
-    name: 'catppuccinMochaSpaced',
-    className: 'dockview-theme-catppuccin-mocha-spaced',
-    colorScheme: 'dark',
-    gap: 10,
-    dndOverlayMounting: 'absolute',
-    dndPanelOverlay: 'group',
-};
-
-export const themeMonokai: DockviewTheme = {
-    name: 'monokai',
-    className: 'dockview-theme-monokai',
-    colorScheme: 'dark',
-};
-
-export const themeSolarizedLight: DockviewTheme = {
-    name: 'solarizedLight',
-    className: 'dockview-theme-solarized-light',
-    colorScheme: 'light',
-};
-
-export const themeSolarizedLightSpaced: DockviewTheme = {
-    name: 'solarizedLightSpaced',
-    className: 'dockview-theme-solarized-light-spaced',
-    colorScheme: 'light',
-    gap: 10,
-    dndOverlayMounting: 'absolute',
-    dndPanelOverlay: 'group',
-};
-
-export const themeGithubDark: DockviewTheme = {
-    name: 'githubDark',
-    className: 'dockview-theme-github-dark',
-    colorScheme: 'dark',
-};
-
-export const themeGithubDarkSpaced: DockviewTheme = {
-    name: 'githubDarkSpaced',
-    className: 'dockview-theme-github-dark-spaced',
-    colorScheme: 'dark',
-    gap: 10,
-    dndOverlayMounting: 'absolute',
-    dndPanelOverlay: 'group',
-};
-
-export const themeGithubLight: DockviewTheme = {
-    name: 'githubLight',
-    className: 'dockview-theme-github-light',
-    colorScheme: 'light',
-};
-
-export const themeGithubLightSpaced: DockviewTheme = {
-    name: 'githubLightSpaced',
-    className: 'dockview-theme-github-light-spaced',
-    colorScheme: 'light',
     gap: 10,
     dndOverlayMounting: 'absolute',
     dndPanelOverlay: 'group',

packages/dockview-core/src/overlay/overlay.scss

@@ -31,7 +31,7 @@
     position: absolute;
     z-index: calc(var(--dv-overlay-z-index) - 2);
 
-    border: var(--dv-floating-border);
+    border: 1px solid var(--dv-tab-divider-color);
     box-shadow: var(--dv-floating-box-shadow);
 
     /* GPU optimizations for floating group movement */
@@ -44,7 +44,7 @@
     }
 
     &.dv-resize-container-dragging {
-        opacity: var(--dv-floating-group-dragging-opacity);
+        opacity: 0.5;
         /* Enhanced GPU acceleration during drag */
         will-change: transform, opacity;
     }