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#eeeeee
  • editor.foreground#000000
  • editor.lineHighlightBackground#f5f5f5
  • editor.selectionBackground#f8eec7
  • editorCursor.foreground#555
  • editorIndentGuide.background#ccc
  • editorWhitespace.foreground#999
  • panel.background#eeeeee
  • panelTitle.activeForeground#000000
  • panelTitle.inactiveForeground#00000049
  • terminal.ansiBlack#333333
  • terminal.ansiBlue#0077aa
  • terminal.ansiBrightBlack#333333
  • terminal.ansiBrightBlue#0077aa
  • terminal.ansiBrightCyan#4ea1df
  • terminal.ansiBrightGreen#399c3e
  • terminal.ansiBrightMagenta#aa7900
  • terminal.ansiBrightRed#da564a
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffb670
  • terminal.ansiCyan#4ea1df
  • terminal.ansiGreen#2e7d32
  • terminal.ansiMagenta#e5c499
  • terminal.ansiRed#da564a
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#eebb6e
  • terminal.background#eeeeee
  • terminal.foreground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#000000
comment, comment.block.documentation.phpdoc.php#999italic
string#2E7D32
keyword.other.namespace.php, keyword.other.use.php, keyword.control.php, keyword.other.use-as.php#07a
keyword.operator.assignment.php#555
meta.namespace.php, meta.use.php meta.path.php support.class.php#000
punctuation.terminator.expression.php, punctuation.separator.namespace.php, meta.array.php#999
meta.namespace.php punctuation.separator.namespace.php#999
meta.class.php storage.type.class.php | storage.modifier | storage.type, constant.class.php, keyword.operator.type.php, keyword.other.new.php, keyword.other.function.use.php, keyword.operator.logical.php, keyword.operator.comparison.php#07a
constant.other.php#da654a
constant.other.class.php#555
variable.language.php#000
punctuation.section.block.php, punctuation.section.array.begin.php, punctuation.section.array.end.php, punctuation.section.group.begin.php, punctuation.section.group.end.php, punctuation.section.block.begin.php, punctuation.section.block.end.php, punctuation.section.brackets.begin.php, punctuation.section.brackets.end.php#999
variable.other.php, variable.parameter.php#4ea1df
meta.block.php meta.path.php, support.class.php#da564a
constant.numeric.php, constant.language.php, support.constant.std.php#da564a
variable.other.member.php#da564a
variable.function.php, support.function.var.php, support.function.errorfunc.php, support.function.classobj.php, support.function.json.php, support.function.array.php, support.function.network.php, support.function.info.php, support.function.string.php, support.function.math.php, support.function.datetime.php, support.function.file.php#555
support.function.construct.php#07a
meta.block.php punctuation.accessor.php#555
meta.function.php entity.name.function.php#555
meta.function.parameters.php support.class.php | storage.type.php#000
string.quoted.single.php, string.quoted.double.php#2e7d32
meta.tag.structure.any.html, meta.tag.inline.any.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag.sgml.html#999
entity.name.tag, entity.other.attribute-name#da564a
custom.compiler.blade.php punctuation.section.embedded.php constant.other.inline-data.html#000
custom.compiler.blade.php punctuation.section.embedded.php entity.name.tag.block.any.html#07a
string.quoted.double.html, string.quoted.single.html#07a
constant.character.entity.html#07a
punctuation.separator.key-value, punctuation.separator.php, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.section.embedded.begin.blade, punctuation.section.embedded.end.blade#999
source.php.blade support.function.string.php#555
source.php.blade keyword.operator#555
source.php.blade#555
source.php.blade string.quoted.single.php | string.quoted.double.php#2e7d32
variable.other.object.js#000
keyword.control.import-export.js, meta.object-literal.key.js, keyword.control.flow.js#07a
entity.name.function.js#000
punctuation.accessor.js, punctuation.section.block.js, punctuation.section.group.js, punctuation.section.group.begin.js, punctuation.section.group.end.js, punctuation.separator.comma.js, punctuation.section.brackets.js, meta.object-literal.js#999
keyword.operator.relational.js#999
variable.language.this.js, support.class.builtin.js, constant.numeric.js, constant.language.null.js#da564a
variable.function.js, variable.parameter.function.js, entity.name.function.js, meta.property.object.js#555
meta.function-call.js variable.function.js, variable.other.readwrite.js#07a
keyword.control.conditional.js#07a
constant.language.boolean.false.js, constant.language.boolean.true.js#da564a
meta.directive.vue entity.other.attribute-name.html#4ea1df
entity.other.attribute-name.class.css, meta.selector.css#da564a
keyword.other.unit.css#555
punctuation.section.property-list.css#999
support.type.property-name.css#07a
meta.property-value.css#555
variable.declaration.less#07a
variable.other.less#4ea1df
variable.declaration.less#07a
source.scss meta.set.variable, keyword.control.at-rule.sass, keyword.control.at-rule.import.scss, variable.parameter.sass#07a
source.scss meta.set.variable variable.scss#4ea1df
variable.parameter.url.sass, variable.parameter.url.scss#2e7d32
constant.other.color.rgb-value.scss, constant.other.rgb-value.sass, punctuation.definition.constant.scss, constant.numeric.scss, constant.numeric.sass, keyword.other.unit.scss, constant.other.unit.sass#555
support.constant.font-name.scss, support.constant.font-name.sass#4ea1df
punctuation.section.dictionary.begin.json, punctuation.section.dictionary.end.json, punctuation.section.array.begin.json, punctuation.section.array.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json#999
constant.language.json#da564a
meta.structure.dictionary.key.json string.quoted.double.json#07a
meta.tag.preprocessor.xml, meta.tag.preprocessor.xml string.quoted.double.xml, meta.tag.xml, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml#999
string.quoted.double.xml#07a
entity.name.tag.localname.xml, entity.other.attribute-name.localname.xml#da564a
source.sql#07a
keyword.operator.star.sql#da564a
punctuation.definition.string.begin.sql, punctuation.definition.string.end.sql#999
punctuation.definition.heading.begin.markdown#4ea1df
markup.heading.1.markdown, markup.heading.2.markdown, markup.heading.markdown#4ea1df
markup.list.unnumbered.bullet.markdown, markup.list.numbered.bullet.markdown#555
punctuation.definition.link.begin.markdown, punctuation.definition.link.end.markdown, punctuation.definition.metadata.begin.markdown, punctuation.definition.metadata.end.markdown, punctuation.definition.image.begin.markdown, punctuation.definition.image.end.markdown#999
markup.underline.link.markdown, markup.underline.link.image.markdown#07a
meta.link.inline.description.markdown, meta.image.inline.description.markdown#2e7d32
markup.italic.markdownitalic
markup.bold.markdownbold
markup.bold.markdown markup.italic.markdownbold italic
markup.deleted.git_gutter#de654a
markup.inserted.git_gutter#2e7d32
markup.changed.git_gutter#4ea1df
markup.ignored.git_gutter#999
markup.untracked.git_gutter#999
sublimelinter.mark.error#da564a
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.warning#DDB700
source.diff#555
source.diff meta.diff.header.from-file punctuation.definition.from-file.diff#da654abold
source.diff meta.diff.header.from-file#da654a
source.diff meta.diff.header.to-file punctuation.definition.to-file.diff#2e7d32bold
source.diff meta.diff.header.to-file#2e7d32
source.diff meta.diff.range#4ea1df
source.diff markup.deleted.diff#da654a
source.diff markup.inserted.diff#2e7d32
source.diff markup.changed.diff#07a