Ciapre theme
Publisher: konartThemes in package: 1
Easy on eyes theme ported from the Sublime Text original.
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.
- activityBar.background#212121
- activityBar.border#000000
- activityBarBadge.background#ff7042
- editor.background#222222
- editor.foreground#c2b790
- editor.lineHighlightBackground#1B1B1B
- editor.selectionBackground#000000
- editorCursor.foreground#a89770
- editorIndentGuide.background#292929
- editorSuggestWidget.highlightForeground#ff7042
- editorWhitespace.foreground#292929
- list.activeSelectionForeground#ff7042
- list.highlightForeground#ff7042
- list.inactiveSelectionForeground#ff7042
- panel.background#212121
- scrollbarSlider.activeBackground#ff704250
- sideBar.background#212121
- statusBar.background#212121
- statusBar.foreground#505050
- statusBar.noFolderBackground#212121
- statusBar.noFolderForeground#505050
- tab.activeBorder#FF7042
- textLink.foreground#ff7042
- titleBar.activeBackground#212121
- titleBar.activeForeground#505050
- titleBar.inactiveBackground#212121
- titleBar.inactiveForeground#505050
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #c2b790 | — |
| comment | #696969 | |
| keyword, storage | #C24D43 | |
| constant.numeric | #C24D43 | |
| constant | #C24D43 | |
| constant.language | #c64b3f | |
| variable.language, variable.other - meta.embedded.line | #c2b790ff | |
| variable.other.readwrite.instance | #E64976 | |
| string | #abab65 | |
| constant.character.escape, string source | #E8BF6A | |
| punctuation.section.embedded.begin, punctuation.section.embedded.end | #E8BF6A | |
| meta.preprocessor | #896492 | |
| entity.name.function | #DEA050 | |
| entity.name.type | #6B84A3 | |
| entity.other.inherited-class | #B9AA99 | |
| variable.parameter | #6D948D | |
| storage.type.method | #70727E | |
| meta.section entity.name.section, declaration.section entity.name.section | #B9AA99 | |
| support.function | #5C644C | |
| support.class, support.type | #C2B790 | |
| support.constant | #a94D37 | |
| support.variable | #c2b790 | |
| keyword.operator.js | #D6D6D6 | — |
| invalid | #FFFFFF | — |
| invalid.deprecated.trailing-whitespace | #FFFFFF | — |
| text source, string.unquoted | #B9AA99 | — |
| text source string.unquoted, text source text source | #D6BFB8 | — |
| meta.tag.preprocessor.xml | #676767 | |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string | #676767 | |
| string.quoted.docinfo.doctype.DTD | #CC695F | |
| meta.tag, declaration.tag | #A87B60 | |
| entity.name.tag | #A87B60 | |
| entity.other.attribute-name | #60827E | |
| markup.heading | #EBEB91 | bold |
| markup.quote | #EBEB91 | |
| markup.list | #EBEB91 | — |
| meta.selector.css entity.other.attribute-name.id | #6B84A3 | — |
| entity.other.attribute-name.class | #38add8 | — |
| entity.other.less.mixin | #38add8 | — |
| keyword.control.html.elements | #fc3 | — |
| meta.attribute-selector.css string | #FF950A | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...