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#FCFCFD
  • activityBar.border#00000015
  • activityBar.foreground#255C93
  • activityBar.inactiveForeground#2B344060
  • activityBarBadge.background#255C93
  • activityBarBadge.foreground#FCFCFD
  • button.background#255C93
  • button.foreground#FCFCFD
  • button.hoverBackground#255C93dd
  • editor.background#FCFCFD
  • editor.foreground#2B3440
  • editor.inactiveSelectionBackground#2162832580
  • editor.lineHighlightBackground#F6F7F950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21628325
  • editorCursor.foreground#255C93
  • editorGroupHeader.tabsBackground#F6F7F9aa
  • editorLineNumber.activeForeground#255C93
  • editorLineNumber.foreground#E9DFCF80
  • focusBorder#255C93
  • foreground#2B3440
  • input.background#F6F7F9
  • input.border#00000015
  • input.foreground#2B3440
  • input.placeholderForeground#2B344060
  • list.activeSelectionBackground#255C9330
  • list.activeSelectionForeground#2B3440
  • list.highlightForeground#255C93
  • list.hoverBackground#F6F7F940
  • list.hoverForeground#2B3440
  • list.inactiveSelectionBackground#255C9315
  • list.inactiveSelectionForeground#2B3440
  • selection.background#21628325
  • sideBar.background#F6F7F9
  • sideBar.border#00000015
  • sideBar.foreground#2B3440
  • sideBarSectionHeader.background#F6F7F980
  • sideBarSectionHeader.foreground#2B3440
  • sideBarTitle.foreground#255C93
  • statusBar.background#FCFCFD
  • statusBar.border#00000015
  • statusBar.foreground#2B3440
  • statusBar.noFolderBackground#FCFCFD
  • tab.activeBackground#FCFCFD
  • tab.activeBorderTop#255C93
  • tab.activeForeground#2B3440
  • tab.border#00000015
  • tab.inactiveBackground#FCFCFD60
  • tab.inactiveForeground#2B344080
  • terminal.ansiBlack#2B3440
  • terminal.ansiBlue#216283
  • terminal.ansiCyan#A3296E
  • terminal.ansiGreen#255C93
  • terminal.ansiMagenta#761919
  • terminal.ansiRed#761919
  • terminal.ansiWhite#2B3440
  • terminal.ansiYellow#A3296E
  • terminal.background#FCFCFD
  • terminal.foreground#2B3440
  • titleBar.activeBackground#FCFCFD
  • titleBar.activeForeground#2B3440
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFCFD
  • titleBar.inactiveForeground#2B344060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E9DFCFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#216283bold
storage.type, storage.modifier#216283italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#255C93
string, punctuation.definition.string, string.template, meta.template.expression#A3296E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761919
variable, variable.other.readwrite, variable.other.object#2B3440
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B3440
variable.parameter, meta.parameter#2B3440dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B344080
keyword.operator#2B3440
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A3296Ebold
entity.other.inherited-class#255C93
entity.name.tag, punctuation.definition.tag#216283
entity.other.attribute-name#255C93
meta.diff, meta.diff.header#E9DFCF
markup.deleted#761919
markup.inserted#255C93
markup.changed#A3296E
markup.heading, markup.heading.setext, punctuation.definition.heading#255C93bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A3296E
string.other.link.title, string.other.link.description#255C93
markup.underline.link#E9DFCFunderline
punctuation.definition.list#216283
markup.quote, punctuation.definition.quote#E9DFCFitalic