Breeze
Publisher: cammisuliThemes in package: 6
A cool blue dark/light color theme
Color themes
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#e3e6e8
- activityBar.border#d8dcdf
- activityBar.foreground#616a75
- activityBarBadge.background#2979FF
- editor.background#f1f1f1
- editor.findMatchBackground#B2DFDB
- editor.findMatchHighlightBackground#B2DFDB
- editor.foreground#424242
- editor.selectionBackground#5f59591e
- editor.wordHighlightBackground#2979FF2c
- editorGroupHeader.tabsBackground#e3e6e8
- editorGroupHeader.tabsBorder#eef0f1
- editorIndentGuide.activeBackground#7f8994
- editorIndentGuide.background#e6e6e6
- editorLineNumber.activeForeground#6b6b6b
- editorLineNumber.foreground#babaac
- focusBorder#7f8994
- gitDecoration.ignoredResourceForeground#888888
- list.activeSelectionBackground#cdd1d6
- list.activeSelectionForeground#424242
- list.inactiveSelectionBackground#cdd1d6
- list.inactiveSelectionForeground#424242
- list.warningForeground#fa8d3e
- minimap.findMatchHighlight#2979FF69
- minimap.selectionHighlight#5f59591e
- panel.border#ebebeb
- sideBar.background#e3e6e8
- sideBar.border#0000
- sideBar.foreground#424242
- sideBarSectionHeader.background#e3e6e8
- sideBarSectionHeader.border#d8dcdf
- sideBarSectionHeader.foreground#424242
- statusBar.background#d8dcdf
- statusBar.border#0000
- statusBar.debuggingBackground#ff8400
- statusBar.debuggingForeground#333
- statusBar.foreground#616a75
- tab.border#e6e6e6
- tab.inactiveBackground#e3e6e8
- tab.inactiveForeground#c5c9ce
- titleBar.activeBackground#e3e6e8
- titleBar.activeForeground#7f8994
- titleBar.border#d8dcdf
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant.numeric | #FF80AB | — |
| comment | #2CC02C | — |
| support.other.variable, string.other.link, string.regexp, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag, punctuation.definition.template-expression, meta.template.expression | #2979FF | — |
| meta meta.type.annotation | #00B8D4 | — |
| meta meta.type.annotation meta.type.parameters, meta new.expr meta.type.parameters entity.name.type | #424242 | — |
| string | #F57F17 | — |
| entity.other.inherited-class | #00B8D4 | — |
| string.js.taggedTemplate, string.js.taggedTemplate punctuation.definition.string.template.end.js, string.js.taggedTemplate string.unquoted.html | #424242 | — |
| meta.function-call, support.function, keyword.other.special-method, meta.block-level | #00BFA5 | — |
| variable.other.object.property, variable.object.property, variable, meta.type.parameters entity.name.type | #424242 | — |
| keyword, storage, source meta.type.annotation.ts support.type.primitive.ts, entity.name.tag.css, meta.return.type | #2979FF | — |
| keyword.operator | #424242 | — |
| keyword.control.conditional, constant.language, support.class | #247ba0 | — |
| invalid | #424242 | |
| meta.separator | #424242 | — |
| invalid.deprecated | #424242 | |
| markup.inserted.diff, meta.diff.header.to-file | #718c00 | — |
| markup.deleted.diff, meta.diff.header.from-file | #c82829 | — |
| meta.diff.header.from-file, meta.diff.header.to-file | #424242 | — |
| meta.diff.range | #3e999f | — |
| markup.quote | #ffaf8f | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw | #FF9DA4 | |
| meta.decorator entity.name.function, punctuation.decorator | #ad8c6b | — |
| entity.name.type.class, entity.name.type.interface | #424242 | — |
| keyword.operator.new | #2979FF | — |
| variable.language.this, support.variable.dom | #0da9c4 | — |
| support.type.property-name.json | #2979FF | — |
| entity.other.attribute-name.html | #333 | — |
| source.css variable | #00B8D4 | — |
| source.css.scss meta.property-value.scss, source.css meta.property-value.css, source.css keyword.other.unit | #2979FF | — |
| entity.other.ng-binding-name.template.html | #e2ad5e | — |
| entity.other.ng-binding-name.property.html | #e2675e | — |
| entity.other.ng-binding-name.event.html | #7ecc25 | — |
| meta.tag.custom.start.html, meta.tag.custom.end.html, meta.tag.custom.start.html entity.name.tag.html, meta.tag.custom.end.html entity.name.tag.html | #064bbb | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...