Skip to main content
Coding Theme

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#03070D
  • activityBar.foreground#D4E7FF
  • dropdown.background#09101A
  • dropdown.foreground#E1EEFF
  • editor.background#040812
  • editor.foreground#E3EEFF
  • editor.inactiveSelectionBackground#1A355B55
  • editor.lineHighlightBackground#0A1624
  • editor.selectionBackground#244F8A77
  • editorBracketHighlight.foreground1#6FA8FF
  • editorBracketHighlight.foreground2#73D9FF
  • editorBracketHighlight.foreground3#B8D3FF
  • editorBracketHighlight.foreground4#E3EEFF
  • editorBracketHighlight.foreground5#8FEA8A
  • editorBracketHighlight.foreground6#FFB86E
  • editorBracketHighlight.unexpectedBracket.foreground#FF9CA4
  • editorBracketMatch.background#315C9855
  • editorBracketMatch.border#A8CCFF
  • editorCursor.foreground#DFF0FF
  • editorIndentGuide.activeBackground#5B83B8
  • editorIndentGuide.background#172434
  • editorLineNumber.activeForeground#C7E0FF
  • editorLineNumber.foreground#6E8098
  • editorWhitespace.foreground#1A2A3A
  • input.background#09101A
  • input.border#294466
  • input.foreground#E6F0FF
  • list.activeSelectionBackground#234C7A
  • list.activeSelectionForeground#ECF4FF
  • list.hoverBackground#16283F
  • panel.background#050A12
  • panel.border#1A2737
  • scrollbarSlider.background#446B9B66
  • scrollbarSlider.hoverBackground#5D89C188
  • sideBar.background#060B14
  • sideBar.foreground#D2E0F0
  • statusBar.background#0A1530
  • statusBar.foreground#D8E7FF
  • tab.activeBackground#0A1320
  • tab.activeForeground#E8F2FF
  • tab.inactiveBackground#040811
  • tab.inactiveForeground#8194AB
  • terminal.background#040812
  • terminal.foreground#E3EEFF
  • titleBar.activeBackground#050A12
  • titleBar.activeForeground#E7F1FF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A3B6CCitalic
keyword, storage, storage.type#73D9FF
entity.name.function, support.function, meta.function-call#8FEA8A
string#E3F58C
constant.numeric, constant.language#FFB86E
variable, identifier#DCE8FA
entity.name.type, support.class, entity.name.class#B8D3FF
entity.name.tag, meta.tag.sgml, meta.tag.structure.any.html#7FAFFF
punctuation.definition.tag, meta.tag punctuation, punctuation.definition.tag.begin, punctuation.definition.tag.end#8FA2BB
entity.other.attribute-name, entity.other.attribute-name.html#B7CBFF
punctuation, meta.brace, meta.delimiter#A7B7CC
invalid, invalid.illegal#FF9CA4
Night Lake by seriousSam - VS Code Theme