Black Frieza
Publisher: Dylan Di FilippoThemes in package: 2
A balanced dark theme — neither too light nor too dark. Saturated syntax colors with matte khaki-and-violet accents.
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#37393b
- activityBar.border#4e5052
- activityBar.foreground#e4e4e4
- activityBar.inactiveForeground#ffffff6f
- activityBarBadge.background#a37acc
- activityBarBadge.foreground#ffffff
- badge.background#a37acc
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#c4c8d0
- button.background#54575c
- button.foreground#ffffff
- button.hoverBackground#64676d
- descriptionForeground#acb0be
- diffEditor.insertedTextBackground#7a8a4a30
- diffEditor.removedTextBackground#a6291130
- dropdown.background#37393b
- dropdown.border#4e5052
- dropdown.foreground#e4e4e4
- editor.background#2b2b2d
- editor.findMatchBackground#9e7328aa
- editor.findMatchHighlightBackground#9e732855
- editor.foreground#e4e4e4
- editor.inactiveSelectionBackground#91d1ed1a
- editor.lineHighlightBackground#ffffff08
- editor.placeholder.foreground#9aa0a6
- editor.selectionBackground#91d1ed2e
- editor.wordHighlightBackground#719aad3f
- editor.wordHighlightStrongBackground#ffdd801f
- editorBracketHighlight.foreground1#fcd247
- editorBracketHighlight.foreground2#d291e0
- editorBracketHighlight.foreground3#6cb6ff
- editorBracketHighlight.foreground4#fcd247
- editorBracketHighlight.foreground5#d291e0
- editorBracketHighlight.foreground6#6cb6ff
- editorBracketMatch.background#fcd24726
- editorBracketMatch.border#fcd24780
- editorCursor.foreground#b9dded
- editorError.foreground#ff5555
- editorGhostText.foreground#8a8f98
- editorGroupHeader.tabsBackground#2b2b2d
- editorGutter.addedBackground#a9b665
- editorGutter.deletedBackground#ff5555
- editorGutter.modifiedBackground#ffb86c
- editorHint.foreground#8be9fd
- editorHoverWidget.background#37393b
- editorHoverWidget.border#4e5052
- editorIndentGuide.activeBackground1#ffffff30
- editorIndentGuide.background1#ffffff10
- editorInfo.foreground#2880ed
- editorInlayHint.background#ffffff08
- editorInlayHint.foreground#7a7a7a
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#676975
- editorSuggestWidget.background#37393b
- editorSuggestWidget.border#4e5052
- editorSuggestWidget.selectedBackground#ffffff1f
- editorWarning.foreground#e6df1e
- editorWhitespace.foreground#ffffff20
- editorWidget.background#37393b
- editorWidget.border#4e5052
- errorForeground#ff5555
- focusBorder#f9f9f928
- foreground#e8e8e8
- gitDecoration.conflictingResourceForeground#ffb86c
- gitDecoration.deletedResourceForeground#ff5555
- gitDecoration.ignoredResourceForeground#ffffff6f
- gitDecoration.modifiedResourceForeground#ffb86c
- gitDecoration.untrackedResourceForeground#a9b665
- input.background#2b2b2d
- input.border#4e5052
- input.foreground#e4e4e4
- input.placeholderForeground#acb0be
- list.activeSelectionBackground#ffffff20
- list.activeSelectionForeground#ffffff
- list.focusBackground#85a7ff2a
- list.highlightForeground#fcd247
- list.hoverBackground#ffffff0f
- list.inactiveSelectionBackground#ffffff14
- menu.background#37393b
- menu.foreground#e4e4e4
- menu.selectionBackground#ffffff20
- minimap.findMatchHighlight#9e7328aa
- minimap.selectionHighlight#91d1ed4f
- notificationCenterHeader.background#37393b
- notifications.background#37393b
- notifications.foreground#e4e4e4
- panel.background#37393b
- panel.border#4e5052
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#c4c8d0
- peekView.border#4e5052
- peekViewEditor.background#2b2b2d
- peekViewResult.background#37393b
- peekViewTitle.background#37393b
- pickerGroup.foreground#a37acc
- progressBar.background#a37acc
- quickInput.background#37393b
- quickInput.foreground#e4e4e4
- scrollbarSlider.activeBackground#ffffff5b
- scrollbarSlider.background#ffffff0f
- scrollbarSlider.hoverBackground#ffffff5b
- selection.background#91d1ed3f
- sideBar.background#37393b
- sideBar.border#4e5052
- sideBar.foreground#ffffff
- sideBarSectionHeader.background#37393b
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#ffffff
- statusBar.background#37393b
- statusBar.border#4e5052
- statusBar.debuggingBackground#b36822
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#e8e8e8
- statusBar.noFolderBackground#37393b
- tab.activeBackground#2b2b2d
- tab.activeBorderTop#b9dded80
- tab.activeForeground#ffffff
- tab.border#2b2b2d
- tab.inactiveBackground#2b2b2d
- tab.inactiveForeground#c4c8d0
- terminal.ansiBlack#45474a
- terminal.ansiBlue#6cb6ff
- terminal.ansiBrightBlack#787c85
- terminal.ansiBrightBlue#8fc7ff
- terminal.ansiBrightCyan#7ddcde
- terminal.ansiBrightGreen#83e8ab
- terminal.ansiBrightMagenta#e8a7f0
- terminal.ansiBrightRed#ff8a87
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd97a
- terminal.ansiCyan#56c8c5
- terminal.ansiGreen#5fd68b
- terminal.ansiMagenta#d48ae0
- terminal.ansiRed#ff6b68
- terminal.ansiWhite#d8d8d8
- terminal.ansiYellow#f2c55c
- terminal.background#37393b
- terminal.foreground#e8e8e8
- terminalCursor.foreground#b9dded
- textLink.activeForeground#bd97e8
- textLink.foreground#a37acc
- titleBar.activeBackground#37393b
- titleBar.activeForeground#e4e4e4
- titleBar.border#4e5052
- titleBar.inactiveBackground#37393b
- titleBar.inactiveForeground#acb0be
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8a8f98 | — |
| comment.block.documentation, comment.block.documentation punctuation | #87a06a | — |
| string, punctuation.definition.string | #8fd177 | — |
| constant.character.escape | #d6a95e | — |
| string.regexp | #7cb7ff | — |
| punctuation.definition.template-expression | #ffb86c | — |
| constant.numeric, keyword.other.unit | #7fb3ff | — |
| constant.language, support.constant, variable.other.constant | #a88aff | — |
| keyword, keyword.control, storage.type, storage.modifier | #ff7832 | — |
| keyword.operator | #6fc8a0 | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #ffc66d | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class | #54d1e0 | — |
| entity.name.type.enum | #4ecfb8 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, support.type.property-name.json | #d291e0 | — |
| variable, meta.definition.variable.name | #e8e8e8 | — |
| variable.language | #cf9ff0 | — |
| variable.parameter | #f0a967 | italic |
| entity.name.tag | #ffc66d | — |
| entity.other.attribute-name | #6fc3d4 | — |
| punctuation | #9a9a9a | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #ffc66d | — |
| support.type.property-name.css | #d291e0 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #6fc3d4 | — |
| entity.name.label | #6fc3d4 | — |
| markup.heading, entity.name.section | #ffc66d | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.underline.link, string.other.link | #6cb6ff | — |
| markup.inline.raw, markup.fenced_code.block | #8fd177 | — |
| markup.inserted | #a9b665 | — |
| markup.deleted | #ff5555 | — |
| markup.changed | #ffb86c | — |
| invalid | #ff5555 | — |