Skip to main content
CodingTheme

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#121223
  • editor.foreground#aab7c4
  • editor.lineHighlightBackground#21213f
  • editor.selectionBackground#21213f
  • editorCursor.foreground#819090
  • editorWhitespace.foreground#21213f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#aab7c4
comment#8898aa
string#8feffb
string#8898aa
string.regexp#e25950
constant.numeric#f6a4eb
variable.language, variable.other#aab7c4
keyword#fcd669
storage#fcd669
entity.name.class, entity.name.type.class#6772e5
entity.name.function#6772e5
punctuation.definition.variable#fcd669
punctuation.section.embedded.begin, punctuation.section.embedded.end#e25950
constant.language, meta.preprocessor#d782d9
support.function.construct, keyword.other.new#e25950
constant.character, constant.other#c85d42
entity.other.inherited-class
variable.parameter
entity.name.tag#6772e5bold
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end#8898aa
entity.other.attribute-name#93A1A1
support.function#6772e5
punctuation.separator.continuation#e25950
support.constant
support.type, support.class#fcd669
support.type.exception#c85d42
keyword.other.special-method#c85d42
support.other.variable
invalid
string.quoted.double, string.quoted.single#2aa198
punctuation.definition.string.begin, punctuation.definition.string.end#e25950
entity.name.tag.css, support.type.property-name.css, meta.property-name.css#f79a59
source.css#e25950
meta.selector.css#586e75
punctuation.section.property-list.css#6c71c4
meta.property-value.css constant.numeric.css, keyword.other.unit.css, constant.other.color.rgb-value.css#2aa198
meta.property-value.css#2aa198
keyword.other.important.css#e25950
support.constant.color#2aa198
entity.name.tag.css#fcd669
punctuation.separator.key-value.css, punctuation.terminator.rule.css#586e75
entity.other.attribute-name.class.css#6772e5
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css#cb4b16
entity.other.attribute-name.id.css#6772e5
meta.function.js, entity.name.function.js, support.function.dom.js#f79a59
text.html.basic source.js.embedded.html#f79a59
storage.type.function.js#6772e5
constant.numeric.js#2aa198
meta.brace.square.js#6772e5
storage.type.js#6772e5
meta.brace.round, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js#93A1A1
meta.brace.curly.js#6772e5
entity.name.tag.doctype.html, meta.tag.sgml.html, string.quoted.double.doctype.identifiers-and-DTDs.html#93a1a1italic
comment.block.html#aab7c4italic
entity.name.tag.script.htmlitalic
source.css.embedded.html string.quoted.double.html#2aa198
text.html.ruby#cb4b16bold
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#657b83
text.html.basic entity.other.attribute-name.html#657b83
text.html.basic meta.tag.structure.any.html punctuation.definition.string.begin.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#2aa198
entity.name.tag.block.any.html#6772e5bold
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#aab7c4italic
punctuation.definition.variable.ruby#6772e5
meta.function.method.with-arguments.ruby#657b83
variable.language.ruby#2aa198
entity.name.function.ruby#6772e5
keyword.control.ruby, keyword.control.def.ruby#fcd669bold
keyword.control.class.ruby, meta.class.ruby#fcd669
entity.name.type.class.ruby#f79a59
keyword.control.ruby#fcd669
support.class.ruby#f79a59
keyword.other.special-method.ruby#fcd669
constant.language.ruby, constant.numeric.ruby#2aa198
variable.other.constant.ruby#f79a59
constant.other.symbol.ruby#2aa198
constant.language.symbol.ruby#2aa198
punctuation.section.embedded.ruby, punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby#e25950
keyword.other.special-method.ruby#cb4b16
keyword.control.import.include.php#cb4b16
text.html.ruby meta.tag.inline.any.html#aab7c4
text.html.ruby punctuation.definition.string.begin, text.html.ruby punctuation.definition.string.end#2aa198
punctuation.definition.string.begin, punctuation.definition.string.end#aab7c4
support.class.php#aab7c4
keyword.operator.index-start.php, keyword.operator.index-end.php#e25950
meta.array.php#586e75
meta.array.php support.function.construct.php, meta.array.empty.php support.function.construct.php#f79a59
support.function.construct.php#f79a59
punctuation.definition.array.begin, punctuation.definition.array.end#e25950
constant.numeric.php#2aa198
keyword.other.new.php#c85d42
keyword.operator.class#aab7c4
variable.other.property.php#93a1a1
storage.modifier.extends.php, storage.type.class.php, keyword.operator.class.php#f79a59
PHP: Class Function
punctuation.terminator.expression.php#aab7c4
meta.other.inherited-class.php#586e75
storage.type.php#fcd669
entity.name.function.php#93a1a1
support.function.construct.php#fcd669
entity.name.type.class.php, meta.function-call.php, meta.function-call.static.php, meta.function-call.object.php#aab7c4
keyword.other.phpdoc#93a1a1
source.php.embedded.block.html#cb4b16
storage.type.function.php#cb4b16
constant.numeric.c#2aa198
meta.preprocessor.c.include, meta.preprocessor.macro.c#cb4b16
keyword.control.import.define.c, keyword.control.import.include.c#cb4b16
entity.name.function.preprocessor.c#cb4b16
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#2aa198
support.function.C99.c, support.function.any-method.c, entity.name.function.c#586e75
punctuation.definition.string.begin.c, punctuation.definition.string.end.c#2aa198
storage.type.c#f79a59
meta.diff, meta.diff.header#E0EDDDitalic
markup.deleted#e25950
markup.changed#cb4b16
markup.inserted#219186
text.html.markdown meta.dummy.line-break#E0EDDD
text.html.markdown markup.raw.inline#2aa198
text.restructuredtext markup.raw#2aa198
other.package.exclude, other.remove#e25950
other.add#2aa198
punctuation.section.group.tex, punctuation.definition.arguments.begin.latex, punctuation.definition.arguments.end.latex, punctuation.definition.arguments.latex#e25950
meta.group.braces.tex#f79a59
string.other.math.tex#f79a59
variable.parameter.function.latex#cb4b16
punctuation.definition.constant.math.tex#e25950
text.tex.latex constant.other.math.tex, constant.other.general.math.tex, constant.other.general.math.tex, constant.character.math.tex#2aa198
string.other.math.tex#f79a59
punctuation.definition.string.begin.tex, punctuation.definition.string.end.tex#e25950
keyword.control.label.latex, text.tex.latex constant.other.general.math.tex#2aa198
variable.parameter.definition.label.latex#e25950
support.function.be.latex#fcd669
support.function.section.latex#cb4b16
support.function.general.tex#2aa198
punctuation.definition.comment.tex, comment.line.percentage.texitalic
keyword.control.ref.latex#2aa198
string.quoted.double.block.python#586e75
storage.type.class.python, storage.type.function.python, storage.modifier.global.python#fcd669
keyword.control.import.python, keyword.control.import.from.python#cb4b16
support.type.exception.python#f79a59
support.function.builtin.shell#fcd669
variable.other.normal.shell#cb4b16
source.shell#6772e5
meta.scope.for-in-loop.shell, variable.other.loop.shell#586e75
punctuation.definition.string.end.shell, punctuation.definition.string.begin.shell#fcd669
meta.scope.case-block.shell, meta.scope.case-body.shell#586e75
punctuation.definition.logical-expression.shell#e25950
comment.line.number-sign.shellitalic
keyword.other.import.java#cb4b16
storage.modifier.import.java#8898aa
meta.class.java storage.modifier.java#f79a59
source.java comment.block#586e75
comment.block meta.documentation.tag.param.javadoc keyword.other.documentation.param.javadoc#586e75
punctuation.definition.variable.perl, variable.other.readwrite.global.perl, variable.other.predefined.perl, keyword.operator.comparison.perl#d782d9
support.function.perl#fcd669
comment.line.number-sign.perl#8898aaitalic
punctuation.definition.string.begin.perl, punctuation.definition.string.end.perl#8feffb
constant.character.escape.perl#DC322F
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#6772e5
markup.bold.markdown#aab7c4bold
markup.italic.markdown#aab7c4italic
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.raw.markdown#e25950
markup.list.unnumbered.markdown#d782d9
markup.list.numbered.markdown#fcd669
markup.raw.block.markdown, markup.raw.inline.markdown#8feffb
markup.quote.markdown, punctuation.definition.blockquote.markdown#6C71C4
meta.separator.markdown#f6a4eb
meta.image.inline.markdown, markup.underline.link.markdown#8898aaitalic
string.other.link.title.markdown, string.other.link.description.markdown#93A1A1
punctuation.definition.link.markdown#8898aa
punctuation.definition.metadata.markdown#8898aa
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.markdown#8898aa
sublimelinter.notes#eee8d5
sublimelinter.outline.illegal#93A1A1
sublimelinter.underline.illegal
sublimelinter.outline.warning#aab7c4
sublimelinter.underline.warning
sublimelinter.outline.violation#657b83
sublimelinter.underline.violation

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

solar-stripe by df - VS Code Theme