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#FFFBF5
  • activityBar.border#00000015
  • activityBar.foreground#935125
  • activityBar.inactiveForeground#14141460
  • activityBarBadge.background#935125
  • activityBarBadge.foreground#FFFBF5
  • button.background#935125
  • button.foreground#FFFBF5
  • button.hoverBackground#935125dd
  • editor.background#FFFBF5
  • editor.foreground#141414
  • editor.inactiveSelectionBackground#8329212580
  • editor.lineHighlightBackground#F7E5CF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83292125
  • editorCursor.foreground#935125
  • editorGroupHeader.tabsBackground#F7E5CFaa
  • editorLineNumber.activeForeground#935125
  • editorLineNumber.foreground#79a45580
  • focusBorder#935125
  • foreground#141414
  • input.background#F7E5CF
  • input.border#00000015
  • input.foreground#141414
  • input.placeholderForeground#14141460
  • list.activeSelectionBackground#93512530
  • list.activeSelectionForeground#141414
  • list.highlightForeground#935125
  • list.hoverBackground#F7E5CF40
  • list.hoverForeground#141414
  • list.inactiveSelectionBackground#93512515
  • list.inactiveSelectionForeground#141414
  • selection.background#83292125
  • sideBar.background#F7E5CF
  • sideBar.border#00000015
  • sideBar.foreground#141414
  • sideBarSectionHeader.background#F7E5CF80
  • sideBarSectionHeader.foreground#141414
  • sideBarTitle.foreground#935125
  • statusBar.background#FFFBF5
  • statusBar.border#00000015
  • statusBar.foreground#141414
  • statusBar.noFolderBackground#FFFBF5
  • tab.activeBackground#FFFBF5
  • tab.activeBorderTop#935125
  • tab.activeForeground#141414
  • tab.border#00000015
  • tab.inactiveBackground#FFFBF560
  • tab.inactiveForeground#14141480
  • terminal.ansiBlack#141414
  • terminal.ansiBlue#832921
  • terminal.ansiCyan#29A32F
  • terminal.ansiGreen#935125
  • terminal.ansiMagenta#19761E
  • terminal.ansiRed#19761E
  • terminal.ansiWhite#141414
  • terminal.ansiYellow#29A32F
  • terminal.background#FFFBF5
  • terminal.foreground#141414
  • titleBar.activeBackground#FFFBF5
  • titleBar.activeForeground#141414
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFBF5
  • titleBar.inactiveForeground#14141460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#79a455italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#832921bold
storage.type, storage.modifier#832921italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935125
string, punctuation.definition.string, string.template, meta.template.expression#29A32F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#19761E
variable, variable.other.readwrite, variable.other.object#141414
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#141414
variable.parameter, meta.parameter#141414dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#14141480
keyword.operator#141414
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A32Fbold
entity.other.inherited-class#935125
entity.name.tag, punctuation.definition.tag#832921
entity.other.attribute-name#935125
meta.diff, meta.diff.header#79a455
markup.deleted#19761E
markup.inserted#935125
markup.changed#29A32F
markup.heading, markup.heading.setext, punctuation.definition.heading#935125bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A32F
string.other.link.title, string.other.link.description#935125
markup.underline.link#79a455underline
punctuation.definition.list#832921
markup.quote, punctuation.definition.quote#79a455italic
Morphous Theme by Ameyanagi - VS Code Theme