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#f8f8f8
  • activityBar.border#ffffff00
  • activityBar.dropBackground#f0f0f0
  • activityBar.foreground#333333
  • activityBarBadge.background#cd0000
  • activityBarBadge.foreground#ffffff
  • editor.background#ffffff
  • editor.foreground#000000
  • editor.lineHighlightBackground#eef1f5
  • editor.selectionBackground#ffeda4
  • editorCursor.foreground#000000
  • editorIndentGuide.background#eeeeee
  • editorLineNumber.foreground#999999
  • editorWhitespace.foreground#fafafa
  • sideBar.background#f8f8f8
  • sideBar.border#eee
  • statusBar.background#f0f0f0
  • statusBar.border#e7e7e7
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#494949
  • statusBar.noFolderForeground#ffffff
  • terminal.ansiBlue#509ef7
  • terminal.background#141414
  • terminal.foreground#dddddd
  • terminalCursor.foreground#01db25

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#000000ff
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#e8341c
entity.other.attribute-name.id.css#111111bold
entity.other.attribute-name.class.css#555555bold
entity.other.attribute-name.ancestor.css#666666bold
entity.other.attribute-name.parent-selector.css#555555bold
entity.other.pseudo-element.css#a187b1
entity.other.pseudo-class.css#f37341
entity.other.less.mixin#777777
variable.declaration.less#533b26bold
keyword.control.html.elements#507cb2
meta.attribute-selector.css#FF950A
comment#438a32ccitalic
string#999999
constant.numeric#EC7600
constant.language#916319
constant.character, constant.other#ae2d10
variable.language, variable.other#a187b1
keyword#AA2063
storage#EC7600bold
entity.other.inherited-class#CC4C07
meta.class, meta.definition.function#053369
meta.method-call#4a89d1
variable.parameter#053369
entity.name.tag#881181
entity.other.attribute-name#cccccc
support.function#7520AF
keyword#000000
variable.other, variable.js, punctuation.separator.variable#cd6c17
constant.language#000000
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#2B8B2Aitalic
invalid#EB291C
variable.other.php, variable.other.normal#916305italic
meta.function-call#497eb5
keyword.control#AA2063
meta.tag#66809c
entity.name.tag#3b79be
meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype#2B8B2Citalic
meta.tag.inline source, text.html.php.source#2B8B2Bitalic
meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html#A21297
entity.other.attribute-name, meta.tag punctuation.definition.string#c86a1c
meta.tag string -source -punctuation, text source text meta.tag string -punctuation#999999
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#EA291C
keyword#d3700c
text source, string.unquoted
support.function#005cba
meta.selector.css, source.css#111111
punctuation.separator.list.comma.css#000000
meta.selector.css entity.name.tag#507cb2
meta.selector.css entity.other.attribute-name.tag.pseudo-class#7B7E4F
meta.selector.css , entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css#ff692e
entity.other.attribute-name.pseudo-element.css#a785b4
meta.selector.css entity.other.attribute-name.id#111111bold
meta.selector.css entity.other.attribute-name.class#555555bold
support.type.property-name.css#e8341c
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#C19F71
meta.preprocessor.at-rule keyword.control.at-rule#8693A5
meta.property-value support.constant.named-color.css, meta.property-value constant#C9584F
meta.constructor.argument.css#9BAB73
markup.raw#578BB3bold
support#f37341
support.type.property-name.json#d6700c
constant.language.json#c2507a
constant.language.boolean.true.js, constant.language.php#c24f7a
constant.language.boolean.false.js#c24f7a
constant.language.null.js#c24f7a
keyword.operator2.less#ff5500bold
keyword.operator.less#b02070
support.class.ext.gml#996699
meta.function-call.js#005cba
support.constant.js#005cba
region#999999
region.yellowish, markup.changed.sublime_linter, markup.warning.sublime_linter#ffaa00
region.redish, markup.deleted.sublime_linter, markup.error.sublime_linter#cd3c14
sublimelinter.mark.warning#EDBA00
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.error#DA2000
sublimelinter.notes#FFFFFF
sublimelinter.outline.illegal#FFFFFF
sublimelinter.underline.illegal
sublimelinter.outline.warning#FFFFFF
sublimelinter.underline.warning
sublimelinter.outline.violation#FFFFFF
sublimelinter.underline.violation
keyword.text.apache-error#DA2000bold
keyword.notice.text.apache-error#cc6600bold
keyword.warn.text.apache-error#cc6600bold
entity.name.text.apache-error#663399
string.text.apache-error#cc6600bold
string.notice.text.apache-error#444444bold
string.stacktrace.text.apache-error#777normal
string.fatalerror.text.apache-error#DA2000bold
support.function.text.apache-error#2c8ad9
support.line.text.apache-error#cc6666
constant.support.text.apache-error#ffcc00bold
markup.heading#000000bold
markup.heading.1.markdown#000000bold
markup.heading.2.markdown#000000bold
markup.heading.3.markdown#000000bold
markup.heading.4.markdown#000000bold
markup.heading.5.markdown#ff00ccbold
markup.heading.6.markdown#ff00ccbold
markup.list.numbered.markdown#555555bold
markup.list.unnumbered.markdown#555555normal
markup.underline.markdown#ff0000bold
markup.bold.markdown#444bold
markup.underline.link.markdown#6699ccbold italic underline
markup.quote.markdown#666bold
markup.raw.block.markdown#333333normal
markup.underline.link.image.markdown#cc8933bold
markup.italic.markdown#666666italic bold
markup.raw.inline.markdown#c7254ebold
markup.strike.markdown#ff00ccbold
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#4fa921
markup.changed.git_gutter#cccccc
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
markup.deleted#DF6A73
markup.changed#C679DD
token.info-token#316bcd
token.warn-token#cd9731
token.error-token#cd3131
token.debug-token#800080
Sherumite by Sheru - VS Code Theme