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#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
super-dark by littensy - VS Code Theme