Canonical Themes
Publisher: Nova41Themes in package: 21
The palettes you love, the contrast you need
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#FFFFFF
- button.background#007AFF
- editor.background#FFFFFF
- editor.foreground#262626
- editor.lineHighlightBackground#ECF5FF
- editor.selectionBackground#B2D7FF
- editorCursor.foreground#007AFF
- editorGroupHeader.border#E5E5E5
- editorGroupHeader.tabsBackground#FFFFFF
- editorGroupHeader.tabsBorder#E5E5E5
- editorIndentGuide.background1#D6D6D6
- editorLineNumber.activeForeground#272727
- editorLineNumber.foreground#808080
- editorWhitespace.foreground#D6D6D6
- focusBorder#007AFF80
- input.background#F1F1F1
- input.border#D4D4D4
- input.foreground#797979
- list.activeSelectionBackground#B2D7FF
- list.activeSelectionForeground#272727
- list.activeSelectionIconForeground#272727
- list.highlightForeground#007AFF
- minimap.selectionHighlight#E3E3E3
- panel.border#E5E5E5
- settings.focusedRowBorder#007AFF
- settings.modifiedItemIndicator#007AFF
- sideBar.background#FFFFFF
- sideBar.border#E5E5E5
- sideBarSectionHeader.background#FFFFFF
- sideBarSectionHeader.foreground#272727
- statusBar.background#FFFFFF
- statusBar.border#E5E5E5
- statusBar.foreground#808080
- tab.activeBackground#FFFFFF
- tab.activeBorder#FFFFFF
- tab.activeBorderTop#007AFF
- tab.border#E5E5E5
- tab.inactiveBackground#F1F1F1
- tab.inactiveForeground#808080
- terminal.ansiBlack#262626
- terminal.ansiBlue#1337FF
- terminal.ansiBrightBlack#808080
- terminal.ansiBrightBlue#1337FF
- terminal.ansiBrightCyan#02638C
- terminal.ansiBrightGreen#2E8D28
- terminal.ansiBrightMagenta#BA2DA2
- terminal.ansiBrightRed#D12F1B
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#947100
- terminal.ansiCyan#3E8087
- terminal.ansiGreen#2E8D28
- terminal.ansiMagenta#AD3DA4
- terminal.ansiRed#D12F1B
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#78492A
- terminal.foreground#262626
- textLink.activeForeground#007AFF
- textLink.foreground#007AFF
- textPreformat.foreground#78492A
- titleBar.activeBackground#FFFFFF
- titleBar.activeForeground#272727
- titleBar.border#E5E5E5
- titleBar.inactiveBackground#FFFFFF
- titleBar.inactiveForeground#808080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text, source, variable.other.readwrite, punctuation.definition.variable | #262626 | — |
| comment, punctuation.definition.comment | #707F87 | — |
| comment.documentation, comment.block.documentation | #707F87 | — |
| comment.documentation keyword, comment.block.documentation storage.type | #5C6873 | — |
| string, punctuation.definition.string | #D12F1B | — |
| constant.numeric, constant.character | #2729D8 | — |
| string.regexp | #D12F1B | — |
| keyword, keyword.operator.word, keyword.operator.new, storage.type, storage.modifier, punctuation.definition.keyword, variable.language.super, support.type.primitive | #AD3DA4 | — |
| meta.preprocessor, keyword.control.directive, punctuation.definition.directive, entity.name.function.preprocessor | #78492A | — |
| markup.underline.link, string.other.link | #1337FF | — |
| entity.other.attribute-name, meta.decorator, punctuation.decorator | #947100 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, entity.name.struct | #02638C | — |
| entity.name.function, meta.function-call.method, support.function, variable.function | #057CB0 | — |
| support.type | #23575C | — |
| variable.other.property, variable.other.object.property, meta.property.object | #3E8087 | — |
| variable.other.constant, entity.name.constant, constant.language.boolean, constant.language | #3E8087 | — |
| meta.function-call.constructor | #4B21B0 | — |
| support.function.builtin | #804FB8 | — |
| keyword.operator, punctuation.accessor, punctuation.definition.generic, punctuation.definition.tag, punctuation.separator.key-value | #262626 | — |
| variable.parameter, meta.function.parameters | #3E8087 | — |
| markup.heading | #BA2DA2 | — |
| markup.bold | — | bold |
| markup.underline | — | underline |
| markup.inline.raw | #78492A |