Theme Clair
Publisher: marc-durenThemes in package: 1
Mes préférences perso
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#ffffff
- editor.findMatchBackground#b0c5e3cc
- editor.findMatchHighlightBackground#f8c9abcc
- editor.foreground#000000
- editor.lineHighlightBackground#e9eff8
- editor.selectionBackground#b0c5e3
- editor.wordHighlightBackground#eceba3cc
- editorLineNumber.foreground#999
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #999 | italic |
| comment.block.preprocessor | #999 | |
| comment.documentation, comment.block.documentation | #999 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #000 | — |
| keyword, storage, storage.type.function.js | #0000E6 | — |
| storage.type, support.type | #0000E6 | — |
| constant.language, support.constant, variable.language | #0000E6 | — |
| variable, support.variable | #000080 | — |
| entity.name.function, meta.definition.method.ts entity.name.function.ts | #000 | |
| meta.function-call.ts entity.name.function.ts, meta.function-call.js entity.name.function.js, entity.name.function.call.cpp, entity.name.function.php | — | |
| support.function | — | italic |
| entity.name.type, entity.other.inherited-class, support.class | #7A3E9D | |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #c00000 | — |
| string | #c00000 | — |
| constant.character.escape | #777777 | — |
| string.regexp | #4B83CD | — |
| constant.other.symbol | #AB6526 | — |
| meta.object-literal.key, meta.definition.property | — | italic |
| entity.name.tag, punctuation.definition.tag | #900000 | — |
| entity.other.attribute-name | #009 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss, meta.property-value.css support.constant | #000 | — |
| markup.changed | #000000 | — |
| markup.inserted | #22863a | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| 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 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...