Blackberry Theme
Publisher: gustavostaThemes in package: 2
A beautiful theme for VSCode
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#0b0a10
- activityBar.dropBackground#b1a5b180
- activityBar.foreground#c2c1c2B3
- activityBarBadge.background#da4a72
- activityBarBadge.foreground#0e0410
- badge.background#393451
- badge.foreground#c2c1c2
- breadcrumbPicker.background#201d2f
- button.background#393451
- debugToolBar.background#0b0a10
- diffEditor.insertedTextBackground#00f4901A
- diffEditor.removedTextBackground#ff39621A
- dropdown.background#201d2f
- dropdown.listBackground#393451
- editor.background#0b0a10
- editor.findMatchBackground#b1a5b180
- editor.findMatchHighlightBackground#b1a5b14D
- editor.findRangeHighlightBackground#b1a5b11A
- editor.hoverHighlightBackground#b1a5b14D
- editor.lineHighlightBackground#3934514D
- editor.rangeHighlightBackground#39345180
- editor.selectionBackground#393451B3
- editor.selectionHighlightBackground#b1a5b14D
- editor.wordHighlightBackground#b1a5b180
- editor.wordHighlightStrongBackground#b1a5b180
- editorBracketMatch.background#b1a5b180
- editorBracketMatch.border#b1a5b100
- editorCodeLens.foreground#b1a5b180
- editorCursor.background#0b0a10
- editorCursor.foreground#da4a72
- editorError.foreground#ff3962
- editorGroup.border#140c16
- editorGroup.dropBackground#b1a5b14D
- editorGroupHeader.tabsBackground#0b0a10
- editorGutter.addedBackground#00f490B3
- editorGutter.deletedBackground#ff3962B3
- editorGutter.modifiedBackground#2cb8caB3
- editorIndentGuide.activeBackground#393451
- editorIndentGuide.background#39345180
- editorLineNumber.activeForeground#c2c1c280
- editorLineNumber.foreground#c2c1c21A
- editorOverviewRuler.addedForeground#00f49080
- editorOverviewRuler.border#393451B3
- editorOverviewRuler.bracketMatchForeground#c2c1c280
- editorOverviewRuler.deletedForeground#ff396280
- editorOverviewRuler.errorForeground#ff3962E6
- editorOverviewRuler.findMatchForeground#b1a5b1
- editorOverviewRuler.modifiedForeground#2cb8ca80
- editorOverviewRuler.warningForeground#ffe29580
- editorRuler.foreground#b1a5b14D
- editorSuggestWidget.highlightForeground#da4a72
- editorWarning.foreground#ffe295B3
- editorWidget.background#201d2f
- editorWidget.border#201d2f
- errorForeground#ff3962
- extensionButton.prominentBackground#da4a72
- extensionButton.prominentHoverBackground#e6839f
- focusBorder#140c16
- foreground#c2c1c2
- gitDecoration.addedResourceForeground#ffe295B3
- gitDecoration.deletedResourceForeground#ff3962
- gitDecoration.ignoredResourceForeground#c2c1c24D
- gitDecoration.modifiedResourceForeground#ffa884
- gitDecoration.untrackedResourceForeground#ffe295
- input.background#393451
- inputOption.activeBorder#e6839f80
- inputValidation.errorBackground#ff396280
- inputValidation.errorBorder#ff396200
- list.activeSelectionBackground#39345180
- list.activeSelectionForeground#c2c1c2
- list.dropBackground#b1a5b180
- list.errorForeground#ff3962E6
- list.focusBackground#39345180
- list.focusForeground#c2c1c2
- list.highlightForeground#da4a72
- list.hoverBackground#39345180
- list.hoverForeground#c2c1c2
- list.inactiveFocusBackground#39345180
- list.inactiveSelectionBackground#3934514D
- list.inactiveSelectionForeground#c2c1c2
- list.warningForeground#ffe295B3
- panelTitle.activeBorder#da4a72
- peekView.border#140c16
- peekViewEditor.background#201d2f
- peekViewEditor.matchHighlightBackground#b1a5b180
- peekViewResult.background#201d2f
- peekViewResult.matchHighlightBackground#b1a5b180
- peekViewResult.selectionBackground#39345180
- peekViewTitle.background#201d2f
- pickerGroup.foreground#da4a72E6
- progressBar.background#da4a72
- scrollbar.shadow#0d010a
- scrollbarSlider.activeBackground#b1a5b180
- scrollbarSlider.background#b1a5b11A
- scrollbarSlider.hoverBackground#b1a5b14D
- selection.background#b1a5b180
- sideBar.background#0b0a10
- sideBar.dropBackground#b1a5b14D
- sideBar.foreground#c2c1c280
- sideBarSectionHeader.background#0b0a10
- sideBarSectionHeader.foreground#c2c1c2B3
- statusBar.background#0b0a10
- statusBar.debuggingBackground#ffa884
- statusBar.debuggingForeground#0e0410
- statusBar.foreground#c2c1c280
- statusBar.noFolderBackground#0b0a10
- statusBarItem.hoverBackground#393451
- statusBarItem.prominentBackground#393451
- statusBarItem.prominentHoverBackground#b1a5b1
- tab.activeBorder#da4a72
- tab.border#0b0a1000
- tab.inactiveBackground#0b0a10
- terminal.ansiBlue#00cbde
- terminal.ansiBrightBlue#0aeaff
- terminal.ansiBrightCyan#78f9ff
- terminal.ansiBrightGreen#79e39d
- terminal.ansiBrightMagenta#e982c4
- terminal.ansiBrightRed#f07f8e
- terminal.ansiBrightYellow#ffdb9c
- terminal.ansiCyan#55f8ff
- terminal.ansiGreen#4fda7f
- terminal.ansiMagenta#e155ae
- terminal.ansiRed#ea485e
- terminal.ansiYellow#ffcf7c
- terminal.foreground#c2c1c2
- terminal.selectionBackground#b1a5b14D
- terminalCursor.background#c2c1c2
- terminalCursor.foreground#b1a5b180
- textLink.activeForeground#e6839f
- textLink.foreground#da4a72
- titleBar.activeBackground#0b0a10
- titleBar.inactiveBackground#0b0a10
- walkThrough.embeddedEditorBackground#201d2f
- widget.shadow#0d010a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #c3b9be4D | italic |
| constant | #ff917cE6 | — |
| constant.character.escape | #2db5c7E6 | — |
| entity.name | #ffc77dE6 | — |
| entity.name.function | #2db5c7E6 | — |
| entity.name.tag | #ef5a82E6 | normal |
| entity.name.type, storage.type.cs | #ffc77dE6 | — |
| entity.other.attribute-name | #ff917cE6 | normal |
| entity.other.inherited-class | #fbb7a3E6 | — |
| entity.other.attribute-name.id | #2db5c7E6 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #fbb7a3E6 | — |
| entity.name.variable, variable | #ef5a82E6 | — |
| keyword | #c16dbcE6 | normal |
| keyword.operator | #c3b9be | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete | #c16dbcE6 | — |
| keyword.other.unit | #ff917cE6 | — |
| markup.quote | #fbb7a3B3 | italic |
| markup.heading, entity.name.section | #ef5a82E6 | — |
| markup.bold | #c16dbcE6 | bold |
| markup.italic | #2db5c7E6 | italic |
| markup.inline.raw, markup.fenced_code.block | #ff917cE6 | — |
| markup.underline.link | #fbb7a3E6 | — |
| storage | #c16dbcE6 | normal |
| string.quoted, string.template | #fbb7a3E6 | — |
| string.regexp | #ff917cE6 | — |
| string.other.link | #ff917cE6 | — |
| support | #ffc77dE6 | — |
| support.function | #2db5c7E6 | — |
| support.variable | #ef5a82E6 | — |
| support.type.property-name, meta.object-literal.key | #ef5a82E6 | — |
| support.type.property-name.css | #c3b9be | — |
| variable.language | #ffc77dE6 | italic |
| variable.parameter | — | italic |
| string.template meta.embedded | #c3b9be | — |
| punctuation.definition.tag | #ef5a82B3 | normal |
| punctuation.separator | #c3b9be | — |
| punctuation.definition.template-expression | #c16dbcE6 | — |
| punctuation.section.embedded | #c16dbcE6 | — |
| punctuation.definition.list | #ff917cE6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...