Whitely Color Theme
Publisher: WsThemes in package: 1
Brilliant Light Color 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#FFF
- editor.foreground#000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #a9b7c0 | italic |
| comment.block.preprocessor | #8FB0C6 | italic |
| comment.documentation, comment.block.documentation | #a9b7c0 | — |
| invalid.illegal | #dadada | — |
| keyword.operator | #a9b7c0 | — |
| keyword, storage | #2C3852 | — |
| storage.type, support.type | #7A3E9D | — |
| constant.language, support.constant, variable.language | #0C19D8 | — |
| support.function.math.js, support.function.json.js | #7a82f7 | — |
| variable, support.variable | #0c19d8 | — |
| entity.name.function, support.function | #FC0A0A | |
| entity.name.type, entity.other.inherited-class, support.class | #dadada | |
| entity.name.exception | #dadada | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #0C19D8 | — |
| string | #02b419 | — |
| constant.character.escape | #dadada | — |
| string.regexp | #dadada | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #2C3852 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #2C3852 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #2C3852 | — |
| entity.name.tag | #2C3852 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html, punctuation.separator.key-value.html | #FC0A0A | italic |
| text.html.vue-html | #2C3852 | — |
| support.class.component.html | #0C19D8 | — |
| constant.character.entity | #dadada | — |
| string.quoted.double.html | #0C19D8 | — |
| invalid.illegal.unrecognized-tag.html | #0C19D8 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css, source.css.scss, punctuation.definition.entity.css | #0C19D8 | — |
| meta.property-name, support.type.property-name, entity.name.tag.css, constant.other.color.rgb-value.hex.css | #2C3852 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value, constant.numeric.css | #0C19D8 | — |
| keyword.other.important, keyword.control.at-rule.include.scss, keyword.control.at-rule.import, entity.name.function.scss, keyword.control.at-rule.include.scss, punctuation.definition.keyword.scss | #FC0A0A | bold |
| support.function.misc | #00C531 | bold |
| source.vue | #dadada | |
| entity.name.tag.tsx, support.class.component.tsx, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx | #222222 | |
| meta.jsx.children.tsx | #11acbd | |
| meta.object.member.js, variable.other.constant.js, entity.name.type, keyword.operator.logical.js | #0C19D8 | |
| support.class.console, support.function.console, storage.type.js, meta.var.expr.js, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, keyword.operator.arithmetic.js, keyword.operator.comparison.js, keyword.operator.assignment.js, keyword.operator.relational.js, keyword.operator.increment.js, keyword.operator.increment.js | #2C3852 | |
| entity.name.function.js, meta.brace.round.js, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js, support.function.js, support.class.builtin.js, keyword.operator.new.js | #FC0A0A | |
| keyword.operator.ternary.js | #FC0A0A | |
| storage.type.function.arrow.js | #dadada | |
| keyword.control.flow.js, meta.block.js | #000000 | |
| constant.language.boolean.true.js, constant.numeric.decimal.js, constant.language.null.js | #000000 | |
| variable.language.this.js | #FC0A0A | |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc | #413c3c | |
| markup.changed | #000000 | — |
| markup.deleted | #dadada | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |
| entity.name.function, support.function.construct.begin.blade, support.function.construct.end.blade, support.function.info, support.function.string, support.function.errorfunc, support.function.funchand | #FC0A0A | bold |
| support.class.php, punctuation.definition.variable.php | #0C19D8 | bold |
| constant.numeric.decimal | #2C3852 | bold |