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 — red wine 🍷

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.background#2F0F0F
activityBar.foreground#F0D5D5
activityBarBadge.background#A86F6F
activityBarBadge.foreground#FFFFFF
button.background#5A2F2F
button.foreground#F0D5D5
button.hoverBackground#6A3F3F
dropdown.background#4D2525
dropdown.border#5A2F2F
dropdown.foreground#F0D5D5
editor.background#3D1B1B
editor.foreground#F0D5D5
editor.selectionBackground#5A2F2F
editor.selectionHighlightBackground#4D2525
editorBracketMatch.background#5A2F2F
editorBracketMatch.border#A86F6F
editorCursor.foreground#F0D5D5
editorGutter.background#3D1B1B
editorIndentGuide.activeBackground#6A3F3F
editorIndentGuide.background#4D2525
editorLineHighlight.background#4D2525
editorLineHighlight.border#5A2F2F
editorLineNumber.activeForeground#F0D5D5
editorLineNumber.foreground#A86F6F
editorWhitespace.foreground#5A2F2F
input.background#4D2525
input.border#5A2F2F
input.foreground#F0D5D5
list.activeSelectionBackground#5A2F2F
list.activeSelectionForeground#F0D5D5
list.hoverBackground#4D2525
list.inactiveSelectionBackground#4D2525
panel.background#301515
panel.border#4D2525
scrollbarSlider.activeBackground#7A4F4F
scrollbarSlider.background#5A2F2F
scrollbarSlider.hoverBackground#6A3F3F
sideBar.background#301515
sideBarSectionHeader.background#3D1B1B
sideBarSectionHeader.foreground#F0D5D5
sideBarTitle.foreground#F0D5D5
statusBar.background#301515
statusBar.debuggingBackground#3D1B1B
statusBar.foreground#F0D5D5
statusBar.noFolderBackground#301515
tab.activeBackground#3D1B1B
tab.activeForeground#F0D5D5
tab.border#4D2525
tab.inactiveBackground#301515
tab.inactiveForeground#A86F6F
titleBar.activeBackground#301515
titleBar.activeForeground#F0D5D5
titleBar.inactiveBackground#2F0F0F
titleBar.inactiveForeground#A86F6F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#A86F6F	italic
keyword, storage.type, storage.modifier	#F0A5A5	bold
string	#FFC5C5	—
constant.numeric	#F0B5B5	—
entity.name.function, meta.function-call	#F0C5C5	—