From ce70cd6a8c845a6f90d59f32fe9b94b2cb65ce1d Mon Sep 17 00:00:00 2001 From: Daniel Imms Date: Sun, 30 Apr 2017 14:21:33 -0700 Subject: [PATCH] Support many more colors --- src/vscodeThemeGenerator.ts | 23 +++++++++++++++++++---- 1 file changed, 19 insertions(+), 4 deletions(-) diff --git a/src/vscodeThemeGenerator.ts b/src/vscodeThemeGenerator.ts index 2328e50..4d0543f 100644 --- a/src/vscodeThemeGenerator.ts +++ b/src/vscodeThemeGenerator.ts @@ -63,6 +63,7 @@ export class VscodeThemeGenerator implements IThemeGenerator { theme.colors['panel.background'] = lighten(colorSet.base.background, 0.2); theme.colors['activityBar.background'] = lighten(colorSet.base.background, 0.4); theme.colors['activityBar.badge.background'] = colorSet.base.color1; + theme.colors['sideBarSectionHeader.background'] = theme.colors['activityBar.background']; theme.colors['input.background'] = lighten(colorSet.base.background, 0.6); theme.colors['dropdown.background'] = lighten(colorSet.base.background, 0.6); theme.colors['statusBar.background'] = darken(colorSet.base.background, 0.2); @@ -74,13 +75,27 @@ export class VscodeThemeGenerator implements IThemeGenerator { theme.colors['peekViewTitle.background'] = colorSet.base.background; theme.colors['peekView.border'] = colorSet.base.color1; theme.colors['peekViewResult.background'] = lighten(colorSet.base.background, 0.2); - // Find widget - // theme.colors['editorFindWidgetBackground'] = lighten(colorSet.base.background, 0.2); - // theme.colors['editorFindInputBackground'] = lighten(colorSet.base.background, 0.4); - // theme.colors['editorFindCheckedBorders'] = colorSet.base.color1; // Editor marker theme.colors['editorMarkerNavigation.background'] = lighten(colorSet.base.background, 0.2); + // Transparent white to leverage underlying background color + theme.colors['list.activeSelectionBackground'] = colorSet.base.color1 + '80'; + theme.colors['list.dropBackground'] = colorSet.base.color1 + '80'; + theme.colors['list.focusBackground'] = colorSet.base.color1 + '80'; + theme.colors['list.hoverBackground'] = '#FFFFFF1A'; + theme.colors['list.inactiveSelectionBackground'] = '#FFFFFF33'; + + theme.colors['editor.lineHighlightBorder'] = '#FFFFFF1A'; + theme.colors['editor.rangeHighlightBackground'] = '#FFFFFF1A'; + // TODO: Support editorLineHighlig + theme.colors['editorGroup.dropBackground'] = colorSet.base.color1 + '80'; + theme.colors['activityBar.dropBackground'] = colorSet.base.color1 + '80'; + theme.colors['panelTitle.activeBorder'] = colorSet.base.color1; + + theme.colors['statusBarItem.hoverBackground'] = '#FFFFFF1A'; + theme.colors['statusBarItem.activeBackground'] = colorSet.base.color1 + '80'; + theme.colors['pickerGroup.border'] = '#FFFFFF1A'; + return JSON.stringify(theme); } }