braver / vscode-solarized

Solarized for VS Code
MIT License
32 stars 10 forks source link

Any plans for workbench theming? #3

Closed prog-rajkamal closed 6 years ago

prog-rajkamal commented 7 years ago

In april update https://code.visualstudio.com/updates/v1_12#_workbench

VS code added full work bench theming. this enables theme authors to deeply integrate as is possible in Subliem text and others.

Any plans for that?

braver commented 7 years ago

No real plans as of yet, but it does seem like a neat addition.

zekida commented 7 years ago

@prog-rajkamal you could override workbench settings in your settings file.

copied from the workbench specific settings from the default solarized dark theme:

"workbench.colorCustomizations": {
    // Workbench: Title
        "titleBar.activeBackground": "#002C39",
        // "titleBar.inactiveBackground": "",
        // "titleBar.activeForeground": "",
        // "titleBar.inactiveForeground": "",

        // Workbench: Editors
        // "editorGroupHeader.noTabsBackground": "",
        "editorGroup.border": "#00212B",
        "editorGroup.background": "#011b23",
        "editorGroup.dropBackground": "#2AA19844",
        "editorGroupHeader.tabsBackground": "#004052",

        // Workbench: Tabs
        "tab.activeForeground": "#d6dbdb",
        "tab.activeBackground": "#002B37",
        "tab.inactiveForeground": "#93A1A1",
        "tab.inactiveBackground": "#004052",
        "tab.border": "#003847",

        // Workbench: Activity Bar
        "activityBar.background": "#003847",
        // "activityBarBadge.background": "",
        // "activityBar.dropBackground": "",
        // "activityBar.foreground": "",
        // "activityBarBadge.foreground": "",

        // Workbench: Panel
        // "panel.background": "",
        "panel.border": "#2b2b4a",
        // "panelTitle.activeBorder": "",
        // "panelTitle.activeForeground": "",
        // "panelTitle.inactiveForeground": "",

        // Workbench: Side Bar
        "sideBar.background": "#00212B",
        "sideBarTitle.foreground": "#93A1A1",
        // "sideBarSectionHeader.background": "",

        // Workbench: Status Bar
        "statusBar.foreground": "#93A1A1",
        "statusBar.background": "#00212B",
        "statusBar.debuggingBackground": "#00212B",
        "statusBar.noFolderBackground": "#00212B",
        "statusBarItem.prominentBackground": "#003847",
        "statusBarItem.prominentHoverBackground": "#003847",
        // "statusBarItem.activeBackground": "",
        // "statusBarItem.hoverBackground": "",

        // Workbench: Debug
        "debugToolBar.background": "#00212B",
        "debugExceptionWidget.background": "#00212B",
        "debugExceptionWidget.border": "#AB395B",

        // Workbench: Notifications
        "notification.background": "#003847",
        // "notification.foreground": "",

        // Workbench: Quick Open
        "pickerGroup.foreground": "#2AA19899",
        "pickerGroup.border": "#2AA19899",

        // Workbench: Terminal
        // Colors sourced from the official palette http://ethanschoonover.com/solarized
        "terminal.ansiBlack": "#073642",
        "terminal.ansiRed": "#dc322f",
        "terminal.ansiGreen": "#859900",
        "terminal.ansiYellow": "#b58900",
        "terminal.ansiBlue": "#268bd2",
        "terminal.ansiMagenta": "#d33682",
        "terminal.ansiCyan": "#2aa198",
        "terminal.ansiWhite": "#eee8d5",
        "terminal.ansiBrightBlack": "#586e75",
        "terminal.ansiBrightRed": "#cb4b16",
        "terminal.ansiBrightGreen": "#586e75",
        "terminal.ansiBrightYellow": "#657b83",
        "terminal.ansiBrightBlue": "#839496",
        "terminal.ansiBrightMagenta": "#6c71c4",
        "terminal.ansiBrightCyan": "#93a1a1",
        "terminal.ansiBrightWhite": "#fdf6e3"
  }
