Batsignal
Publisher: tamaguiThemes in package: 2
A color theme for bats
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#fff
- activityBar.border#0000
- activityBar.foreground#bec9d3
- activityBarBadge.background#000
- activityBarBadge.foreground#fff
- badge.background#000
- badge.foreground#fff
- button.background#5a5a5a
- button.foreground#fff
- contrastBorder#0000
- debugToolBar.background#f4f6fc
- diffEditor.insertedTextBackground#00ff6819
- diffEditor.removedTextBackground#ff003219
- dropdown.background#f4f6fc
- dropdown.border#e7ecf2
- dropdown.foreground#000
- editor.background#fff
- editor.findMatchBackground#ffca0099
- editor.findMatchHighlightBackground#ffca004c
- editor.focusedStackFrameHighlightBackground#f909
- editor.foreground#000
- editor.lineHighlightBackground#ffff002f
- editor.lineHighlightBorder#0000
- editor.selectionBackground#e4f0c099
- editor.selectionForeground#fff
- editor.selectionHighlightBorder#0000
- editor.stackFrameHighlightBackground#ffff0051
- editor.wordHighlightBackground#7f7f7f26
- editor.wordHighlightStrongBackground#e4f0c099
- editorBracketMatch.background#e4f0c099
- editorBracketMatch.border#0000
- editorCursor.foreground#5a5a5a
- editorError.foreground#ff0032
- editorGroup.border#f4f6fc
- editorGroupHeader.tabsBackground#fff
- editorGroupHeader.tabsBorder#0000
- editorGutter.addedBackground#00ff68
- editorGutter.deletedBackground#ff0032
- editorGutter.modifiedBackground#000
- editorIndentGuide.background1#f4f6fc
- editorLineNumber.activeForeground#bec9d3
- editorLineNumber.foreground#ebf0f5
- editorLink.activeForeground#5a5a5a
- editorOverviewRuler.addedForeground#0000
- editorOverviewRuler.border#0000
- editorOverviewRuler.bracketMatchForeground#e4f0c099
- editorOverviewRuler.errorForeground#ff0032
- editorOverviewRuler.findMatchForeground#ffca0099
- editorOverviewRuler.modifiedForeground#000
- editorOverviewRuler.selectionHighlightForeground#e4f0c099
- editorOverviewRuler.warningForeground#f90
- editorOverviewRuler.wordHighlightForeground#7f7f7f26
- editorOverviewRuler.wordHighlightStrongForeground#e4f0c099
- editorRuler.foreground#f4f6fc
- editorSuggestWidget.foreground#000
- editorWarning.foreground#f90
- editorWidget.background#f4f6fc
- editorWidget.border#e7ecf2
- errorForeground#ff0032
- extensionButton.prominentBackground#5a5a5a
- extensionButton.prominentForeground#fff
- extensionButton.prominentHoverBackground#5a5a5a
- focusBorder#e7ecf2
- foreground#000
- gitDecoration.ignoredResourceForeground#bec9d3
- gitDecoration.modifiedResourceForeground#000
- gitDecoration.untrackedResourceForeground#000
- input.background#f4f6fc
- input.border#e7ecf2
- input.foreground#000
- input.placeholderForeground#bec9d3
- list.activeSelectionBackground#000
- list.activeSelectionForeground#fff
- list.dropBackground#e4f0c099
- list.focusBackground#66666626
- list.focusForeground#000
- list.highlightForeground#000
- list.hoverBackground#f4f6fc
- list.inactiveSelectionBackground#f4f6fc
- list.inactiveSelectionForeground#000
- panel.background#f4f6fc
- panel.border#0000
- panelTitle.activeBorder#bec9d3
- peekView.border#000
- peekViewEditor.background#0000
- peekViewEditor.matchHighlightBackground#ffca0099
- peekViewResult.background#0000
- peekViewResult.fileForeground#6b7a88
- peekViewResult.lineForeground#6b7a88
- peekViewResult.matchHighlightBackground#ffca0099
- peekViewResult.selectionBackground#000
- peekViewResult.selectionForeground#fff
- peekViewTitle.background#0000
- peekViewTitleDescription.foreground#bec9d3
- peekViewTitleLabel.foreground#000
- pickerGroup.foreground#777
- progressBar.background#5a5a5a
- quickInput.background#ffffff
- quickInput.foreground#000000
- quickInputList.focusBackground#000000
- quickInputList.focusForeground#ffffff
- quickInputTitle.background#ffffff
- scrollbar.shadow#0000
- scrollbarSlider.activeBackground#444444
- scrollbarSlider.background#77777777
- scrollbarSlider.hoverBackground#555555
- sideBar.background#fff
- sideBar.foreground#6b7a88
- sideBarSectionHeader.background#f4f6fc
- sideBarSectionHeader.foreground#6b7a88
- sideBarTitle.foreground#bec9d3
- statusBar.background#fff
- statusBar.debuggingBackground#f90
- statusBar.debuggingForeground#000
- statusBar.foreground#65696e
- statusBar.noFolderBackground#000
- tab.activeBackground#fff
- tab.activeForeground#000
- tab.activeModifiedBorder#0000
- tab.border#0000
- tab.inactiveBackground#eee
- tab.inactiveForeground#aaa
- tab.inactiveModifiedBorder#999
- terminal.ansiBlack#000
- terminal.ansiBlue#5a5a5a
- terminal.ansiBrightBlack#000
- terminal.ansiBrightBlue#7a7a7a
- terminal.ansiBrightCyan#00d2ff
- terminal.ansiBrightGreen#00ff68
- terminal.ansiBrightMagenta#7d46fc
- terminal.ansiBrightRed#ff0032
- terminal.ansiBrightWhite#fff
- terminal.ansiBrightYellow#ffca00
- terminal.ansiCyan#00d2ff
- terminal.ansiGreen#00ff68
- terminal.ansiMagenta#7d46fc
- terminal.ansiRed#ff0032
- terminal.ansiWhite#fff
- terminal.ansiYellow#ffca00
- terminal.foreground#000
- terminal.selectionBackground#00000022
- terminalCursor.foreground#5a5a5a
- textLink.activeForeground#5a5a5a
- textLink.foreground#5a5a5a
- titleBar.activeBackground#fff
- titleBar.activeForeground#6b7a88
- titleBar.inactiveBackground#fff
- titleBar.inactiveForeground#bec9d3
- widget.shadow#0000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string | #555555 | — |
| variable.parameter.function | #4C4C4C | — |
| comment, punctuation.definition.comment | #AAAAAA | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.block, punctuation.definition.section, meta.brace, punctuation.section | #888888 | — |
| none | #4C4C4C | — |
| keyword.operator | #4C4C4C | — |
| keyword | #959595 | — |
| variable | #000000 | — |
| entity.name.function | #969215 | — |
| meta.require, support.function.any-method | #888888 | — |
| support.class, entity.name.class, entity.name.type.class | #666666 | — |
| meta.class | #0A0A0A | — |
| keyword.other.special-method | #959595 | — |
| storage | #707070 | — |
| support.function | #666666 | — |
| string, constant.other.symbol, entity.other.inherited-class | #666666 | — |
| constant.numeric | #555555 | — |
| none | #555555 | — |
| none | #555555 | — |
| constant | #555555 | — |
| entity.name.tag | #777777 | — |
| entity.other.attribute-name | #555555 | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #888888 | — |
| meta.selector | #888888 | — |
| none | #555555 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #888888 | |
| keyword.other.unit | #555555 | — |
| markup.bold, punctuation.definition.bold | #666666 | bold |
| markup.italic, punctuation.definition.italic | #888888 | italic |
| markup.raw.inline | #666666 | — |
| string.other.link, punctuation.definition.string.end.markdown | #4C4C4C | — |
| meta.link | #555555 | — |
| markup.list | #4C4C4C | — |
| markup.quote | #555555 | — |
| meta.separator | #4C4C4C | — |
| markup.inserted | #666666 | — |
| markup.deleted | #777777 | — |
| markup.changed | #888888 | — |
| constant.other.color | #666666 | — |
| string.regexp | #666666 | — |
| constant.character.escape | #666666 | — |
| punctuation.section.embedded, variable.interpolation | #888888 | — |
| invalid.illegal | #BB0000 | — |
| invalid.broken | #BB0000 | — |
| invalid.deprecated | #0A0A0A | — |
| invalid.unimplemented | #0A0A0A | — |
| token.info-token | #5a5a5a | — |
| token.warn-token | #8A650E | — |
| token.error-token | #BB0000 | — |
| token.debug-token | #7A1AB8 | — |
| support.class | #333333 | bold |
| meta.tag | #333333 | — |
| variable | #000000 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...