Shades Of Harmony
Publisher: Vajahath AhmedThemes in package: 1
A simple color theme crafted with love and ES6 in mind.
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#242527
- editor.foreground#bbbbbb
- editor.lineHighlightBackground#303030
- editor.selectionBackground#88341055
- editorCursor.foreground#c3ff00
- editorIndentGuide.background#ffffff10
- editorWhitespace.foreground#A5A5A552
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #bbbbbb | — |
| comment.line.double-slash.js, comment.line.double-slash.tsx, comment.block.documentation.js, string.comment.buffered.block.jade | #5F5F5F | italic |
| comment.block.js | #5F5F5F | italic |
| keyword.control.flow.js | #00b282 | bold |
| variable.language.this.js, support.constant.json.js | #ff265e | |
| entity.name.type.js | #ff8b19 | bold |
| entity.name.function | #ff8b19 | bold |
| support.type.object.module.js | #f6485d | italic |
| storage | #ffd2a690 | italic |
| support.function.dom.js | #79E700 | italic |
| support.function.js | #a39a99 | |
| keyword | #ff681e | italic |
| support.class.builtin.js | #FF482F | bold |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js | #848282 | |
| string.template.js meta.template.expression.js variable.other.object.js | #CCFFB1 | bold |
| string.template.js meta.template.expression.js variable.other.property.js | #FFBD80 | |
| variable.other.object.property.js, support.variable.property.dom.js | #FFB996 | |
| string.template.js meta.template.expression.js variable.other.object.property.js, string.template.js meta.template.expression.js variable.other.readwrite.js | #FFF | |
| variable.other.constant.js | #C9C4B3 | bold |
| string.template.js, string.quoted.double.css, string.quoted.double.js, variable.parameter.url, string.quoted.jade, string.quoted.single.js, string.quoted.double.attribute-value.css, string.quoted.double.ruby, string.quoted.single.ruby, string.quoted.single.coffee, string.quoted.double.coffee, meta.string-contents.quoted.double.php, string.quoted.double.php, string.quoted.single.php, meta.string-contents.quoted.single.php, string.quoted.variable.parameter.url, string.quoted.single.css, string.quoted.single.css | #F0BD16 | italic |
| constant.numeric, string.regexp.js | #fb5b1d | italic |
| keyword.operator | #FC0 | |
| punctuation.terminator.statement.js, punctuation.separator.comma.js, punctuation.definition.block.js, punctuation.definition.parameters, meta.brace, meta.delimiter, punctuation.terminator.expression.php, source.php.embedded.block.html, keyword.operator.class.php | #ffffff30 | |
| comment.line.shebang.ts | #137761 | |
| support.class.php, variable.other.global.safer.php, entity.name.type.class.php, entity.other.inherited-class.php, meta.function.php | #ff8b19 | |
| text.html.basic, variable.other.global.php, variable.other.php, meta.function-call.object.php, variable.other.property.php, support.function.filestat.php, meta.function-call.static.php, support.function.head.php | #bbbbbb | |
| constant.language.php, keyword.operator.logical.php, punctuation.definition.variable.php, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, variable.other.class.php, constant.other.class.php, .construct.php | #f6485d | |
| support.function, support.function.array.php, meta.function-call.php, constant.other.php | #bbbbbb | |
| constant.other.symbol.ruby | #3fa5d4 | |
| support.class.ruby | #ee7561 | |
| variable.language.js, variable.assignment.coffee, variable.language.coffee | #f6485d | |
| constant.language.boolean.false.js, constant.language.boolean.true.js, constant.language.null.js, constant.language.undefined.js | #f6485d | |
| source.json | #a2a090 | |
| meta.structure.dictionary.value.json, constant.numeric.json | #FC0 | |
| punctuation.separator.dictionary.key-value.json | #a2a09040 | |
| punctuation.definition.dictionary.end.json, punctuation.definition.dictionary.begin.json | #fff | |
| text.xml | #ccc | |
| entity.name.tag.localname.xml, punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml | #72666490 | |
| entity.other.attribute-name.html | #666666 | bold |
| entity.name.tag | #666666 | |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag.structure.any.html | #666666 | bold |
| source.jade | #4d4e4e | — |
| complete_tag.jade | #aaa | — |
| text.block.pipe.jade, text.jade | #5c6461 | — |
| entity.name.tag.jade, entity.name.tag.script.jade, javascript.embedded.jade | #f64861 | — |
| meta.first-class.jade, variable.control.import.include.jade | #ff8b19 | — |
| tag.jade, complete_tag.jade, string.name.classes.tag.jade | #3897e8 | — |
| constant.id.tag.jade | #50d1d9 | — |
| source.css, source.less, punctuation.definition.entity.css | #4d4e4e | — |
| meta.property-name.css, support.type.property-name.css, support.type.property-name.css.vendor, constant.numeric.css, support.constant.property-value.css, support.type.property-name.css | #cccccc | — |
| constant.numeric.css, keyword.unit.css, constant.other.color.rgb-value.css, constant.other.color.rgb-value.css, support.constant.property-value.css, constant.numeric.css keyword.other.unit.css, keyword.operator.less, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.css, support.constant.color.w3c-standard-color-name.css, meta.property-value.css | #5c6461 | |
| meta.at-rule.import.css, keyword.control.at-rule, support.function.less, support.function.any-method.builtin.less | #49afb5 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, meta.selector.css, variable.declaration.less | #ff8b19 | |
| variable.other.less | #fb5b1d | — |
| constant.other.rgb-value.css | #83eb5e | — |
| entity.other.attribute-name.attribute.css, entity.other.attribute-name.pseudo-class.css, keyword.operator.less | #f6475d | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...