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#0F0F0F
  • activityBar.foreground#0F7D4F
  • activityBar.inactiveForeground#5A5A5A
  • activityBarBadge.background#F5A623
  • activityBarBadge.foreground#1A1A1A
  • button.background#0F7D4F
  • button.foreground#00FF55
  • button.hoverBackground#138A5A
  • dropdown.background#2A2A2A
  • dropdown.foreground#00FF55
  • editor.background#1A1A1A
  • editor.foreground#00FF55
  • editorGroupHeader.tabsBackground#1A1A1A
  • input.background#2A2A2A
  • input.border#0F7D4F
  • input.foreground#00FF55
  • list.activeSelectionBackground#0F7D4F
  • list.activeSelectionForeground#00FF55
  • list.hoverBackground#2A2A2A
  • list.inactiveSelectionBackground#2A2A2A
  • panel.background#1A1A1A
  • panel.border#2A2A2A
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#5A5A5A
  • scrollbarSlider.background#3A3A3A
  • scrollbarSlider.hoverBackground#4A4A4A
  • sideBar.background#1A1A1A
  • sideBarTitle.foreground#0F7D4F
  • statusBar.background#0F0F0F
  • statusBar.foreground#00FF55
  • tab.activeBackground#0F0F0F
  • tab.activeBorder#0F7D4F
  • tab.activeForeground#00FF55
  • tab.border#2A2A2A
  • tab.inactiveBackground#1A1A1A
  • tab.inactiveForeground#008F39
  • terminal.ansiBlack#1A1A1A
  • terminal.ansiBlue#39FF14
  • terminal.ansiBrightBlack#4A7C59
  • terminal.ansiBrightBlue#66FF33
  • terminal.ansiBrightCyan#00FFAA
  • terminal.ansiBrightGreen#00FF7F
  • terminal.ansiBrightMagenta#33FFE6
  • terminal.ansiBrightRed#FF3A73
  • terminal.ansiBrightWhite#00FFCC
  • terminal.ansiBrightYellow#00FFFF
  • terminal.ansiCyan#00D4AA
  • terminal.ansiGreen#00FF55
  • terminal.ansiMagenta#00FFD1
  • terminal.ansiRed#FF073A
  • terminal.ansiWhite#00FF88
  • terminal.ansiYellow#00F5FF
  • terminal.background#1A1A1A
  • terminal.foreground#00FF55
  • terminal.selectionBackground#0F7D4F
  • terminalCursor.background#1A1A1A
  • terminalCursor.foreground#39FF14
  • titleBar.activeBackground#1A1A1A
  • titleBar.activeForeground#00FF55
  • titleBar.inactiveBackground#1A1A1A
  • titleBar.inactiveForeground#008F39

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4A7C59italic
variable, string constant.other.placeholder#00FF41
constant.other.color#00D4AA
invalid, invalid.illegal#FF073A
keyword, storage.type, storage.modifier#00FF9F
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#008F39
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#00FFD1
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#39FF14
meta.block variable.other#00FF41
support.other.variable, string.other.link#00C851
constant.numeric, constant.language, constant.character, constant.escape, variable.parameter, keyword.other.unit#00F5FF
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#00FF7F
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#00FFAA
support.type#00FF66
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#00FF55
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#00FF88
variable.language#00FFD4italic
entity.name.method.js#39FF14italic
meta.class-method.js entity.name.function.js, variable.function.constructor#39FF14
entity.other.attribute-name#00D4AA
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#00D4AAitalic
entity.other.attribute-name.class#00FFCC
source.sass keyword.control#00FFCC
markup.inserted#00FF7F
markup.deleted#FF073A
markup.changed#00F5FF
string.regexp#00FFB3
constant.character.escape#00F5FF
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#39FF14italic
source.js constant.other.object.key.js string.unquoted.label.js#00FFD1italic
source.json meta.structure.dictionary.json support.type.property-name.json#00FF7F
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#00FF55
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#00FF7F
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#00FF55
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#00FF7F
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#00FF55
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#00FF7F
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#00FF55
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#00FF7F
text.html.markdown, punctuation.definition.list_item.markdown#00FF88
text.html.markdown markup.inline.raw.markdown#00FF7F
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#008F39
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#00F5FF
markup.italic#00FFB3italic
markup.bold, markup.bold string#00F5FFbold
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#00FFD1bold
markup.underline#00F5FFunderline
markup.quote punctuation.definition.blockquote.markdown#008F39
markup.quoteitalic
string.other.link.title.markdown#39FF14
string.other.link.description.title.markdown#00FF88
constant.other.reference.link.markdown#00F5FF
markup.raw.block#00FF7F
markup.raw.block.fenced.markdown#008F39
punctuation.definition.fenced.markdown#008F39
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#00FF88
variable.language.fenced.markdown#008F39
meta.separator#008F39bold
markup.table#00FF88
pccdva Theme by pccdva - VS Code Theme