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#EDE7DE
  • activityBar.border#00000015
  • activityBar.foreground#935F25
  • activityBar.inactiveForeground#1e232360
  • activityBarBadge.background#935F25
  • activityBarBadge.foreground#EDE7DE
  • button.background#935F25
  • button.foreground#EDE7DE
  • button.hoverBackground#935F25dd
  • editor.background#EDE7DE
  • editor.foreground#1e2323
  • editor.inactiveSelectionBackground#21835F2580
  • editor.lineHighlightBackground#FAF8F550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21835F25
  • editorCursor.foreground#935F25
  • editorGroupHeader.tabsBackground#FAF8F5aa
  • editorLineNumber.activeForeground#935F25
  • editorLineNumber.foreground#c8c2b680
  • focusBorder#935F25
  • foreground#1e2323
  • input.background#FAF8F5
  • input.border#00000015
  • input.foreground#1e2323
  • input.placeholderForeground#1e232360
  • list.activeSelectionBackground#935F2530
  • list.activeSelectionForeground#1e2323
  • list.highlightForeground#935F25
  • list.hoverBackground#FAF8F540
  • list.hoverForeground#1e2323
  • list.inactiveSelectionBackground#935F2515
  • list.inactiveSelectionForeground#1e2323
  • selection.background#21835F25
  • sideBar.background#FAF8F5
  • sideBar.border#00000015
  • sideBar.foreground#1e2323
  • sideBarSectionHeader.background#FAF8F580
  • sideBarSectionHeader.foreground#1e2323
  • sideBarTitle.foreground#935F25
  • statusBar.background#EDE7DE
  • statusBar.border#00000015
  • statusBar.foreground#1e2323
  • statusBar.noFolderBackground#EDE7DE
  • tab.activeBackground#EDE7DE
  • tab.activeBorderTop#935F25
  • tab.activeForeground#1e2323
  • tab.border#00000015
  • tab.inactiveBackground#EDE7DE60
  • tab.inactiveForeground#1e232380
  • terminal.ansiBlack#1e2323
  • terminal.ansiBlue#21835F
  • terminal.ansiCyan#A36A29
  • terminal.ansiGreen#935F25
  • terminal.ansiMagenta#19765D
  • terminal.ansiRed#19765D
  • terminal.ansiWhite#1e2323
  • terminal.ansiYellow#A36A29
  • terminal.background#EDE7DE
  • terminal.foreground#1e2323
  • titleBar.activeBackground#EDE7DE
  • titleBar.activeForeground#1e2323
  • titleBar.border#00000015
  • titleBar.inactiveBackground#EDE7DE
  • titleBar.inactiveForeground#1e232360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c8c2b6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21835Fbold
storage.type, storage.modifier#21835Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935F25
string, punctuation.definition.string, string.template, meta.template.expression#A36A29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#19765D
variable, variable.other.readwrite, variable.other.object#1e2323
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1e2323
variable.parameter, meta.parameter#1e2323dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1e232380
keyword.operator#1e2323
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A36A29bold
entity.other.inherited-class#935F25
entity.name.tag, punctuation.definition.tag#21835F
entity.other.attribute-name#935F25
meta.diff, meta.diff.header#c8c2b6
markup.deleted#19765D
markup.inserted#935F25
markup.changed#A36A29
markup.heading, markup.heading.setext, punctuation.definition.heading#935F25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36A29
string.other.link.title, string.other.link.description#935F25
markup.underline.link#c8c2b6underline
punctuation.definition.list#21835F
markup.quote, punctuation.definition.quote#c8c2b6italic
Morphous Theme by Ameyanagi - VS Code Theme