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.

  • editor.background#111111
  • editor.foreground#eeeeee
  • editor.lineHighlightBackground#aaaaaa11
  • editor.selectionBackground#222222
  • editorCursor.foreground#ffffff
  • editorIndentGuide.background#eeeeee11
  • editorLineNumber.foreground#555555
  • editorWhitespace.foreground#bfbfbf
  • sideBar.background#202020
  • statusBar.background#202020
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#cccccc
  • statusBar.noFolderForeground#ffffff
  • terminal.ansiBlue#509ef7
  • terminal.background#141414
  • terminal.foreground#dddddd
  • terminalCursor.foreground#01db25
  • titleBar.activeBackground#333333
  • titleBar.activeForeground#cccccc
  • titleBar.inactiveForeground#8c8c8c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#C9C9C9
comment#728b5cffitalic
comment#555555italic
string#999999
constant.numeric#1d65adff
constant.language#57729eff
constant.character, constant.other#4592a4ff
variable.language, variable.other#4b5245ff
keyword#489872ff
storage#f17400bold
storage.modifier#ff9d02bold
entity.other.inherited-class#317fa9ff
entity.name.function#2479ce
variable.parameter#ae916fff
entity.other.attribute-name.id.css#ffcc00bold
entity.other.attribute-name.class.css#ff9900bold
entity.other.attribute-name.ancestor.css#707070ffbold
entity.other.pseudo-element.css#a26f5dff
entity.other.pseudo-class.css#1d627eff
entity.other.less.mixin#646464ff
variable.declaration.less#7f8c96ffbold
keyword.control.html.elements#746047ff
meta.attribute-selector.css#1752a0ff
entity.name.tag#5ca460ff
entity.other.attribute-name#2c2c2cff
support.function#2d8ee9
keyword#b3b3b3ff
variable.other, variable.js, punctuation.separator.variable#326b9eff
constant.language#b3b3b3ff
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#915c92ffitalic
invalid#238e95ff
variable.other.php, variable.other.normal#c19f71italic
keyword.other.phpdoc.php#aaaaaaitalic
meta.function-call#aaaaaa
punctuation.section.array.begin, punctuation.section.array.end#cccccc
keyword.control, variable.language.this#a785b4
keyword.operator.key.php, keyword.operator.assignment.php#66D9EF
meta.tag#2c4458ff
entity.name.tag#5a7792ff
meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype#915c90ffitalic
meta.tag.inline source, text.html.php.source#915c91ffitalic
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#4ca353ff
entity.other.attribute-name, meta.tag punctuation.definition.string#BA7A30
meta.tag string -source -punctuation, text source text meta.tag string -punctuation#737373
punctuation.definition.string.begin.html, punctuation.definition.string.end.html#888888
constant.character.entity.html#c267cf
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#248e95ff
keyword#d3700c
text source, string.unquoted
meta.selector.css entity.name.tag#8F6161
meta.selector.css entity.other.attribute-name.tag.pseudo-class #6B6985
meta.selector.css entity.other.attribute-name.id#FFDA8Fbold
meta.selector.css entity.other.attribute-name.class#DE8218bold
support.type.property-name.css#4CA8E6
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#E0E0E0
meta.preprocessor.at-rule keyword.control.at-rule#53514eff
meta.property-value support.constant.named-color.css, meta.property-value constant#E6907E
meta.constructor.argument.css#504b5eff
markup.raw#705947ffbold
support#1d627eff
support.type.property-name.json#b5600d
constant.numeric.json#ff9d02
constant.language.json#c267cf
string.quoted.double.json#999999
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#a32121bold
constant.language.boolean, constant.language.php, constant.language.null#c267cf
keyword.operator2.less#1777a6ffbold
keyword.operator.less#44986aff
support.class.ext.gml#576657ff
meta.function-call.js#af763cff
support.constant.js#af763cff
region#4e4e4eff
region.yellowish, markup.changed.sublime_linter, markup.warning.sublime_linter#1747a6ff
region.redish, markup.deleted.sublime_linter, markup.error.sublime_linter#3288a0ff
sublimelinter.mark.warning#1c3cadff
sublimelinter.gutter-mark#0e0e0eff
sublimelinter.mark.error#289aadff
sublimelinter.notes#0e0e0eff
sublimelinter.outline.illegal#0e0e0eff
sublimelinter.underline.illegal
sublimelinter.outline.warning#0e0e0eff
sublimelinter.underline.warning
sublimelinter.outline.violation#0e0e0eff
sublimelinter.underline.violation
keyword.text.apache-error#289aadffbold
keyword.notice.text.apache-error#3170aeffbold
keyword.warn.text.apache-error#3170aeffbold
entity.name.text.apache-error#708b54ff
string.text.apache-error#3170aeffbold
string.notice.text.apache-error#868686ffbold
string.stacktrace.text.apache-error#646464ffnormal
string.fatalerror.text.apache-error#289aadffbold
support.function.text.apache-error#8b592fff
support.line.text.apache-error#356767ff
constant.support.text.apache-error#1734a6ffbold
markup.heading.1.markdown#b3b3b3ffbold
markup.heading.2.markdown#b3b3b3ffbold
markup.heading.3.markdown#b3b3b3ffbold
markup.heading.4.markdown#b3b3b3ffbold
markup.heading.5.markdown#17a634ffbold
markup.heading.6.markdown#17a634ffbold
markup.list.numbered.markdown#7b7b7bffbold
markup.list.unnumbered.markdown#7b7b7bffnormal
markup.underline.markdown#17a6a6ffbold
markup.bold.markdown#868686ffbold
markup.underline.link.markdown#674e35ffbold italic underline
markup.quote.markdown#707070ffbold
markup.raw.block.markdown#919191ffnormal
markup.underline.link.image.markdown#375a86ffbold
markup.italic.markdown#707070ffitalic bold
markup.raw.inline.markdown#36947cffbold
markup.strike.markdown#17a634ffbold
markup.deleted.git_gutter#198f64ff
markup.inserted.git_gutter#7d4998ff
markup.changed.git_gutter#2c2c2cff
markup.ignored.git_gutter#7a7a7aff
markup.untracked.git_gutter#7a7a7aff
markup.deleted#286460ff
markup.changed#345b29ff