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 — Sanemi Shinazugawa

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#2E8B57
activityBar.activeFocusBorder#2E8B57
activityBar.background#F0F8FF
activityBar.border#AAAAAA
activityBar.foreground#333333
activityBarBadge.background#FF0000
activityBarBadge.foreground#FFFFFF
badge.background#2E8B57
badge.foreground#FFFFFF
button.background#90EE90
button.foreground#000000
button.hoverBackground#98FB98
debugExceptionWidget.background#F0F8FF
debugExceptionWidget.border#AAAAAA
debugToolBar.background#F0F8FF
diffEditor.insertedTextBackground#BAE67E26
diffEditor.removedTextBackground#F29E7426
dropdown.background#F0F8FF
dropdown.border#8FBC8F
dropdown.foreground#333333
editor.background#FFFFFF
editor.findMatchBackground#2E8B570D
editor.findMatchBorder#2E8B57
editor.findMatchHighlightBackground#2E8B570D
editor.findMatchHighlightBorder#2E8B5759
editor.findRangeHighlightBackground#EEEEEE
editor.findRangeHighlightBorder#00000000
editor.foreground#000000
editor.inactiveSelectionBackground#EEEEEE
editor.lineHighlightBackground#EEEEEE
editor.rangeHighlightBackground#EEEEEE
editor.selectionBackground#DCDCDC
editor.selectionHighlightBackground#EEEEEE
editor.selectionHighlightBorder#D3D3D3
editor.wordHighlightBackground#EEEEEE
editor.wordHighlightStrongBackground#2E8B5733
editorBracketMatch.background#8080804D
editorBracketMatch.border#80808099
editorCodeLens.foreground#556B2F
editorCursor.foreground#000000
editorError.foreground#FF0000
editorGroup.border#AAAAAA
editorGroup.emptyBackground#F0F8FF
editorGroupHeader.noTabsBackground#F0F8FF
editorGroupHeader.tabsBackground#F0F8FF
editorGroupHeader.tabsBorder#AAAAAA
editorGutter.addedBackground#A6CC7099
editorGutter.deletedBackground#F2798399
editorGutter.modifiedBackground#77A8D999
editorHoverWidget.background#F0F8FF
editorHoverWidget.border#AAAAAA
editorHoverWidget.foreground#000000
editorIndentGuide.activeBackground1#808080B3
editorIndentGuide.background1#8080804D
editorLineNumber.activeForeground#808080CC
editorLineNumber.foreground#80808066
editorLink.activeForeground#2E8B57
editorMarkerNavigation.background#F0F8FF
editorOverviewRuler.addedForeground#A6CC7099
editorOverviewRuler.border#AAAAAA
editorOverviewRuler.deletedForeground#F2798399
editorOverviewRuler.errorForeground#FF0000
editorOverviewRuler.modifiedForeground#77A8D999
editorOverviewRuler.warningForeground#FFFF00
editorRuler.foreground#8080804D
editorSuggestWidget.background#F0F8FF
editorSuggestWidget.border#AAAAAA
editorSuggestWidget.foreground#000000
editorSuggestWidget.highlightForeground#2E8B57
editorSuggestWidget.selectedBackground#DCDCDC
editorWarning.foreground#FFFF00
editorWhitespace.foreground#80808066
editorWidget.background#F0F8FF
editorWidget.foreground#000000
extensionButton.prominentBackground#2E8B57
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#3CB371
focusBorder#8FBC8F
foreground#333333
gitDecoration.conflictingResourceForeground#ED8274
gitDecoration.deletedResourceForeground#F27983B3
gitDecoration.ignoredResourceForeground#484F5E
gitDecoration.modifiedResourceForeground#A6CC70
gitDecoration.submoduleResourceForeground#D4BFFFB3
gitDecoration.untrackedResourceForeground#D96C75
input.background#FFFFFF
input.border#8FBC8F
input.foreground#000000
input.placeholderForeground#778899
inputOption.activeBorder#2E8B57
inputValidation.errorBackground#FFFFFF
inputValidation.errorBorder#FF0000
inputValidation.infoBackground#FFFFFF
inputValidation.infoBorder#00FFFF
inputValidation.warningBackground#FFFFFF
inputValidation.warningBorder#FFFF00
list.activeSelectionBackground#DCDCDC
list.activeSelectionForeground#006400
list.focusBackground#DCDCDC
list.focusForeground#006400
list.highlightForeground#2E8B57
list.hoverBackground#EEEEEE
list.hoverForeground#006400
list.inactiveSelectionBackground#EEEEEE
list.inactiveSelectionForeground#006400
list.invalidItemForeground#778899
panel.background#F5F5F5
panel.border#AAAAAA
panelTitle.activeBorder#2E8B57
panelTitle.activeForeground#000000
panelTitle.inactiveForeground#808080
peekView.border#AAAAAA
peekViewEditor.background#F0F8FF
peekViewEditor.matchHighlightBackground#2E8B5733
peekViewResult.background#F0F8FF
peekViewResult.fileForeground#333333
peekViewResult.matchHighlightBackground#2E8B5733
peekViewTitle.background#F0F8FF
peekViewTitleDescription.foreground#333333
peekViewTitleLabel.foreground#333333
pickerGroup.border#AAAAAA
pickerGroup.foreground#484F5E
progressBar.background#3CB371
quickInput.list.focusBackground#DCDCDC
scrollbar.shadow#AAAAAA
scrollbarSlider.activeBackground#808080B3
scrollbarSlider.background#80808066
scrollbarSlider.hoverBackground#80808099
selection.background#C0C0C0
settings.headerForeground#000000
settings.modifiedItemIndicator#77A8D9
sideBar.background#F5F5F5
sideBar.border#AAAAAA
sideBar.foreground#333333
sideBarSectionHeader.background#F5F5F5
sideBarSectionHeader.foreground#2E8B57
sideBarTitle.foreground#2E8B57
statusBar.background#F0F8FF
statusBar.border#AAAAAA
statusBar.debuggingBackground#F29E74
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#333333
statusBar.noFolderBackground#F0F8FF
statusBarItem.activeBackground#00000050
statusBarItem.hoverBackground#00000030
statusBarItem.prominentBackground#DCDCDC
statusBarItem.prominentHoverBackground#00000030
statusBarItem.remoteBackground#FF9940
tab.activeBackground#FFFFFF
tab.activeBorderTop#2E8B57
tab.activeForeground#000000
tab.border#AAAAAA00
tab.hoverBackground#EEEEEE
tab.inactiveBackground#F0F8FF
tab.inactiveForeground#808080
tab.unfocusedActiveBorderTop#808080
tab.unfocusedActiveForeground#808080
tab.unfocusedInactiveForeground#808080
terminal.ansiBlack#000000
terminal.ansiBlue#4682B4
terminal.ansiBrightBlack#696969
terminal.ansiBrightBlue#0000FF
terminal.ansiBrightCyan#00FFFF
terminal.ansiBrightGreen#00FF00
terminal.ansiBrightMagenta#FF00FF
terminal.ansiBrightRed#FF0000
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFFF00
terminal.ansiCyan#008B8B
terminal.ansiGreen#006400
terminal.ansiMagenta#8B008B
terminal.ansiRed#CD5C5C
terminal.ansiWhite#D3D3D3
terminal.ansiYellow#B8860B
terminal.background#FFFFFF
terminal.foreground#000000
terminalCursor.foreground#000000
textBlockQuote.background#b6b6b6
textLink.activeForeground#3CB371
textLink.foreground#2E8B57
textPreformat.foreground#555555
titleBar.activeBackground#F0F8FF
titleBar.activeForeground#000000
titleBar.border#AAAAAA
titleBar.inactiveBackground#F0F8FF
titleBar.inactiveForeground#808080
walkThrough.embeddedEditorBackground#F0F8FF
widget.shadow#AAAAAA

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#778899	italic
string, constant.other.symbol, punctuation.definition.string	#A0522D	—
constant.numeric, keyword.operator.arithmetic	#2F4F4F	—
keyword, storage.type, storage.modifier	#4682B4	—
entity.name.function, meta.function-call, support.function	#2E8B57	—
entity.name.class, entity.name.type.class	#3CB371	—
variable, entity.name.variable	#000000	—
variable.parameter, meta.function.parameter	#556B2F	italic
entity.name.property, support.type.property-name	#A52A2A	—
keyword.operator, punctuation.accessor	#2F4F4F	—
entity.name.tag, punctuation.definition.tag	#000000	—
entity.other.attribute-name, support.class.attribute	#2E8B57	italic
support.constant, constant.language	#008000	italic
invalid, invalid.illegal	#FF0000	—
string.regexp, constant.character, constant.other	#008B8B	—
text.html.derivative	#555555	—
entity.name.type.class	#4682B4	—