rockstars-vscode-theme

Name: rockstars-vscode-theme
Author: AchiiCodes

Publisher: AchiiCodesThemes in package: 2

Vscode Theme in the colors of Team Rockstars

Open in VS Code GitHub

Color themes

VS Code preview

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

rockstars-vscode-theme — Rockstars

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#ffe000
activityBar.background#232323
activityBar.foreground#ffe000
activityBarBadge.background#ffe000
activityBarBadge.foreground#232323
button.background#ffe000
button.border#000000
button.foreground#000000
button.hoverBackground#ffd100
editor.background#232323
editor.foreground#ffffff
editorGroupHeader.tabsBackground#2e2e2e
menu.background#232323
menu.foreground#ffffff
menu.selectionBackground#ffe000
menu.selectionForeground#000000
scrollbarSlider.activeBackground#ffcc00
scrollbarSlider.background#ffe000
scrollbarSlider.hoverBackground#ffd100
sideBar.background#1e1e1e
sideBar.border#3a3a3a
sideBar.foreground#ffffff
sideBarSectionHeader.background#1e1e1e
sideBarSectionHeader.foreground#ffffff
sideBarTitle.foreground#ffe000
statusBar.background#ffe000
statusBar.border#000000
statusBar.debuggingBackground#ffe000
statusBar.debuggingForeground#000000
statusBar.foreground#000000
statusBar.noFolderBackground#ffe000
statusBar.noFolderForeground#000000
tab.activeBackground#232323
tab.activeForeground#ffffff
tab.inactiveBackground#2e2e2e
tab.inactiveForeground#a1a1a1
terminal.background#232323
terminal.foreground#ffffff
terminalCursor.foreground#ffe000
textLink.activeForeground#ffd100
textLink.foreground#ffe000
titleBar.activeBackground#ffe000
titleBar.activeForeground#000000
titleBar.inactiveBackground#ffe000
titleBar.inactiveForeground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#888888	italic
keyword	#ffe000	bold
keyword.control.import	#00cccc	bold
string	#8fd145	—
constant.numeric	#ffc3ab	—
entity.name.function	#f09030	bold
storage.type	#ffe000	bold
variable.language	#ff6699	bold
constant.language	#73ABF5	bold