DarkBitch
Publisher: spicarr technologyThemes in package: 1
A beautiful, sharp, neon-touched dark theme for Visual Studio Code.
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#030409
- activityBar.border#151923
- activityBar.foreground#FFF7EC
- activityBar.inactiveForeground#68717D
- activityBarBadge.background#FF2DB8
- activityBarBadge.foreground#160510
- badge.background#FF2DB8
- badge.foreground#160510
- breadcrumb.activeSelectionForeground#00E5FF
- breadcrumb.focusForeground#FFF7EC
- breadcrumb.foreground#87919E
- button.background#FF2DB8
- button.foreground#160510
- button.hoverBackground#FF64CE
- button.secondaryBackground#171C2A
- button.secondaryForeground#F1ECE4
- button.secondaryHoverBackground#222A3B
- descriptionForeground#9AA3AD
- diffEditor.insertedLineBackground#00E5FF0F
- diffEditor.insertedTextBackground#00E5FF1E
- diffEditor.removedLineBackground#E85C6A10
- diffEditor.removedTextBackground#E85C6A22
- disabledForeground#6B7480
- dropdown.background#0B1018
- dropdown.border#252D3C
- dropdown.foreground#F1ECE4
- editor.background#030409
- editor.findMatchBackground#B8FF4D45
- editor.findMatchBorder#B8FF4D
- editor.findMatchHighlightBackground#00E5FF24
- editor.foreground#F1ECE4
- editor.hoverHighlightBackground#00E5FF18
- editor.lineHighlightBackground#090C13
- editor.lineHighlightBorder#111827
- editor.selectionBackground#FF2DB82E
- editor.selectionHighlightBackground#00E5FF20
- editor.wordHighlightBackground#B8FF4D1C
- editor.wordHighlightStrongBackground#FF2DB824
- editorBracketHighlight.foreground1#FF2DB8
- editorBracketHighlight.foreground2#00E5FF
- editorBracketHighlight.foreground3#FF6B4A
- editorBracketHighlight.foreground4#FF8A3D
- editorBracketHighlight.foreground5#E85C6A
- editorBracketHighlight.foreground6#B8FF4D
- editorBracketMatch.background#00E5FF1F
- editorBracketMatch.border#00E5FF
- editorCodeLens.foreground#687482
- editorCursor.foreground#00E5FF
- editorGroup.border#151923
- editorGroupHeader.tabsBackground#030409
- editorGroupHeader.tabsBorder#151923
- editorGutter.addedBackground#00E5FF
- editorGutter.background#030409
- editorGutter.deletedBackground#E85C6A
- editorGutter.modifiedBackground#FF6B4A
- editorIndentGuide.activeBackground1#FF2DB870
- editorIndentGuide.background1#1B2230
- editorLineNumber.activeForeground#FF2DB8
- editorLineNumber.foreground#343B48
- editorRuler.foreground#171D28
- editorWhitespace.foreground#252B36
- errorForeground#E85C6A
- focusBorder#FF2DB899
- foreground#F1ECE4
- gitDecoration.addedResourceForeground#00E5FF
- gitDecoration.conflictingResourceForeground#F0838D
- gitDecoration.deletedResourceForeground#E85C6A
- gitDecoration.ignoredResourceForeground#59636F
- gitDecoration.modifiedResourceForeground#FF6B4A
- gitDecoration.renamedResourceForeground#B8FF4D
- gitDecoration.untrackedResourceForeground#7AF2FF
- icon.foreground#BAC2CC
- input.background#0B1018
- input.border#252D3C
- input.foreground#F1ECE4
- inputOption.activeBorder#00E5FF
- inputValidation.errorBackground#341016
- inputValidation.errorBorder#E85C6A
- inputValidation.warningBackground#352311
- inputValidation.warningBorder#B8FF4D
- list.activeSelectionBackground#241B30
- list.activeSelectionForeground#FFF7EC
- list.errorForeground#E85C6A
- list.focusBackground#171C2A
- list.highlightForeground#00E5FF
- list.hoverBackground#0E121B
- list.inactiveSelectionBackground#10141D
- list.inactiveSelectionForeground#F1ECE4
- list.warningForeground#B8FF4D
- menu.background#0B1018
- menu.foreground#F1ECE4
- menu.selectionBackground#171C2A
- menu.selectionForeground#FFF7EC
- menu.separatorBackground#2A3344
- panel.background#05070C
- panel.border#151923
- panelTitle.activeBorder#00E5FF
- panelTitle.activeForeground#FFF7EC
- panelTitle.inactiveForeground#87919E
- peekView.border#FF2DB8
- peekViewEditor.background#0B0F16
- peekViewResult.background#05070C
- peekViewResult.selectionBackground#241B30
- peekViewTitle.background#0B1018
- progressBar.background#FF2DB8
- quickInput.background#080C14
- quickInput.foreground#F1ECE4
- quickInputTitle.background#0E121B
- scrollbarSlider.activeBackground#FF2DB899
- scrollbarSlider.background#64718155
- scrollbarSlider.hoverBackground#8390A277
- selection.background#FF2DB833
- sideBar.background#070910
- sideBar.border#151923
- sideBar.foreground#E0E6EC
- sideBarSectionHeader.background#0C1018
- sideBarSectionHeader.border#1B2230
- sideBarSectionHeader.foreground#C1CAD4
- sideBarTitle.foreground#FFF7EC
- statusBar.background#070910
- statusBar.border#151923
- statusBar.debuggingBackground#FF2DB8
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#F1ECE4
- statusBar.noFolderBackground#0C1018
- statusBarItem.hoverBackground#171C2A
- statusBarItem.remoteBackground#00E5FF
- statusBarItem.remoteForeground#07110E
- tab.activeBackground#030409
- tab.activeBorderTop#FF2DB8
- tab.activeForeground#FFFFFF
- tab.border#151923
- tab.hoverBackground#0E121B
- tab.inactiveBackground#070910
- tab.inactiveForeground#838C99
- tab.unfocusedActiveForeground#CFD6DE
- tab.unfocusedInactiveForeground#6B7480
- terminal.ansiBlack#030409
- terminal.ansiBlue#FF6B4A
- terminal.ansiBrightBlack#5F6875
- terminal.ansiBrightBlue#FF9A7A
- terminal.ansiBrightCyan#7AF2FF
- terminal.ansiBrightGreen#7AF2FF
- terminal.ansiBrightMagenta#FFB08F
- terminal.ansiBrightRed#F0838D
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#D2FF7A
- terminal.ansiCyan#00E5FF
- terminal.ansiGreen#00E5FF
- terminal.ansiMagenta#FF8A3D
- terminal.ansiRed#E85C6A
- terminal.ansiWhite#F1ECE4
- terminal.ansiYellow#B8FF4D
- terminal.background#030409
- terminal.foreground#F1ECE4
- terminalCursor.foreground#00E5FF
- titleBar.activeBackground#030409
- titleBar.activeForeground#FFF7EC
- titleBar.border#151923
- titleBar.inactiveBackground#030409
- titleBar.inactiveForeground#6B7480
- widget.shadow#020306CC
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #65707D | italic |
| string, constant.other.symbol | #B8FF4D | — |
| constant.numeric, constant.language, constant.character, variable.other.constant | #B8FF4D | — |
| keyword, storage.type, storage.modifier | #FF2DB8 | bold |
| keyword.operator, punctuation.separator, punctuation.accessor | #00E5FF | — |
| entity.name.function, support.function, meta.function-call, variable.function | #00E5FF | — |
| entity.name.type, entity.name.class, entity.name.struct, support.type, support.class, storage.type.cs | #FF6B4A | — |
| variable, variable.parameter, meta.definition.variable.name | #F1ECE4 | — |
| variable.other.property, support.variable.property, meta.object-literal.key, entity.name.tag.yaml | #FF9A7A | — |
| entity.name.tag, support.class.component | #E85C6A | — |
| entity.other.attribute-name, support.type.property-name.css | #B8FF4D | — |
| support.constant.property-value.css, constant.other.color.rgb-value, keyword.other.unit | #FF8A3D | — |
| string.regexp, constant.character.escape | #7AF2FF | — |
| markup.heading, entity.name.section.markdown | #FF2DB8 | bold |
| markup.underline.link, string.other.link | #00E5FF | — |
| markup.italic | #FF8A3D | italic |
| markup.bold | #B8FF4D | bold |
| invalid, invalid.illegal | #FFFFFF | — |