a few ux improvements (#3057)

* style update

* checkbox styler

* casing update
This commit is contained in:
Alan Ren
2018-10-31 13:44:12 -07:00
committed by GitHub
parent 2238c42432
commit 56c2d16560
10 changed files with 111 additions and 70 deletions

View File

@@ -4,66 +4,69 @@
"type": "dark",
"colors": {
// base
"foreground": "#fffffe",
"focusBorder": "#0E639C",
// base
"foreground": "#fffffe",
"focusBorder": "#0078d7",
"selection.background": "#3062d6",
//text colors
"textLinkForeground": "#30B4FF",
"textLinkActiveForeground": "#30B4FF",
//text colors
"textLinkForeground": "#30b4ff",
"textLinkActiveForeground": "#30b4ff",
//Button control
"button.background": "#00BCF2",
"button.foreground": "#212121",
"button.hoverBackground": "#0099BC",
//Button control
"button.background": "#0078d7cc",
"button.foreground": "#ffffff",
"button.hoverBackground": "#0078d7",
// TODO add support for these
// "button.secondaryBackground": "#c8c8c8",
// "button.secondaryHoverBackground": "#a6a6a6",
// "button.secondaryForeground": "#333333",
// "button.disabledBackground": "#444444" ,
// "button.disabledForeground": "#888888" ,
// TODO add support for these
// "button.secondaryBackground": "#c8c8c8",
// "button.secondaryHoverBackground": "#a6a6a6",
// "button.secondaryForeground": "#333333",
// "button.disabledBackground": "#444444" ,
// "button.disabledForeground": "#888888" ,
//Dropdown Control
"dropdown.background": "#212121",
"dropdown.foreground": "#fffffe",
"dropdown.border": "#888888",
//Checkbox
"checkbox.disabled.foreground": "#888888",
//Input Control
"input.background": "#212121",
//Dropdown Control
"dropdown.background": "#212121",
"dropdown.foreground": "#fffffe",
"dropdown.border": "#888888",
//Input Control
"input.background": "#212121",
"input.border": "#888888",
"input.disabled.background": "#444444",
"input.disabled.foreground": "#888888",
"inputOption.activeBorder": "#007ACC",
"input.placeholderForeground": "#888888",
"inputValidation.errorBackground": "#D02E00",
"inputValidation.errorBorder": "#D02E00",
"inputOption.activeBorder": "#0078d7",
"input.placeholderForeground": "#888888",
"inputValidation.errorBackground": "#b62e00",
"inputValidation.errorBorder": "#b62e00",
//List and trees
"list.activeSelectionBackground": "#3062d6",
"list.hoverBackground": "#444444",
"pickerGroup.border": "#00BCF2",
//List and trees
"list.activeSelectionBackground": "#3062d6",
"list.hoverBackground": "#444444",
"pickerGroup.border": "#0078d7",
"activityBar.background": "#444444",
"sideBar.background": "#333333",
"sideBarTitle.foreground": "#BBBBBB",
"input.placeholderForeground": "#A6A6A6",
"editorGroupHeader.tabsBackground": "#444444",
"editor.background": "#212121",
"editor.foreground": "#ffffff",
"editorWidget.background": "#444444",
"editorLink.activeForeground": "#30B4FF",
"editorGroup.border": "#333333",
"editorGroup.background": "#212121",
"editorIndentGuide.activeBackground": "#707070",
"tab.activeBackground": "#212121",
"tab.activeForeground": "#ffffff",
"tab.inactiveBackground": "#444444",
"tab.inactiveForeground": "#b6b6b6",
"sideBarTitle.foreground": "#bbbbbb",
"input.placeholderForeground": "#a6a6a6",
"editorGroupHeader.tabsBackground": "#444444",
"editor.background": "#212121",
"editor.foreground": "#ffffff",
"editorWidget.background": "#444444",
"editorLink.activeForeground": "#30b4ff",
"editorGroup.border": "#333333",
"editorGroup.background": "#212121",
"editorIndentGuide.activeBackground": "#707070",
"tab.activeBackground": "#212121",
"tab.activeForeground": "#ffffff",
"tab.inactiveBackground": "#444444",
"tab.inactiveForeground": "#b6b6b6",
"tab.border": "#3c3c3c",
"panel.background": "#212121",
"panel.border": "#515151",
"panelTitle.activeForeground": "#ffffff",
"panel.background": "#212121",
"panel.border": "#515151",
"panelTitle.activeForeground": "#ffffff",
"panelTitle.inactiveForeground": "#888888"
},
"tokenColors": [

View File

@@ -5,18 +5,18 @@
"colors": {
// base
"foreground": "#4a4a4a",
"focusBorder": "#00BCF2",
"selection.background": "#C9D0D9",
"focusBorder": "#0078d7",
"selection.background": "#c9d0d9",
"widget.shadow": "#666666",
// text colors
"textLinkForeground": "#3062D6",
"textLinkActiveForeground": "#3062D6",
"textLinkForeground": "#3062d6",
"textLinkActiveForeground": "#3062d6",
//Button control
"button.background": "#00BCF2",
"button.foreground": "#212121",
"button.hoverBackground": "#0099BC",
"button.background": "#0078d7cc",
"button.foreground": "#ffffff",
"button.hoverBackground": "#0078d7",
// TODO add support for these
// "button.secondaryBackground": "#c8c8c8",
@@ -25,35 +25,38 @@
// "button.disabledBackground": "#eaeaea",
// "button.disabledForeground": "#888888",
//Checkbox
"checkbox.disabled.foreground": "#888888",
//Dropdown Control
"dropdown.background": "#fffffe",
"dropdown.background": "#ffffff",
"dropdown.foreground": "#4a4a4a",
"dropdown.border": "#C8C8C8",
"dropdown.border": "#c8c8c8",
//badge
"badge.background": "#777777",
"badge.foreground": "#ffffff",
//Input Control
"input.background": "#fffffe",
"input.background": "#ffffff",
"input.border": "#c8c8c8",
"input.disabled.background": "#dcdcdc",
"input.disabled.foreground": "#888888",
"inputOption.activeBorder": "#666666",
"input.placeholderForeground": "#767676",
"inputValidation.errorBackground": "#ffeaea",
"inputValidation.errorBorder": "#f1897f",
"inputValidation.errorBorder": "#b62e00",
//List and tree
"list.activeSelectionBackground": "#3062d6",
"list.hoverBackground": "#dcdcdc",
"pickerGroup.border": "#00BCF2",
"pickerGroup.border": "#0078d7",
// Workbench: Activity Bar
"activityBar.background": "#212121",
// Workbench: Side Bar
"sideBar.background": "#EAEAEA",
"sideBar.background": "#eaeaea",
"editorGroupHeader.tabsBackground": "#f4f4f4",
"editor.background": "#fffffe",
"editor.foreground": "#212121",
@@ -64,15 +67,15 @@
"editorIndentGuide.activeBackground": "#939393",
// Workbench: Tabs
"tab.activeBackground": "#FFFFFE",
"tab.activeForeground": "#4A4A4A",
"tab.activeBackground": "#ffffff",
"tab.activeForeground": "#4a4a4a",
"tab.inactiveBackground": "#f4f4f4",
"tab.inactiveForeground": "#707070",
"tab.border": "#EAEAEA",
"tab.border": "#eaeaea",
"tab.unfocusedInactiveForeground": "#888888",
"tab.unfocusedActiveForeground": "#212121",
"panel.background": "#FFFFFE",
"panel.border": "#C8C8C8",
"panel.background": "#ffffff",
"panel.border": "#c8c8c8",
"panelTitle.activeForeground": "#212121",
"panelTitle.inactiveForeground": "#757575"
},