Shaant Shakti - Spiritual Dark Theme for Focused Coding

Name: Shaant Shakti - Spiritual Dark Theme for Focused Coding
Author: Aadityaa

Publisher: AadityaaThemes in package: 8

A spiritually inspired dark theme balancing inner peace and raw coding power. Shaant Shakti keeps you grounded, focused, and creatively fierce.

Open in VS Code GitHub

Color themes

VS Code preview

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

Shaant Shakti - Spiritual Dark Theme for Focused Coding — Shaant Shakti: Sand Storm

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.activeBackground#D07C5B20
activityBar.activeBorder#E2BB77
activityBar.background#201713
activityBar.border#2B1F1A
activityBar.foreground#D07C5B
activityBar.inactiveForeground#82685E
activityBarBadge.background#D07C5B
activityBarBadge.foreground#181614
badge.background#D07C5B
badge.foreground#181614
breadcrumb.activeSelectionForeground#D07C5B
breadcrumb.background#181614
breadcrumb.focusForeground#F0E6D2
breadcrumb.foreground#9C8779
breadcrumbPicker.background#2A1C1C
button.background#D07C5B
button.foreground#181614
button.hoverBackground#C36C4B
button.secondaryBackground#4A2F2F
button.secondaryForeground#F0E6D2
button.secondaryHoverBackground#5A3F3F
dropdown.background#2A1C1C
dropdown.border#4A2F2F
dropdown.foreground#F0E6D2
dropdown.listBackground#2A1C1C
editor.background#181614
editor.findMatchBackground#E2BB7760
editor.findMatchHighlightBackground#E2BB7740
editor.findRangeHighlightBackground#D07C5B20
editor.foreground#F0E6D2
editor.inactiveSelectionBackground#4A2F2F60
editor.lineHighlightBackground#2B1F1A
editor.selectionBackground#D07C5B40
editor.selectionHighlightBackground#D07C5B20
editor.wordHighlightBackground#E2BB7730
editor.wordHighlightStrongBackground#D07C5B30
editorBracketMatch.background#D07C5B40
editorBracketMatch.border#D07C5B
editorCodeLens.foreground#9C8779
editorCursor.foreground#E2BB77
editorError.foreground#FF6B6B
editorGroup.border#2B1F1A
editorGroupHeader.tabsBackground#181614
editorGroupHeader.tabsBorder#2B1F1A
editorHint.foreground#81C784
editorIndentGuide.activeBackground1#D07C5B
editorIndentGuide.background1#3A3C26
editorInfo.foreground#64B5F6
editorLightBulb.foreground#E2BB77
editorLightBulbAutoFix.foreground#A6B07A
editorLineNumber.activeForeground#D07C5B
editorLineNumber.foreground#7A665B
editorRuler.foreground#3A3C26
editorWarning.foreground#FFB74D
extensionButton.prominentBackground#D07C5B
extensionButton.prominentForeground#181614
extensionButton.prominentHoverBackground#C36C4B
gitDecoration.addedResourceForeground#A6B07A
gitDecoration.conflictingResourceForeground#FFB74D
gitDecoration.deletedResourceForeground#FF6B6B
gitDecoration.ignoredResourceForeground#7A665B
gitDecoration.modifiedResourceForeground#E2BB77
gitDecoration.submoduleResourceForeground#C78C99
gitDecoration.untrackedResourceForeground#9AB0B8
input.background#2A1C1C
input.border#4A2F2F
input.foreground#F0E6D2
input.placeholderForeground#9C8779
inputOption.activeBorder#D07C5B
inputValidation.errorBackground#FF6B6B20
inputValidation.errorBorder#FF6B6B
inputValidation.infoBackground#64B5F620
inputValidation.infoBorder#64B5F6
inputValidation.warningBackground#FFB74D20
inputValidation.warningBorder#FFB74D
list.activeSelectionBackground#3A2626
list.activeSelectionForeground#F0E6D2
list.dropBackground#4A2F2F
list.errorForeground#FF6B6B
list.focusBackground#2B1F1A
list.focusForeground#F0E6D2
list.highlightForeground#D07C5B
list.hoverBackground#2A1C1C
list.inactiveSelectionBackground#2B1F1A
list.inactiveSelectionForeground#DABCA1
list.warningForeground#FFB74D
menu.background#2A1C1C
menu.foreground#F0E6D2
menu.selectionBackground#3A2626
menu.selectionBorder#D07C5B
menu.selectionForeground#F0E6D2
menu.separatorBackground#4A2F2F
menubar.selectionBackground#3A2626
menubar.selectionForeground#F0E6D2
notificationCenter.border#2B1F1A
notificationCenterHeader.background#201713
notificationCenterHeader.foreground#F0E6D2
notificationLink.foreground#D07C5B
notifications.background#2A1C1C
notifications.border#2B1F1A
notifications.foreground#F0E6D2
notificationToast.border#2B1F1A
panel.background#181614
panel.border#2B1F1A
panelTitle.activeBorder#D07C5B
panelTitle.activeForeground#F0E6D2
panelTitle.inactiveForeground#9C8779
peekView.border#D07C5B
peekViewEditor.background#2B1F1A
peekViewEditor.matchHighlightBackground#D07C5B40
peekViewResult.background#181614
peekViewResult.fileForeground#F0E6D2
peekViewResult.lineForeground#DABCA1
peekViewResult.matchHighlightBackground#D07C5B40
peekViewResult.selectionBackground#3A2626
peekViewResult.selectionForeground#F0E6D2
peekViewTitle.background#201713
peekViewTitleDescription.foreground#9C8779
peekViewTitleLabel.foreground#F0E6D2
pickerGroup.border#2B1F1A
pickerGroup.foreground#D07C5B
quickInput.background#2A1C1C
quickInput.foreground#F0E6D2
scrollbarSlider.activeBackground#6B5340
scrollbarSlider.background#6B534050
scrollbarSlider.hoverBackground#6B534080
settings.checkboxBackground#2A1C1C
settings.checkboxBorder#4A2F2F
settings.checkboxForeground#F0E6D2
settings.dropdownBackground#2A1C1C
settings.dropdownBorder#4A2F2F
settings.dropdownForeground#F0E6D2
settings.headerForeground#F0E6D2
settings.modifiedItemIndicator#D07C5B
settings.numberInputBackground#2A1C1C
settings.numberInputBorder#4A2F2F
settings.numberInputForeground#F0E6D2
settings.textInputBackground#2A1C1C
settings.textInputBorder#4A2F2F
settings.textInputForeground#F0E6D2
sideBar.background#191311
sideBar.border#2B1F1A
sideBar.foreground#DABCA1
sideBarSectionHeader.background#201713
sideBarSectionHeader.border#2B1F1A
sideBarSectionHeader.foreground#D07C5B
sideBarTitle.foreground#F0E6D2
statusBar.background#181614
statusBar.border#2B1F1A
statusBar.debuggingBackground#D07C5B
statusBar.debuggingForeground#181614
statusBar.foreground#D07C5B
statusBar.noFolderBackground#181614
statusBar.noFolderForeground#D07C5B
statusBarItem.activeBackground#D07C5B40
statusBarItem.hoverBackground#D07C5B20
statusBarItem.prominentBackground#E2BB77
statusBarItem.prominentForeground#181614
statusBarItem.prominentHoverBackground#F4D03F
tab.activeBackground#181614
tab.activeBorder#D07C5B
tab.activeBorderTop#E2BB77
tab.activeForeground#F0E6D2
tab.border#2B1F1A
tab.hoverBackground#2B1F1A
tab.hoverForeground#DABCA1
tab.inactiveBackground#18161488
tab.inactiveForeground#82685E
tab.unfocusedActiveBackground#18161488
tab.unfocusedActiveForeground#DABCA1
tab.unfocusedInactiveForeground#7A665B
terminal.ansiBlack#1E1815
terminal.ansiBlue#9AB0B8
terminal.ansiBrightBlack#7A665B
terminal.ansiBrightBlue#B3E5FC
terminal.ansiBrightCyan#B2DFDB
terminal.ansiBrightGreen#C8E6C9
terminal.ansiBrightMagenta#F8BBD9
terminal.ansiBrightRed#FF8A80
terminal.ansiBrightWhite#F7EEDD
terminal.ansiBrightYellow#FFF59D
terminal.ansiCyan#92B8B0
terminal.ansiGreen#A6B07A
terminal.ansiMagenta#C78C99
terminal.ansiRed#FF6B6B
terminal.ansiWhite#F0E6D2
terminal.ansiYellow#E2BB77
terminal.background#181614
terminal.border#2B1F1A
terminal.foreground#F0E6D2
terminal.selectionBackground#D07C5B40
titleBar.activeBackground#181614
titleBar.activeForeground#F0E6D2
titleBar.border#2B1F1A
titleBar.inactiveBackground#18161488
titleBar.inactiveForeground#9C8779
tree.indentGuidesStroke#3A3C26

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, comment.block.documentation	#8D6E63	italic
keyword, storage.type, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.other.debugger	#D07C5B	italic
string, constant.other.symbol, string.quoted, string.template	#A6B07A	—
string.template, punctuation.definition.string.template	#A6B07A	—
meta.template.expression, punctuation.definition.template-expression	#E2BB77	—
constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined	#FFB74D	—
constant.language, support.constant, variable.language	#C78C99	—
variable, meta.definition.variable.name, support.variable	#F0E6D2	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#E2BB77	—
entity.name.type, entity.name.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter	#9AB0B8	—
support.type	#9AB0B8	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#92B8B0	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF6B6B	—
variable.language	#C78C99	italic
entity.name.method.js	#E2BB77	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#E2BB77	—
entity.other.attribute-name	#D07C5B	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#E2BB77	italic
entity.other.attribute-name.class	#E2BB77	—
source.sass keyword.control	#E2BB77	—
markup.inserted	#A6B07A	—
markup.deleted	#FF6B6B	—
markup.changed	#C78C99	—
string.regexp	#92B8B0	—
constant.character.escape	#92B8B0	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#E2BB77	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF6B6B	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#D07C5B	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#E2BB77	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFB74D	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF6B6B	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C78C99	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#E2BB77	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF6B6B	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C78C99	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#A6B07A	—
text.html.markdown, punctuation.definition.list_item.markdown	#F0E6D2	—
text.html.markdown markup.inline.raw.markdown	#C78C99	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#92B8B0	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#A6B07A	—
markup.italic	#F4D03F	italic
markup.bold, markup.bold string	#F4D03F	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#F4D03F	bold
markup.underline	#F4D03F	underline
markup.quote punctuation.definition.blockquote.markdown	#92B8B0	—
markup.quote	—	italic
string.other.link.title.markdown	#E2BB77	—
string.other.link.description.title.markdown	#C78C99	—
constant.other.reference.link.markdown	#FFCC80	—
markup.raw.block	#C78C99	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#F0E6D2	—
variable.language.fenced.markdown	#92B8B0	—
meta.separator	#92B8B0	bold
markup.table	#F0E6D2	—
entity.name.tag, meta.tag, punctuation.definition.tag	#FF6B6B	—
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, source.css entity.name.tag	#E2BB77	—
support.type.property-name.css	#92B8B0	—
support.constant.property-value.css, constant.numeric.css, keyword.other.unit.css	#A6B07A	—
invalid, invalid.illegal	#FF6B6B	italic underline
invalid.deprecated	#C78C99	italic underline
support.class.component	#E2BB77	—
support.function.lifecycle.react	#FF6B6B	—
entity.name.type.ts, entity.name.type.tsx, support.type.primitive.ts, support.type.primitive.tsx	#9AB0B8	—
entity.name.type.interface.ts, entity.name.type.interface.tsx	#92B8B0	—
meta.type.parameters.ts, meta.type.parameters.tsx	#C78C99	—