forks/vsc-material-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update themes workbench

Browse source
This commit is contained in:
Mattia Astorino 2019-12-26 12:30:46 +01:00
parent 7b69e59cf3
commit 87b4af535b
No known key found for this signature in database
GPG key ID: CDFA82D8B1132C65
2 changed files with 64 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
material-theme.config.json
View file

@ -22,6 +22,10 @@
"alpha": 100, "alpha": 100,
"value": null "value": null
}, },
"activityBar.activeBorder": {
"alpha": 100,
"value": null
},
"list.activeSelectionForeground": { "list.activeSelectionForeground": {
"alpha": 100, "alpha": 100,
"value": null "value": null

121
scripts/generator/color-set.ts
View file

@ -35,7 +35,7 @@ export const getColorSet = (theme: ThemeSetting): IColorSet => {
'debugToolBar.background': theme.scheme.background, 'debugToolBar.background': theme.scheme.background,
'pickerGroup.foreground': theme.scheme.defaultAccent, 'pickerGroup.foreground': theme.scheme.defaultAccent,
'editorMarkerNavigation.background': `${theme.scheme.foreground}05`, 'editorMarkerNavigation.background': `${theme.scheme.foreground}05`,
// 'tree.indentGuidesStroke': theme.scheme.shade1, 'tree.indentGuidesStroke': theme.scheme.guides,
'terminalCursor.foreground': theme.scheme.base.yellow, 'terminalCursor.foreground': theme.scheme.base.yellow,
'terminalCursor.background': theme.scheme.base.black, 'terminalCursor.background': theme.scheme.base.black,
'editorWhitespace.foreground': `${theme.scheme.foreground}40`, 'editorWhitespace.foreground': `${theme.scheme.foreground}40`,
@ -57,28 +57,28 @@ export const getColorSet = (theme: ThemeSetting): IColorSet => {
/** /**
* Sidebar style * Sidebar style
*/ */
'sideBar.background': theme.scheme.background, 'sideBar.background': theme.scheme.backgroundAlt,
// 'sideBar.foreground': theme.scheme.shade4, 'sideBar.foreground': theme.scheme.sidebarForeground,
// 'sideBar.border': themeSchemeShade2, 'sideBar.border': `${theme.scheme.contrastBorder}60`,
/** /**
* Sidebar elements style * Sidebar elements style
*/ */
// 'sideBarTitle.foreground': theme.scheme.shade4, 'sideBarTitle.foreground': theme.scheme.foreground,
'sideBarSectionHeader.background': theme.scheme.background, 'sideBarSectionHeader.background': theme.scheme.backgroundAlt,
'sideBarSectionHeader.border': `${theme.scheme.contrastBorder}60`,
// "sideBarSectionHeader.foreground": theme.scheme.foreground, // "sideBarSectionHeader.foreground": theme.scheme.foreground,
'sideBarSectionHeader.border': theme.scheme.background,
/** /**
* Window panels style (terminal, global search) * Window panels style (terminal, global search)
*/ */
'panel.background': theme.scheme.background, 'panel.border': `${theme.scheme.contrastBorder}60`,
// 'panel.border': theme.scheme.borders, 'panel.background': theme.scheme.backgroundAlt,
// 'panel.dropBackground': theme.scheme.shade2, 'panel.dropBackground': theme.scheme.foreground,
/** /**
* Window panels elements style * Window panels elements style
*/ */
// 'panelTitle.inactiveForeground': theme.scheme.shade4, 'panelTitle.inactiveForeground': theme.scheme.foreground,
'panelTitle.activeForeground': theme.scheme.base.white, 'panelTitle.activeForeground': theme.scheme.tabActiveForeground,
'panelTitle.activeBorder': theme.scheme.base.yellow, 'panelTitle.activeBorder': theme.scheme.defaultAccent,
/** /**
* Code Editor style * Code Editor style
*/ */
@ -108,15 +108,15 @@ export const getColorSet = (theme: ThemeSetting): IColorSet => {
/** /**
* Activity bar style * Activity bar style
*/ */
'activityBar.background': theme.scheme.background, 'activityBar.background': theme.scheme.backgroundAlt,
'activityBar.border': theme.scheme.background, 'activityBar.border': `${theme.scheme.contrastBorder}60`,
// 'activityBar.foreground': theme.scheme.shade5, 'activityBar.foreground': theme.scheme.foreground,
'activityBar.activeBorder': theme.scheme.base.pink, 'activityBar.activeBorder': theme.scheme.defaultAccent,
/** /**
* Activity bar badges style * Activity bar badges style
*/ */
'activityBarBadge.background': theme.scheme.base.cyan, 'activityBarBadge.background': theme.scheme.defaultAccent,
'activityBarBadge.foreground': theme.scheme.background, 'activityBarBadge.foreground': theme.scheme.base.black,
/** /**
* Global badges style * Global badges style
*/ */
@ -130,44 +130,43 @@ export const getColorSet = (theme: ThemeSetting): IColorSet => {
/** /**
* Scrollbar style * Scrollbar style
*/ */
// 'scrollbarSlider.background': theme.scheme.shade4 + '50', 'scrollbarSlider.background': theme.scheme.scrollbars,
// 'scrollbarSlider.hoverBackground': theme.scheme.shade2, 'scrollbarSlider.hoverBackground': theme.scheme.scrollbarsHover,
// 'scrollbarSlider.activeBackground': theme.scheme.shade4, 'scrollbarSlider.activeBackground': theme.scheme.defaultAccent,
/** /**
* Tabs style * Tabs style
*/ */
'tab.activeBorder': theme.scheme.background, 'tab.activeBorder': theme.scheme.defaultAccent,
'tab.activeBorderTop': theme.scheme.base.cyan, 'tab.activeModifiedBorder': theme.scheme.sidebarForeground,
// 'tab.inactiveModifiedBorder': theme.scheme.shade5, 'tab.unfocusedActiveBorder': theme.scheme.comments,
'tab.activeModifiedBorder': theme.scheme.base.pink, 'tab.activeForeground': theme.scheme.tabActiveForeground,
// 'tab.unfocusedActiveBorder': theme.scheme.shade4, 'tab.inactiveForeground': theme.scheme.sidebarForeground,
'tab.activeForeground': theme.scheme.base.white,
'tab.activeBackground': theme.scheme.background,
// 'tab.inactiveForeground': theme.scheme.shade4,
'tab.inactiveBackground': theme.scheme.background, 'tab.inactiveBackground': theme.scheme.background,
'tab.activeBackground': theme.scheme.background,
'tab.unfocusedActiveForeground': theme.scheme.foreground, 'tab.unfocusedActiveForeground': theme.scheme.foreground,
'tab.border': theme.scheme.background, 'tab.border': theme.scheme.background,
// 'tab.inactiveModifiedBorder': theme.scheme.shade5,
/** /**
* Editor overlay widgets style (find/replace..) * Editor overlay widgets style (find/replace..)
*/ */
// 'editorWidget.background': theme.scheme.shade1, 'editorWidget.background': theme.scheme.backgroundAlt,
'editorWidget.resizeBorder': theme.scheme.base.yellow, 'editorWidget.resizeBorder': theme.scheme.defaultAccent,
'editorWidget.border': theme.scheme.base.yellow, 'editorWidget.border': theme.scheme.defaultAccent,
/** /**
* Statusbar style * Statusbar style
*/ */
'statusBar.noFolderBackground': theme.scheme.background, 'statusBar.noFolderBackground': theme.scheme.background,
// 'statusBar.border': theme.scheme.borders, 'statusBar.border': `${theme.scheme.contrastBorder}60`,
'statusBar.background': theme.scheme.background, 'statusBar.background': theme.scheme.backgroundAlt,
// 'statusBar.foreground': theme.scheme.shade4, 'statusBar.foreground': theme.scheme.statusbarForeground,
'statusBar.debuggingBackground': theme.scheme.base.purple, 'statusBar.debuggingBackground': theme.scheme.base.purple,
'statusBar.debuggingForeground': theme.scheme.base.white, 'statusBar.debuggingForeground': theme.scheme.base.white,
/** /**
* Statusbar items style * Statusbar items style
*/ */
// 'statusBarItem.hoverBackground': theme.scheme.shade1 + '50', 'statusBarItem.hoverBackground': `${theme.scheme.comments}20`,
'statusBarItem.remoteForeground': theme.scheme.base.black, 'statusBarItem.remoteForeground': theme.scheme.base.black,
'statusBarItem.remoteBackground': theme.scheme.base.yellow, 'statusBarItem.remoteBackground': theme.scheme.defaultAccent,
/** /**
* Matching brackets style * Matching brackets style
*/ */
@ -195,18 +194,18 @@ export const getColorSet = (theme: ThemeSetting): IColorSet => {
/** /**
* Title bar style * Title bar style
*/ */
'titleBar.activeBackground': theme.scheme.background, 'titleBar.activeBackground': theme.scheme.backgroundAlt,
'titleBar.activeForeground': theme.scheme.foreground, 'titleBar.activeForeground': theme.scheme.foreground,
'titleBar.inactiveBackground': theme.scheme.background, 'titleBar.inactiveBackground': theme.scheme.backgroundAlt,
// 'titleBar.inactiveForeground': theme.scheme.shade4, 'titleBar.inactiveForeground': theme.scheme.sidebarForeground,
// 'titleBar.border': theme.scheme.borders, 'titleBar.border': `${theme.scheme.contrastBorder}60`,
/** /**
* Textfield and inputs style * Textfield and inputs style
*/ */
'input.background': theme.scheme.background, 'input.background': theme.scheme.inputBackground,
'input.foreground': theme.scheme.base.pink, 'input.foreground': theme.scheme.inputForeground,
// 'input.placeholderForeground': theme.scheme.shade3, 'input.placeholderForeground': `${theme.scheme.foreground}60`,
// 'input.border': theme.scheme.shade1, 'input.border': theme.scheme.inputBorder,
/** /**
* Inputs validation style * Inputs validation style
*/ */
@ -216,29 +215,29 @@ export const getColorSet = (theme: ThemeSetting): IColorSet => {
/** /**
* Dropdown menu style * Dropdown menu style
*/ */
// 'dropdown.background': theme.scheme.shade1, 'dropdown.background': theme.scheme.background,
// 'dropdown.border': theme.scheme.shade1, 'dropdown.border': theme.scheme.inputBorder,
/** /**
* Lists style * Lists style
*/ */
'list.hoverForeground': theme.scheme.foreground, 'list.hoverForeground': theme.scheme.listHoverForeground,
'list.hoverBackground': `${theme.scheme.background}00`, 'list.hoverBackground': theme.scheme.backgroundAlt,
'list.activeSelectionBackground': `${theme.scheme.background}00`, 'list.activeSelectionBackground': theme.scheme.backgroundAlt,
'list.activeSelectionForeground': theme.scheme.base.cyan, 'list.activeSelectionForeground': theme.scheme.defaultAccent,
'list.inactiveSelectionForeground': theme.scheme.base.cyan, 'list.inactiveSelectionForeground': theme.scheme.defaultAccent,
// 'list.inactiveSelectionBackground': theme.scheme.shade1 + '50', 'list.inactiveSelectionBackground': theme.scheme.inactiveSelectionBackground,
// 'list.focusBackground': theme.scheme.shade1, 'list.focusBackground': `${theme.scheme.foreground}20`,
'list.focusForeground': theme.scheme.base.white, 'list.focusForeground': theme.scheme.foreground,
'list.highlightForeground': theme.scheme.base.cyan, 'list.highlightForeground': theme.scheme.defaultAccent,
// 'list.dropBackground': theme.scheme.shade2, // 'list.dropBackground': theme.scheme.shade2,
/** /**
* Editor suggest widget style * Editor suggest widget style
*/ */
// 'editorSuggestWidget.background': theme.scheme.shade1, 'editorSuggestWidget.background': theme.scheme.background,
'editorSuggestWidget.foreground': theme.scheme.foreground, 'editorSuggestWidget.foreground': theme.scheme.foreground,
'editorSuggestWidget.highlightForeground': theme.scheme.base.cyan, 'editorSuggestWidget.highlightForeground': theme.scheme.defaultAccent,
// 'editorSuggestWidget.selectedBackground': theme.scheme.shade2, 'editorSuggestWidget.selectedBackground': `${theme.scheme.lineHighlight}50`,
// 'editorSuggestWidget.border': theme.scheme.shade1, 'editorSuggestWidget.border': theme.scheme.inputBorder,
/** /**
* Editor diff editor style * Editor diff editor style
*/ */