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