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#FCFDFD
  • activityBar.border#00000015
  • activityBar.foreground#799325
  • activityBar.inactiveForeground#1E2A3560
  • activityBarBadge.background#799325
  • activityBarBadge.foreground#FCFDFD
  • button.background#799325
  • button.foreground#FCFDFD
  • button.hoverBackground#799325dd
  • editor.background#FCFDFD
  • editor.foreground#1E2A35
  • editor.inactiveSelectionBackground#215B832580
  • editor.lineHighlightBackground#FFFAF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#215B8325
  • editorCursor.foreground#799325
  • editorGroupHeader.tabsBackground#FFFAF0aa
  • editorLineNumber.activeForeground#799325
  • editorLineNumber.foreground#F2F3F480
  • focusBorder#799325
  • foreground#1E2A35
  • input.background#FFFAF0
  • input.border#00000015
  • input.foreground#1E2A35
  • input.placeholderForeground#1E2A3560
  • list.activeSelectionBackground#79932530
  • list.activeSelectionForeground#1E2A35
  • list.highlightForeground#799325
  • list.hoverBackground#FFFAF040
  • list.hoverForeground#1E2A35
  • list.inactiveSelectionBackground#79932515
  • list.inactiveSelectionForeground#1E2A35
  • selection.background#215B8325
  • sideBar.background#FFFAF0
  • sideBar.border#00000015
  • sideBar.foreground#1E2A35
  • sideBarSectionHeader.background#FFFAF080
  • sideBarSectionHeader.foreground#1E2A35
  • sideBarTitle.foreground#799325
  • statusBar.background#FCFDFD
  • statusBar.border#00000015
  • statusBar.foreground#1E2A35
  • statusBar.noFolderBackground#FCFDFD
  • tab.activeBackground#FCFDFD
  • tab.activeBorderTop#799325
  • tab.activeForeground#1E2A35
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFD60
  • tab.inactiveForeground#1E2A3580
  • terminal.ansiBlack#1E2A35
  • terminal.ansiBlue#215B83
  • terminal.ansiCyan#2981A3
  • terminal.ansiGreen#799325
  • terminal.ansiMagenta#194476
  • terminal.ansiRed#194476
  • terminal.ansiWhite#1E2A35
  • terminal.ansiYellow#2981A3
  • terminal.background#FCFDFD
  • terminal.foreground#1E2A35
  • titleBar.activeBackground#FCFDFD
  • titleBar.activeForeground#1E2A35
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFD
  • titleBar.inactiveForeground#1E2A3560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F2F3F4italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#215B83bold
storage.type, storage.modifier#215B83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#799325
string, punctuation.definition.string, string.template, meta.template.expression#2981A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#194476
variable, variable.other.readwrite, variable.other.object#1E2A35
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1E2A35
variable.parameter, meta.parameter#1E2A35dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1E2A3580
keyword.operator#1E2A35
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2981A3bold
entity.other.inherited-class#799325
entity.name.tag, punctuation.definition.tag#215B83
entity.other.attribute-name#799325
meta.diff, meta.diff.header#F2F3F4
markup.deleted#194476
markup.inserted#799325
markup.changed#2981A3
markup.heading, markup.heading.setext, punctuation.definition.heading#799325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2981A3
string.other.link.title, string.other.link.description#799325
markup.underline.link#F2F3F4underline
punctuation.definition.list#215B83
markup.quote, punctuation.definition.quote#F2F3F4italic
Morphous Theme by Ameyanagi - VS Code Theme