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#FDFDFC
  • activityBar.border#00000015
  • activityBar.foreground#935625
  • activityBar.inactiveForeground#2A201860
  • activityBarBadge.background#935625
  • activityBarBadge.foreground#FDFDFC
  • button.background#935625
  • button.foreground#FDFDFC
  • button.hoverBackground#935625dd
  • editor.background#FDFDFC
  • editor.foreground#2A2018
  • editor.inactiveSelectionBackground#8349212580
  • editor.lineHighlightBackground#FFF9F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83492125
  • editorCursor.foreground#935625
  • editorGroupHeader.tabsBackground#FFF9F0aa
  • editorLineNumber.activeForeground#935625
  • editorLineNumber.foreground#C1B9AE80
  • focusBorder#935625
  • foreground#2A2018
  • input.background#FFF9F0
  • input.border#00000015
  • input.foreground#2A2018
  • input.placeholderForeground#2A201860
  • list.activeSelectionBackground#93562530
  • list.activeSelectionForeground#2A2018
  • list.highlightForeground#935625
  • list.hoverBackground#FFF9F040
  • list.hoverForeground#2A2018
  • list.inactiveSelectionBackground#93562515
  • list.inactiveSelectionForeground#2A2018
  • selection.background#83492125
  • sideBar.background#FFF9F0
  • sideBar.border#00000015
  • sideBar.foreground#2A2018
  • sideBarSectionHeader.background#FFF9F080
  • sideBarSectionHeader.foreground#2A2018
  • sideBarTitle.foreground#935625
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#2A2018
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#935625
  • tab.activeForeground#2A2018
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#2A201880
  • terminal.ansiBlack#2A2018
  • terminal.ansiBlue#834921
  • terminal.ansiCyan#91A329
  • terminal.ansiGreen#935625
  • terminal.ansiMagenta#19762C
  • terminal.ansiRed#19762C
  • terminal.ansiWhite#2A2018
  • terminal.ansiYellow#91A329
  • terminal.background#FDFDFC
  • terminal.foreground#2A2018
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#2A2018
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#2A201860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C1B9AEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834921bold
storage.type, storage.modifier#834921italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935625
string, punctuation.definition.string, string.template, meta.template.expression#91A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#19762C
variable, variable.other.readwrite, variable.other.object#2A2018
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2A2018
variable.parameter, meta.parameter#2A2018dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2A201880
keyword.operator#2A2018
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#91A329bold
entity.other.inherited-class#935625
entity.name.tag, punctuation.definition.tag#834921
entity.other.attribute-name#935625
meta.diff, meta.diff.header#C1B9AE
markup.deleted#19762C
markup.inserted#935625
markup.changed#91A329
markup.heading, markup.heading.setext, punctuation.definition.heading#935625bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#91A329
string.other.link.title, string.other.link.description#935625
markup.underline.link#C1B9AEunderline
punctuation.definition.list#834921
markup.quote, punctuation.definition.quote#C1B9AEitalic