Hashira Code Theme

Name: Hashira Code Theme
Author: devLocifer

Publisher: devLociferThemes in package: 7

A collection of VS Code color themes inspired by the Hashira from Demon Slayer.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Hashira Code Theme — Giyu Tomioka

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#00BCD4
activityBar.activeFocusBorder#00E5FF
activityBar.background#131A26
activityBar.border#131A26
activityBar.foreground#ABB2BF
activityBarBadge.background#FF5252
activityBarBadge.foreground#FFFFFF
badge.background#FF5252
badge.foreground#FFFFFF
button.background#5DADE2
button.foreground#FFFFFF
button.hoverBackground#7EC0EE
debugExceptionWidget.background#1A2536
debugExceptionWidget.border#1A2536
debugToolBar.background#1A2536
diffEditor.insertedTextBackground#8BC34A26
diffEditor.removedTextBackground#FF525226
dropdown.background#1A2536
dropdown.border#37474F
dropdown.foreground#ABB2BF
editor.background#131A26
editor.findMatchBackground#FFCA2833
editor.findMatchBorder#FFCA28
editor.findMatchHighlightBackground#FFCA281A
editor.findMatchHighlightBorder#FFCA2880
editor.findRangeHighlightBackground#2E3B4E
editor.findRangeHighlightBorder#131A2600
editor.foreground#ABB2BF
editor.inactiveSelectionBackground#2E3B4E40
editor.lineHighlightBackground#1A2536
editor.rangeHighlightBackground#1A2536
editor.selectionBackground#2E3B4E
editor.selectionHighlightBackground#37474F
editor.selectionHighlightBorder#5C6A7D
editor.wordHighlightBackground#2E3B4E
editor.wordHighlightStrongBackground#00BCD433
editorBracketMatch.background#37474F4D
editorBracketMatch.border#5C6A7D99
editorCodeLens.foreground#5C6A7D
editorCursor.foreground#00BCD4
editorError.foreground#FF5252
editorGroup.border#0F1A2A
editorGroup.emptyBackground#131A26
editorGroupHeader.noTabsBackground#1A2536
editorGroupHeader.tabsBackground#1A2536
editorGroupHeader.tabsBorder#0F1A2A
editorGutter.addedBackground#8BC34A99
editorGutter.deletedBackground#FF525299
editorGutter.modifiedBackground#5DADE299
editorHoverWidget.background#1A2536
editorHoverWidget.border#0F1A2A
editorHoverWidget.foreground#ABB2BF
editorIndentGuide.activeBackground1#5C6A7DB3
editorIndentGuide.background1#37474F4D
editorLineNumber.activeForeground#5C6A7D
editorLineNumber.foreground#37474F
editorLink.activeForeground#00BCD4
editorMarkerNavigation.background#1A2536
editorOverviewRuler.addedForeground#8BC34A99
editorOverviewRuler.border#1A2536
editorOverviewRuler.deletedForeground#FF525299
editorOverviewRuler.errorForeground#FF5252
editorOverviewRuler.modifiedForeground#5DADE299
editorOverviewRuler.warningForeground#FFCA28
editorRuler.foreground#37474F4D
editorSuggestWidget.background#1A2536
editorSuggestWidget.border#0F1A2A
editorSuggestWidget.foreground#ABB2BF
editorSuggestWidget.highlightForeground#00BCD4
editorSuggestWidget.selectedBackground#2E3B4E
editorWarning.foreground#FFCA28
editorWhitespace.foreground#37474F
editorWidget.background#1A2536
editorWidget.foreground#ABB2BF
extensionButton.prominentBackground#00BCD4
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#00E5FF
focusBorder#00BCD4
foreground#ABB2BF
gitDecoration.conflictingResourceForeground#FF5252
gitDecoration.deletedResourceForeground#FF5252
gitDecoration.ignoredResourceForeground#5C6A7D
gitDecoration.modifiedResourceForeground#8BC34A
gitDecoration.submoduleResourceForeground#00BCD4
gitDecoration.untrackedResourceForeground#FFCA28
input.background#1A2536
input.border#37474F
input.foreground#ABB2BF
input.placeholderForeground#5C6A7D
inputOption.activeBorder#00BCD4
inputValidation.errorBackground#3D081D
inputValidation.errorBorder#FF5252
inputValidation.infoBackground#1A2536
inputValidation.infoBorder#00BCD4
inputValidation.warningBackground#1A2536
inputValidation.warningBorder#FFCA28
list.activeSelectionBackground#1A2536
list.activeSelectionForeground#00BCD4
list.focusBackground#1A2536
list.focusForeground#00BCD4
list.highlightForeground#00BCD4
list.hoverBackground#2E3B4E66
list.hoverForeground#ABB2BF
list.inactiveSelectionBackground#2E3B4E40
list.inactiveSelectionForeground#ABB2BF
list.invalidItemForeground#FF5252
panel.background#131A26
panel.border#0F1A2A
panelTitle.activeBorder#00BCD4
panelTitle.activeForeground#ABB2BF
panelTitle.inactiveForeground#5C6A7D
peekView.border#0F1A2A
peekViewEditor.background#1A2536
peekViewEditor.matchHighlightBackground#FFCA2833
peekViewResult.background#1A2536
peekViewResult.fileForeground#ABB2BF
peekViewResult.matchHighlightBackground#FFCA2833
peekViewTitle.background#1A2536
peekViewTitleDescription.foreground#5C6A7D
peekViewTitleLabel.foreground#ABB2BF
pickerGroup.border#0F1A2A
pickerGroup.foreground#5C6A7D
progressBar.background#00BCD4
quickInput.list.focusBackground#1A2536
scrollbar.shadow#0F1A2A80
scrollbarSlider.activeBackground#78909C99
scrollbarSlider.background#37474F99
scrollbarSlider.hoverBackground#5C6A7D99
selection.background#2E3B4E
settings.headerForeground#00BCD4
settings.modifiedItemIndicator#5DADE2
sideBar.background#1A2536
sideBar.border#1A2536
sideBar.foreground#ABB2BF
sideBarSectionHeader.background#1A2536
sideBarSectionHeader.foreground#ABB2BF
sideBarTitle.foreground#ABB2BF
statusBar.background#1A2536
statusBar.border#0F1A2A
statusBar.debuggingBackground#FF5252
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#ABB2BF
statusBar.noFolderBackground#1A2536
statusBarItem.activeBackground#00BCD440
statusBarItem.hoverBackground#00BCD420
statusBarItem.prominentBackground#1A2536
statusBarItem.prominentHoverBackground#00BCD420
statusBarItem.remoteBackground#00BCD4
tab.activeBackground#1A2536
tab.activeBorderTop#00BCD4
tab.activeForeground#00BCD4
tab.border#1A253600
tab.hoverBackground#2E3B4E66
tab.inactiveBackground#131A26
tab.inactiveForeground#5C6A7D
tab.unfocusedActiveBorderTop#37474F
tab.unfocusedActiveForeground#5C6A7D
tab.unfocusedInactiveForeground#4F5B6C
terminal.ansiBlack#212121
terminal.ansiBlue#00BCD4
terminal.ansiBrightBlack#616161
terminal.ansiBrightBlue#80D8FF
terminal.ansiBrightCyan#84FFFF
terminal.ansiBrightGreen#C6FF00
terminal.ansiBrightMagenta#EA80FC
terminal.ansiBrightRed#FF8A80
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFE082
terminal.ansiCyan#00E5FF
terminal.ansiGreen#8BC34A
terminal.ansiMagenta#AA00FF
terminal.ansiRed#FF5252
terminal.ansiWhite#E0E0E0
terminal.ansiYellow#FFCA28
terminal.background#131A26
terminal.foreground#ABB2BF
terminalCursor.foreground#00BCD4
textBlockQuote.background#1A2536
textLink.activeForeground#00E5FF
textLink.foreground#00BCD4
titleBar.activeBackground#1A2536
titleBar.activeForeground#ABB2BF
titleBar.border#0F1A2A
titleBar.inactiveBackground#131A26
titleBar.inactiveForeground#5C6A7D
walkThrough.embeddedEditorBackground#1A2536
widget.shadow#0F1A2A80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#5C6A7D	italic
string, punctuation.definition.string	#8BC34A	—
constant.numeric, constant.language.boolean, constant.language	#FFCA28	—
keyword, storage.type, storage.modifier, keyword.control	#FF5252	—
entity.name.function, support.function, meta.function-call, variable.function, entity.name.method	#00BCD4	—
variable, variable.parameter, variable.declaration, variable.other	#ABB2BF	—
keyword.operator	#78909C	—
entity.name.type, entity.name.class, support.type, support.class	#5DADE2	—
support.property, meta.object-literal.key	#ABB2BF	—
punctuation, meta.brace	#ABB2BF	—
entity.name.tag, punctuation.definition.tag	#5DADE2	—
entity.other.attribute-name	#FFCA28	italic
markup.heading, markup.heading entity.name	#00BCD4	bold
markup.underline.link, string.other.link	#5DADE2	—
markup.italic	#ABB2BF	italic
markup.bold	#ABB2BF	bold
support.type.property-name.json	#FFCA28	—
string.quoted.double.json	#8BC34A	—