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#935125
  • activityBar.inactiveForeground#29302B60
  • activityBarBadge.background#935125
  • activityBarBadge.foreground#FDFDFC
  • button.background#935125
  • button.foreground#FDFDFC
  • button.hoverBackground#935125dd
  • editor.background#FDFDFC
  • editor.foreground#29302B
  • editor.inactiveSelectionBackground#21832F2580
  • editor.lineHighlightBackground#F9FAF450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21832F25
  • editorCursor.foreground#935125
  • editorGroupHeader.tabsBackground#F9FAF4aa
  • editorLineNumber.activeForeground#935125
  • editorLineNumber.foreground#C2C7BF80
  • focusBorder#935125
  • foreground#29302B
  • input.background#F9FAF4
  • input.border#00000015
  • input.foreground#29302B
  • input.placeholderForeground#29302B60
  • list.activeSelectionBackground#93512530
  • list.activeSelectionForeground#29302B
  • list.highlightForeground#935125
  • list.hoverBackground#F9FAF440
  • list.hoverForeground#29302B
  • list.inactiveSelectionBackground#93512515
  • list.inactiveSelectionForeground#29302B
  • selection.background#21832F25
  • sideBar.background#F9FAF4
  • sideBar.border#00000015
  • sideBar.foreground#29302B
  • sideBarSectionHeader.background#F9FAF480
  • sideBarSectionHeader.foreground#29302B
  • sideBarTitle.foreground#935125
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#29302B
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#935125
  • tab.activeForeground#29302B
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#29302B80
  • terminal.ansiBlack#29302B
  • terminal.ansiBlue#21832F
  • terminal.ansiCyan#297AA3
  • terminal.ansiGreen#935125
  • terminal.ansiMagenta#764C19
  • terminal.ansiRed#764C19
  • terminal.ansiWhite#29302B
  • terminal.ansiYellow#297AA3
  • terminal.background#FDFDFC
  • terminal.foreground#29302B
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#29302B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#29302B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C2C7BFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21832Fbold
storage.type, storage.modifier#21832Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935125
string, punctuation.definition.string, string.template, meta.template.expression#297AA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764C19
variable, variable.other.readwrite, variable.other.object#29302B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#29302B
variable.parameter, meta.parameter#29302Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#29302B80
keyword.operator#29302B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#297AA3bold
entity.other.inherited-class#935125
entity.name.tag, punctuation.definition.tag#21832F
entity.other.attribute-name#935125
meta.diff, meta.diff.header#C2C7BF
markup.deleted#764C19
markup.inserted#935125
markup.changed#297AA3
markup.heading, markup.heading.setext, punctuation.definition.heading#935125bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#297AA3
string.other.link.title, string.other.link.description#935125
markup.underline.link#C2C7BFunderline
punctuation.definition.list#21832F
markup.quote, punctuation.definition.quote#C2C7BFitalic
Morphous Theme by Ameyanagi - VS Code Theme