Batcave
Publisher: Mert DeveciThemes in package: 1
A dark theme inspired by the Batcomputer's iconic cyan glow. Deep cave darkness with tech-forward cyan accents.
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.activeBorder#00d9ff
- activityBar.background#06060a
- activityBar.border#1e1e2e
- activityBar.foreground#00d9ff
- activityBar.inactiveForeground#5a6a7a
- activityBarBadge.background#0a8a8a
- activityBarBadge.foreground#ffffff
- badge.background#0a8a8a
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#00d9ff
- breadcrumb.background#0a0a0f
- breadcrumb.focusForeground#c5d0e6
- breadcrumb.foreground#8892a2
- breadcrumbPicker.background#12121a
- button.background#0a8a8a
- button.foreground#ffffff
- button.hoverBackground#1a5c5c
- button.secondaryBackground#1a1a24
- button.secondaryForeground#c5d0e6
- button.secondaryHoverBackground#2d2d44
- charts.blue#00d9ff
- charts.foreground#c5d0e6
- charts.green#00ff88
- charts.lines#8892a2
- charts.orange#ff6666
- charts.purple#a855f7
- charts.red#ff3333
- charts.yellow#ffb000
- debugToolBar.background#12121a
- debugToolBar.border#1e1e2e
- descriptionForeground#8892a2
- diffEditor.insertedLineBackground#00ff8815
- diffEditor.insertedTextBackground#00ff8820
- diffEditor.removedLineBackground#ff333315
- diffEditor.removedTextBackground#ff333320
- diffEditorGutter.insertedLineBackground#00994d
- diffEditorGutter.removedLineBackground#991f1f
- dropdown.background#12121a
- dropdown.border#1e1e2e
- dropdown.foreground#c5d0e6
- dropdown.listBackground#12121a
- editor.background#0a0a0f
- editor.findMatchBackground#ffb00040
- editor.findMatchBorder#ffb000
- editor.findMatchHighlightBackground#ffb00025
- editor.foreground#c5d0e6
- editor.hoverHighlightBackground#1a5c5c30
- editor.inactiveSelectionBackground#0a8a8a40
- editor.lineHighlightBackground#12121a
- editor.lineHighlightBorder#1e1e2e
- editor.rangeHighlightBackground#1a5c5c20
- editor.selectionBackground#0a8a8a80
- editor.selectionHighlightBackground#0a8a8a40
- editor.wordHighlightBackground#1a5c5c40
- editor.wordHighlightStrongBackground#1a5c5c60
- editorBracketMatch.background#0a8a8a30
- editorBracketMatch.border#00d9ff
- editorCursor.background#06060a
- editorCursor.foreground#00d9ff
- editorError.foreground#ff3333
- editorGroup.border#1e1e2e
- editorGroup.dropBackground#0a8a8a30
- editorGroupHeader.noTabsBackground#0a0a0f
- editorGroupHeader.tabsBackground#06060a
- editorGroupHeader.tabsBorder#1e1e2e
- editorGutter.addedBackground#00ff88
- editorGutter.deletedBackground#ff3333
- editorGutter.modifiedBackground#ffb000
- editorHint.foreground#0a8a8a
- editorHoverWidget.background#12121a
- editorHoverWidget.border#1e1e2e
- editorIndentGuide.activeBackground#2d2d44
- editorIndentGuide.background#1e1e2e
- editorInfo.foreground#00d9ff
- editorLineNumber.activeForeground#8892a2
- editorLineNumber.foreground#3a4a5a
- editorOverviewRuler.border#1e1e2e
- editorOverviewRuler.errorForeground#ff3333
- editorOverviewRuler.findMatchForeground#ffb000
- editorOverviewRuler.infoForeground#00d9ff
- editorOverviewRuler.warningForeground#ffb000
- editorPane.background#0a0a0f
- editorRuler.foreground#1e1e2e
- editorSuggestWidget.background#12121a
- editorSuggestWidget.border#1e1e2e
- editorSuggestWidget.foreground#c5d0e6
- editorSuggestWidget.highlightForeground#00d9ff
- editorSuggestWidget.selectedBackground#0d3a3a
- editorWarning.foreground#ffb000
- editorWhitespace.foreground#2d2d44
- editorWidget.background#12121a
- editorWidget.border#1e1e2e
- editorWidget.foreground#c5d0e6
- errorForeground#ff3333
- focusBorder#0a8a8a
- foreground#c5d0e6
- gitDecoration.addedResourceForeground#00ff88
- gitDecoration.conflictingResourceForeground#ff3333
- gitDecoration.deletedResourceForeground#ff3333
- gitDecoration.ignoredResourceForeground#5a6a7a
- gitDecoration.modifiedResourceForeground#ffb000
- gitDecoration.renamedResourceForeground#00d9ff
- gitDecoration.submoduleResourceForeground#0a8a8a
- gitDecoration.untrackedResourceForeground#00ff88
- icon.foreground#8892a2
- input.background#12121a
- input.border#1e1e2e
- input.foreground#c5d0e6
- input.placeholderForeground#5a6a7a
- inputOption.activeBackground#0a8a8a
- inputOption.activeBorder#00d9ff
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#991f1f
- inputValidation.errorBorder#ff3333
- inputValidation.infoBackground#1a5c5c
- inputValidation.infoBorder#00d9ff
- inputValidation.warningBackground#996a00
- inputValidation.warningBorder#ffb000
- list.activeSelectionBackground#0d3a3a
- list.activeSelectionForeground#00d9ff
- list.errorForeground#ff3333
- list.focusBackground#0d3a3a
- list.focusForeground#00d9ff
- list.highlightForeground#00d9ff
- list.hoverBackground#1a1a24
- list.hoverForeground#c5d0e6
- list.inactiveSelectionBackground#1a1a24
- list.inactiveSelectionForeground#c5d0e6
- list.warningForeground#ffb000
- merge.border#1e1e2e
- merge.currentContentBackground#00994d20
- merge.currentHeaderBackground#00994d40
- merge.incomingContentBackground#00b8d920
- merge.incomingHeaderBackground#00b8d940
- minimap.background#0a0a0f
- minimap.errorHighlight#ff333380
- minimap.findMatchHighlight#ffb00080
- minimap.selectionHighlight#0a8a8a80
- minimap.warningHighlight#ffb00080
- minimapGutter.addedBackground#00ff88
- minimapGutter.deletedBackground#ff3333
- minimapGutter.modifiedBackground#ffb000
- minimapSlider.activeBackground#2d2d4480
- minimapSlider.background#2d2d4440
- minimapSlider.hoverBackground#2d2d4460
- notebook.cellBorderColor#1e1e2e
- notebook.cellEditorBackground#12121a
- notebook.editorBackground#0a0a0f
- notebook.focusedCellBorder#00d9ff
- notebook.focusedEditorBorder#00d9ff
- panel.background#0a0a0f
- panel.border#1e1e2e
- panelInput.border#1e1e2e
- panelSection.border#1e1e2e
- panelTitle.activeBorder#00d9ff
- panelTitle.activeForeground#c5d0e6
- panelTitle.inactiveForeground#5a6a7a
- peekView.border#00d9ff
- peekViewEditor.background#0a0a0f
- peekViewEditor.matchHighlightBackground#ffb00040
- peekViewEditorGutter.background#06060a
- peekViewResult.background#12121a
- peekViewResult.fileForeground#c5d0e6
- peekViewResult.lineForeground#8892a2
- peekViewResult.matchHighlightBackground#ffb00040
- peekViewResult.selectionBackground#0d3a3a
- peekViewResult.selectionForeground#00d9ff
- peekViewTitle.background#12121a
- peekViewTitleDescription.foreground#8892a2
- peekViewTitleLabel.foreground#00d9ff
- progressBar.background#00d9ff
- scrollbar.shadow#06060a
- scrollbarSlider.activeBackground#5a6a7a80
- scrollbarSlider.background#2d2d4480
- scrollbarSlider.hoverBackground#3a4a5a80
- selection.background#0a8a8a80
- settings.checkboxBackground#12121a
- settings.checkboxBorder#1e1e2e
- settings.checkboxForeground#c5d0e6
- settings.dropdownBackground#12121a
- settings.dropdownBorder#1e1e2e
- settings.dropdownForeground#c5d0e6
- settings.headerForeground#c5d0e6
- settings.modifiedItemIndicator#00d9ff
- settings.numberInputBackground#12121a
- settings.numberInputBorder#1e1e2e
- settings.numberInputForeground#c5d0e6
- settings.textInputBackground#12121a
- settings.textInputBorder#1e1e2e
- settings.textInputForeground#c5d0e6
- sideBar.background#0a0a0f
- sideBar.border#1e1e2e
- sideBar.foreground#8892a2
- sideBarSectionHeader.background#12121a
- sideBarSectionHeader.border#1e1e2e
- sideBarSectionHeader.foreground#c5d0e6
- sideBarTitle.foreground#c5d0e6
- statusBar.background#06060a
- statusBar.border#1e1e2e
- statusBar.debuggingBackground#991f1f
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#8892a2
- statusBar.noFolderBackground#12121a
- statusBar.noFolderForeground#8892a2
- statusBarItem.activeBackground#1a5c5c
- statusBarItem.errorBackground#991f1f
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#1a1a24
- statusBarItem.prominentBackground#0a8a8a
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#1a5c5c
- statusBarItem.remoteBackground#0a8a8a
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#996a00
- statusBarItem.warningForeground#ffffff
- tab.activeBackground#12121a
- tab.activeBorder#00d9ff
- tab.activeForeground#c5d0e6
- tab.border#1e1e2e
- tab.hoverBackground#1a1a24
- tab.inactiveBackground#06060a
- tab.inactiveForeground#5a6a7a
- tab.unfocusedActiveBackground#12121a
- tab.unfocusedActiveForeground#8892a2
- tab.unfocusedInactiveBackground#06060a
- tab.unfocusedInactiveForeground#5a6a7a
- terminal.ansiBlack#1a1a2e
- terminal.ansiBlue#00b8d9
- terminal.ansiBrightBlack#2d2d44
- terminal.ansiBrightBlue#00d9ff
- terminal.ansiBrightCyan#00d9d9
- terminal.ansiBrightGreen#66ffaa
- terminal.ansiBrightMagenta#c084fc
- terminal.ansiBrightRed#ff6666
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffcc00
- terminal.ansiCyan#0a8a8a
- terminal.ansiGreen#00ff88
- terminal.ansiMagenta#a855f7
- terminal.ansiRed#ff3333
- terminal.ansiWhite#c5d0e6
- terminal.ansiYellow#ffb000
- terminal.background#0a0a0f
- terminal.foreground#c5d0e6
- terminal.selectionBackground#0a8a8a80
- terminalCursor.background#06060a
- terminalCursor.foreground#00d9ff
- textBlockQuote.background#12121a
- textBlockQuote.border#0a8a8a
- textCodeBlock.background#12121a
- textLink.activeForeground#00d9ff
- textLink.foreground#00d9ff
- textPreformat.foreground#c5d0e6
- textSeparator.foreground#1e1e2e
- titleBar.activeBackground#06060a
- titleBar.activeForeground#c5d0e6
- titleBar.border#1e1e2e
- titleBar.inactiveBackground#06060a
- titleBar.inactiveForeground#5a6a7a
- tree.indentGuidesStroke#1e1e2e
- widget.shadow#06060a80
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5a6a7a | italic |
| string, string.quoted, string.template, string.quoted.docstring, string.quoted.docstring.multi, string.quoted.docstring.multi.python | #00ff88 | — |
| variable.language.self, variable.parameter.function.language.special.self, variable.language.special.self.python | #ff6666 | italic |
| variable.parameter.function.language.special.cls.python | #ff6666 | italic |
| source.python | #c5d0e6 | — |
| meta.item-access, meta.indexed-name | #c5d0e6 | — |
| constant.character.escape | #66ffaa | — |
| constant.numeric | #ffb000 | — |
| constant.language.boolean | #ffb000 | — |
| constant, constant.language, constant.other | #ffb000 | — |
| keyword, storage.type, storage.modifier | #a855f7 | — |
| keyword.control | #a855f7 | — |
| keyword.operator | #00b8d9 | — |
| entity.name.function, meta.function-call, support.function | #00d9ff | — |
| variable.parameter, meta.function.parameters | #c5d0e6 | italic |
| entity.name.function.member, meta.method-call | #00d9ff | — |
| entity.name.class, entity.name.type.class, support.class | #0a8a8a | — |
| entity.name.type, support.type, entity.name.type.interface | #0a8a8a | — |
| variable, variable.other, variable.other.readwrite, meta.member.access.python | #c5d0e6 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.attribute.python | #00b8d9 | — |
| support.function.builtin.python, support.type.python, support.function.magic.python | #00d9ff | — |
| support.function.magic.python, support.variable.magic.python | #00d9ff | — |
| meta.function-call.generic, meta.function-call.python | #00d9ff | — |
| variable.other.constant | #ffb000 | — |
| punctuation | #8892a2 | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #8892a2 | — |
| keyword.operator, punctuation.accessor | #00b8d9 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #ffb000 | — |
| entity.name.tag, support.class.component | #ff3333 | — |
| entity.other.attribute-name | #ffb000 | — |
| support.type.builtin, support.class.builtin | #0a8a8a | — |
| meta.import, keyword.control.import, keyword.control.from | #a855f7 | — |
| string.quoted.module | #00ff88 | — |
| entity.name.namespace, entity.name.module | #c5d0e6 | — |
| markup.heading, entity.name.section | #00d9ff | bold |
| markup.bold | #c5d0e6 | bold |
| markup.italic | #c5d0e6 | italic |
| markup.underline | — | underline |
| markup.underline.link, string.other.link | #00d9ff | — |
| markup.list, punctuation.definition.list | #ffb000 | — |
| markup.quote | #8892a2 | italic |
| markup.inline.raw, markup.fenced_code | #00ff88 | — |
| markup.inserted | #00ff88 | — |
| markup.deleted | #ff3333 | — |
| markup.changed | #ffb000 | — |
| support.type.property-name.json | #00b8d9 | — |
| entity.name.tag.yaml | #00b8d9 | — |
| support.type.property-name.css | #00b8d9 | — |
| support.constant.property-value.css | #c5d0e6 | — |
| keyword.other.unit.css | #ffb000 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #0a8a8a | — |
| string.regexp | #ff6666 | — |
| invalid, invalid.illegal | #ff3333 | — |
| invalid.deprecated | #ff6666 | strikethrough |