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#0e0e0e
  • activityBar.foreground#ff004c
  • activityBar.inactiveForeground#ffffff
  • activityBarBadge.background#2e2e2e72
  • activityBarBadge.foreground#f8fafd
  • badge.background#ff000000
  • breadcrumb.background#1a1a1a00
  • breadcrumbs.enabled
  • button.background#444444
  • code-runner.runInTerminal
  • debugToolBar.background#161626
  • diffEditor.insertedTextBackground#9c9c9c33
  • dropdown.background#0f0f0f
  • dropdown.border#181a1f00
  • editor.background#0c0c0c
  • editor.cursorBlinkingphase
  • editor.cursorSmoothCaretAnimation
  • editor.cursorStyleblock
  • editor.cursorWidth2
  • editor.detectIndentation
  • editor.findMatchHighlightBackground#585858
  • editor.fontFamilySF Mono
  • editor.fontLigatures
  • editor.fontSize15
  • editor.fontWeight500
  • editor.foreground#f1eff7
  • editor.formatOnSave
  • editor.hoverHighlightBackground#4a4a4a0a
  • editor.insertSpaces
  • editor.lineHeight35
  • editor.lineHighlightBackground#4a4a4a0b
  • editor.lineNumbersoff
  • editor.minimap.enabled
  • editor.mouseWheelScrollSensitivity2
  • editor.renderControlCharacters
  • editor.renderIndentGuides
  • editor.renderWhitespacenone
  • editor.scrollBeyondLastLine
  • editor.selectionBackground#ff004c3d
  • editor.selectionHighlightBackground#4a4a4a0a
  • editor.smoothScrolling
  • editor.tabSize2
  • editor.wordHighlightBackground#484e5b
  • editor.wordHighlightStrongBackground#484e5b
  • editorCursor.background#ffffff
  • editorCursor.foreground#747474a3
  • editorError.foreground#ff0000
  • editorGroup.border#1d1d1daa
  • editorGroup.dropBackground#000000aa
  • editorGroupHeader.noTabsBackground#1d1d1d00
  • editorGroupHeader.tabsBackground#1d1d1d00
  • editorHoverWidget.background#141421
  • editorHoverWidget.border#ff004c
  • editorIndentGuide.background#252525
  • editorLineNumber.activeForeground#ff004c
  • editorLineNumber.foreground#eeeeee
  • editorMarkerNavigation.background#161626
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#ff7b00
  • editorSuggestWidget.background#030303
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.selectedBackground#ffffff09
  • editorWhitespace.foreground#3b4048
  • editorWidget.background#0e0e0e
  • explorer.confirmDelete
  • explorer.decorations.badges
  • explorer.openEditors.visible0
  • files.autoSaveonWindowChange
  • focusBorder#ff004c
  • foreground#ffffff
  • input.background#0a0a0a
  • list.activeSelectionBackground#a8a8a800
  • list.activeSelectionForeground#d7dae0
  • list.focusBackground#0f0f0f
  • list.highlightForeground#c5c5c5
  • list.hoverBackground#a8a8a810
  • list.inactiveSelectionBackground#a8a8a800
  • list.inactiveSelectionForeground#d7dae0
  • panel.background#0f0f0f
  • panel.border#00000000
  • peekViewEditor.matchHighlightBackground#29244b
  • problems.decorations.enabled
  • scrollbarSlider.activeBackground#ff004c80
  • scrollbarSlider.background#4a4a4a17
  • scrollbarSlider.hoverBackground#ff004c3b
  • sideBar.background#111111
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#0c152800
  • sideBarSectionHeader.foreground#ffffffcc
  • statusBar.background#000000
  • statusBar.debuggingBackground#1d1d1db3
  • statusBar.debuggingForeground#ffffffd8
  • statusBar.foreground#ffffffc4
  • statusBar.noFolderBackground#1d1d1db3
  • statusBar.noFolderForeground#ffffffd8
  • statusBarItem.hoverBackground#363759
  • tab.activeBackground#fefefe03
  • tab.activeBorderTop#00000000
  • tab.activeForeground#f9f9f9ef
  • tab.border#00000000
  • tab.hoverBackground#fefefe07
  • tab.inactiveBackground#100d1f00
  • tab.inactiveForeground#ffffff86
  • terminal.ansiCyan#00d0ff
  • terminal.ansiGreen#ff00ee
  • terminal.ansiYellow#00ff59
  • terminal.background#000000
  • terminal.foreground#d9d9d9
  • terminal.integrated.cursorBlinking
  • terminal.integrated.cursorStyleblock
  • terminal.integrated.fontFamilySF Mono
  • terminal.integrated.fontWeight500
  • terminal.integrated.rendererTypedom
  • terminalCursor.foreground#fcfcfc
  • titleBar.activeBackground#0f0f0f
  • titleBar.activeForeground#ffffff
  • titleBar.inactiveBackground#0e0e0e
  • titleBar.inactiveForeground#ffffff
  • window.compositionAttributeacrylic
  • window.menuBarVisibilitytoggle
  • window.zoomLevel1
  • workbench.activityBar.visible
  • workbench.background#00000037
  • workbench.colorThemeNew York
  • workbench.iconThemevscode-seedling-icon-theme
  • workbench.sideBar.locationleft
  • workbench.startupEditornone
  • workbench.statusBar.visible

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6f00ffitalic
variable, string constant.other.placeholder#88ff00
constant.other.color#ffffff
invalid, invalid.illegal, invalid.broken#ca0000
invalid.unimplemented#ffffff
invalid.deprecated#ffffff
keyword, storage.type, storage.modifier#ff0040
storage.type, keyword.control#ff00c8italic
keyword.operator, 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#ffffff
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#ff0040
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level#00ffff
support.other.variable, string.other.link#ff008c
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit#00ffdd
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#ffc400normal
entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#00cc9c
source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type#00cc9c
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#ff004c
variable.language#ff004citalic
entity.name.method.js#00cc9c
meta.class-method.js entity.name.function.js, variable.function.constructor#00cc9c
entity.other.attribute-name#9900ff
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFCB6Bitalic
entity.other.attribute-name.class#FFCB6B
source.sass keyword.control#00e1ff
markup.inserted#b9ff4f
markup.deleted#ff1d43
markup.changed#C792EA
string.regexp#89DDFF
constant.character.escape#89DDFF
*url*, *link*, *uri*underline
constant.numeric.line-number.find-in-files - match#ffa600
entity.name.filename.find-in-files#33ffcf
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#46ffffitalic
source.js constant.other.object.key.js string.unquoted.label.js#ff002bitalic
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#00cc9c
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#d699ff
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#ff49b9
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#67ffc0
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#ffa640
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#ff002b
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#ff3c00
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#ffa600
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#9900ff
text.html.markdown, punctuation.definition.list_item.markdown#ffffff
text.html.markdown markup.raw.inline#cf86ff
text.html.markdown punctuation.definition.raw.markdown#a2d7ff
text.html.markdown meta.dummy.line-break
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#00cc9c
markup.italic#ff70d4italic
markup.bold, markup.bold string#ff7078bold
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 stringbold italic
markup.underline#F78C6Cunderline
markup.strikestrike
markup.quote punctuation.definition.blockquote.markdown#65737e
markup.quoteitalic
string.other.link.title.markdown#82AAFF
string.other.link.description.title.markdown#C792EA
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#C792EA
markup.raw.block.fenced.markdown
punctuation.definition.fenced.markdown
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#eeffff
variable.language.fenced.markdown#65737e
text.html.markdown punctuation.definition#546E7A
text.html.markdown meta.disable-markdown punctuation.definition#89DDFF
meta.separator#65737ebold
markup.table#eeffff
acejump.label.blue#ffffff
acejump.label.green#ffffff
acejump.label.orange#ffffff
acejump.label.purple#ffffff
sublimelinter.mark.warning#FFCB6B
sublimelinter.gutter-mark#ffffff
sublimelinter.mark.error#ff2f52
sublimelinter.annotations
markup.ignored.git_gutter#65737e
markup.untracked.git_gutter#65737e
markup.inserted.git_gutter#C3E88D
markup.changed.git_gutter#FFCB6B
markup.deleted.git_gutter#FF5370
brackethighlighter.default#B2CCD6
brackethighlighter.quote#00cc9c
brackethighlighter.unmatched#FF5370
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
comment, punctuation.definition.comment#6f00ffitalic
variable, string constant.other.placeholder#88ff00
constant.other.color#ffffff
invalid, invalid.illegal, invalid.broken#ca0000
invalid.unimplemented#ffffff
invalid.deprecated#ffffff
keyword, storage.type, storage.modifier#ff0040
storage.type, keyword.control#ff00c8italic
keyword.operator, 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#ffffff
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#ff0040
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level#00ffff
support.other.variable, string.other.link#ff008c
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit#00ffdd
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#ffc400normal
entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#00cc9c
source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type#00cc9c
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#ff004c
variable.language#ff004citalic
entity.name.method.js#00cc9c
meta.class-method.js entity.name.function.js, variable.function.constructor#00cc9c
entity.other.attribute-name#9900ff
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFCB6Bitalic
entity.other.attribute-name.class#FFCB6B
source.sass keyword.control#00e1ff
markup.inserted#b9ff4f
markup.deleted#ff1d43
markup.changed#C792EA
string.regexp#89DDFF
constant.character.escape#89DDFF
*url*, *link*, *uri*underline
constant.numeric.line-number.find-in-files - match#ffa600
entity.name.filename.find-in-files#33ffcf
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#46ffffitalic
source.js constant.other.object.key.js string.unquoted.label.js#ff002bitalic
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#00cc9c
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#d699ff
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#ff49b9
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#67ffc0
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#ffa640
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#ff002b
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#ff3c00
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#ffa600
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#9900ff
text.html.markdown, punctuation.definition.list_item.markdown#ffffff
text.html.markdown markup.raw.inline#cf86ff
text.html.markdown punctuation.definition.raw.markdown#a2d7ff
text.html.markdown meta.dummy.line-break
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#00cc9c
markup.italic#ff70d4italic
markup.bold, markup.bold string#ff7078bold
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 stringbold italic
markup.underline#F78C6Cunderline
markup.strikestrike
markup.quote punctuation.definition.blockquote.markdown#65737e
markup.quoteitalic
string.other.link.title.markdown#82AAFF
string.other.link.description.title.markdown#C792EA
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#C792EA
markup.raw.block.fenced.markdown
punctuation.definition.fenced.markdown
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#eeffff
variable.language.fenced.markdown#65737e
text.html.markdown punctuation.definition#546E7A
text.html.markdown meta.disable-markdown punctuation.definition#89DDFF
meta.separator#65737ebold
markup.table#eeffff
acejump.label.blue#ffffff
acejump.label.green#ffffff
acejump.label.orange#ffffff
acejump.label.purple#ffffff
sublimelinter.mark.warning#FFCB6B
sublimelinter.gutter-mark#ffffff
sublimelinter.mark.error#ff2f52
sublimelinter.annotations
markup.ignored.git_gutter#65737e
markup.untracked.git_gutter#65737e
markup.inserted.git_gutter#C3E88D
markup.changed.git_gutter#FFCB6B
markup.deleted.git_gutter#FF5370
brackethighlighter.default#B2CCD6
brackethighlighter.quote#00cc9c
brackethighlighter.unmatched#FF5370
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6