VibeForge Theme

Name: VibeForge Theme
Author: hanoicode

Publisher: hanoicodeThemes in package: 3

A polished dark VS Code theme for modern vibe coding workflows.

Open in VS Code GitHub

Color themes

VS Code preview

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

VibeForge Theme — VibeForge Aurora

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#38E8C8
activityBar.background#1A1B22
activityBar.foreground#CDBFFF
activityBar.inactiveForeground#686274
activityBarBadge.background#38E8C8
activityBarBadge.foreground#10151A
badge.background#8D7CFF
badge.foreground#F8F5FF
breadcrumb.activeSelectionForeground#D6CBFF
breadcrumb.focusForeground#F3F0EA
breadcrumb.foreground#AAA2B8
breadcrumbPicker.background#202129
button.background#7F6CF4
button.foreground#F8F5FF
button.hoverBackground#927FFF
editor.background#24262D
editor.foreground#F3F0EA
editor.lineHighlightBackground#FFFFFF0B
editor.selectionBackground#8D7CFF45
editor.selectionHighlightBackground#38E8C828
editor.wordHighlightBackground#38E8C824
editor.wordHighlightStrongBackground#38E8C83D
editorBracketHighlight.foreground1#BFAEFF
editorBracketHighlight.foreground2#38E8C8
editorBracketHighlight.foreground3#FFD08A
editorBracketHighlight.foreground4#91A7FF
editorBracketHighlight.foreground5#FF9A70
editorBracketHighlight.foreground6#F2748A
editorBracketMatch.background#BFAEFF28
editorBracketMatch.border#BFAEFF70
editorCodeLens.foreground#958EA3
editorCursor.foreground#BFAEFF
editorError.foreground#F2748A
editorGroupHeader.tabsBackground#1A1B22
editorIndentGuide.activeBackground#706A8555
editorIndentGuide.background#44414E
editorInfo.foreground#91A7FF
editorInlayHint.background#34333D66
editorInlayHint.foreground#958EA3
editorLineNumber.activeForeground#D6CBFF
editorLineNumber.foreground#777182
editorLink.activeForeground#D6CBFF
editorUnnecessaryCode.opacity#0000004D
editorWarning.foreground#FFD08A
focusBorder#A995FF80
foreground#ECE8F4
gitDecoration.addedResourceForeground#38E8C8
gitDecoration.deletedResourceForeground#F2748A
gitDecoration.ignoredResourceForeground#6F6878
gitDecoration.modifiedResourceForeground#BFAEFF
gitDecoration.untrackedResourceForeground#75D875
list.activeSelectionBackground#8D7CFF28
list.activeSelectionForeground#F8F5FF
list.highlightForeground#38E8C8
list.hoverBackground#38E8C814
list.inactiveSelectionBackground#8D7CFF1D
panel.background#202129
panel.border#353542
panelTitle.activeForeground#BFAEFF
panelTitle.inactiveForeground#858093
scrollbarSlider.activeBackground#8D7CFF88
scrollbarSlider.background#5A547088
scrollbarSlider.hoverBackground#6F688888
selection.background#8D7CFF42
sideBar.background#202129
sideBar.border#1B1C22
sideBar.foreground#B8B1C4
sideBarSectionHeader.background#272832
sideBarSectionHeader.foreground#A995FF
sideBarTitle.foreground#CDBFFF
statusBar.background#1A1B22
statusBar.border#252631
statusBar.debuggingBackground#1E4F48
statusBar.debuggingForeground#DFFFF8
statusBar.foreground#BDB5CA
statusBarItem.hoverBackground#8D7CFF33
statusBarItem.prominentBackground#8D7CFF
statusBarItem.prominentForeground#F8F5FF
tab.activeBackground#24262D
tab.activeBorderTop#38E8C8
tab.activeForeground#F7F2EA
tab.hoverBackground#2B2D36
tab.inactiveBackground#202129
tab.inactiveForeground#858093
terminal.ansiBlack#24262D
terminal.ansiBlue#91A7FF
terminal.ansiBrightBlack#858093
terminal.ansiBrightBlue#B4C4FF
terminal.ansiBrightCyan#91F0E2
terminal.ansiBrightGreen#65F2DA
terminal.ansiBrightMagenta#E8DEFF
terminal.ansiBrightRed#FF94A4
terminal.ansiBrightWhite#F8F5FF
terminal.ansiBrightYellow#FFE0A8
terminal.ansiCyan#65E4D1
terminal.ansiGreen#38E8C8
terminal.ansiMagenta#CDBFFF
terminal.ansiRed#F2748A
terminal.ansiWhite#D8D3E0
terminal.ansiYellow#FFD08A
terminal.background#202129
terminal.foreground#ECE8F4
terminalCursor.foreground#BFAEFF
titleBar.activeBackground#1A1B22
titleBar.activeForeground#D7D0E3
titleBar.inactiveBackground#1A1B22
titleBar.inactiveForeground#6F6878

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#5E5868	italic
keyword, storage, storage.type, keyword.control	#FF9A70	—
string, string.quoted	#8BDB75	—
entity.name.function, meta.function-call entity.name.function, support.function, entity.name.function.member	#38E8C8	—
entity.name.type.class, entity.name.class	#FFE2B8	—
entity.name.type, support.class, support.type, variable.parameter	#AFC0FF	—
constant.numeric, constant.language	#FFD08A	—
keyword.operator, punctuation.accessor, punctuation, meta.brace	#CCC5D6	—
entity.name.tag, entity.other.attribute-name	#CDBFFF	—