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#F8F7F1
  • activityBar.border#00000015
  • activityBar.foreground#259374
  • activityBar.inactiveForeground#102a2360
  • activityBarBadge.background#259374
  • activityBarBadge.foreground#F8F7F1
  • button.background#259374
  • button.foreground#F8F7F1
  • button.hoverBackground#259374dd
  • editor.background#F8F7F1
  • editor.foreground#102a23
  • editor.inactiveSelectionBackground#21836A2580
  • editor.lineHighlightBackground#FFFCF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21836A25
  • editorCursor.foreground#259374
  • editorGroupHeader.tabsBackground#FFFCF0aa
  • editorLineNumber.activeForeground#259374
  • editorLineNumber.foreground#c7d2b180
  • focusBorder#259374
  • foreground#102a23
  • input.background#FFFCF0
  • input.border#00000015
  • input.foreground#102a23
  • input.placeholderForeground#102a2360
  • list.activeSelectionBackground#25937430
  • list.activeSelectionForeground#102a23
  • list.highlightForeground#259374
  • list.hoverBackground#FFFCF040
  • list.hoverForeground#102a23
  • list.inactiveSelectionBackground#25937415
  • list.inactiveSelectionForeground#102a23
  • selection.background#21836A25
  • sideBar.background#FFFCF0
  • sideBar.border#00000015
  • sideBar.foreground#102a23
  • sideBarSectionHeader.background#FFFCF080
  • sideBarSectionHeader.foreground#102a23
  • sideBarTitle.foreground#259374
  • statusBar.background#F8F7F1
  • statusBar.border#00000015
  • statusBar.foreground#102a23
  • statusBar.noFolderBackground#F8F7F1
  • tab.activeBackground#F8F7F1
  • tab.activeBorderTop#259374
  • tab.activeForeground#102a23
  • tab.border#00000015
  • tab.inactiveBackground#F8F7F160
  • tab.inactiveForeground#102a2380
  • terminal.ansiBlack#102a23
  • terminal.ansiBlue#21836A
  • terminal.ansiCyan#A37E29
  • terminal.ansiGreen#259374
  • terminal.ansiMagenta#761921
  • terminal.ansiRed#761921
  • terminal.ansiWhite#102a23
  • terminal.ansiYellow#A37E29
  • terminal.background#F8F7F1
  • terminal.foreground#102a23
  • titleBar.activeBackground#F8F7F1
  • titleBar.activeForeground#102a23
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8F7F1
  • titleBar.inactiveForeground#102a2360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c7d2b1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21836Abold
storage.type, storage.modifier#21836Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259374
string, punctuation.definition.string, string.template, meta.template.expression#A37E29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761921
variable, variable.other.readwrite, variable.other.object#102a23
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#102a23
variable.parameter, meta.parameter#102a23dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#102a2380
keyword.operator#102a23
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#259374
entity.name.tag, punctuation.definition.tag#21836A
entity.other.attribute-name#259374
meta.diff, meta.diff.header#c7d2b1
markup.deleted#761921
markup.inserted#259374
markup.changed#A37E29
markup.heading, markup.heading.setext, punctuation.definition.heading#259374bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37E29
string.other.link.title, string.other.link.description#259374
markup.underline.link#c7d2b1underline
punctuation.definition.list#21836A
markup.quote, punctuation.definition.quote#c7d2b1italic
Morphous Theme by Ameyanagi - VS Code Theme