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#ff5dce
  • activityBar.inactiveForeground#cfcfcf
  • 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#ff5dce5b
  • 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#ff5dce
  • editorIndentGuide.background#252525
  • editorLineNumber.activeForeground#ff5dce
  • editorLineNumber.foreground#eeeeee
  • editorMarkerNavigation.background#161626
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#cfff91
  • 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#ff5dce
  • 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#ff5dce93
  • scrollbarSlider.background#4a4a4a17
  • scrollbarSlider.hoverBackground#ff5dce56
  • 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#c82fbd
  • terminal.ansiYellow#4cde7f
  • 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#9dffaaitalic
variable, string constant.other.placeholder#b5deff
constant.other.color#ffffff
invalid, invalid.illegal, invalid.broken#ff0000
invalid.unimplemented#ffffff
invalid.deprecated#ffffff
keyword, storage.type, storage.modifier#ff91ed
storage.type#a8e3ffitalic
storage.modifier#9eff95
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#ff79ff
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level#76ff94
support.other.variable, string.other.link#c165ff
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit#ff5dce
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#ff5dcenormal
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#b5f4ff
source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type#bbffb5
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#ff65f7
variable.language#ff65f7italic
entity.name.method.js#9bffcd
meta.class-method.js entity.name.function.js, variable.function.constructor#9bffcd
entity.other.attribute-name#cd83ff
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#ff79ffitalic
entity.other.attribute-name.class#6bffce
source.sass keyword.control#8bb0ff
markup.inserted#ceff85
markup.deleted#ff4e4e
markup.changed#C792EA
string.regexp#ff89ff
constant.character.escape#89DDFF
*url*, *link*, *uri*underline
constant.numeric.line-number.find-in-files - match#ffcb7e
entity.name.filename.find-in-files#C3E88D
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#9ad2ffitalic
source.js constant.other.object.key.js string.unquoted.label.js#ff7cbditalic
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#C3E88D
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#C792EA
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#ff82bc
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#82AAFF
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#ffd392
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#f7ff8a
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#F78C6C
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#FFCB6B
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#C792EA
text.html.markdown, punctuation.definition.list_item.markdown#ffffff
text.html.markdown markup.raw.inline#cf88ff
text.html.markdown punctuation.definition.raw.markdown#a099ff
text.html.markdown meta.dummy.line-break#ffa358
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#C3E88D
markup.italic#f07178italic
markup.bold, markup.bold string#f07178bold
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#c3ffeb
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#C3E88D
brackethighlighter.unmatched#FF5370
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
comment, punctuation.definition.comment#9dffaaitalic
variable, string constant.other.placeholder#b5deff
constant.other.color#ffffff
invalid, invalid.illegal, invalid.broken#ff0000
invalid.unimplemented#ffffff
invalid.deprecated#ffffff
keyword, storage.type, storage.modifier#ff91ed
storage.type#a8e3ffitalic
storage.modifier#9eff95
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#ff79ff
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level#76ff94
support.other.variable, string.other.link#c165ff
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit#ff5dce
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#ff5dcenormal
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#b5f4ff
source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type#bbffb5
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#ff65f7
variable.language#ff65f7italic
entity.name.method.js#9bffcd
meta.class-method.js entity.name.function.js, variable.function.constructor#9bffcd
entity.other.attribute-name#cd83ff
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#ff79ffitalic
entity.other.attribute-name.class#6bffce
source.sass keyword.control#8bb0ff
markup.inserted#ceff85
markup.deleted#ff4e4e
markup.changed#C792EA
string.regexp#ff89ff
constant.character.escape#89DDFF
*url*, *link*, *uri*underline
constant.numeric.line-number.find-in-files - match#ffcb7e
entity.name.filename.find-in-files#C3E88D
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#9ad2ffitalic
source.js constant.other.object.key.js string.unquoted.label.js#ff7cbditalic
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#C3E88D
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#C792EA
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#ff82bc
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#82AAFF
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#ffd392
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#f7ff8a
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#F78C6C
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#FFCB6B
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#C792EA
text.html.markdown, punctuation.definition.list_item.markdown#ffffff
text.html.markdown markup.raw.inline#cf88ff
text.html.markdown punctuation.definition.raw.markdown#a099ff
text.html.markdown meta.dummy.line-break#ffa358
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#C3E88D
markup.italic#f07178italic
markup.bold, markup.bold string#f07178bold
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#c3ffeb
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#C3E88D
brackethighlighter.unmatched#FF5370
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6