bnw-colors
Publisher: BlaccorekThemes in package: 1
VSCode mixed theme with subtle syntax color to stay focused.
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#131316
- button.background#536b78
- button.secondaryBackground#1C1C21
- dart.closingLabels#A1A598
- descriptionForeground#495057
- disabledForeground#6C757D
- dropdown.background#2F3037
- dropdown.foreground#FFFFFF
- editor.background#F5F5F5
- editor.findMatchBackground#3fcc8599
- editor.findMatchHighlightBackground#96cdb299
- editor.foreground#495057
- editor.lineHighlightBackground#CED4DA55
- editor.lineHighlightBorder#CED4DA
- editor.selectionBackground#b7e4c7
- editor.wordHighlightBackground#11111111
- editor.wordHighlightStrongBackground#6C757D50
- editorBracketHighlight.foreground1#000000
- editorBracketHighlight.foreground2#222222
- editorBracketHighlight.foreground3#555555
- editorBracketHighlight.foreground4#777777
- editorBracketHighlight.foreground5#AAAAAA
- editorBracketHighlight.foreground6#ff7d00
- editorBracketHighlight.unexpectedBracket.foreground#ff0000
- editorBracketMatch.background#00000000
- editorBracketMatch.border#62929e
- editorCursor.foreground#52b788
- editorGroup.emptyBackground#18181C
- editorGroupHeader.tabsBackground#131316
- editorIndentGuide.activeBackground1#00000033
- editorIndentGuide.background1#99999922
- editorInfo.foreground#62929e
- editorLineNumber.activeForeground#000000
- editorLink.activeForeground#58a4b0
- editorWidget.background#DEE2E6
- errorForeground#A0001C
- focusBorder#495057
- foreground#6C757D
- gitDecoration.ignoredResourceForeground#495057
- gitDecoration.modifiedResourceForeground#62929e
- gitlens.trailingLineForegroundColor#ADB5BD
- icon.foreground#495057
- input.background#2F3037
- input.foreground#ffffff
- input.placeholderForeground#ADB5BD
- keybindingLabel.foreground#000000
- list.activeSelectionBackground#18181C
- list.activeSelectionForeground#ffffff
- list.focusAndSelectionOutline#18181C
- list.hoverBackground#00000033
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#ffffff11
- notificationCenterHeader.background#131316
- notifications.background#1C1C21
- notifications.foreground#536b78
- panel.background#1C1C21
- panel.border#131316
- panelSectionHeader.background#2F3037
- panelTitle.activeForeground#ADB5BD
- panelTitle.inactiveForeground#6C757D
- peekViewEditor.background#ffffff
- sash.hoverBorder#adb5bd
- selection.background#000000
- settings.dropdownBackground#ADB5BD
- settings.dropdownForeground#000000
- settings.focusedRowBackground#DEE2E6
- settings.focusedRowBorder#DEE2E6
- settings.headerForeground#000000
- settings.modifiedItemIndicator#161a1d
- settings.numberInputBackground#ADB5BD
- settings.numberInputForeground#000000
- settings.rowHoverBackground#00225511
- settings.textInputBackground#ADB5BD
- settings.textInputForeground#000000
- sideBar.background#1C1C21
- sideBar.border#1C1C21
- sideBar.dropBackground#495057
- sideBar.foreground#6C757D
- statusBar.background#1C1C21
- statusBar.noFolderBackground#1C1C21
- statusBarItem.remoteBackground#131316
- tab.activeBackground#1C1C21
- tab.activeBorderTop#E9ECEF
- tab.hoverBackground#000000
- tab.inactiveBackground#131316
- terminal.background#131316
- textLink.activeForeground#58a4b0
- textLink.foreground#62929e
- widget.border#1C1C21
- widget.shadow#131316
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment.unused.elixir | #595959 | — |
| comment, punctuation.definition.comment, comment.block.documentation punctuation.definition, string.comment, comment.block.documentation, comment.block, dart.closingLabels, comment.unused.elixir | #B0B3B8 | italic |
| entity.name.type, support.type, storage.type | #6C7A89 | — |
| markup.italic, punctuation.definition.italic, comment, punctuation.definition.comment, string.comment, comment.block.documentation, comment.block, keyword, keyword.operator.type.asserts, keyword.operator.expression, keyword.operator.new, variable.language, markup.quote, markup.inserted, markup.deleted, markup.changed, storage, constant.language, entity.name.class, entity.other.attribute-name | — | italic |
| keyword.operator, keyword.other.unit, support.type.property-name, keyword.other.special-method, entity.name.tag, entity.name.type.ts | — | |
| comment.block.documentation variable, keyword.other.documentation, storage.type.class.jsdoc, comment.block variable.parameter, keyword.other.phpdoc, comment.block.documentation entity.name.type, meta.other.type.phpdoc support class | #727378 | — |
| punctuation.comma, punctuation.comma.graphql, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.function, punctuation.brace, punctuation.terminator.statement, punctuation.delimiter.object.comma, punctuation.definition.entity, punctuation.definition, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.separator.key-value, punctuation.separator.dictionary, punctuation.terminator, punctuation.delimiter.comma, punctuation.separator.comma, punctuation.accessor, punctuation.separator.array, punctuation.section, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly, punctuation.separator.statement, punctuation.separator.parameter, punctuation.section.array.elixir, punctuation.separator.object.elixir, punctuation.section.embedded.elixir, punctuation.section.function.elixir, punctuation.section.scope.elixir, punctuation.section.embedded, meta.brace.round, meta.brace.square, meta.brace.curly, constant.name.attribute.tag.pug, punctuation.section.embedded, punctuation.separator.method, punctuation.separator, punctuation.other.comma, punctuation.bracket, keyword.control.ternary, string.interpolated.pug, support.function.interpolation.sass, punctuation.operation.graphql, punctuation.colon.graphql | #111111 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.bracket, punctuation.comma.graphql, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.function, punctuation.brace, punctuation.terminator.statement, punctuation.delimiter.object.comma, punctuation.definition.entity, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.separator.key-value, punctuation.separator.dictionary, punctuation.terminator, punctuation.delimiter.comma, punctuation.separator.comma, punctuation.accessor, punctuation.separator.array, punctuation.section, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly, punctuation.separator.statement, punctuation.separator.parameter, punctuation.section.array.elixir, punctuation.separator.object.elixir, punctuation.section.embedded.elixir, punctuation.section.function.elixir, punctuation.section.scope.elixir, punctuation.section.embedded, meta.brace.round, meta.brace.square, meta.brace.curly, constant.name.attribute.tag.pug, punctuation.section.embedded, punctuation.separator.method, punctuation.separator, punctuation.other.comma, punctuation.bracket, keyword.control.ternary, string.interpolated.pug, support.function.interpolation.sass, punctuation.parenthesis.begin, punctuation.parenthesis.end, punctuation.operation.graphql, punctuation.colon.graphql, keyword.operator.namespace.rust, keyword.operator.access.dot | #B0B3B8 | — |
| keyword.operator, operator | #181C22 | — |
| variable, variable.other | #5A5F66 | — |
| storage.type.class, storage.modifier.abstract.java, storage.modifier, storage.modifier.java, storage.modifier.ts, storage.modifier.cs, storage.modifier.kotlin, storage.modifier.cpp, storage.modifier.csharp, storage.modifier.other, storage.type.modifier, storage.type.modifier.java, storage.type.modifier.ts, storage.type.modifier.cs, storage.type.modifier.kotlin, storage.type.modifier.cpp, storage.type.modifier.csharp, storage.type.modifier.other, keyword.other.rust | #A3B8C8 | bold italic |
| punctuation.definition.typeparameters.begin.java, punctuation.definition.typeparameters.end.java | #161a1d | — |
| keyword.declaration.extends.java, keyword.declaration.implements.java | #5A6A8A | — |
| variable, source.elixir.embedded.source, string source.groovy, string.meta.embedded.line.ruby, meta.function-call.java | #5A5F66 | — |
| entity.name.function, entity.name.function, meta.function-call entity.name.function, meta.function-call, meta.function.declaration entity.name.function, meta.method-call entity.name.function, meta.method-call, meta.method.declaration entity.name.function, meta.require, support.function.any-method, variable.function | #2B3A4B | — |
| meta.class.instance, meta.class.inheritance, entity.name.class, entity.name.type.class, entity.name.type.enum, entity.name.class, entity.name.type.interface, entity.other.inherited-class, variable.other.constant.elixir, storage.type.haskell, storage.type.generic, support.type.graphql, support.type.enum.graphql | #181C22 | — |
| keyword.other.special-method | #161a1d | — |
| storage, constant.language | #5A6A8A | — |
| support.function | #161a1d | — |
| string, punctuation.definition.string, support.constant.property-value, string.quoted.double.shell, support.function.variable.quoted.single.elixir, storage.type.string | #6C6F76 | |
| constant.numeric, variable.other.anonymous.elixir | #6C7A89 | — |
| none | #404E7C | — |
| none | #7A8A99 | — |
| constant, constant.language, constant.numeric, variable.other.constant, constant.other.symbol, constant.language.symbol, support.constant, support.variable.magic.python, variable.other.enummember | #7A8A99 | bold |
| entity.name.tag, punctuation.definition.tag | #6A7A89 | — |
| entity.other.attribute-name, string.unquoted.alias.graphql | #5C6773 | — |
| meta.selector | #6A6B70 | — |
| none | #404E7C | — |
| markup.heading, punctuation.definition.heading, entity.name.section, markup.heading.setext | #20424A | |
| keyword.other.unit | #20424A | — |
| markup.bold, punctuation.definition.bold | #577590 | bold |
| markup.italic | #df631c | — |
| markup.strikethrough, punctuation.definition.strikethrough | #a1a598 | strikethrough |
| markup.strikethrough markup.italic, markup.strikethrough markup.italic punctuation.definition.italic | #a1a598 | italic strikethrough |
| markup.strikethrough markup.bold, markup.strikethrough markup.bold punctuation.definition.bold | #a1a598 | bold strikethrough |
| markup.raw.inline | #2f2504 | — |
| string.other.link | #58a4b0 | — |
| meta.link | #62929e | — |
| beginning.punctuation.definition.list | #065a60 | — |
| markup.quote | #6a3a00 | — |
| meta.separator | #595959 | — |
| markup.inserted | #161a1d | — |
| markup.deleted | #577590 | — |
| markup.changed | #62929e | — |
| string.regexp | #065a60 | — |
| constant.character.escape, constant.other.character-class | #df631c | — |
| variable.interpolation | #62929e | — |
| invalid | #ff0000 | — |
| keyword.operator.new | #62929e | — |
| entity.other.attribute-name.id | #577590 | — |
| meta.function-call.arguments | #5e6572 | — |
| meta.object-literal.key, meta.object.member, variable.other.property, variable.other.object.property, support.variable.property, variable.object.property, support.type.property-name, meta.property-name, entity.name.tag.yaml, constant.other.key, constant.other.object.key.js, string.unquoted.label.js, support.type.map.key, variable.graphql | #505050 | — |
| markup.inline.raw, markup.fenced_code.block, markup.raw.block | #065a60 | — |
| markup.underline.link.image | #6b9080 | — |
| variable.parameter, parameter.variable.function.elixir, variable.other.block.ruby | #5c4d3c | — |
| support.type.primitive, support.type.builtin | #44656d | — |
| string.interpolated.dollar.shell | #577590 | — |
| string.other.math.shell | #43AA8B | — |
| punctuation.definition.string.begin.shell, punctuation.definition.string.end.shell | #6A6B70 | — |
| keyword.control.import, keyword.other.import, meta.import keyword | #B0B3B8 | italic |
| entity.name.namespace.import.java, entity.name.namespace.import.python, entity.name.namespace.import.ts, entity.name.namespace.import.js, entity.name.namespace.import | #A3B8C8 | italic |
| variable, variable.other, variable.other.readwrite, variable.other.assignment, variable.other.local, variable.other.member, variable.other.property | #5A5F66 | — |
| constant.language.null, constant.language.undefined, string.regexp, constant.language.nan, constant.language.infinity, keyword.operator.borrow, keyword.operator.optional | #912d2d | bold |
| constant.language.null | — | bold italic |
| constant.language.undefined | — | bold underline |
| variable.language.this, variable.language.self | — | bold italic |
| variable.parameter, meta.function.parameters variable | #5c4d3c | bold |
| entity.name.type.parameter, meta.type.parameters, keyword.operator.dereference | #62929e | italic |
| entity.name.function.macro, support.function.macro | #065a60 | — |
| storage.type.function, keyword.other.fn | #7A8A99 | italic |