muodov commented 7 years ago

The snippet above lacks input and list colors, here's an updated one. Still would be nice to merge this into the main repo

"workbench.colorCustomizations": {
        "input.background": "#003847",
    "input.foreground": "#93A1A1",
        "input.placeholderForeground": "#93A1A1AA",
        "list.activeSelectionBackground": "#005A6F",
    "list.focusBackground": "#005A6F",
    "list.hoverBackground": "#004454AA",
    "list.inactiveSelectionBackground": "#00445488",
    "list.dropBackground": "#00445488",
        "list.highlightForeground": "#1ebcc5",

        // Workbench: Title
        "titleBar.activeBackground": "#002C39",
        // "titleBar.inactiveBackground": "",
        // "titleBar.activeForeground": "",
        // "titleBar.inactiveForeground": "",

        // Workbench: Editors
        // "editorGroupHeader.noTabsBackground": "",
        "editorGroup.border": "#00212B",
        "editorGroup.background": "#011b23",
        "editorGroup.dropBackground": "#2AA19844",
        "editorGroupHeader.tabsBackground": "#004052",

        // Workbench: Tabs
        "tab.activeForeground": "#d6dbdb",
        "tab.activeBackground": "#002B37",
        "tab.inactiveForeground": "#93A1A1",
        "tab.inactiveBackground": "#004052",
        "tab.border": "#003847",

        // Workbench: Activity Bar
        "activityBar.background": "#003847",
        // "activityBarBadge.background": "",
        // "activityBar.dropBackground": "",
        // "activityBar.foreground": "",
        // "activityBarBadge.foreground": "",

        // Workbench: Panel
        // "panel.background": "",
        "panel.border": "#2b2b4a",
        // "panelTitle.activeBorder": "",
        // "panelTitle.activeForeground": "",
        // "panelTitle.inactiveForeground": "",

        // Workbench: Side Bar
        "sideBar.background": "#00212B",
        "sideBarTitle.foreground": "#93A1A1",
        // "sideBarSectionHeader.background": "",

        // Workbench: Status Bar
        "statusBar.foreground": "#93A1A1",
        "statusBar.background": "#00212B",
        "statusBar.debuggingBackground": "#00212B",
        "statusBar.noFolderBackground": "#00212B",
        "statusBarItem.prominentBackground": "#003847",
        "statusBarItem.prominentHoverBackground": "#003847",
        // "statusBarItem.activeBackground": "",
        // "statusBarItem.hoverBackground": "",

        // Workbench: Debug
        "debugToolBar.background": "#00212B",
        "debugExceptionWidget.background": "#00212B",
        "debugExceptionWidget.border": "#AB395B",

        // Workbench: Notifications
        "notification.background": "#003847",
        // "notification.foreground": "",

        // Workbench: Quick Open
        "pickerGroup.foreground": "#2AA19899",
        "pickerGroup.border": "#2AA19899",

        // Workbench: Terminal
        // Colors sourced from the official palette http://ethanschoonover.com/solarized
        "terminal.ansiBlack": "#073642",
        "terminal.ansiRed": "#dc322f",
        "terminal.ansiGreen": "#859900",
        "terminal.ansiYellow": "#b58900",
        "terminal.ansiBlue": "#268bd2",
        "terminal.ansiMagenta": "#d33682",
        "terminal.ansiCyan": "#2aa198",
        "terminal.ansiWhite": "#eee8d5",
        "terminal.ansiBrightBlack": "#586e75",
        "terminal.ansiBrightRed": "#cb4b16",
        "terminal.ansiBrightGreen": "#586e75",
        "terminal.ansiBrightYellow": "#657b83",
        "terminal.ansiBrightBlue": "#839496",
        "terminal.ansiBrightMagenta": "#6c71c4",
        "terminal.ansiBrightCyan": "#93a1a1",
        "terminal.ansiBrightWhite": "#fdf6e3"
    },
DavidRGriswold commented 6 years ago

Anybody following this - workbench theming has been added.