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#121612
  • editor.background#1A1F1A
  • editor.foreground#A0FFA0
  • editor.inactiveSelectionBackground#003300
  • editor.lineHighlightBackground#202820
  • editor.selectionBackground#005500
  • editorBracketMatch.background#005500
  • editorBracketMatch.border#00aa00
  • editorCursor.foreground#00ff00
  • editorIndentGuide.activeBackground#405540
  • editorIndentGuide.background#304030
  • editorLineNumber.activeForeground#00dd00
  • editorLineNumber.foreground#007700
  • panel.background#181D18
  • sideBar.background#151A15
  • statusBar.background#1A1F1A
  • titleBar.activeBackground#151A15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line, comment.block#008822italic
keyword, storage.type, storage.modifier, keyword.control, keyword.operator#80FF80bold
string, string.quoted#90FF90
variable, variable.other, variable.language#B0FFB0
variable.parameter#C0FFC0italic
entity.name.function, meta.function-call, support.function, support.method#A0FFA0bold
entity.name.class, entity.name.type, support.type, support.class#D0FFD0bold
constant.numeric, constant.language, constant.character, constant.other#98FF98bold
punctuation.definition, punctuation.separator#88EE88
meta.tag, entity.name.tag#A8FFA8
entity.other.attribute-name#C8FFC8italic
invalid, invalid.deprecated#ff4444bold
C64 Green Die Old School Theme by c64-green-die-old-school-theme - VS Code Theme