No Syntax Highlighting

Color themes

• 

  Skull

• 

  Solarized Lights Off

• 

  Sunbather Dark

• 

  Sunbather Light

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#282828
• activityBarBadge.background#7eae81
• activityBarBadge.foreground#000000
• badge.background#047aa6
• breadcrumb.background#222222
• breadcrumbPicker.background#282828
• button.background#2aa19899
• checkbox.background#282828
• checkbox.selectBackground#282828
• debugExceptionWidget.background#282828
• debugExceptionWidget.border#ab395b
• debugToolBar.background#282828
• dropdown.background#282828
• dropdown.border#2aa19899
• editor.background#222222
• editor.findMatchBackground#dfc56dbb
• editor.findMatchHighlightBackground#dfc56d66
• editor.findRangeHighlightBackground#dfc56d66
• editor.foreground#A0A0A0
• editor.selectionBackground#A0A0A022
• editor.selectionHighlightBackground#005a6faa
• editor.wordHighlightBackground#004454aa
• editor.wordHighlightStrongBackground#005a6faa
• editorBracketHighlight.foreground1#A0A0A0
• editorBracketHighlight.foreground2#A0A0A0
• editorBracketHighlight.foreground3#A0A0A0
• editorCursor.foreground#A0A0A0
• editorGroup.border#282828
• editorGroup.dropBackground#2aa19844
• editorGroup.dropIntoPromptBackground#282828
• editorGroupHeader.noTabsBackground#222222
• editorGroupHeader.tabsBackground#282828
• editorGutter.background#222222
• editorGutter.commentGlyphForeground#A0A0A0
• editorGutter.commentUnresolvedGlyphForeground#A0A0A0
• editorHoverWidget.background#282828
• editorIndentGuide.activeBackground#c3e1e180
• editorIndentGuide.background#93a1a180
• editorLineNumber.activeForeground#A0A0A0
• editorLineNumber.foreground#393939
• editorMarkerNavigation.background#222222
• editorMarkerNavigationError.background#ab395b
• editorMarkerNavigationWarning.background#5b7e7a
• editorPane.background#222222
• editorStickyScroll.background#222222
• editorSuggestWidget.background#282828
• editorSuggestWidget.foreground#A0A0A0
• editorSuggestWidgetStatus.foreground#A0A0A080
• editorWhitespace.foreground#93a1a180
• editorWidget.background#282828
• errorForeground#ffeaea
• focusBorder#2aa19899
• input.background#2c425a
• input.foreground#93a1a1
• input.placeholderForeground#93a1a1aa
• inputOption.activeBorder#2aa19899
• inputValidation.errorBackground#571b26
• inputValidation.errorBorder#a92049
• inputValidation.infoBackground#052730
• inputValidation.infoBorder#363b5f
• inputValidation.warningBackground#5d5938
• inputValidation.warningBorder#9d8a5e
• list.activeSelectionBackground#7eae81
• list.dropBackground#7eae8188
• list.highlightForeground#7eae81
• list.hoverBackground#7eae81aa
• list.inactiveSelectionBackground#7eae8188
• listFilterWidget.background#282828
• menu.background#282828
• minimap.selectionHighlight#274642
• notebook.cellEditorBackground#282828
• notebook.editorBackground#222222
• notifications.background#282828
• panel.background#222222
• panel.border#2b2b4a
• peekView.border#2b2b4a
• peekViewEditor.background#10192c
• peekViewEditor.matchHighlightBackground#7744aa40
• peekViewResult.background#282828
• peekViewTitle.background#282828
• pickerGroup.border#2aa19899
• pickerGroup.foreground#2aa19899
• ports.iconRunningProcessForeground#369432
• progressBar.background#047aa6
• quickInput.background#282828
• quickInputList.focusBackground#005a6f
• selection.background#2aa19899
• settings.checkboxBackground#282828
• settings.dropdownBackground#282828
• sideBar.background#282828
• sideBarTitle.foreground#93a1a1
• sideBySideEditor.horizontalBorder#282828
• sideBySideEditor.verticalBorder#282828
• statusBar.background#7eae81
• statusBar.debuggingBackground#7eae81
• statusBar.foreground#000000
• statusBar.noFolderBackground#7eae81
• statusBarItem.prominentBackground#2c425a
• statusBarItem.prominentHoverBackground#2c425a
• statusBarItem.remoteBackground#2aa19899
• tab.activeBackground#222222
• tab.activeForeground#d6dbdb
• tab.border#2c425a
• tab.inactiveBackground#282828
• tab.inactiveForeground#93a1a1
• tab.lastPinnedBorder#2aa19844
• terminal.ansiBlack#222222
• terminal.ansiBlue#65baf5
• terminal.ansiBrightBlack#6194ba
• terminal.ansiBrightBlue#9fcce7
• terminal.ansiBrightCyan#85f1a1
• terminal.ansiBrightGreen#bfedba
• terminal.ansiBrightMagenta#cebaee
• terminal.ansiBrightRed#edbabf
• terminal.ansiBrightWhite#a5b1bf
• terminal.ansiBrightYellow#dfc56d
• terminal.ansiCyan#69c5b4
• terminal.ansiGreen#88c563
• terminal.ansiMagenta#ae8fc1
• terminal.ansiRed#e76d6d
• terminal.ansiWhite#A0A0A0
• terminal.ansiYellow#ecb534
• testing.message.info.decorationForeground#A0A0A080
• titleBar.activeBackground#222222
• welcomePage.tileBackground#282828

tokenColors

TextMate scopes and font styles (syntax highlighting rules).