Clarity Noir
Publisher: Isaac CorbreyThemes in package: 1
A clear, crisp dark theme for pleasant viewing in sunlight.
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.activeBorder#dcdcdc
- activityBar.background#373737
- activityBar.border#000000
- activityBar.dropBorder#027aff
- activityBar.foreground#dcdcdc
- activityBar.inactiveForeground#8c8c8c
- activityBarBadge.background#027aff
- activityBarBadge.foreground#ffffff
- button.background#027aff
- button.foreground#ffffff
- button.hoverBackground#0069e0
- button.secondaryBackground#373737
- button.secondaryForeground#dcdcdc
- button.secondaryHoverBackground#515151
- checkbox.background#373737
- checkbox.foreground#dcdcdc
- checkbox.selectBackground#515151
- checkbox.selectBorder#027aff
- dropdown.background#373737
- dropdown.foreground#dcdcdc
- dropdown.listBackground#373737
- editor.background#1e1e1e
- editor.foreground#dcdcdc
- editor.hoverHighlightBackground#62a9fc80
- editor.selectionBackground#62a9fc80
- editorBracketMatch.border#ffffff40
- editorCodeLens.foreground#8c8c8c
- editorCursor.foreground#dcdcdc
- editorError.foreground#ff3b11
- editorGroup.border#000000
- editorGroup.dropBackground#62a9fc80
- editorGroup.dropIntoPromptBackground#1e1e1e
- editorGroup.dropIntoPromptForeground#dcdcdc
- editorGroup.emptyBackground#1e1e1e
- editorGroupHeader.tabsBackground#1e1e1e
- editorIndentGuide.activeBackground1#515151
- editorIndentGuide.background1#373737
- editorLightBulb.foreground#ffcc00
- editorLineNumber.activeForeground#dcdcdc
- editorLineNumber.foreground#686868
- editorStickyScroll.shadow#000000
- editorWarning.foreground#ffcc00
- panel.background#282828
- panel.border#000000
- panel.dropBorder#027aff
- panelSection.border#000000
- panelSection.dropBackground#62a9fc80
- panelSectionHeader.background#373737
- panelSectionHeader.foreground#dcdcdc
- settings.modifiedItemIndicator#027aff
- sideBar.background#282828
- sideBar.border#000000
- sideBar.dropBackground#62a9fc80
- sideBar.foreground#dcdcdc
- sideBarSectionHeader.background#ffffff1c
- sideBarSectionHeader.foreground#dcdcdc
- statusBar.background#1e1e1e
- statusBar.debuggingBackground#b051de
- statusBarItem.activeBackground#515151
- statusBarItem.errorBackground#ff3b11
- statusBarItem.hoverBackground#ffffff1c
- statusBarItem.warningBackground#ffcc00
- statusBarItem.warningForeground#1e1e1e
- statusBarItem.warningHoverBackground#e0b400
- statusBarItem.warningHoverForeground#282828
- tab.activeBackground#1e1e1e
- tab.activeBorderTop#dcdcdc
- tab.activeForeground#dcdcdc
- tab.border#000000
- tab.hoverForeground#8c8c8c
- tab.inactiveBackground#1e1e1e
- tab.inactiveForeground#686868
- terminal.ansiBlack#1e1e1e
- terminal.ansiBlue#027aff
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#5ca8ff
- terminal.ansiBrightCyan#08fdf0
- terminal.ansiBrightGreen#6fe27e
- terminal.ansiBrightMagenta#c683e7
- terminal.ansiBrightRed#ff5d38
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffb752
- terminal.ansiCyan#02c7be
- terminal.ansiGreen#2acd41
- terminal.ansiMagenta#b051de
- terminal.ansiRed#ff3b11
- terminal.ansiWhite#dcdcdc
- terminal.ansiYellow#ff9502
- terminal.background#1e1e1e
- terminal.foreground#dcdcdc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| markup.quote | #8c8c8c | — |
| markup.quote punctuation.definition | #686868 | — |
| markup.bold | #02c7be | bold |
| punctuation.definition.bold | #686868 | — |
| markup.bold markup.italic | #02c7be | italic bold |
| markup.fenced_code.block punctuation.definition | #686868 | — |
| markup.fenced_code.block fenced_code.block.language | #ff5c7a | italic |
| markup.inline.raw | #e08300 | — |
| punctuation.definition.raw | #686868 | — |
| comment.block, comment.line | #8c8c8c | — |
| punctuation.definition.comment | #686868 | — |
| punctuation.definition.dictionary, punctuation.separator.dictionary.key-value, punctuation.separator.dictionary.pair, punctuation.separator.key-value | #8c8c8c | — |
| heading.1 | #ff3b11 | — |
| heading.2 | #ff9502 | — |
| heading.3 | #ffcc00 | — |
| heading.4 | #2acd41 | — |
| heading.5 | #027aff | — |
| heading.6 | #b051de | — |
| punctuation.definition.heading | #686868 | — |
| markup.italic | #b0e6e3 | italic |
| punctuation.definition.italic | #686868 | — |
| constant.language | #027aff | italic |
| meta.link markup.underline.link, meta.image markup.underline.link | #3392ff | underline |
| meta.image string | #ff2e55 | — |
| meta.link punctuation.definition.constant, meta.image punctuation.definition.constant, meta.link punctuation.definition.link, meta.image punctuation.definition.link, meta.link punctuation.definition.metadata, meta.image punctuation.definition.metadata | #686868 | — |
| meta.link constant.other.reference, meta.image constant.other.reference | #e0b400 | — |
| meta.link string.other.link.title | #02c7be | — |
| punctuation.definition.array, punctuation.definition.sequence, punctuation.separator.array, punctuation.separator.sequence | #8c8c8c | — |
| punctuation.definition.block.sequence.item, punctuation.definition.list | #8c8c8c | — |
| support.type.property-name, entity.name.tag | #02c7be | — |
| constant.numeric | #45d958 | — |
| markup.strikethrough | #8c8c8c | strikethrough |
| punctuation.definition.strikethrough | #686868 | — |
| string | #e08300 | — |
| punctuation.definition.table, punctuation.separator.table | #686868 | — |
| punctuation.eq.toml | #686868 | — |
| punctuation.definition.table.inline.toml | #8C8C8C | — |
| support.type.property-name.table.toml | #c076e5 | — |
| punctuation.separator.dot.toml | #8C8C8C | — |