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#05131F
  • activityBar.border#ffffff15
  • activityBar.foreground#E99D67
  • activityBar.inactiveForeground#F7FAFC60
  • activityBarBadge.background#E99D67
  • activityBarBadge.foreground#05131F
  • button.background#E99D67
  • button.foreground#05131F
  • button.hoverBackground#E99D67dd
  • editor.background#05131F
  • editor.foreground#F7FAFC
  • editor.inactiveSelectionBackground#79A3EC3580
  • editor.lineHighlightBackground#030A1140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79A3EC35
  • editorCursor.foreground#E99D67
  • editorGroupHeader.tabsBackground#05131Fdd
  • editorLineNumber.activeForeground#E99D67
  • editorLineNumber.foreground#485D6880
  • focusBorder#E99D67
  • foreground#F7FAFC
  • input.background#030A11
  • input.border#ffffff15
  • input.foreground#F7FAFC
  • input.placeholderForeground#F7FAFC60
  • list.activeSelectionBackground#E99D6730
  • list.activeSelectionForeground#F7FAFC
  • list.highlightForeground#E99D67
  • list.hoverBackground#030A1140
  • list.hoverForeground#F7FAFC
  • list.inactiveSelectionBackground#E99D6715
  • list.inactiveSelectionForeground#F7FAFC
  • selection.background#79A3EC35
  • sideBar.background#030A11
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FAFC
  • sideBarSectionHeader.background#05131F80
  • sideBarSectionHeader.foreground#F7FAFC
  • sideBarTitle.foreground#E99D67
  • statusBar.background#05131F
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FAFC
  • statusBar.noFolderBackground#05131F
  • tab.activeBackground#05131F
  • tab.activeBorderTop#E99D67
  • tab.activeForeground#F7FAFC
  • tab.border#ffffff15
  • tab.inactiveBackground#030A1160
  • tab.inactiveForeground#F7FAFC80
  • terminal.ansiBlack#05131F
  • terminal.ansiBlue#79A3EC
  • terminal.ansiCyan#55CFE7
  • terminal.ansiGreen#E99D67
  • terminal.ansiMagenta#DBF183
  • terminal.ansiRed#DBF183
  • terminal.ansiWhite#F7FAFC
  • terminal.ansiYellow#55CFE7
  • terminal.background#05131F
  • terminal.foreground#F7FAFC
  • titleBar.activeBackground#05131F
  • titleBar.activeForeground#F7FAFC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#05131F
  • titleBar.inactiveForeground#F7FAFC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#485D68italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79A3ECbold
storage.type, storage.modifier#79A3ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99D67
string, punctuation.definition.string, string.template, meta.template.expression#55CFE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#DBF183
variable, variable.other.readwrite, variable.other.object#F7FAFC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FAFC
variable.parameter, meta.parameter#F7FAFCdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FAFC80
keyword.operator#F7FAFC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55CFE7bold
entity.other.inherited-class#E99D67
entity.name.tag, punctuation.definition.tag#79A3EC
entity.other.attribute-name#E99D67
meta.diff, meta.diff.header#485D68
markup.deleted#DBF183
markup.inserted#E99D67
markup.changed#55CFE7
markup.heading, markup.heading.setext, punctuation.definition.heading#E99D67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55CFE7
string.other.link.title, string.other.link.description#E99D67
markup.underline.link#485D68underline
punctuation.definition.list#79A3EC
markup.quote, punctuation.definition.quote#485D68italic