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.background#0C0C0C
  • activityBar.foreground#C8C8C8
  • activityBarBadge.background#F04747
  • dropdown.background#111111
  • dropdown.listBackground#111111
  • editor.background#141414
  • editor.foreground#C3CCDB
  • editor.selectionBackground#282828
  • editorCursor.foreground#FFCC00
  • editorGroup.background#0C0C0C
  • editorGroupHeader.noTabsBackground#0C0C0C
  • editorGroupHeader.tabsBackground#0C0C0C
  • editorIndentGuide.background#292929
  • editorLineNumber.activeForeground#585858
  • editorLineNumber.foreground#585858
  • editorRuler.foreground#292929
  • input.background#242424
  • list.activeSelectionBackground#1A1A1A
  • list.focusBackground#1A1A1A
  • list.hoverBackground#111111
  • list.inactiveFocusBackground#111111
  • list.inactiveSelectionBackground#111111
  • sideBar.background#111111
  • sideBar.foreground#BDBDBD
  • sideBarSectionHeader.background#0C0C0C
  • sideBarSectionHeader.foreground#B6B6B6
  • sideBarTitle.foreground#BDBDBD
  • statusBar.background#242424
  • statusBar.debuggingBackground#F04747
  • statusBar.noFolderBackground#0C0C0C
  • tab.activeBackground#141414
  • tab.inactiveBackground#111111
  • titleBar.activeBackground#0C0C0C
  • titleBar.activeForeground#B6B6B6
  • titleBar.inactiveBackground#0C0C0C
  • titleBar.inactiveForeground#B6B6B6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
support.variable, variable.other.object#C3CCDB
keyword.control, keyword.local, storage.modifier, meta.method.return-type, storage.type.primitive, storage.type.built-in, storage.type.struct, constant.language, storage.type.namespace.directive, keyword.other.using.directive, entity.name.namespace.cpp#D680EF
comment, punctuation.definition.comment#424242italic
string, punctuation.definition.string#A6D585
constant.character.escape#E5C07B
variable, support.type.property-name#E06C75
keyword.operator, source.lua, punctuation.section, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.bracket#56B6C2
keyword.control.directive, keyword.other.import#56B6C2
entity.name.scope-resolution#C3CCDB
support.class, storage.type, entity.name.type.class, entity.name.class, entity.name.type.struct#E5C07B
variable.other.lua, variable.other.object.property#C3CCDB
constant.language.java, constant.language.lua, constant.numeric#E4A06D
entity.name.function, support.function, meta.body.function, variable.other.global#61B8FF
variable.parameter#FF5370italic
variable.language.self, variable.language.this#FF5370italic