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#FCFDFD
  • activityBar.border#00000015
  • activityBar.foreground#449325
  • activityBar.inactiveForeground#0b252a60
  • activityBarBadge.background#449325
  • activityBarBadge.foreground#FCFDFD
  • button.background#449325
  • button.foreground#FCFDFD
  • button.hoverBackground#449325dd
  • editor.background#FCFDFD
  • editor.foreground#0b252a
  • editor.inactiveSelectionBackground#3B21832580
  • editor.lineHighlightBackground#F5F9F950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#3B218325
  • editorCursor.foreground#449325
  • editorGroupHeader.tabsBackground#F5F9F9aa
  • editorLineNumber.activeForeground#449325
  • editorLineNumber.foreground#ede8e080
  • focusBorder#449325
  • foreground#0b252a
  • input.background#F5F9F9
  • input.border#00000015
  • input.foreground#0b252a
  • input.placeholderForeground#0b252a60
  • list.activeSelectionBackground#44932530
  • list.activeSelectionForeground#0b252a
  • list.highlightForeground#449325
  • list.hoverBackground#F5F9F940
  • list.hoverForeground#0b252a
  • list.inactiveSelectionBackground#44932515
  • list.inactiveSelectionForeground#0b252a
  • selection.background#3B218325
  • sideBar.background#F5F9F9
  • sideBar.border#00000015
  • sideBar.foreground#0b252a
  • sideBarSectionHeader.background#F5F9F980
  • sideBarSectionHeader.foreground#0b252a
  • sideBarTitle.foreground#449325
  • statusBar.background#FCFDFD
  • statusBar.border#00000015
  • statusBar.foreground#0b252a
  • statusBar.noFolderBackground#FCFDFD
  • tab.activeBackground#FCFDFD
  • tab.activeBorderTop#449325
  • tab.activeForeground#0b252a
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFD60
  • tab.inactiveForeground#0b252a80
  • terminal.ansiBlack#0b252a
  • terminal.ansiBlue#3B2183
  • terminal.ansiCyan#4329A3
  • terminal.ansiGreen#449325
  • terminal.ansiMagenta#762819
  • terminal.ansiRed#762819
  • terminal.ansiWhite#0b252a
  • terminal.ansiYellow#4329A3
  • terminal.background#FCFDFD
  • terminal.foreground#0b252a
  • titleBar.activeBackground#FCFDFD
  • titleBar.activeForeground#0b252a
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFD
  • titleBar.inactiveForeground#0b252a60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ede8e0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#3B2183bold
storage.type, storage.modifier#3B2183italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#449325
string, punctuation.definition.string, string.template, meta.template.expression#4329A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#762819
variable, variable.other.readwrite, variable.other.object#0b252a
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0b252a
variable.parameter, meta.parameter#0b252additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0b252a80
keyword.operator#0b252a
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#4329A3bold
entity.other.inherited-class#449325
entity.name.tag, punctuation.definition.tag#3B2183
entity.other.attribute-name#449325
meta.diff, meta.diff.header#ede8e0
markup.deleted#762819
markup.inserted#449325
markup.changed#4329A3
markup.heading, markup.heading.setext, punctuation.definition.heading#449325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#4329A3
string.other.link.title, string.other.link.description#449325
markup.underline.link#ede8e0underline
punctuation.definition.list#3B2183
markup.quote, punctuation.definition.quote#ede8e0italic