Removed a few custom colors and derived them from existing ones.

Fixed the color for the:
 - selected items in the Explorer,
 - warning `input`s,
 - set custom dialog background for the Arduino theme,
 - the query term matches in the command palette, and
 - react-select.

Signed-off-by: Akos Kitta <kittaakos@typefox.io>
This commit is contained in:
Akos Kitta
2020-01-28 10:21:46 +01:00
parent cbe603a99f
commit 403fdbfdc0
14 changed files with 1627 additions and 1519 deletions

View File

@@ -582,184 +582,29 @@ export class ArduinoFrontendContribution implements FrontendApplicationContribut
registerColors(colors: ColorRegistry): void {
colors.register(
{
id: 'arduino.base',
id: 'arduino.branding.primary',
defaults: {
dark: '#616161',
light: '#616161',
hc: '#FFFFFF'
dark: 'statusBar.background',
light: 'statusBar.background'
},
description: 'Base layout color.'
description: 'The primary branding color, such as dialog titles, library, and board manager list labels.'
},
{
id: 'arduino.toolbarTooltip',
id: 'arduino.branding.secondary',
defaults: {
dark: '#616161',
light: '#616161',
hc: '#FFFFFF'
dark: 'statusBar.background',
light: 'statusBar.background'
},
description: 'The color of the toolbar tooltip (shown next to the buttons).'
description: 'Secondary branding color for list selections, dropdowns, and widget borders.'
},
{
id: 'arduino.editorMargin',
defaults: {
dark: '#2e2e2e',
light: '#EEEEEE',
hc: 'contrastBorder'
},
description: 'The color of the border which separates line numbers from code area.'
},
{
id: 'arduino.dialogTitle',
defaults: {
dark: 'foreground',
light: 'foreground',
hc: 'contrastBorder'
},
description: 'The color of a dialog title (e.g. in board selector dialog).'
},
{
id: 'arduino.select',
defaults: {
},
description: 'Color of background and border of select component (in serial monitor).'
},
{
id: 'arduino.selectItemHoverBackground',
defaults: {
light: '#d7eaf8',
dark: '#24455e'
},
description: 'Color of background of hovered Item in select component (in serial monitor).'
},
{
id: 'arduino.dialogSecondaryTitle',
defaults: {
dark: '#7f8c8d',
light: '#7f8c8d'
},
description: 'Color of secondary titles in Arduino Dialogs.'
},
{
id: 'arduino.secondaryButtonShadow',
defaults: {
dark: '#95a5a6',
light: '#95a5a6'
},
description: 'Color of secondary button shadow.'
},
{
id: 'arduino.buttonShadow',
defaults: {
dark: '#006468',
light: '#006468'
},
description: 'Color of button shadow.'
},
{
id: 'arduino.toolbarItemForeground',
defaults: {
dark: 'button.foreground',
light: 'button.foreground'
},
description: 'Foreground color of toolbar items.'
},
{
id: 'arduino.boardSelectorBackground',
id: 'arduino.foreground',
defaults: {
dark: 'editorWidget.background',
light: 'editorWidget.background',
hc: 'editorWidget.background'
},
description: 'Background color of board selector toolbar item.'
},
{
id: 'arduino.boardSelectorHoverBackground',
defaults: {
dark: '#383838',
light: '#dae2e4'
},
description: 'Background color of board selector toolbar item.'
},
{
id: 'arduino.boardSelectorBorder',
defaults: {
dark: '#757575',
light: '#e0e0e0'
},
description: 'Border color of board selector toolbar item.'
},
{
id: 'arduino.boardSelectorCheck',
defaults: {
dark: '#259fd8',
light: '#2b75c0'
},
description: 'Color of board selector toolbar check item.'
},
{
id: 'arduino.listOddItem',
defaults: {
dark: '#1d1d1d',
light: '#ffffff'
},
description: 'Backgroundcolor of item with odd number in list widget'
},
{
id: 'arduino.listEvenItem',
defaults: {
dark: '#252526',
light: '#f7f9f9'
},
description: 'Backgroundcolor of item with even number in list widget'
},
{
id: 'arduino.listItemHoverBackground',
defaults: {
dark: '#333333',
light: '#ececec'
},
description: 'Backgroundcolor of hovered item in list widget'
},
{
id: 'arduino.listItemSecondaryForeground',
defaults: {
dark: '#9e9e9e',
light: '#9e9e9e'
},
description: 'Backgroundcolor of hovered item in list widget'
},
{
id: 'arduino.listItemInstalledBadge',
defaults: {
dark: '#259fd8',
light: '#2b75c0'
},
description: 'Color of badge for installed list items.'
},
{
id: 'arduino.listItemInfoLinkForeground',
defaults: {
dark: '#2196f3',
light: '#2196f3'
},
description: 'Color of info link in list items.'
},
{
id: 'arduino.bottomPanelTabBackground',
defaults: {
dark: 'editorGroupHeader.tabsBackground',
light: 'editorGroupHeader.tabsBackground'
},
description: 'Color of info link in list items.'
},
{
id: 'arduino.toolbarToggleBackground',
defaults: {
dark: '#757575',
light: '#9e9e9e'
},
description: 'Color of active toggles (as in serial monitor toolbar).'
description: 'Color of the Arduino Pro IDE foreground which is used for dialogs, such as the Select Board dialog.'
}
);
}