fizz buzz

Name: fizz buzz
Author: pauwee

Publisher: pauweeThemes in package: 9

cute drink themes for your code editor

Open in VS Code GitHub

Color themes

VS Code preview

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

fizz buzz — beer 🍺

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.background#FFFFCC
activityBar.foreground#DDDD00
activityBarBadge.background#CCCC00
activityBarBadge.foreground#FFFFFF
button.background#FFFF99
button.foreground#3D1F0A
button.hoverBackground#FFFF66
dropdown.background#FFFFFF
dropdown.border#FFFF80
dropdown.foreground#3D1F0A
editor.background#FFFFCC
editor.foreground#3D1F0A
editor.selectionBackground#FFFF99
editor.selectionHighlightBackground#FFFFB3
editorBracketMatch.background#FFFF99
editorBracketMatch.border#CCCC00
editorCursor.foreground#DDDD00
editorGutter.background#FFFFE0
editorIndentGuide.activeBackground#DDDD00
editorIndentGuide.background#FFFF80
editorLineHighlight.background#FFFFB3
editorLineHighlight.border#FFFF80
editorLineNumber.activeForeground#3D1F0A
editorLineNumber.foreground#CCCC00
editorWhitespace.foreground#FFFF66
input.background#FFFFFF
input.border#FFFF80
input.foreground#3D1F0A
list.activeSelectionBackground#FFFF99
list.activeSelectionForeground#3D1F0A
list.hoverBackground#FFFFCC
list.inactiveSelectionBackground#FFFFB3
panel.background#FFFFF0
panel.border#FFFF80
scrollbarSlider.activeBackground#CCCC00
scrollbarSlider.background#FFFF66
scrollbarSlider.hoverBackground#DDDD00
sideBar.background#FFFFF0
sideBarSectionHeader.background#FFFFCC
sideBarSectionHeader.foreground#3D1F0A
sideBarTitle.foreground#3D1F0A
statusBar.background#FFFFF0
statusBar.debuggingBackground#FFFFCC
statusBar.foreground#3D1F0A
statusBar.noFolderBackground#FFFFF0
tab.activeBackground#FFFFF0
tab.activeForeground#3D1F0A
tab.border#FFFF80
tab.inactiveBackground#FFFFCC
tab.inactiveForeground#999900
titleBar.activeBackground#FFFFF0
titleBar.activeForeground#3D1F0A
titleBar.inactiveBackground#FFFFE0
titleBar.inactiveForeground#999900

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#999900	italic
keyword, storage.type, storage.modifier	#DDDD00	bold
string	#CCCC00	—
constant.numeric	#EEEE00	—
entity.name.function, meta.function-call	#BBBB00	—