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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#259361
  • activityBar.inactiveForeground#08080860
  • activityBarBadge.background#259361
  • activityBarBadge.foreground#FEFDFB
  • button.background#259361
  • button.foreground#FEFDFB
  • button.hoverBackground#259361dd
  • editor.background#FEFDFB
  • editor.foreground#080808
  • editor.inactiveSelectionBackground#2183292580
  • editor.lineHighlightBackground#FBF9F350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21832925
  • editorCursor.foreground#259361
  • editorGroupHeader.tabsBackground#FBF9F3aa
  • editorLineNumber.activeForeground#259361
  • editorLineNumber.foreground#5B5A5280
  • focusBorder#259361
  • foreground#080808
  • input.background#FBF9F3
  • input.border#00000015
  • input.foreground#080808
  • input.placeholderForeground#08080860
  • list.activeSelectionBackground#25936130
  • list.activeSelectionForeground#080808
  • list.highlightForeground#259361
  • list.hoverBackground#FBF9F340
  • list.hoverForeground#080808
  • list.inactiveSelectionBackground#25936115
  • list.inactiveSelectionForeground#080808
  • selection.background#21832925
  • sideBar.background#FBF9F3
  • sideBar.border#00000015
  • sideBar.foreground#080808
  • sideBarSectionHeader.background#FBF9F380
  • sideBarSectionHeader.foreground#080808
  • sideBarTitle.foreground#259361
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#080808
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#259361
  • tab.activeForeground#080808
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#08080880
  • terminal.ansiBlack#080808
  • terminal.ansiBlue#218329
  • terminal.ansiCyan#A38729
  • terminal.ansiGreen#259361
  • terminal.ansiMagenta#761C19
  • terminal.ansiRed#761C19
  • terminal.ansiWhite#080808
  • terminal.ansiYellow#A38729
  • terminal.background#FEFDFB
  • terminal.foreground#080808
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#080808
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#08080860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5B5A52italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#218329bold
storage.type, storage.modifier#218329italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259361
string, punctuation.definition.string, string.template, meta.template.expression#A38729
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761C19
variable, variable.other.readwrite, variable.other.object#080808
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#080808
variable.parameter, meta.parameter#080808dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#08080880
keyword.operator#080808
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38729bold
entity.other.inherited-class#259361
entity.name.tag, punctuation.definition.tag#218329
entity.other.attribute-name#259361
meta.diff, meta.diff.header#5B5A52
markup.deleted#761C19
markup.inserted#259361
markup.changed#A38729
markup.heading, markup.heading.setext, punctuation.definition.heading#259361bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38729
string.other.link.title, string.other.link.description#259361
markup.underline.link#5B5A52underline
punctuation.definition.list#218329
markup.quote, punctuation.definition.quote#5B5A52italic
Morphous Theme by Ameyanagi - VS Code Theme