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#20201D
  • editor.background#2B2A26
  • editor.foreground#D0D0D0
  • editor.inactiveSelectionBackground#6A6A5A2A
  • editor.lineHighlightBackground#34332E
  • editor.selectionHighlightBackground#7A7A6655
  • editor.wordHighlightBackground#6A6A5A36
  • editor.wordHighlightStrongBackground#6A6A5A66
  • editorBracketHighlight.foreground1#E2C27A
  • editorBracketHighlight.foreground2#D2B36F
  • editorBracketHighlight.foreground3#C2A565
  • editorBracketHighlight.foreground4#B2965B
  • editorBracketHighlight.foreground5#A28752
  • editorBracketHighlight.foreground6#92794A
  • editorBracketPairGuide.background1#3F3E3A
  • editorBracketPairGuide.background2#3A3934
  • editorBracketPairGuide.background3#35342F
  • editorCursor.foreground#D8B56A
  • editorIndentGuide.background1#3F3E3A
  • editorStickyScroll.background#262622
  • list.dropBackground#3A3934
  • sideBar.background#262622

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7A7A6Aitalic
string, string.value#6A8759
constant.numeric#6897BB
keyword#CC7832bold
entity.name.function, support.function#D3AC6C
entity.name.type, support.class#B88DAC
support.type#A87E8F
variable.other, variable.parameter#9AACBD
storage.type.primitive.java, storage.type.void.java#A87E8F
support.type.java#B88DAC
meta.annotation.java#BBB529italic
support.type.primitive.ts, support.type.primitive.js#A87E8F
entity.name.type.ts, entity.name.type.js#B88DAC
keyword.declaration.ts, keyword.declaration.js#CC7832bold
meta.decorator.ts#BBB529italic
storage.type.function.python, storage.type.class.python#CC7832bold
support.type.builtin.python#A87E8F
entity.name.type.class.python#B88DAC
meta.decorator.python#BBB529italic
Darcula Theme by Anurag by Anurag Pathak - VS Code Theme