Natnael's Shade
Publisher: Natnael EshetuThemes in package: 1
A dark theme by natnael.
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#6b8150
- activityBar.background#181818
- activityBar.border#272a24
- activityBar.foreground#9a9a9a
- activityBar.inactiveForeground#787878
- activityBarBadge.background#368bd7
- activityBarBadge.foreground#ffffff
- activityErrorBadge.background#ac2f2f
- activityErrorBadge.foreground#ffffff
- activityWarningBadge.background#d7ad36
- activityWarningBadge.foreground#1a1a1a
- badge.background#368bd7
- badge.foreground#ffffff
- commandCenter.activeBorder#424a39
- commandCenter.background#292929
- commandCenter.border#191919
- commandCenter.inactiveBorder#1d1d1d
- diffEditor.border#191919
- dropdown.background#212121
- dropdown.border#191919
- editor.background#1c1c1d
- editor.foldBackground#262626
- editor.foreground#ababab
- editorBracketHighlight.foreground1#587999
- editorBracketHighlight.foreground2#825899
- editorBracketHighlight.foreground3#995863
- editorBracketHighlight.foreground4#995858
- editorBracketHighlight.unexpectedBracket.foreground#ac2f2f
- editorError.foreground#964545
- editorGroup.border#191919
- editorGroupHeader.border#00000000
- editorGroupHeader.tabsBackground#181818
- editorHint.border#424a39
- editorHoverWidget.background#212121
- editorHoverWidget.border#424a39
- editorInfo.border#424a39
- editorLineNumber.activeForeground#909093
- editorLineNumber.foreground#6c6c70
- editorPane.background#181818
- editorWarning.foreground#968145
- editorWidget.border#424a39
- extensionBadge.remoteBackground#368bd7
- extensionBadge.remoteForeground#ffffff
- focusBorder#191919
- foreground#ababab
- gauge.border#191919
- icon.foreground#a1a1a1
- inlineChatInput.border#1d1d1d
- input.background#292929
- input.border#1d1d1d
- inputOption.activeBorder#424a39
- list.activeSelectionForeground#c5c5c5
- list.errorForeground#ba6969
- list.inactiveSelectionBackground#2d2d2d
- list.inactiveSelectionForeground#c5c5c5
- list.warningForeground#baa969
- menu.background#212121
- menu.border#424a39
- menu.foreground#c5c5c5
- menu.separatorBackground#424a39
- merge.border#191919
- minimap.errorHighlight#733535
- minimap.warningHighlight#736335
- notebook.cellBorderColor#191919
- notifications.border#424a39
- notificationToast.border#424a39
- panel.background#181818
- panel.border#424a39
- panelInput.border#1d1d1d
- panelSection.border#424a39
- panelTitle.activeBorder#191919
- panelTitle.activeForeground#929292
- panelTitle.border#191919
- panelTitle.inactiveForeground#6d6d6d
- panelTitleBadge.background#368bd7
- panelTitleBadge.foreground#ffffff
- peekView.border#424a39
- pickerGroup.border#424a39
- profileBadge.background#368bd7
- profileBadge.foreground#ffffff
- quickInput.background#212121
- scrollbar.shadow#00000000
- sideBar.background#181818
- sideBar.border#272a24
- sideBar.foreground#ababab
- sideBarActivityBarTop.border#272a24
- sideBarSectionHeader.background#212121
- sideBarTitle.background#181818
- sideBarTitle.border#191919
- statusBar.background#181818
- statusBar.border#272a24
- statusBar.debuggingBackground#181818
- statusBar.foreground#c5c5c5
- statusBar.noFolderBackground#181818
- statusBarItem.activeBackground#5c7342
- statusBarItem.compactHoverBackground#5c7342
- statusBarItem.hoverBackground#5c7342
- statusBarItem.hoverForeground#ffffff
- statusBarItem.offlineHoverBackground#5c7342
- statusBarItem.prominentBackground#26311a
- statusBarItem.remoteBackground#5c7342
- tab.activeBackground#1d1d1d
- tab.activeBorder#00000000
- tab.activeForeground#ababab
- tab.border#191919
- tab.inactiveBackground#212121
- tab.inactiveForeground#929292
- tab.lastPinnedBorder#424a39
- tab.selectedBorderTop#6b8150
- tab.unfocusedActiveForeground#a0a0a0
- tab.unfocusedInactiveForeground#a0a0a0
- titleBar.activeBackground#212121
- titleBar.activeForeground#a0a0a0
- titleBar.border#272a24
- titleBar.inactiveBackground#181818
- titleBar.inactiveForeground#878787
- widget.border#191919
- window.activeBorder#151515
- window.inactiveBorder#191919
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #667a8a | italic |
| comment.block.preprocessor | #667a8a | |
| comment.documentation, comment.block.documentation | #667a8a | — |
| invalid.illegal | #ac2f2f | — |
| keyword.operator | #7b8793 | — |
| keyword, storage | #81643b | |
| storage.type, support.type | #787878 | |
| constant.language, variable.language | #92b271 | — |
| variable, support.variable | #9a9a9a | — |
| entity.name.function, support.function | #739abf | |
| entity.name.type | #6c8484 | — |
| entity.other.inherited-class, support.class | #5889b7 | — |
| entity.name.exception | #ac2f2f | — |
| entity.name.section | — | bold |
| constant.numeric, constant | #92b271 | — |
| constant.character | #af8e5f | — |
| string | #aa9678 | — |
| constant.character.escape | #937d5d | — |
| string.regexp | #a68659 | — |
| constant.other.symbol, keyword.operator.expression.arrow | #7b8793 | — |
| punctuation | #7b8793 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #c1b5a4 | — |
| meta.tag, punctuation.definition.tag.html, text.html.basic, meta.tag.inline.any.html, source.html | #a38c6b | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.self-close.html | #636d79 | — |
| entity.name.tag | #4e8abf | |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #859aad | — |
| meta.tag entity.other.attribute-value, entity.other.attribute-value.html | #4884d1 | — |
| constant.character.entity, punctuation.definition.entity | #a38c6b | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css, entity.other.attribute-name.id.css | #6293c0 | — |
| meta.property-name, support.type.property-name.css, support.type.property-name | #929292 | — |
| meta.property-value.css, meta.property-value | #a7957c | — |
| constant.css, support.constant, support.constant.property-value.css | #b5986d | — |
| variable.css | #929292 | — |
| keyword.control.at-rule, keyword.control.at-rule.css | #9a6db5 | — |
| support.function.misc.css | #6993ba | — |
| string.quoted.double.css, string.quoted.single.css | #a7957c | — |
| keyword.other.unit | #929292 | — |
| punctuation.terminator.rule, punctuation.separator.key-value, punctuation.section.block.css | #727272 | — |
| constant.numeric.css, constant.other.color.rgb-value.hex.css | #798c63 | — |
| keyword.other.important | #8abf4e | — |
| markup.changed | #ababab | — |
| markup.deleted | #ababab | — |
| markup.italic | — | italic |
| markup.error | #ac2f2f | — |
| markup.inserted | #ababab | — |
| meta.link | #667a8a | — |
| markup.output, markup.raw | #a39b8f | — |
| markup.prompt | #a39b8f | — |
| markup.heading | #4c82b3 | — |
| markup.bold | — | bold |
| markup.traceback | #ac2f2f | — |
| markup.underline | — | underline |
| markup.quote | #798c63 | — |
| markup.list | #a39b8f | — |
| markup.bold, markup.italic | #ababab | — |
| markup.inline.raw | #a47f4b | |
| meta.diff.range, meta.diff.index, meta.separator | #a39b8f | — |
| meta.diff.header.from-file | #a39b8f | — |
| meta.diff.header.to-file | #a39b8f | — |