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#FCFCFD
  • activityBar.border#00000015
  • activityBar.foreground#935325
  • activityBar.inactiveForeground#080C0E60
  • activityBarBadge.background#935325
  • activityBarBadge.foreground#FCFCFD
  • button.background#935325
  • button.foreground#FCFCFD
  • button.hoverBackground#935325dd
  • editor.background#FCFCFD
  • editor.foreground#080C0E
  • editor.inactiveSelectionBackground#8350212580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83502125
  • editorCursor.foreground#935325
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#935325
  • editorLineNumber.foreground#68707880
  • focusBorder#935325
  • foreground#080C0E
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#080C0E
  • input.placeholderForeground#080C0E60
  • list.activeSelectionBackground#93532530
  • list.activeSelectionForeground#080C0E
  • list.highlightForeground#935325
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#080C0E
  • list.inactiveSelectionBackground#93532515
  • list.inactiveSelectionForeground#080C0E
  • selection.background#83502125
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#080C0E
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#080C0E
  • sideBarTitle.foreground#935325
  • statusBar.background#FCFCFD
  • statusBar.border#00000015
  • statusBar.foreground#080C0E
  • statusBar.noFolderBackground#FCFCFD
  • tab.activeBackground#FCFCFD
  • tab.activeBorderTop#935325
  • tab.activeForeground#080C0E
  • tab.border#00000015
  • tab.inactiveBackground#FCFCFD60
  • tab.inactiveForeground#080C0E80
  • terminal.ansiBlack#080C0E
  • terminal.ansiBlue#835021
  • terminal.ansiCyan#A37029
  • terminal.ansiGreen#935325
  • terminal.ansiMagenta#193D76
  • terminal.ansiRed#193D76
  • terminal.ansiWhite#080C0E
  • terminal.ansiYellow#A37029
  • terminal.background#FCFCFD
  • terminal.foreground#080C0E
  • titleBar.activeBackground#FCFCFD
  • titleBar.activeForeground#080C0E
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFCFD
  • titleBar.inactiveForeground#080C0E60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#687078italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835021bold
storage.type, storage.modifier#835021italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935325
string, punctuation.definition.string, string.template, meta.template.expression#A37029
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#193D76
variable, variable.other.readwrite, variable.other.object#080C0E
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#080C0E
variable.parameter, meta.parameter#080C0Edditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#080C0E80
keyword.operator#080C0E
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37029bold
entity.other.inherited-class#935325
entity.name.tag, punctuation.definition.tag#835021
entity.other.attribute-name#935325
meta.diff, meta.diff.header#687078
markup.deleted#193D76
markup.inserted#935325
markup.changed#A37029
markup.heading, markup.heading.setext, punctuation.definition.heading#935325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37029
string.other.link.title, string.other.link.description#935325
markup.underline.link#687078underline
punctuation.definition.list#835021
markup.quote, punctuation.definition.quote#687078italic
Morphous Theme by Ameyanagi - VS Code Theme