Calm theme from BN
Publisher: BognaumThemes in package: 1
The Calm color theme from BN.
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.
- contrastBorder#444
- debugExceptionWidget.border#666
- debugToolBar.background#444
- debugToolBar.border#666
- editor.background#202020
- editor.findMatchBackground#00000000
- editor.findMatchBorder#ff5555
- editor.findMatchHighlightBackground#00000000
- editor.findMatchHighlightBorder#00ff00
- editor.findRangeHighlightBackground#00000080
- editor.foreground#D2D2D5
- editor.inactiveSelectionBackground#404040
- editor.lineHighlightBackground#2d2d2d
- editor.selectionBackground#606060
- editor.selectionHighlightBackground#00000000
- editor.selectionHighlightBorder#88888888
- editor.wordHighlightBackground#00000000
- editor.wordHighlightBorder#88BB77
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightStrongBorder#5aa
- editorCursor.foreground#aaa
- editorGroupHeader.border#666
- editorGroupHeader.noTabsBackground#202020
- editorGroupHeader.tabsBackground#323233
- editorGroupHeader.tabsBorder#666
- editorHoverWidget.border#999
- editorWhitespace.foreground#555
- editorWidget.border#666
- editorWidget.resizeBorder#888
- input.background#222
- input.border#666
- keybindingLabel.background#222
- keybindingLabel.border#555
- keybindingLabel.bottomBorder#555
- menu.selectionBackground#2c698b
- minimap.selectionOccurrenceHighlight#6b6
- minimapSlider.activeBackground#2c698b88
- minimapSlider.background#88888855
- minimapSlider.hoverBackground#88888888
- notificationCenter.border#666
- notifications.border#666
- notificationToast.border#666
- selection.background#777
- tab.activeBackground#202020
- tab.activeBorder#202020
- tab.activeBorderTop#666
- tab.border#666
- tab.inactiveBackground#323233
- tree.indentGuidesStroke#666
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #808080 | |
| constant | #ffcb7d | — |
| entity | #DDD | bold |
| keyword | #7E8AA2 | |
| storage | #7E8AA2 | italic |
| string | #aa9988 | |
| support | #FAF4C6 | italic |
| variable | #D2D2D5 | — |
| invalid.deprecated | #f59 | bold underline |
| invalid.illegal | #f59 | bold |
| keyword.declaration | — | italic |
| entity.other.inherited-class | #9B5C2E | italic |
| string constant | #ffcb7d | — |
| string.regexp | #7E8AA2 | |
| string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #ffcb7d | — |
| string variable | #D2D2D5 | — |
| support.function | #DDD | |
| support.constant | #DDD | |
| meta.preprocessor.c | #7E8AA2 | — |
| meta.preprocessor.c keyword | #ffcb7d | — |
| 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 | #40bf5f | — |
| declaration.tag, declaration.tag entity, meta.tag, meta.tag entity | #7E8AA2 | — |
| declaration.tag.inline, declaration.tag.inline entity, source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity | #7E8AA2 | — |
| meta.selector.css entity.name.tag | #7E8AA2 | — |
| meta.selector.css entity.other.attribute-name.tag.pseudo-class | #D2D2D5 | — |
| meta.selector.css entity.other.attribute-name.id | #7E8AA2 | — |
| meta.selector.css entity.other.attribute-name.class | #7E8AA2 | — |
| support.type.property-name.css | #D2D2D5 | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #AA9988 | — |
| meta.preprocessor.at-rule keyword.control.at-rule | #ffcb7d | — |
| meta.property-value support.constant.named-color.css, meta.property-value constant | #ffcb7d | — |
| meta.constructor.argument.css | #8F9D6A | — |