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 — lime 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#F0FCE8
activityBar.foreground#4A8B2F
activityBarBadge.background#A8D88F
activityBarBadge.foreground#FFFFFF
button.background#D8F4C8
button.foreground#2D3A20
button.hoverBackground#C8E8B8
dropdown.background#FFFFFF
dropdown.border#D0F0C0
dropdown.foreground#2D3A20
editor.background#F0FCE8
editor.foreground#2D3A20
editor.selectionBackground#D8F4C8
editor.selectionHighlightBackground#E8FCE0
editorBracketMatch.background#D8F4C8
editorBracketMatch.border#A8D88F
editorCursor.foreground#4A8B2F
editorGutter.background#F8FCF0
editorIndentGuide.activeBackground#B8D8A8
editorIndentGuide.background#D0F0C0
editorLineHighlight.background#E8FCE0
editorLineHighlight.border#D0F0C0
editorLineNumber.activeForeground#2D3A20
editorLineNumber.foreground#A8D88F
editorWhitespace.foreground#C8E8B8
input.background#FFFFFF
input.border#D0F0C0
input.foreground#2D3A20
list.activeSelectionBackground#D8F4C8
list.activeSelectionForeground#2D3A20
list.hoverBackground#F0FCE8
list.inactiveSelectionBackground#E8FCE0
panel.background#F8FEF0
panel.border#D0F0C0
scrollbarSlider.activeBackground#A8D88F
scrollbarSlider.background#C8E8B8
scrollbarSlider.hoverBackground#B8D8A8
sideBar.background#F8FEF0
sideBarSectionHeader.background#F0FCE8
sideBarSectionHeader.foreground#2D3A20
sideBarTitle.foreground#2D3A20
statusBar.background#F8FEF0
statusBar.debuggingBackground#F0FCE8
statusBar.foreground#2D3A20
statusBar.noFolderBackground#F8FEF0
tab.activeBackground#F8FEF0
tab.activeForeground#2D3A20
tab.border#D0F0C0
tab.inactiveBackground#F0FCE8
tab.inactiveForeground#6B9A4F
titleBar.activeBackground#F8FEF0
titleBar.activeForeground#2D3A20
titleBar.inactiveBackground#F8FCF0
titleBar.inactiveForeground#6B9A4F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6B9A4F	italic
keyword, storage.type, storage.modifier	#4A8B2F	bold
string	#5A9B3F	—
constant.numeric	#6BAB4F	—
entity.name.function, meta.function-call	#3A7B2F	—