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#132039
  • editor.foreground#BCBFC2
  • editor.lineHighlightBackground#303A50
  • editor.selectionBackground#303A50
  • editorCursor.foreground#819090
  • editorWhitespace.foreground#303A50

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#BCBFC2—
comment#627384
string#1ABC9C—
string#627384—
string.regexp#E74C3C—
constant.numeric#BE643C—
variable.language, variable.other#3498DB—
keyword#2ECC71—
storage#2ECC71
entity.name.class, entity.name.type.class#3498DB—
entity.name.function#3498DB—
punctuation.definition.variable#2ECC71—
punctuation.section.embedded.begin, punctuation.section.embedded.end#E74C3C—
constant.language, meta.preprocessor#F1C40F—
support.function.construct, keyword.other.new#E74C3C—
constant.character, constant.other#E67E22—
entity.other.inherited-class——
variable.parameter——
entity.name.tag#3498DBbold
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end#627384—
entity.other.attribute-name#F2E5C0—
support.function#3498DB—
punctuation.separator.continuation#E74C3C—
support.constant——
support.type, support.class#2ECC71—
support.type.exception#E67E22—
keyword.other.special-method#E67E22—
support.other.variable——
invalid——
string.quoted.double, string.quoted.single#1ABC9C—
punctuation.definition.string.begin, punctuation.definition.string.end#E74C3C—
entity.name.tag.css, support.type.property-name.css, meta.property-name.css#F1C40F
source.css#E74C3C—
meta.selector.css#627384
punctuation.section.property-list.css#9B59B6—
meta.property-value.css constant.numeric.css, keyword.other.unit.css, constant.other.color.rgb-value.css#1ABC9C
meta.property-value.css#1ABC9C
keyword.other.important.css#E74C3C—
support.constant.color#1ABC9C—
entity.name.tag.css#2ECC71—
punctuation.separator.key-value.css, punctuation.terminator.rule.css#627384
entity.other.attribute-name.class.css#3498DB
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css#E67E22
entity.other.attribute-name.id.css#3498DB
meta.function.js, entity.name.function.js, support.function.dom.js#F1C40F—
text.html.basic source.js.embedded.html#F1C40F
storage.type.function.js#3498DB—
constant.numeric.js#1ABC9C—
meta.brace.square.js#3498DB—
storage.type.js#3498DB—
meta.brace.round, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js#F2E5C0—
meta.brace.curly.js#3498DB—
entity.name.tag.doctype.html, meta.tag.sgml.html, string.quoted.double.doctype.identifiers-and-DTDs.html#F2E5C0italic
comment.block.html#BCBFC2italic
entity.name.tag.script.html—italic
source.css.embedded.html string.quoted.double.html#1ABC9C
text.html.ruby#E67E22bold
text.html.basic meta.tag.other.html, text.html.basic meta.tag.any.html, text.html.basic meta.tag.block.any, text.html.basic meta.tag.inline.any, text.html.basic meta.tag.structure.any.html, text.html.basic source.js.embedded.html, punctuation.separator.key-value.html#95A5A6
text.html.basic entity.other.attribute-name.html#95A5A6—
text.html.basic meta.tag.structure.any.html punctuation.definition.string.begin.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#1ABC9C
entity.name.tag.block.any.html#3498DBbold
source.css.embedded.html entity.name.tag.style.html—italic
entity.name.tag.style.html—
text.html.basic punctuation.section.property-list.css—
source.css.embedded.html, comment.block.html#BCBFC2italic
punctuation.definition.variable.ruby#3498DB
meta.function.method.with-arguments.ruby#95A5A6—
variable.language.ruby#1ABC9C—
entity.name.function.ruby#3498DB—
keyword.control.ruby, keyword.control.def.ruby#2ECC71bold
keyword.control.class.ruby, meta.class.ruby#2ECC71—
entity.name.type.class.ruby#F1C40F
keyword.control.ruby#2ECC71
support.class.ruby#F1C40F
keyword.other.special-method.ruby#2ECC71—
constant.language.ruby, constant.numeric.ruby#1ABC9C—
variable.other.constant.ruby#F1C40F
constant.other.symbol.ruby#1ABC9C
punctuation.section.embedded.ruby, punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby#E74C3C—
keyword.other.special-method.ruby#E67E22—
keyword.control.import.include.php#E67E22—
text.html.ruby meta.tag.inline.any.html#BCBFC2
text.html.ruby punctuation.definition.string.begin, text.html.ruby punctuation.definition.string.end#1ABC9C
punctuation.definition.string.begin, punctuation.definition.string.end#BCBFC2—
support.class.php#BCBFC2—
keyword.operator.index-start.php, keyword.operator.index-end.php#E74C3C—
meta.array.php#627384—
meta.array.php support.function.construct.php, meta.array.empty.php support.function.construct.php#F1C40F
support.function.construct.php#F1C40F—
punctuation.definition.array.begin, punctuation.definition.array.end#E74C3C—
constant.numeric.php#1ABC9C—
keyword.other.new.php#E67E22—
keyword.operator.class#BCBFC2
variable.other.property.php#F2E5C0—
storage.modifier.extends.php, storage.type.class.php, keyword.operator.class.php#F1C40F—
PHP: Class Function——
punctuation.terminator.expression.php#BCBFC2—
meta.other.inherited-class.php#627384
storage.type.php#2ECC71—
entity.name.function.php#F2E5C0—
support.function.construct.php#2ECC71—
entity.name.type.class.php, meta.function-call.php, meta.function-call.static.php, meta.function-call.object.php#BCBFC2—
keyword.other.phpdoc#F2E5C0
source.php.embedded.block.html#E67E22—
storage.type.function.php#E67E22—
constant.numeric.c#1ABC9C
meta.preprocessor.c.include, meta.preprocessor.macro.c#E67E22
keyword.control.import.define.c, keyword.control.import.include.c#E67E22
entity.name.function.preprocessor.c#E67E22
meta.preprocessor.c.include string.quoted.other.lt-gt.include.c, meta.preprocessor.c.include punctuation.definition.string.begin.c, meta.preprocessor.c.include punctuation.definition.string.end.c#1ABC9C
support.function.C99.c, support.function.any-method.c, entity.name.function.c#627384
punctuation.definition.string.begin.c, punctuation.definition.string.end.c#1ABC9C
storage.type.c#F1C40F
meta.diff, meta.diff.header#E0EDDDitalic
markup.deleted#E74C3C
markup.changed#E67E22
markup.inserted#219186—
text.html.markdown meta.dummy.line-break#E0EDDD—
text.html.markdown markup.raw.inline#1ABC9C—
text.restructuredtext markup.raw#1ABC9C—
other.package.exclude, other.remove#E74C3C
other.add#1ABC9C—
punctuation.section.group.tex, punctuation.definition.arguments.begin.latex, punctuation.definition.arguments.end.latex, punctuation.definition.arguments.latex#E74C3C
meta.group.braces.tex#F1C40F
string.other.math.tex#F1C40F
variable.parameter.function.latex#E67E22
punctuation.definition.constant.math.tex#E74C3C
text.tex.latex constant.other.math.tex, constant.other.general.math.tex, constant.other.general.math.tex, constant.character.math.tex#1ABC9C
string.other.math.tex#F1C40F
punctuation.definition.string.begin.tex, punctuation.definition.string.end.tex#E74C3C
keyword.control.label.latex, text.tex.latex constant.other.general.math.tex#1ABC9C
variable.parameter.definition.label.latex#E74C3C
support.function.be.latex#2ECC71
support.function.section.latex#E67E22
support.function.general.tex#1ABC9C
punctuation.definition.comment.tex, comment.line.percentage.tex—italic
keyword.control.ref.latex#1ABC9C
string.quoted.double.block.python#627384
storage.type.class.python, storage.type.function.python, storage.modifier.global.python#2ECC71
keyword.control.import.python, keyword.control.import.from.python#E67E22—
support.type.exception.python#F1C40F—
support.function.builtin.shell#2ECC71—
variable.other.normal.shell#E67E22—
source.shell#3498DB
meta.scope.for-in-loop.shell, variable.other.loop.shell#627384
punctuation.definition.string.end.shell, punctuation.definition.string.begin.shell#2ECC71
meta.scope.case-block.shell, meta.scope.case-body.shell#627384
punctuation.definition.logical-expression.shell#E74C3C
comment.line.number-sign.shell—italic
keyword.other.import.java#E67E22
storage.modifier.import.java#627384
meta.class.java storage.modifier.java#F1C40F
source.java comment.block#627384
comment.block meta.documentation.tag.param.javadoc keyword.other.documentation.param.javadoc#627384
punctuation.definition.variable.perl, variable.other.readwrite.global.perl, variable.other.predefined.perl, keyword.operator.comparison.perl#F1C40F—
support.function.perl#2ECC71—
comment.line.number-sign.perl#627384italic
punctuation.definition.string.begin.perl, punctuation.definition.string.end.perl#1ABC9C—
constant.character.escape.perl#E74C3C—
markup.heading.markdown, markup.heading.1.markdown, markup.heading.2.markdown, markup.heading.3.markdown, markup.heading.4.markdown, markup.heading.5.markdown, markup.heading.6.markdown#3498DB—
markup.bold.markdown#BCBFC2bold
markup.italic.markdown#BCBFC2italic
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.raw.markdown#E74C3C—
markup.list.unnumbered.markdown#F1C40F—
markup.list.numbered.markdown#2ECC71—
markup.raw.block.markdown, markup.raw.inline.markdown#1ABC9C—
markup.quote.markdown, punctuation.definition.blockquote.markdown#9B59B6—
meta.separator.markdown#BE643C—
meta.image.inline.markdown, markup.underline.link.markdown#627384italic
string.other.link.title.markdown, string.other.link.description.markdown#F2E5C0—
punctuation.definition.link.markdown#627384—
punctuation.definition.metadata.markdown#627384—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.markdown#627384—
sublimelinter.notes#F2ECD9—
sublimelinter.outline.illegal#F2E5C0—
sublimelinter.underline.illegal——
sublimelinter.outline.warning#BCBFC2—
sublimelinter.underline.warning——
sublimelinter.outline.violation#95A5A6—
sublimelinter.underline.violation——