theme-noir
Publisher: mekanoideThemes in package: 1
A dark and mostly black and white theme for Visual Studio Code
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#141414
- activityBar.border#202020
- activityBar.foreground#f2f2f2
- activityBar.inactiveForeground#323232
- activityBarBadge.background#A8A8A8
- activityBarBadge.foreground#141414
- breadcrumb.activeSelectionForeground#e8e8e8
- breadcrumb.background#141414
- button.background#A8A8A8
- button.foreground#141414
- button.secondaryBackground#686868
- button.secondaryForeground#141414
- editor.background#141414
- editor.foreground#A8A8A8
- editor.lineHighlightBackground#141414
- editor.lineHighlightBorder#c4c4c4
- editor.selectionBackground#68686868
- editorBracketHighlight.foreground1#686868
- editorBracketHighlight.foreground2#686868
- editorBracketHighlight.foreground3#686868
- editorBracketHighlight.foreground4#686868
- editorBracketHighlight.foreground5#686868
- editorBracketHighlight.foreground6#686868
- editorBracketHighlight.unexpectedBracket.foreground#686868
- editorCursor.background#f2f2f2
- editorCursor.foreground#f2f2f2
- editorError.foreground#d88080
- editorGroup.border#202020
- editorGroup.dropBackground#202020
- editorGroupHeader.border#202020
- editorGroupHeader.noTabsBackground#141414
- editorGroupHeader.tabsBackground#141414
- editorGroupHeader.tabsBorder#202020
- editorLineNumber.activeForeground#A8A8A8
- editorLineNumber.foreground#323232
- editorWarning.foreground#686868
- editorWidget.background#141414
- editorWidget.border#484848
- editorWidget.foreground#e8e8e8
- editorWidget.resizeBorder#EBDA47
- focusBorder#A8A8A8
- gitDecoration.addedResourceForeground#a1be7a
- gitDecoration.conflictingResourceForeground#b6aa4f
- gitDecoration.deletedResourceForeground#ad8d8d
- gitDecoration.ignoredResourceForeground#686868
- gitDecoration.modifiedResourceForeground#c0bca8
- gitDecoration.stageDeletedResourceForeground#EB8947
- gitDecoration.stageModifiedResourceForeground#C9D65A
- gitDecoration.submoduleResourceForeground#e8e8e8
- gitDecoration.untrackedResourceForeground#a69eb1
- input.background#141414
- input.border#484848
- input.foreground#A8A8A8
- input.placeholderForeground#686868
- list.activeSelectionBackground#C4C4C4
- list.activeSelectionForeground#141414
- list.activeSelectionIconForeground#141414
- list.deemphasizedForeground#484848
- list.errorForeground#ad8d8d
- list.hoverBackground#323232
- list.hoverForeground#e8e8e8
- list.inactiveSelectionBackground#323232
- list.inactiveSelectionForeground#e8e8e8
- list.inactiveSelectionIconForeground#e8e8e8
- list.warningForeground#c0bca8
- menu.background#141414
- menu.border#2eb94c
- menu.foreground#e8e8e8
- menu.selectionBackground#2eb94c
- menu.selectionBorder#2eb94c
- menu.selectionForeground#e8e8e8
- menu.separatorBackground#2eb94c
- progressBar.background#A8A8A8
- selection.background#A8A8A8
- sideBar.background#141414
- sideBar.border#202020
- sideBar.foreground#888888
- sideBarSectionHeader.background#141414
- sideBarSectionHeader.border#202020
- sideBarTitle.foreground#888888
- statusBar.background#141414
- statusBar.border#202020
- statusBar.debuggingBackground#e4c690
- statusBar.debuggingForeground#141414
- statusBar.foreground#888888
- statusBar.noFolderBackground#141414
- tab.activeBorder#f2f2f2
- tab.activeForeground#A8A8A8
- tab.border#202020
- tab.inactiveBackground#141414
- tab.inactiveForeground#686868
- textLink.foreground#86bba3
- titleBar.activeBackground#141414
- titleBar.activeForeground#888888
- titleBar.border#202020
- titleBar.inactiveBackground#141414
- tree.indentGuidesStroke#484848
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #484848 | |
| storage.type, storage.modifier, support.type.primitive.ts | #686868 | italic |
| variable, string constant.other.placeholder | #DADADA | — |
| punctuation.separator.key-value, keyword.operator.assignment | #888888 | — |
| entity.name.function, entity.name.tag, support.class.component.html | #F2F2F2 | — |
| punctuation, punctuation.definition.tag, punctuation.definition.typeparameters.begin, meta.brace.round, meta.function-call punctuation, punctuation.definition.arguments, punctuation.definition.entity, punctuation.definition.type, punctuation.section.scope, string.template meta.brace | #686868 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #686868 | italic |
| string | #ad8d8d | — |
| meta.attribute.class.html string, text.html.derivative | #A8A8A8 | — |
| keyword.control | #C4C4C4 | — |
| support.variable.property.ts, variable.other.property, variable.other.object.property, variable.other.property, variable.other.object.property, variable.other.constant.property | #888888 | — |
| constant, meta.parameters.ts, entity.name.type | #C4C4C4 | — |
| support.type.property-name.json.comments, string.json | #C4C4C4 | — |
| string.quoted.double.json, string.quoted.single.json | #989898 | — |
| meta.property-value.css, entity.other.attribute-name.value.css, meta.at-rule.apply.tailwind, meta.at-rule.layer.body.tailwind | #c4c4c4 | — |
| meta.selector.css, entity.name.tag.css, variable.parameter.keyframe-list.css | #DFDFDF | — |
| entity.other.attribute-name.pseudo-class.css | #A8A8A8 | — |
| meta.property-name.css | #888888 | — |
| meta.function.variable.css | #888888 | — |
| variable.argument.css, entity.other.keyframe-offset.css | #f2f2f2 | — |
| string.other.link.title.markdown, string.other.link.markdown | #98e824 | — |
| markup.heading.markdown | #e8e8e8 | bold |
| markup.fenced_code.block.markdown | #888888 | — |
| keyword.operator.type.annotation | #686868 | — |