Clarity Dark
Publisher: Clarity FThemes in package: 1
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.
- activityBarBadge.background#007acc
- editor.background#1e1e1e
- editor.foreground#d4d4d4
- sideBarTitle.foreground#bbbbbb
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source.vue | #FF97E8 | bold underline |
| source.vue source.ts, source.vue source.js | #d4d4d4 | |
| source.js meta.tag, source.tsx meta.tag, text.html.vue-html, meta.embedded.block.html source.css, meta.embedded.block.html source.js | #62A9FF | |
| source.js source.css, source.tsx source.css, source.vue source.css | #62A9FF | |
| source meta.tag meta.embedded.expression, source.vue text.html.vue-html expression.embedded.vue, source.vue text.html.vue-html source.directive.vue | #d4d4d4 | — |
| comment, punctuation.definition.comment | #FF4848 | bold |
| comment.line.documentation, comment.block.documentation, comment.block.documentation punctuation.definition.comment, string.quoted.docstring | #3883e6 | |
| invalid.illegal | #FF4848 | — |
| entity.name.function, support.function, entity.name.type, entity.other.inherited-class, support.class | — | bold |
| constant.numeric, constant.character, constant, string, constant.language, support.constant | #FF97E8 | — |
| source.js source.css constant.numeric, source.js source.css constant.character, source.js source.css constant, source.js source.css string, source.js source.css constant.language, source.js source.css support.constant, source.tsx source.css constant.numeric, source.tsx source.css constant.character, source.tsx source.css constant, source.tsx source.css string, source.tsx source.css constant.language, source.tsx source.css support.constant | #FF97E8 | — |
| constant.character.escape, punctuation.section.embedded | #FF68DD | — |
| meta.template.expression, source.elixir.embedded.source | #d4d4d4 | — |
| source.css entity.other.attribute-name | — | bold |