Skip to main content
Coding Theme

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.activeBorder#8fa0b6
  • activityBar.background#0e1622
  • activityBar.foreground#8fa0b6
  • activityBarBadge.background#934164
  • breadcrumb.focusForeground#8fa0b6
  • breadcrumb.foreground#8fa0b688
  • breadcrumbPicker.background#0e1622
  • button.background#934164
  • dropdown.background#0e1622
  • dropdown.listBackground#0e1622
  • editor.background#0e1622
  • editor.foreground#acc6ed
  • editor.lineHighlightBorder#00000000
  • editorGroupHeader.border#0e1622
  • editorGroupHeader.tabsBackground#0e1622
  • editorIndentGuide.activeBackground#8fa0b655
  • editorIndentGuide.background#8fa0b633
  • editorLineNumber.activeForeground#8fa0b6
  • editorLineNumber.foreground#8fa0b677
  • editorWidget.background#0e1622
  • editorWidget.border#8fa0b644
  • editorWidget.foreground#8fa0b6cc
  • gitDecoration.ignoredResourceForeground#8fa0b677
  • input.background#0e1622
  • input.border#8fa0b644
  • input.foreground#8fa0b6
  • input.placeholderForeground#8fa0b688
  • keybindingLabel.background#8fa0b644
  • keybindingLabel.foreground#8fa0b6
  • list.activeSelectionBackground#8fa0b622
  • list.focusOutline#8fa0b644
  • list.hoverBackground#8fa0b60f
  • list.hoverForeground#bbcadd
  • list.inactiveFocusBackground#8fa0b622
  • list.inactiveSelectionBackground#8fa0b622
  • notificationCenter.border#8fa0b633
  • notificationCenterHeader.background#0e1622
  • notificationCenterHeader.foreground#8fa0b6
  • notifications.background#0e1622
  • notifications.foreground#8fa0b6
  • panelTitle.activeBorder#8fa0b6
  • panelTitle.activeForeground#8fa0b6
  • pickerGroup.border#8fa0b6
  • pickerGroup.foreground#8fa0b6
  • quickInput.background#0e1622
  • quickInput.foreground#8fa0b6
  • scrollbarSlider.activeBackground#8fa0b688
  • scrollbarSlider.background#8fa0b655
  • scrollbarSlider.hoverBackground#8fa0b688
  • sideBar.background#0e1622
  • sideBar.foreground#8fa0b6ee
  • sideBarSectionHeader.background#0e1622
  • sideBarTitle.foreground#8fa0b6cc
  • statusBar.background#934164
  • statusBar.foreground#ffffffbb
  • tab.activeBorderTop#8fa0b6
  • tab.activeForeground#8fa0b6
  • tab.border#8fa0b622
  • tab.hoverBackground#0e1622
  • tab.inactiveBackground#0e1622
  • terminal.foreground#8fa0b6
  • titleBar.activeBackground#0e1622
  • titleBar.activeForeground#8fa0b6
  • titleBar.inactiveBackground#0e1622
  • welcomePage.progress.background#6697d333
  • welcomePage.progress.foreground#8fa0b6
  • welcomePage.tileBackground#8fa0b60f
  • welcomePage.tileHoverBackground#8fa0b622

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation, keyword.operator.class.php, keyword.operator.spread.js, keyword.operator.rest.js, meta.brace, meta.parameter.object-binding-pattern, meta.property-list#8fa0b6
meta.jsx.children, text.html.derivative, text.xml, meta.property-value#d4dde7
comment, punctuation.definition.comment#57667aitalic
variable, string constant.other.placeholder, meta.object-literal.key, entity.other.attribute-name, entity.name.type.namespace.php, support.variable.property, support.other.namespace.php, support.other.namespace.use.php, support.constant.ext.php, constant.other, punctuation.definition.variable, source.python, source.dart, source.cs, entity.name.scope-resolution, meta.body.class, meta.parens.block, meta.block, meta.method.body#acc6ed
invalid, invalid.illegal#b56c67
keyword, storage.type, storage.modifier, meta.tag.xml, meta.body.function.definition, meta.method.declaration, keyword.control, constant.other.color, punctuation.separator.inheritance.php, punctuation.definition.directive, keyword.other.template, keyword.other.substitution, entity.name.type.namespace, support.class.dart#73a3e9
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, punctuation.definition.template-expression, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#73a3e9
variable.function, entity.name.function, entity.name.type, entity.other.inherited-class, meta.function-call, meta.block variable.other, support.function.constructor.php, support.class.php, support.function, keyword.other.special-method#7eafbf
variable.function, meta.block variable.other, keyword.other.special-method#acc6ed
support.other.variable, string.other.link#acc6ed
constant.numeric, constant.language, constant.character, constant.escape, support.constant, meta.class.body, entity.other.keyframe-offset#c8a4d2
string, punctuation.definition.string, punctuation.definition.string.being, constant.other.placeholder, constant.other.symbol, constant.other.key, constant.character.escape, markup.heading, markup.inserted.git_gutter, markup.underline.link, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.attribute-selector, keyword.other.DML.sql, keyword.other.sql#a2c7ba
support.type, support.class, meta.use.php, markup.changed.git_gutter, support.type.sys-types#c6c3b7
support.type#B2CCD6
variable.scss#c6c3b7
source.css keyword.other.unit, constant.numeric.css, support.constant.property-value.css, support.constant.font-name.css, support.constant.color.w3c-standard-color-name.css#7eafbf
support.type.property-name, support.type.vendored.property-name#acc6ed
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF5370
variable.language#73a3e9italic
entity.name.method.js#73a3e9italic
meta.class-method.js entity.name.function.js, variable.function.constructor#73a3e9
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#acc6editalic
entity.other.attribute-name.class, entity.name.tag.reference.scss, punctuation.definition.keyword#73a3e9
source.sass keyword.control#73a3e9
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#C792EA
string.regexp#d7cabd
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#73a3e9italic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#acc6ed
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#acc6ed
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#acc6ed
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#acc6ed
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#acc6ed
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#acc6ed
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#acc6ed
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#acc6ed
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#acc6ed
text.html.markdown, punctuation.definition.list_item.markdown#EEFFFF
text.html.markdown markup.inline.raw.markdown#C792EA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, entity.name.section.markdown, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#73a3e9
markup.italic#acc6editalic
markup.bold, markup.bold string#acc6edbold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#f07178bold
markup.underline, meta.paragraph.markdown#acc6edunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#8ab1e1
string.other.link.description.title.markdown#acc6ed
constant.other.reference.link.markdown#acc6ed
markup.raw.block#C792EA
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, markup.fenced_code.block.markdown, variable.language.fenced.markdown, punctuation.section.class.end#7c8ea5italic
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#EEFFFF
Everest Night Theme by Sujan Shrestha - VS Code Theme