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#98ff98
  • 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#98ff9838
  • 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#0c0c0c
  • editorHoverWidget.border#0c0c0c
  • editorIndentGuide.background#252525
  • editorLineNumber.activeForeground#98ff98
  • editorLineNumber.foreground#eeeeee
  • editorMarkerNavigation.background#161626
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#98ff98
  • editorSuggestWidget.background#030303
  • editorSuggestWidget.border#98ff9800
  • editorSuggestWidget.selectedBackground#ffffff09
  • editorWhitespace.foreground#3b4048
  • editorWidget.background#0e0e0e
  • explorer.confirmDelete
  • explorer.decorations.badges
  • explorer.openEditors.visible0
  • files.autoSaveonWindowChange
  • focusBorder#98ff98
  • 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#98ff98be
  • scrollbarSlider.background#4a4a4a17
  • scrollbarSlider.hoverBackground#98ff984b
  • 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#0d1f0e00
  • tab.inactiveForeground#ffffff86
  • terminal.ansiCyan#2ad8ff
  • terminal.ansiGreen#98ff98
  • terminal.ansiYellow#dfff2b
  • 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#a49dffitalic
variable, string constant.other.placeholder#d3ff99
constant.other.color#ffffff
invalid, invalid.illegal, invalid.broken#ff0000
invalid.unimplemented#ffffff
invalid.deprecated#ffffff
keyword, storage.type, storage.modifier#ff89eb
storage.type#aee5ffitalic
storage.modifier#98ff98
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#98ff98
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level#98ff98
support.other.variable, string.other.link#c165ff
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit#6eff6e
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#c6ff5dnormal
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#c6ff5d
source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type#b190ff
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#b190ff
variable.language#c6ff5ditalic
entity.name.method.js#98ff98
meta.class-method.js entity.name.function.js, variable.function.constructor#98ff98
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#a49dffitalic
variable, string constant.other.placeholder#d3ff99
constant.other.color#ffffff
invalid, invalid.illegal, invalid.broken#ff0000
invalid.unimplemented#ffffff
invalid.deprecated#ffffff
keyword, storage.type, storage.modifier#ff89eb
storage.type#aee5ffitalic
storage.modifier#98ff98
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#98ff98
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level#98ff98
support.other.variable, string.other.link#c165ff
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit#6eff6e
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#c6ff5dnormal
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#c6ff5d
source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type#b190ff
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#b190ff
variable.language#c6ff5ditalic
entity.name.method.js#98ff98
meta.class-method.js entity.name.function.js, variable.function.constructor#98ff98
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