Penguin's Notebook

Name: Penguin's Notebook
Author: Wali Imran

Publisher: Wali ImranThemes in package: 3

A Clean, Focused Dark Theme for VS Code

Open in VS Code GitHub

Color themes

VS Code preview

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

Penguin's Notebook — Penguin's Notebook Darker

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#101010
dropdown.background#101010
dropdown.border#2d2d2d
dropdown.foreground#f4f4f4
editor.background#101010
editor.foreground#f4f4f4
editor.inactiveSelectionBackground#ffffff21
editor.lineHighlightBackground#9d9d9d35
editor.selectionBackground#ffffff21
editorCursor.foreground#3c5955
editorLineNumber.foreground#6a6a7a
menu.background#101010
menu.foreground#f4f4f4
menu.selectionBackground#3c5955
menu.selectionForeground#ffffff
menu.separatorBackground#2d2d2d
sideBar.background#101010
statusBar.background#101010
titleBar.activeBackground#101010
titleBar.inactiveBackground#101010

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#d4d0ab	italic
keyword, storage	#bd84c7	—
string, constant.other.symbol	#8fa85d	—
variable, identifier	#f5ab35	—
entity.name.function, support.function	#00e0e0	—
punctuation.bracket.curly, punctuation.bracket.round, punctuation.bracket.square	#ffffff	—