Skip to main content
Coding Theme

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
Stacktrace by Stacktrace - VS Code Theme