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—