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#FAF7F2
  • activityBar.border#00000015
  • activityBar.foreground#D07A10
  • activityBar.inactiveForeground#0D0B0A60
  • activityBarBadge.background#D07A10
  • activityBarBadge.foreground#FAF7F2
  • button.background#D07A10
  • button.foreground#FAF7F2
  • button.hoverBackground#D07A10dd
  • editor.background#FAF7F2
  • editor.foreground#0D0B0A
  • editor.inactiveSelectionBackground#7A4A2D2580
  • editor.lineHighlightBackground#EFE7DA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#7A4A2D25
  • editorCursor.foreground#D07A10
  • editorGroupHeader.tabsBackground#EFE7DAaa
  • editorLineNumber.activeForeground#D07A10
  • editorLineNumber.foreground#3E2A1F80
  • focusBorder#D07A10
  • foreground#0D0B0A
  • input.background#EFE7DA
  • input.border#00000015
  • input.foreground#0D0B0A
  • input.placeholderForeground#0D0B0A60
  • list.activeSelectionBackground#D07A1030
  • list.activeSelectionForeground#0D0B0A
  • list.highlightForeground#D07A10
  • list.hoverBackground#EFE7DA40
  • list.hoverForeground#0D0B0A
  • list.inactiveSelectionBackground#D07A1015
  • list.inactiveSelectionForeground#0D0B0A
  • selection.background#7A4A2D25
  • sideBar.background#EFE7DA
  • sideBar.border#00000015
  • sideBar.foreground#0D0B0A
  • sideBarSectionHeader.background#EFE7DA80
  • sideBarSectionHeader.foreground#0D0B0A
  • sideBarTitle.foreground#D07A10
  • statusBar.background#FAF7F2
  • statusBar.border#00000015
  • statusBar.foreground#0D0B0A
  • statusBar.noFolderBackground#FAF7F2
  • tab.activeBackground#FAF7F2
  • tab.activeBorderTop#D07A10
  • tab.activeForeground#0D0B0A
  • tab.border#00000015
  • tab.inactiveBackground#FAF7F260
  • tab.inactiveForeground#0D0B0A80
  • terminal.ansiBlack#0D0B0A
  • terminal.ansiBlue#7A4A2D
  • terminal.ansiCyan#A47132
  • terminal.ansiGreen#D07A10
  • terminal.ansiMagenta#8A2A1A
  • terminal.ansiRed#8A2A1A
  • terminal.ansiWhite#0D0B0A
  • terminal.ansiYellow#A47132
  • terminal.background#FAF7F2
  • terminal.foreground#0D0B0A
  • titleBar.activeBackground#FAF7F2
  • titleBar.activeForeground#0D0B0A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF7F2
  • titleBar.inactiveForeground#0D0B0A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#3E2A1Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#7A4A2Dbold
storage.type, storage.modifier#7A4A2Ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D07A10
string, punctuation.definition.string, string.template, meta.template.expression#A47132
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8A2A1A
variable, variable.other.readwrite, variable.other.object#0D0B0A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D0B0A
variable.parameter, meta.parameter#0D0B0Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D0B0A80
keyword.operator#0D0B0A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A47132bold
entity.other.inherited-class#D07A10
entity.name.tag, punctuation.definition.tag#7A4A2D
entity.other.attribute-name#D07A10
meta.diff, meta.diff.header#3E2A1F
markup.deleted#8A2A1A
markup.inserted#D07A10
markup.changed#A47132
markup.heading, markup.heading.setext, punctuation.definition.heading#D07A10bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A47132
string.other.link.title, string.other.link.description#D07A10
markup.underline.link#3E2A1Funderline
punctuation.definition.list#7A4A2D
markup.quote, punctuation.definition.quote#3E2A1Fitalic
Morphous Theme by Ameyanagi - VS Code Theme