Polished

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

• activityBar.background#090909
• activityBar.border#090909
• activityBar.dropBackground#3C3C3C
• activityBar.foreground#4D4D4D
• activityBar.inactiveForeground#171717
• activityBarBadge.background#616161
• activityBarBadge.foreground#C8C8C8
• badge.background#616161
• badge.foreground#C8C8C8
• breadcrumb.activeSelectionForeground#7C7C7C
• breadcrumb.background#030303
• breadcrumb.focusForeground#616161
• breadcrumb.foreground#3C3C3C
• breadcrumbPicker.background#090909
• editor.background#020202
• editor.foreground#616161
• editor.inactiveSelectionBackground#252525
• editor.selectionBackground#171717
• editor.selectionForeground#9E9E9E
• editor.selectionHighlightBackground#1D1D1D
• editor.selectionHighlightBorder#252525
• editor.wordHighlightBackground#252525
• editor.wordHighlightBorder#3C3C3C
• editor.wordHighlightStrongBackground#171717
• editor.wordHighlightStrongBorder#252525
• editorBracketMatch.background#090909
• editorBracketMatch.border#7C7C7C
• editorCodeLens.foreground#2F2F2F
• editorCursor.foreground#7C7C7C
• editorGroup.border#0E0E0E
• editorGroupHeader.noTabsBackground#030303
• editorGroupHeader.tabsBackground#030303
• editorGroupHeader.tabsBorder#050505
• editorIndentGuide.activeBackground#252525
• editorIndentGuide.background#0E0E0E
• editorLineNumber.activeForeground#616161
• editorLineNumber.foreground#252525
• editorLink.activeForeground#9E9E9E
• editorPane.background#030303
• editorRuler.foreground#0E0E0E
• editorWhitespace.foreground#121212
• extensionButton.prominentBackground#616161
• extensionButton.prominentForeground#C8C8C8
• extensionButton.prominentHoverBackground#171717
• focusBorder#616161
• foreground#C8C8C8
• gitDecoration.ignoredResourceForeground#2F2F2F
• input.background#0E0E0E
• input.border#090909
• input.foreground#9E9E9E
• input.placeholderForeground#616161
• inputOption.activeBorder#616161
• panel.background#020202
• panel.border#0E0E0E
• panel.dropBackground#252525
• panelTitle.activeBorder#3C3C3C
• panelTitle.activeForeground#616161
• panelTitle.inactiveForeground#3C3C3C
• pickerGroup.border#171717
• pickerGroup.foreground#616161
• progressBar.background#9E9E9E
• settings.checkboxBackground#090909
• settings.checkboxBorder#252525
• settings.checkboxForeground#3C3C3C
• settings.dropdownBackground#090909
• settings.dropdownBorder#252525
• settings.dropdownForeground#9E9E9E
• settings.dropdownListBorder#252525
• settings.headerForeground#616161
• settings.modifiedItemIndicator#616161
• settings.numberInputBackground#090909
• settings.numberInputBorder#252525
• settings.numberInputForeground#9E9E9E
• settings.textInputBackground#090909
• settings.textInputBorder#252525
• settings.textInputForeground#9E9E9E
• sideBar.background#050505
• sideBar.border#090909
• sideBar.foreground#7C7C7C
• sideBarSectionHeader.background#171717
• sideBarSectionHeader.border#171717
• sideBarSectionHeader.foreground#616161
• sideBarTitle.foreground#616161
• statusBar.background#050505
• statusBar.border#0E0E0E
• statusBar.foreground#7C7C7C
• statusBarItem.activeBackground#252525
• statusBarItem.hoverBackground#171717
• statusBarItem.prominentBackground#252525
• statusBarItem.prominentHoverBackground#3C3C3C
• tab.activeBackground#020202
• tab.activeBorder#616161
• tab.activeBorderTop#020202
• tab.activeForeground#9E9E9E
• tab.activeModifiedBorder#9E9E9E
• tab.border#090909
• tab.hoverBackground#050505
• tab.hoverBorder#0E0E0E
• tab.inactiveBackground#020202
• tab.inactiveForeground#616161
• tab.inactiveModifiedBorder#9E9E9E
• tab.unfocusedActiveBorder#3C3C3C
• tab.unfocusedActiveBorderTop#020202
• tab.unfocusedActiveForeground#3C3C3C
• tab.unfocusedActiveModifiedBorder#9E9E9E
• tab.unfocusedHoverBackground#090909
• tab.unfocusedHoverBorder#0E0E0E
• tab.unfocusedInactiveForeground#616161
• tab.unfocusedInactiveModifiedBorder#9E9E9E
• terminal.background#030303
• terminal.border#252525
• terminal.foreground#9E9E9E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).