Skip to main content
Coding Theme

Color themes

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.activeBorder#9b00e6
  • activityBar.background#f0e0ff
  • activityBar.foreground#9b00e6
  • badge.background#9b00e6
  • badge.foreground#ffffff
  • button.background#9b00e6
  • button.foreground#ffffff
  • button.hoverBackground#7b00b5
  • dropdown.background#ffffff
  • dropdown.border#d0b0ee
  • editor.background#fdf6ff
  • editor.findMatchBackground#ffcc0060
  • editor.findMatchHighlightBackground#d500f920
  • editor.foreground#1a0a2e
  • editor.lineHighlightBackground#f5eaff
  • editor.lineHighlightBorder#ead0ff
  • editor.selectionBackground#d500f930
  • editor.selectionHighlightBackground#9b00e615
  • editorBracketMatch.background#d500f920
  • editorBracketMatch.border#d500f980
  • editorCursor.foreground#d500f9
  • editorError.foreground#c62828
  • editorIndentGuide.activeBackground1#9b00e640
  • editorIndentGuide.background1#e0c8f030
  • editorInfo.foreground#0055cc
  • editorLineNumber.activeForeground#9b00e6
  • editorLineNumber.foreground#c9a0e8
  • editorOverviewRuler.border#ead0ff
  • editorWarning.foreground#bf8600
  • focusBorder#9b00e660
  • gitDecoration.deletedResourceForeground#c62828
  • gitDecoration.modifiedResourceForeground#bf8600
  • gitDecoration.untrackedResourceForeground#00803a
  • input.background#ffffff
  • input.border#d0b0ee
  • input.foreground#1a0a2e
  • input.placeholderForeground#8e6aad
  • list.activeSelectionBackground#d500f920
  • list.activeSelectionForeground#9b00e6
  • list.highlightForeground#007a7a
  • list.hoverBackground#f0e0ff
  • minimap.background#fdf6ff
  • panel.background#fdf6ff
  • panel.border#ead0ff
  • panelTitle.activeBorder#9b00e6
  • panelTitle.activeForeground#9b00e6
  • scrollbarSlider.activeBackground#9b00e660
  • scrollbarSlider.background#9b00e620
  • scrollbarSlider.hoverBackground#9b00e640
  • sideBar.background#f5eaff
  • sideBar.foreground#2d1050
  • sideBarTitle.foreground#9b00e6
  • statusBar.background#9b00e6
  • statusBar.debuggingBackground#e65100
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#7c4dff
  • tab.activeBackground#fdf6ff
  • tab.activeBorderTop#9b00e6
  • tab.activeForeground#9b00e6
  • tab.hoverBackground#ead0ff
  • tab.inactiveBackground#f0e0ff
  • tab.inactiveForeground#8e6aad
  • terminal.ansiBlue#0055cc
  • terminal.ansiBrightMagenta#9b00e6
  • terminal.ansiCyan#007a7a
  • terminal.ansiGreen#00803a
  • terminal.ansiMagenta#d500f9
  • terminal.ansiRed#c62828
  • terminal.ansiWhite#1a0a2e
  • terminal.ansiYellow#bf8600
  • terminal.background#fdf6ff
  • terminal.foreground#1a0a2e
  • titleBar.activeBackground#f0e0ff
  • titleBar.activeForeground#9b00e6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line, comment.block#b388d9italic
string, string.quoted#00803a
constant.character.escape#007a7abold
variable.other.format#bf8600bold
constant.numeric#e65100
constant.language.boolean#aa00ffbold
keyword.other.goonsesh#9b00e6bold
keyword.other.goon-binding#9b00e6bold
keyword.other.goon-visibility#8e24aaitalic
keyword.other.goon-module#4a148c
keyword.other.goon-type-def#9b00e6bold underline
keyword.other.goon-async#007a7aitalic bold
keyword.other.goon-modifier#7c4dff
keyword.control#9b00e6
keyword.control.return#aa00ffitalic
keyword.control.break#c62828bold
keyword.control.continue#bf8600
keyword.control.panic#b71c1cbold underline
keyword.control.debug#bf8600italic
entity.name.function.macro.goonprint#7c4dffbold
entity.name.function.macro.ruin#b71c1cbold underline
entity.name.function.macro#4a148c
entity.name.function#0055cc
entity.name.type#e65100bold
storage.type.primitive#c2185b
support.type.option#007a7abold
storage.modifier.lifetime#bf8600italic
keyword.operator#6a4c93
keyword.operator.arrow#9b00e6
entity.other.attribute-name#7c4dffitalic
variable.other#1a0a2e
variable.parameter#1565c0italic
punctuation#8e6aad
punctuation.bracket, punctuation.section#6a4c93
variable.language.self, variable.language.this#9b00e6italic
variable.other.constant, constant.other#bf8600bold
entity.name.namespace, entity.name.module#4a148c
entity.name.type.trait, entity.other.inherited-class#007a7abold
variable.other.enummember, constant.other.enum#e65100italic
punctuation.definition.macro#7c4dff
constant.numeric.nice#d81b60bold italic
constant.numeric.blaze#2e7d32bold
constant.numeric.leet#1b5e20bold italic
constant.numeric.goated#f9a825bold underline
keyword.easter.gooner#d500f9bold italic underline
keyword.easter.bruh#558b2fbold
keyword.easter.sigma#00695cbold italic
keyword.easter.gaming#c62828bold