Bratteng Dark Old
Publisher: omBrattengThemes in package: 1
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#1d1f20
- activityBar.foreground#d7dae0
- activityBarBadge.background#4d78cc
- activityBarBadge.foreground#f81d1f20
- badge.background#1d1f20
- button.background#404754
- debugToolBar.background#1d1f20
- diffEditor.insertedTextBackground#00809b33
- dropdown.background#1d1f20
- dropdown.border#1d1f20
- editor.background#1d1f20
- editor.findMatchBackground#42557b
- editor.findMatchBorder#457dff
- editor.findMatchHighlightBackground#314365
- editor.foreground#abb2bf
- editor.lineHighlightBackground#2c313c
- editor.selectionBackground#67769660
- editor.selectionHighlightBackground#ffffff10
- editor.selectionHighlightBorder#dddddd
- editor.wordHighlightBackground#484e5b
- editor.wordHighlightBorder#7f848e
- editor.wordHighlightStrongBackground#abb2bf26
- editor.wordHighlightStrongBorder#7f848e
- editorBracketMatch.background#515a6b
- editorBracketMatch.border#515a6b
- editorCursor.background#ffffffc9
- editorCursor.foreground#528bff
- editorError.foreground#c24038
- editorGroup.border#181a1f
- editorGroup.emptyBackground#181a1f
- editorGroupHeader.tabsBackground#1d1f20
- editorHoverWidget.background#1d1f20
- editorHoverWidget.border#181a1f
- editorIndentGuide.activeBackground#c8c8c859
- editorIndentGuide.background#3b4048
- editorLineNumber.activeForeground#737984
- editorLineNumber.foreground#495162
- editorMarkerNavigation.background#1d1f20
- editorRuler.foreground#abb2bf26
- editorSuggestWidget.background#1d1f20
- editorSuggestWidget.border#181a1f
- editorSuggestWidget.selectedBackground#2c313a
- editorWhitespace.foreground#3b4048
- editorWidget.background#1d1f20
- focusBorder#464646
- input.background#333436
- list.activeSelectionBackground#2c313a
- list.activeSelectionForeground#d7dae0
- list.focusBackground#383e4a
- list.highlightForeground#c5c5c5
- list.hoverBackground#292d35
- list.inactiveSelectionBackground#2c313a
- list.inactiveSelectionForeground#d7dae0
- peekViewEditor.matchHighlightBackground#29244b
- scrollbarSlider.activeBackground#747d9180
- scrollbarSlider.background#4e566660
- scrollbarSlider.hoverBackground#5a637580
- settings.checkboxBackground#333436
- settings.checkboxBorder#333436
- settings.checkboxForeground#f0f0f0
- settings.dropdownBackground#333436
- settings.dropdownBorder#333436
- settings.dropdownForeground#f0f0f0
- settings.dropdownListBorder#454545
- settings.headerForeground#e7e7e7
- settings.modifiedItemIndicator#0c7d9d
- settings.numberInputBackground#333436
- settings.numberInputForeground#cccccc
- settings.textInputBackground#333436
- settings.textInputForeground#cccccc
- sideBar.background#1d1f20
- sideBarSectionHeader.background#1d1f20
- statusBar.background#1d1f20
- statusBar.debuggingBackground#7e0097
- statusBar.debuggingBorder#66017a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#1d1f20
- statusBarItem.hoverBackground#2c313a
- tab.activeBackground#1d1f20
- tab.activeBorder#d19a66
- tab.border#181a1f
- tab.hoverBackground#323842
- tab.inactiveBackground#1d1f20
- tab.unfocusedHoverBackground#323842
- terminal.ansiBlack#2d3139
- terminal.ansiBlue#61afef
- terminal.ansiBrightBlack#7f848e
- terminal.ansiBrightBlue#528bff
- terminal.ansiBrightCyan#56b6c2
- terminal.ansiBrightGreen#98c379
- terminal.ansiBrightMagenta#7e0097
- terminal.ansiBrightRed#f44747
- terminal.ansiBrightWhite#d7dae0
- terminal.ansiBrightYellow#e5c07b
- terminal.ansiCyan#56b6c2
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#c678dd
- terminal.ansiRed#e06c75
- terminal.ansiWhite#d7dae0
- terminal.ansiYellow#e5c07b
- terminal.foreground#c8c8c8
- textLink.foreground#61afef
- titleBar.activeBackground#1d1f20
- titleBar.activeForeground#9da5b4
- titleBar.inactiveBackground#1d1f20
- titleBar.inactiveForeground#6b717d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5C6370 | italic |
| string.quoted.docstring.multi.python, string.quoted.docstring.multi.python keyword.control.flow.python | #5C6370 | italic |
| meta.brace.round.begin, meta.brace.round.end, meta.brace.square.begin, meta.brace.square.end, meta.brace.curly.begin.js, meta.brace.curly.end.js, meta.group.braces.round.function.arguments | #ABB2BF | — |
| string | #98C379 | — |
| string.regexp | #98C379 | — |
| string.detected-link | #C678DD | — |
| constant.numeric, constant.language, markdown.python.constant.numeric, constant.boolean | #D19A66 | — |
| constant.character | #56B6C2 | — |
| constant.character.escape.backslash.regexp | #98C379 | — |
| constant.character.format.placeholder.other.python | #D19A66 | — |
| constant.other.key, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #56B6C2 | — |
| variable.other.object | #E06C75 | — |
| meta.property.object.js | #D19A66 | — |
| variable.other.class, meta.class.property variable.other.property | #E06C75 | — |
| variable.other, meta.class.object.property.js, meta.property.class variable.other.property.static | #D19A66 | — |
| variable.other.readwrite | #ABB2BF | — |
| meta.group.braces variable.other.readwrite | #ABB2BF | — |
| variable.language, meta.class variable.other.readwrite | #E06C75 | — |
| variable.language.prototype | #E06C75 | — |
| python.support.magic.variable | #E06C75 | — |
| variable.function, entity.name.function, entity.name.function.arrow, meta.class-method.js entity.name.function.js, meta.method.property.js entity.name.function.js, entity.name.type.instance | #61AFEF | italic |
| meta.function-call.generic.python | #61AFEF | — |
| meta.function.decorator.python | #56B6C2 | — |
| variable.function.constructor | #E5C07B | — |
| keyword.control, keyword.operator.new, keyword.operator.module, variable.language.super | #C678DD | — |
| keyword.control.module, keyword.control.import, keyword.control.as, keyword.control.from, keyword.control.export, keyword.control.default | #E5C07B | — |
| storage.type.function.arrow | #E5C07B | |
| storage.modifier.async | #C678DD | italic |
| punctuation.quasi.element.begin, punctuation.quasi.element.end | #C678DD | |
| meta.preprocessor, entity.name.function.preprocessor | #C678DD | — |
| entity.name.function.preprocessor | #E5C07B | — |
| meta.namespace.identifier entity.name.type, entity.name.variable | #E5C07B | — |
| cs.meta.namespace.function.identifier.body.class.method | #61AFEF | — |
| storage.type.cs, storage.type.variable.cs | #56B6C2 | — |
| keyword, keyword.other.namespace, storage.modifier | #C678DD | — |
| keyword.operator.logical.python | #C678DD | — |
| keyword.other.substitution.begin, keyword.other.substitution.end | #56B6C2 | — |
| keyword.operator.accessor | #ABB2BF | — |
| keyword.operator, constant.other.color, punctuation.separator.key-value | #56B6C2 | — |
| keyword.regexp, keyword.operator.quantifier.regexp, keyword.operator.or.regexp, keyword.control.anchor.regexp | #98C379 | — |
| python.keyword.operator | #56B6C2 | — |
| storage.type | #C678DD | italic |
| entity.name.class, meta.class.extends variable.other.readwrite | #E5C07B | |
| entity.other.inherited-class | #E5C07B | italic underline |
| variable.parameter | #ABB2BF | |
| variable.parameter.function.language.python | #D19A66 | |
| entity.name.tag | #E06C75 | — |
| entity.other.attribute-name.html, entity.other.attribute-name.js, entity.other.attribute-name.jsx | #D19A66 | italic |
| selector.css.entity.other.attribute-name | #E5C07B | — |
| support.function, support.class support.function | #56B6C2 | |
| python.builtin.support.function | #C678DD | |
| python.meta.function-call.builtin.support.function, python.meta.type.support.function-call, python.meta.variable.function-call.legacy.builtin | #E5C07B | |
| meta.type.support.inheritance.python | #56B6C2 | |
| entity.name.type.class.python | #E5C07B | — |
| support.constant | #D19A66 | italic |
| constant.length.units, constant.percentage.units, constant.time.units | #C678DD | italic |
| support.type, support.class, meta.type.annotation | #E5C07B | italic |
| support.other.variable | — | |
| css.property-list.property-name | #56B6C2 | |
| invalid | #FFFFFF | — |
| invalid.deprecated | #523D14 | — |
| meta.structure.dictionary.json support.type.property-name | #E06C75 | — |
| meta.structure.dictionary.json string.quoted.double.json | #98C379 | — |
| meta.structure.dictionary.json string.quoted.double.detected-link | #C678DD | — |
| markup.heading | #E06C75 | — |
| string.other.link.title.markdown, string.other.link.description.markdown, meta.paragraph.markdown entity.name.tag.inline.any | #61AFEF | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #C678DD | — |
| markup.bold.markdown | — | bold |
| markup.fenced_code.block.markdown, markup.fenced.code.block.markdown, markup.raw.inline.markdown, markdown.block.raw | #56B6C2 | — |
| markup.fenced_code.block.markdown fenced_code.block.language, markup.fenced.code.block.markdown fenced.code.block.language | #D19A66 | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.raw.markdown, meta.paragraph.markdown punctuation.definition.tag | #56B6C2 | — |
| markdown.fenced_code.block.markdown constant.numeric, markdown.fenced.code.block.markdown constant.numeric, markdown.fenced_code.block.markdown constant.language, markdown.fenced.code.block.markdown constant.language | #D19A66 | — |
| markdown.block.fenced.code.string, markdown.block.fenced.code.string.quote | #98C379 | — |
| markup.fenced_code.block.markdown keyword.operator, markup.fenced_code.block.markdown keyword.operator.logical.python, markup.fenced.code.block.markdown keyword.operator, markup.fenced_code.block.markdown keyword.control, markup.fenced.code.block.markdown keyword.control, markup.fenced_code.block.markdown storage.type, markup.fenced_code.block.markdown storage.type.function.lambda, markdown.block.fenced.code.lambda.storage.type | #61AFEF | — |
| markdown.block.fenced.code.operator.assignment | #ABB2BF | — |
| markdown.block.variable.parameter | #D19A66 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| jinja.statement.begin.sql, jinja.statement.end.sql | #61AFEF | — |
| jinja.expression.begin.sql, jinja.expression.end.sql | #61AFEF | — |
| jinja.keyword.control.sql | #E06C75 | — |
| jinja.object.sql | #E5C07B | — |
| jinja.operator.accessor.sql | #61AFEF | — |
| jinja.object.function.sql, jinja.object.property.sql, jinja.function.sql | #56B6C2 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |