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#305530
  • activityBar.border#ffffff15
  • activityBar.foreground#74E967
  • activityBar.inactiveForeground#F7F8F460
  • activityBarBadge.background#74E967
  • activityBarBadge.foreground#305530
  • button.background#74E967
  • button.foreground#305530
  • button.hoverBackground#74E967dd
  • editor.background#305530
  • editor.foreground#F7F8F4
  • editor.inactiveSelectionBackground#79EC793580
  • editor.lineHighlightBackground#22252440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC7935
  • editorCursor.foreground#74E967
  • editorGroupHeader.tabsBackground#305530dd
  • editorLineNumber.activeForeground#74E967
  • editorLineNumber.foreground#D7DED680
  • focusBorder#74E967
  • foreground#F7F8F4
  • input.background#222524
  • input.border#ffffff15
  • input.foreground#F7F8F4
  • input.placeholderForeground#F7F8F460
  • list.activeSelectionBackground#74E96730
  • list.activeSelectionForeground#F7F8F4
  • list.highlightForeground#74E967
  • list.hoverBackground#22252440
  • list.hoverForeground#F7F8F4
  • list.inactiveSelectionBackground#74E96715
  • list.inactiveSelectionForeground#F7F8F4
  • selection.background#79EC7935
  • sideBar.background#222524
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F8F4
  • sideBarSectionHeader.background#30553080
  • sideBarSectionHeader.foreground#F7F8F4
  • sideBarTitle.foreground#74E967
  • statusBar.background#305530
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F8F4
  • statusBar.noFolderBackground#305530
  • tab.activeBackground#305530
  • tab.activeBorderTop#74E967
  • tab.activeForeground#F7F8F4
  • tab.border#ffffff15
  • tab.inactiveBackground#22252460
  • tab.inactiveForeground#F7F8F480
  • terminal.ansiBlack#305530
  • terminal.ansiBlue#79EC79
  • terminal.ansiCyan#77E755
  • terminal.ansiGreen#74E967
  • terminal.ansiMagenta#F19F83
  • terminal.ansiRed#F19F83
  • terminal.ansiWhite#F7F8F4
  • terminal.ansiYellow#77E755
  • terminal.background#305530
  • terminal.foreground#F7F8F4
  • titleBar.activeBackground#305530
  • titleBar.activeForeground#F7F8F4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#305530
  • titleBar.inactiveForeground#F7F8F460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D7DED6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC79bold
storage.type, storage.modifier#79EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#74E967
string, punctuation.definition.string, string.template, meta.template.expression#77E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F19F83
variable, variable.other.readwrite, variable.other.object#F7F8F4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F8F4
variable.parameter, meta.parameter#F7F8F4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F8F480
keyword.operator#F7F8F4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#77E755bold
entity.other.inherited-class#74E967
entity.name.tag, punctuation.definition.tag#79EC79
entity.other.attribute-name#74E967
meta.diff, meta.diff.header#D7DED6
markup.deleted#F19F83
markup.inserted#74E967
markup.changed#77E755
markup.heading, markup.heading.setext, punctuation.definition.heading#74E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#77E755
string.other.link.title, string.other.link.description#74E967
markup.underline.link#D7DED6underline
punctuation.definition.list#79EC79
markup.quote, punctuation.definition.quote#D7DED6italic
Morphous Theme by Ameyanagi - VS Code Theme