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#F5F6F8
  • activityBar.border#00000015
  • activityBar.foreground#F2C230
  • activityBar.inactiveForeground#1C1E1B60
  • activityBarBadge.background#F2C230
  • activityBarBadge.foreground#F5F6F8
  • button.background#F2C230
  • button.foreground#F5F6F8
  • button.hoverBackground#F2C230dd
  • editor.background#F5F6F8
  • editor.foreground#1C1E1B
  • editor.inactiveSelectionBackground#2F4D2E2580
  • editor.lineHighlightBackground#E6DED050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2F4D2E25
  • editorCursor.foreground#F2C230
  • editorGroupHeader.tabsBackground#E6DED0aa
  • editorLineNumber.activeForeground#F2C230
  • editorLineNumber.foreground#68778080
  • focusBorder#F2C230
  • foreground#1C1E1B
  • input.background#E6DED0
  • input.border#00000015
  • input.foreground#1C1E1B
  • input.placeholderForeground#1C1E1B60
  • list.activeSelectionBackground#F2C23030
  • list.activeSelectionForeground#1C1E1B
  • list.highlightForeground#F2C230
  • list.hoverBackground#E6DED040
  • list.hoverForeground#1C1E1B
  • list.inactiveSelectionBackground#F2C23015
  • list.inactiveSelectionForeground#1C1E1B
  • selection.background#2F4D2E25
  • sideBar.background#E6DED0
  • sideBar.border#00000015
  • sideBar.foreground#1C1E1B
  • sideBarSectionHeader.background#E6DED080
  • sideBarSectionHeader.foreground#1C1E1B
  • sideBarTitle.foreground#F2C230
  • statusBar.background#F5F6F8
  • statusBar.border#00000015
  • statusBar.foreground#1C1E1B
  • statusBar.noFolderBackground#F5F6F8
  • tab.activeBackground#F5F6F8
  • tab.activeBorderTop#F2C230
  • tab.activeForeground#1C1E1B
  • tab.border#00000015
  • tab.inactiveBackground#F5F6F860
  • tab.inactiveForeground#1C1E1B80
  • terminal.ansiBlack#1C1E1B
  • terminal.ansiBlue#2F4D2E
  • terminal.ansiCyan#FFB000
  • terminal.ansiGreen#F2C230
  • terminal.ansiMagenta#687780
  • terminal.ansiRed#687780
  • terminal.ansiWhite#1C1E1B
  • terminal.ansiYellow#FFB000
  • terminal.background#F5F6F8
  • terminal.foreground#1C1E1B
  • titleBar.activeBackground#F5F6F8
  • titleBar.activeForeground#1C1E1B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F5F6F8
  • titleBar.inactiveForeground#1C1E1B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#687780italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2F4D2Ebold
storage.type, storage.modifier#2F4D2Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F2C230
string, punctuation.definition.string, string.template, meta.template.expression#FFB000
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#687780
variable, variable.other.readwrite, variable.other.object#1C1E1B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1C1E1B
variable.parameter, meta.parameter#1C1E1Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1C1E1B80
keyword.operator#1C1E1B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#FFB000bold
entity.other.inherited-class#F2C230
entity.name.tag, punctuation.definition.tag#2F4D2E
entity.other.attribute-name#F2C230
meta.diff, meta.diff.header#687780
markup.deleted#687780
markup.inserted#F2C230
markup.changed#FFB000
markup.heading, markup.heading.setext, punctuation.definition.heading#F2C230bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FFB000
string.other.link.title, string.other.link.description#F2C230
markup.underline.link#687780underline
punctuation.definition.list#2F4D2E
markup.quote, punctuation.definition.quote#687780italic
Morphous Theme by Ameyanagi - VS Code Theme