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#2C253F
  • breadcrumb.background#2C253F
  • debugToolBar.background#2C253F
  • dropdown.background#3A2F50
  • editor.background#2C253F
  • editor.foreground#FFFFFF
  • editor.lineHighlightBackground#3A2F50
  • editor.selectionBackground#4D3E66
  • editorCursor.foreground#FF659C
  • editorGroupHeader.tabsBackground#2C253F
  • editorWidget.background#2C253F
  • input.background#3A2F50
  • menu.background#3A2F50
  • menubar.selectionBackground#4D3E66
  • notificationCenterHeader.background#2C253F
  • notifications.background#3A2F50
  • panel.background#2C253F
  • peekViewEditor.background#2C253F
  • peekViewResult.background#2C253F
  • peekViewTitle.background#2C253F
  • settings.headerBackground#2C253F
  • settings.rowBackground#3A2F50
  • sideBar.background#2C253F
  • sideBarSectionHeader.background#2C253F
  • statusBar.background#2C253F
  • tab.activeBackground#3A2F50
  • tab.inactiveBackground#2C253F
  • terminal.background#2C253F
  • titleBar.activeBackground#2C253F
  • titleBar.inactiveBackground#2C253F
  • welcomePage.background#2C253F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#807796—
string, string.quoted, string.template, punctuation.definition.string, string.quoted.single, string.quoted.double#DFD473—
constant.numeric, constant.language, constant.character, constant.language.boolean#7A7FFD—
keyword, keyword.control, keyword.declaration, keyword.other, storage.type, storage.modifier, keyword.import, keyword.control.import, keyword.control.export, keyword.control.from#FF659C—
keyword.operator, punctuation.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical#FF659C—
entity.name.class, entity.name.type.class, support.class#1AC8FF—
entity.name.type, support.type, storage.type.primitive, entity.name.type.interface, entity.name.type.enum#1AC8FF—
entity.name.function, support.function, meta.function-call, entity.name.function.constructor#73DFA5—
variable, variable.other.readwrite, variable.parameter, entity.name.variable, variable.other.local#73DFA5—
variable.language, variable.language.this, variable.language.super, constant.language.null, constant.language.undefined#FFFFFF—
variable.other.constant, variable.other.enummember, constant.other#E08569—
variable.other.property, support.type.property-name, meta.object-literal.key#1AC8FF—
entity.other.attribute-name#73DFA5—
entity.name.tag, meta.tag, punctuation.definition.tag#FF659C—
punctuation.separator, punctuation.terminator, punctuation.delimiter, punctuation.accessor, punctuation.section#FFFFFF—
meta.brace, punctuation.definition.block, punctuation.definition.array, punctuation.definition.parameters#F1ECFE—
entity.name.namespace, entity.name.module#73DFA5—