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#FCFBF8
  • activityBar.border#00000015
  • activityBar.foreground#255893
  • activityBar.inactiveForeground#0F141A60
  • activityBarBadge.background#255893
  • activityBarBadge.foreground#FCFBF8
  • button.background#255893
  • button.foreground#FCFBF8
  • button.hoverBackground#255893dd
  • editor.background#FCFBF8
  • editor.foreground#0F141A
  • editor.inactiveSelectionBackground#216F832580
  • editor.lineHighlightBackground#F6F4EE50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#216F8325
  • editorCursor.foreground#255893
  • editorGroupHeader.tabsBackground#F6F4EEaa
  • editorLineNumber.activeForeground#255893
  • editorLineNumber.foreground#E7E2D480
  • focusBorder#255893
  • foreground#0F141A
  • input.background#F6F4EE
  • input.border#00000015
  • input.foreground#0F141A
  • input.placeholderForeground#0F141A60
  • list.activeSelectionBackground#25589330
  • list.activeSelectionForeground#0F141A
  • list.highlightForeground#255893
  • list.hoverBackground#F6F4EE40
  • list.hoverForeground#0F141A
  • list.inactiveSelectionBackground#25589315
  • list.inactiveSelectionForeground#0F141A
  • selection.background#216F8325
  • sideBar.background#F6F4EE
  • sideBar.border#00000015
  • sideBar.foreground#0F141A
  • sideBarSectionHeader.background#F6F4EE80
  • sideBarSectionHeader.foreground#0F141A
  • sideBarTitle.foreground#255893
  • statusBar.background#FCFBF8
  • statusBar.border#00000015
  • statusBar.foreground#0F141A
  • statusBar.noFolderBackground#FCFBF8
  • tab.activeBackground#FCFBF8
  • tab.activeBorderTop#255893
  • tab.activeForeground#0F141A
  • tab.border#00000015
  • tab.inactiveBackground#FCFBF860
  • tab.inactiveForeground#0F141A80
  • terminal.ansiBlack#0F141A
  • terminal.ansiBlue#216F83
  • terminal.ansiCyan#A37E29
  • terminal.ansiGreen#255893
  • terminal.ansiMagenta#763619
  • terminal.ansiRed#763619
  • terminal.ansiWhite#0F141A
  • terminal.ansiYellow#A37E29
  • terminal.background#FCFBF8
  • terminal.foreground#0F141A
  • titleBar.activeBackground#FCFBF8
  • titleBar.activeForeground#0F141A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFBF8
  • titleBar.inactiveForeground#0F141A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7E2D4italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#216F83bold
storage.type, storage.modifier#216F83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#255893
string, punctuation.definition.string, string.template, meta.template.expression#A37E29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763619
variable, variable.other.readwrite, variable.other.object#0F141A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0F141A
variable.parameter, meta.parameter#0F141Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0F141A80
keyword.operator#0F141A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37E29bold
entity.other.inherited-class#255893
entity.name.tag, punctuation.definition.tag#216F83
entity.other.attribute-name#255893
meta.diff, meta.diff.header#E7E2D4
markup.deleted#763619
markup.inserted#255893
markup.changed#A37E29
markup.heading, markup.heading.setext, punctuation.definition.heading#255893bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37E29
string.other.link.title, string.other.link.description#255893
markup.underline.link#E7E2D4underline
punctuation.definition.list#216F83
markup.quote, punctuation.definition.quote#E7E2D4italic