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 — lemon soda 🍋

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#FFFF99
activityBar.foreground#99FF00
activityBarBadge.background#66CC00
activityBarBadge.foreground#FFFFFF
button.background#CCFF66
button.foreground#2D3A1A
button.hoverBackground#B3FF33
dropdown.background#FFFFFF
dropdown.border#CCFF80
dropdown.foreground#2D3A1A
editor.background#FFFF99
editor.foreground#2D3A1A
editor.selectionBackground#CCFF66
editor.selectionHighlightBackground#D9FF80
editorBracketMatch.background#CCFF66
editorBracketMatch.border#99FF00
editorCursor.foreground#99FF00
editorGutter.background#FFFFCC
editorIndentGuide.activeBackground#99FF00
editorIndentGuide.background#CCFF80
editorLineHighlight.background#D9FF80
editorLineHighlight.border#CCFF80
editorLineNumber.activeForeground#2D3A1A
editorLineNumber.foreground#99FF00
editorWhitespace.foreground#CCFF99
input.background#FFFFFF
input.border#CCFF80
input.foreground#2D3A1A
list.activeSelectionBackground#CCFF66
list.activeSelectionForeground#2D3A1A
list.hoverBackground#FFFF99
list.inactiveSelectionBackground#D9FF80
panel.background#FFFFE0
panel.border#CCFF80
scrollbarSlider.activeBackground#66CC00
scrollbarSlider.background#CCFF99
scrollbarSlider.hoverBackground#99FF00
sideBar.background#FFFFE0
sideBarSectionHeader.background#FFFF99
sideBarSectionHeader.foreground#2D3A1A
sideBarTitle.foreground#2D3A1A
statusBar.background#FFFFE0
statusBar.debuggingBackground#FFFF99
statusBar.foreground#2D3A1A
statusBar.noFolderBackground#FFFFE0
tab.activeBackground#FFFFE0
tab.activeForeground#2D3A1A
tab.border#CCFF80
tab.inactiveBackground#FFFF99
tab.inactiveForeground#66AA00
titleBar.activeBackground#FFFFE0
titleBar.activeForeground#2D3A1A
titleBar.inactiveBackground#FFFFCC
titleBar.inactiveForeground#66AA00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#66AA00	italic
keyword, storage.type, storage.modifier	#99FF00	bold
string	#66FF00	—
constant.numeric	#99FF33	—
entity.name.function, meta.function-call	#66CC00	—
entity.name.class, entity.name.type, support.type	#66CC00	—