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#ff2edc
  • activityBar.background#0a0616
  • activityBar.foreground#ff2edc
  • badge.background#ff2edc
  • badge.foreground#080510
  • button.background#ff2edc
  • button.foreground#080510
  • button.hoverBackground#ff79f2
  • dropdown.background#0c0818
  • dropdown.border#ff2edc40
  • editor.background#080510
  • editor.findMatchBackground#ff6b0050
  • editor.findMatchHighlightBackground#ff2edc25
  • editor.foreground#e0d4ff
  • editor.lineHighlightBackground#0f0920
  • editor.lineHighlightBorder#1a0e35
  • editor.selectionBackground#ff2edc30
  • editor.selectionHighlightBackground#00ffcc15
  • editorBracketMatch.background#ff2edc20
  • editorBracketMatch.border#ff2edc80
  • editorCursor.background#080510
  • editorCursor.foreground#00ffcc
  • editorError.foreground#ff3366
  • editorIndentGuide.activeBackground1#ff2edc40
  • editorIndentGuide.background1#1a0e3530
  • editorInfo.foreground#00aaff
  • editorLineNumber.activeForeground#ff2edc
  • editorLineNumber.foreground#3a1e6d
  • editorOverviewRuler.border#1a0e35
  • editorWarning.foreground#ffdd00
  • focusBorder#ff2edc60
  • gitDecoration.deletedResourceForeground#ff3366
  • gitDecoration.modifiedResourceForeground#ffdd00
  • gitDecoration.untrackedResourceForeground#00ff88
  • input.background#0c0818
  • input.border#ff2edc40
  • input.foreground#e0d4ff
  • input.placeholderForeground#6b5a8e
  • list.activeSelectionBackground#ff2edc30
  • list.activeSelectionForeground#ff2edc
  • list.highlightForeground#00ffcc
  • list.hoverBackground#150d28
  • minimap.background#080510
  • panel.background#080510
  • panel.border#1a0e35
  • panelTitle.activeBorder#ff2edc
  • panelTitle.activeForeground#ff2edc
  • scrollbarSlider.activeBackground#ff2edc60
  • scrollbarSlider.background#ff2edc20
  • scrollbarSlider.hoverBackground#ff2edc40
  • sideBar.background#0c0818
  • sideBar.foreground#c9b8f0
  • sideBarTitle.foreground#ff2edc
  • statusBar.background#ff2edc
  • statusBar.debuggingBackground#ff6b00
  • statusBar.foreground#080510
  • statusBar.noFolderBackground#4400aa
  • tab.activeBackground#150d28
  • tab.activeBorderTop#ff2edc
  • tab.activeForeground#ff2edc
  • tab.hoverBackground#1f1340
  • tab.inactiveBackground#0a0616
  • tab.inactiveForeground#6b5a8e
  • terminal.ansiBlue#00aaff
  • terminal.ansiBrightMagenta#ff79f2
  • terminal.ansiCyan#00ffcc
  • terminal.ansiGreen#00ff88
  • terminal.ansiMagenta#ff2edc
  • terminal.ansiRed#ff3366
  • terminal.ansiWhite#e0d4ff
  • terminal.ansiYellow#ffdd00
  • terminal.background#080510
  • terminal.foreground#e0d4ff
  • titleBar.activeBackground#0c0818
  • titleBar.activeForeground#ff2edc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line, comment.block#5c3d8fitalic
string, string.quoted#00ff88
constant.character.escape#00ffccbold
variable.other.format#ffdd00bold
constant.numeric#ff6b00
constant.language.boolean#ff79f2bold
keyword.other.goonsesh#ff2edcbold
keyword.other.goon-binding#ff2edcbold
keyword.other.goon-visibility#bb86fcitalic
keyword.other.goon-module#9d4edd
keyword.other.goon-type-def#ff2edcbold underline
keyword.other.goon-async#00ffccitalic bold
keyword.other.goon-modifier#b388ff
keyword.control#ff2edc
keyword.control.return#ff79f2italic
keyword.control.break#ff3366bold
keyword.control.continue#ffdd00
keyword.control.panic#ff0040bold underline
keyword.control.debug#ffdd00italic
entity.name.function.macro.goonprint#bb86fcbold
entity.name.function.macro.ruin#ff0040bold underline
entity.name.function.macro#7c4dff
entity.name.function#00aaff
entity.name.type#ff6b00bold
storage.type.primitive#ff5277
support.type.option#00ffccbold
storage.modifier.lifetime#ffdd00italic
keyword.operator#8e7ab5
keyword.operator.arrow#ff2edc
entity.other.attribute-name#b388ffitalic
variable.other#e0d4ff
variable.parameter#80d4ffitalic
punctuation#6b5a8e
punctuation.bracket, punctuation.section#8e7ab5
variable.language.self, variable.language.this#ff2edcitalic
variable.other.constant, constant.other#ffdd00bold
entity.name.namespace, entity.name.module#9d4edd
entity.name.type.trait, entity.other.inherited-class#00ffccbold
variable.other.enummember, constant.other.enum#ff6b00italic
punctuation.definition.macro#bb86fc
constant.numeric.nice#ff69b4bold italic
constant.numeric.blaze#39ff14bold
constant.numeric.leet#00ff41bold italic
constant.numeric.goated#ffd700bold underline
keyword.easter.gooner#ff2edcbold italic underline
keyword.easter.bruh#adff2fbold
keyword.easter.sigma#00ffffbold italic
keyword.easter.gaming#ff4444bold
GoonSharp Official by Michael Tunwashe - VS Code Theme