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#06010f
  • activityBar.foreground#ff2cf7
  • activityBar.inactiveForeground#5a4a73
  • activityBarBadge.background#ff2cf7
  • activityBarBadge.foreground#0a0118
  • editor.background#0a0118
  • editor.foreground#f5e9ff
  • editor.lineHighlightBackground#15082e
  • editor.selectionBackground#ff2cf733
  • editorBracketHighlight.foreground1#ff2cf7
  • editorBracketHighlight.foreground2#00f0ff
  • editorBracketHighlight.foreground3#39ff14
  • editorBracketHighlight.foreground4#b026ff
  • editorCursor.background#0a0118
  • editorCursor.foreground#39ff14
  • editorGroup.border#1a0a35
  • editorGroupHeader.tabsBackground#06010f
  • editorGroupHeader.tabsBorder#1a0a35
  • editorLineNumber.activeForeground#00f0ff
  • editorLineNumber.foreground#3d2960
  • list.activeSelectionBackground#3a0d6b
  • list.activeSelectionForeground#ffffff
  • list.hoverBackground#1a0a3d
  • list.inactiveSelectionBackground#1a0838
  • menu.background#120630
  • menu.foreground#f5e9ff
  • menu.selectionBackground#ff2cf7
  • menu.selectionForeground#0a0118
  • menu.separatorBackground#2a1450
  • panel.background#06010f
  • panel.border#1a0a35
  • pickerGroup.border#2a1450
  • pickerGroup.foreground#00f0ff
  • quickInput.background#120630
  • quickInput.foreground#f5e9ff
  • quickInputList.focusBackground#ff2cf7
  • quickInputList.focusForeground#0a0118
  • scrollbarSlider.background#ff2cf733
  • scrollbarSlider.hoverBackground#ff2cf788
  • sideBar.background#0d0322
  • sideBar.border#1a0a35
  • sideBar.foreground#f5e9ff
  • sideBarSectionHeader.background#120630
  • sideBarSectionHeader.foreground#ff61f6
  • sideBarTitle.foreground#00f0ff
  • statusBar.background#06010f
  • statusBar.foreground#00f0ff
  • tab.activeBackground#0a0118
  • tab.activeBorder#ff2cf7
  • tab.activeBorderTop#ff2cf7
  • tab.activeForeground#ffffff
  • tab.border#1a0a35
  • tab.hoverBackground#1a0a3d
  • tab.inactiveBackground#06010f
  • tab.inactiveForeground#7a6b8f
  • tab.unfocusedActiveBorder#ff2cf788
  • tab.unfocusedActiveBorderTop#ff2cf788
  • terminal.ansiBlue#5cf3ff
  • terminal.ansiBrightBlue#a3f9ff
  • terminal.ansiBrightCyan#5cf3ff
  • terminal.ansiBrightGreen#a4ff8a
  • terminal.ansiBrightMagenta#ff7afa
  • terminal.ansiBrightRed#ff5e9f
  • terminal.ansiBrightYellow#ffff7a
  • terminal.ansiCyan#00f0ff
  • terminal.ansiGreen#39ff14
  • terminal.ansiMagenta#ff2cf7
  • terminal.ansiRed#ff2975
  • terminal.ansiYellow#faff00
  • terminal.background#04000c
  • titleBar.activeBackground#06010f
  • titleBar.activeForeground#ff61f6
  • titleBar.inactiveBackground#0a0118
  • titleBar.inactiveForeground#7a6b8f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5a4a73italic
variable, string constant.other.placeholder#f5e9ff
constant.other.color#ffffff
invalid, invalid.illegal#ff2975
keyword, storage.type, storage.modifier#ff2cf7
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#00f0ff
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#ff61f6
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#5cf3ff
meta.block variable.other#ff61f6
support.other.variable, string.other.link#ff61f6
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#ff9100
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#39ff14
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#faff00
support.type#a3f9ff
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#a3f9ff
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#ff2975
variable.language#ff2975italic
entity.name.method.js#5cf3ffitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#5cf3ff
entity.other.attribute-name#ff2cf7
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#faff00italic
entity.other.attribute-name.class#faff00
source.sass keyword.control#5cf3ff
markup.inserted#39ff14
markup.deleted#ff2975
markup.changed#ff2cf7
string.regexp#00f0ff
constant.character.escape#00f0ff
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#5cf3ffitalic
source.js constant.other.object.key.js string.unquoted.label.js#ff2975italic
source.json meta.structure.dictionary.json support.type.property-name.json#ff2cf7
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#faff00
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#ff9100
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#ff2975
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#b026ff
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#5cf3ff
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#ff61f6
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#ff2cf7
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#39ff14
text.html.markdown, punctuation.definition.list_item.markdown#f5e9ff
text.html.markdown markup.inline.raw.markdown#ff2cf7
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#5a4a73
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#39ff14
markup.italic#ff61f6italic
markup.bold, markup.bold string#ff61f6bold
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#ff61f6bold
markup.underline#ff9100underline
markup.quote punctuation.definition.blockquote.markdown#5a4a73
markup.quoteitalic
string.other.link.title.markdown#5cf3ff
string.other.link.description.title.markdown#ff2cf7
constant.other.reference.link.markdown#faff00
markup.raw.block#ff2cf7
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#f5e9ff
variable.language.fenced.markdown#5a4a73
meta.separator#5a4a73bold
markup.table#f5e9ff
Frostbyte Themes by TSMaitry - VS Code Theme