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.htmlitalic
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.htmlitalic
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.texitalic
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.shellitalic
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