Cammisuli's Color Theme
Publisher: cammisuliThemes in package: 4
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#58a8fd
- editor.background#f1f1f1
- editor.foreground#333333
- editorGroupHeader.tabsBackground#e6e6e6
- editorGroupHeader.tabsBorder#eef0f1
- editorIndentGuide.activeBackground#7f8994
- editorIndentGuide.background#e6e6e6
- editorLineNumber.activeForeground#7f8994
- editorLineNumber.foreground#e6e6e6
- focusBorder#7f8994
- gitDecoration.ignoredResourceForeground#888888
- list.activeSelectionBackground#cdd1d6
- list.activeSelectionForeground#333333
- list.inactiveSelectionBackground#cdd1d6
- list.inactiveSelectionForeground#333333
- list.warningForeground#fa8d3e
- panel.border#ebebeb
- sideBar.background#e3e6e8
- sideBar.border#0000
- sideBar.foreground#333333
- sideBarSectionHeader.background#e3e6e8
- sideBarSectionHeader.border#d8dcdf
- sideBarSectionHeader.foreground#333333
- statusBar.background#d8dcdf
- statusBar.border#0000
- statusBar.debuggingBackground#ff8400
- statusBar.debuggingForeground#333
- statusBar.foreground#616a75
- tab.border#e6e6e6
- tab.inactiveBackground#e6e6e6
- 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 | #FF7BA6 | — |
| 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 | #3985ff | — |
| meta meta.type.annotation | #40A893 | — |
| meta meta.type.annotation meta.type.parameters, meta new.expr meta.type.parameters entity.name.type | #333333 | — |
| string | #68788d | — |
| entity.other.inherited-class | #40A893 | — |
| string.js.taggedTemplate, string.js.taggedTemplate punctuation.definition.string.template.end.js, string.js.taggedTemplate string.unquoted.html | #333333 | — |
| meta.function-call, support.function, keyword.other.special-method, meta.block-level | #0dc49f | — |
| variable.other.object.property, variable.object.property, variable, meta.type.parameters entity.name.type | #333333 | — |
| keyword, storage, source meta.type.annotation.ts support.type.primitive.ts, entity.name.tag.css, meta.return.type | #58A8FD | — |
| keyword.operator | #333333 | — |
| keyword.control.conditional, constant.language, support.class | #247ba0 | — |
| invalid | #333333 | |
| meta.separator | #333333 | — |
| invalid.deprecated | #333333 | |
| 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 | #333333 | — |
| meta.diff.range | #3e999f | — |
| markup.quote | #ffaf8f | — |
| markup.bold, markup.italic | #FFC58F | — |
| markup.inline.raw | #FF9DA4 | |
| meta.decorator entity.name.function | #ad8c6b | — |
| entity.name.type.class, entity.name.type.interface | #333333 | — |
| keyword.operator.new | #58A8FD | — |
| variable.language.this, support.variable.dom | #0da9c4 | — |
| support.type.property-name.json | #3985ff | — |
| entity.other.attribute-name.html | #333 | — |
| source.css variable | #40A893 | — |
| 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...