No Syntax Highlighting

Color themes

• 

  Acme

• 

  Distilled

• 

  Fogbell

• 

  Free Solo

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#293e55
• badge.background#047aa6
• breadcrumb.background#24364b
• breadcrumbPicker.background#293e55
• button.background#2aa19899
• checkbox.background#293e55
• checkbox.selectBackground#293e55
• debugExceptionWidget.background#293e55
• debugExceptionWidget.border#ab395b
• debugToolBar.background#293e55
• dropdown.background#293e55
• dropdown.border#2aa19899
• editor.background#24364b
• editor.findMatchBackground#dfc56dbb
• editor.findMatchHighlightBackground#dfc56d66
• editor.findRangeHighlightBackground#dfc56d66
• editor.foreground#e4e4dd
• editor.selectionBackground#e4e4dd22
• editor.selectionHighlightBackground#005a6faa
• editor.wordHighlightBackground#004454aa
• editor.wordHighlightStrongBackground#005a6faa
• editorBracketHighlight.foreground1#e4e4dd
• editorBracketHighlight.foreground2#e4e4dd
• editorBracketHighlight.foreground3#e4e4dd
• editorCursor.foreground#e4e4dd
• editorGroup.border#293e55
• editorGroup.dropBackground#2aa19844
• editorGroup.dropIntoPromptBackground#293e55
• editorGroupHeader.noTabsBackground#24364b
• editorGroupHeader.tabsBackground#293e55
• editorGutter.background#24364b
• editorGutter.commentGlyphForeground#e4e4dd
• editorGutter.commentUnresolvedGlyphForeground#e4e4dd
• editorHoverWidget.background#293e55
• editorIndentGuide.activeBackground#c3e1e180
• editorIndentGuide.background#93a1a180
• editorLineNumber.activeForeground#6194ba
• editorLineNumber.foreground#6194ba
• editorMarkerNavigation.background#24364b
• editorMarkerNavigationError.background#ab395b
• editorMarkerNavigationWarning.background#5b7e7a
• editorPane.background#24364b
• editorStickyScroll.background#24364b
• editorSuggestWidget.background#293e55
• editorSuggestWidget.foreground#e4e4dd
• editorSuggestWidgetStatus.foreground#e4e4dd80
• editorWhitespace.foreground#93a1a180
• editorWidget.background#293e55
• 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#005a6f
• list.dropBackground#00445488
• list.highlightForeground#1ebcc5
• list.hoverBackground#004454aa
• list.inactiveSelectionBackground#00445488
• listFilterWidget.background#293e55
• menu.background#293e55
• minimap.selectionHighlight#274642
• notebook.cellEditorBackground#293e55
• notebook.editorBackground#24364b
• notifications.background#293e55
• panel.background#24364b
• panel.border#2b2b4a
• peekView.border#2b2b4a
• peekViewEditor.background#10192c
• peekViewEditor.matchHighlightBackground#7744aa40
• peekViewResult.background#293e55
• peekViewTitle.background#293e55
• pickerGroup.border#2aa19899
• pickerGroup.foreground#2aa19899
• ports.iconRunningProcessForeground#369432
• progressBar.background#047aa6
• quickInput.background#293e55
• quickInputList.focusBackground#005a6f
• selection.background#2aa19899
• settings.checkboxBackground#293e55
• settings.dropdownBackground#293e55
• sideBar.background#293e55
• sideBarTitle.foreground#93a1a1
• sideBySideEditor.horizontalBorder#293e55
• sideBySideEditor.verticalBorder#293e55
• statusBar.background#293e55
• statusBar.debuggingBackground#293e55
• statusBar.foreground#93a1a1
• statusBar.noFolderBackground#293e55
• statusBarItem.prominentBackground#2c425a
• statusBarItem.prominentHoverBackground#2c425a
• statusBarItem.remoteBackground#2aa19899
• tab.activeBackground#24364b
• tab.activeForeground#d6dbdb
• tab.border#2c425a
• tab.inactiveBackground#293e55
• tab.inactiveForeground#93a1a1
• tab.lastPinnedBorder#2aa19844
• terminal.ansiBlack#24364b
• 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#e4e4dd
• terminal.ansiYellow#ecb534
• testing.message.info.decorationForeground#e4e4dd80
• titleBar.activeBackground#24364b
• welcomePage.tileBackground#293e55

tokenColors

TextMate scopes and font styles (syntax highlighting rules).