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#25938C
  • activityBar.inactiveForeground#062F2E60
  • activityBarBadge.background#25938C
  • activityBarBadge.foreground#FCFDFD
  • button.background#25938C
  • button.foreground#FCFDFD
  • button.hoverBackground#25938Cdd
  • editor.background#FCFDFD
  • editor.foreground#062F2E
  • editor.inactiveSelectionBackground#21837E2580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21837E25
  • editorCursor.foreground#25938C
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#25938C
  • editorLineNumber.foreground#B7CFCF80
  • focusBorder#25938C
  • foreground#062F2E
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#062F2E
  • input.placeholderForeground#062F2E60
  • list.activeSelectionBackground#25938C30
  • list.activeSelectionForeground#062F2E
  • list.highlightForeground#25938C
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#062F2E
  • list.inactiveSelectionBackground#25938C15
  • list.inactiveSelectionForeground#062F2E
  • selection.background#21837E25
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#062F2E
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#062F2E
  • sideBarTitle.foreground#25938C
  • statusBar.background#FCFDFD
  • statusBar.border#00000015
  • statusBar.foreground#062F2E
  • statusBar.noFolderBackground#FCFDFD
  • tab.activeBackground#FCFDFD
  • tab.activeBorderTop#25938C
  • tab.activeForeground#062F2E
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFD60
  • tab.inactiveForeground#062F2E80
  • terminal.ansiBlack#062F2E
  • terminal.ansiBlue#21837E
  • terminal.ansiCyan#2997A3
  • terminal.ansiGreen#25938C
  • terminal.ansiMagenta#197669
  • terminal.ansiRed#197669
  • terminal.ansiWhite#062F2E
  • terminal.ansiYellow#2997A3
  • terminal.background#FCFDFD
  • terminal.foreground#062F2E
  • titleBar.activeBackground#FCFDFD
  • titleBar.activeForeground#062F2E
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFD
  • titleBar.inactiveForeground#062F2E60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7CFCFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21837Ebold
storage.type, storage.modifier#21837Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#25938C
string, punctuation.definition.string, string.template, meta.template.expression#2997A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197669
variable, variable.other.readwrite, variable.other.object#062F2E
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#062F2E
variable.parameter, meta.parameter#062F2Edditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#062F2E80
keyword.operator#062F2E
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2997A3bold
entity.other.inherited-class#25938C
entity.name.tag, punctuation.definition.tag#21837E
entity.other.attribute-name#25938C
meta.diff, meta.diff.header#B7CFCF
markup.deleted#197669
markup.inserted#25938C
markup.changed#2997A3
markup.heading, markup.heading.setext, punctuation.definition.heading#25938Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2997A3
string.other.link.title, string.other.link.description#25938C
markup.underline.link#B7CFCFunderline
punctuation.definition.list#21837E
markup.quote, punctuation.definition.quote#B7CFCFitalic
Morphous Theme by Ameyanagi - VS Code Theme