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#303030
  • editorLineNumber.activeForeground#363636
  • editorLineNumber.foreground#303030
  • editorRuler.foreground#262626
  • input.background#1A1A1A
  • 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#1A1A1A
  • statusBar.debuggingBackground#F04747
  • statusBar.noFolderBackground#1A1A1A
  • 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
source#56B6C2
variable, support#C3CCDB
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C3E88D
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C792EA
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#82AAFF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF5370
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#F78C6C
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FFCB6B
source.json meta.structure.dictionary.json support.type.property-name.json#C792EA
meta.qualified_type#D680EF
entity.name.scope-resolution.cpp#FFCB6B
entity.name.namespace#FFCB6B
meta.function, support.function#66BAFF
variable.parameter.function#FF5370italic
support.class#FFCB6B
keyword#D680EF
keyword.operator#3FD2E2
constant#E4A06D
string#C3E88D
constant.character.escape#FFCB6B
punctuation#3FD2E2
punctuation.definition.string#89DDFF
variable.language.self, variable.language.this#FF5370italic
comment, punctuation.definition.comment#484848italic
ThemeDatabase All Themes by enes ozturk - VS Code Theme