GhibliGlow

Name: GhibliGlow
Author: itzmetanbir

Publisher: itzmetanbirThemes in package: 2

A Visual Studio Code theme inspired by Studio Ghibli's aesthetic

Open in VS Code GitHub

Color themes

VS Code preview

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

GhibliGlow — Ghibli Dark

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.activeBorder#FFB74D
activityBar.background#151926
activityBar.foreground#F0F4F8
editor.background#1A1E2E
editor.foreground#F0F4F8
editor.lineHighlightBackground#2B3A4B88
editor.selectionBackground#FFB74D44
editor.selectionHighlightBackground#FFB74D33
editorCursor.foreground#FFB74D
editorIndentGuide.activeBackground#FFB74D
editorIndentGuide.background#2B3A4B
editorLineNumber.activeForeground#FFB74D
editorLineNumber.foreground#C792EAAA
editorWhitespace.foreground#2B3A4B
scrollbarSlider.activeBackground#FFB74D88
scrollbarSlider.background#FFB74D33
scrollbarSlider.hoverBackground#FFB74D66
sideBar.background#1A1E2E
sideBar.foreground#F0F4F8
sideBarSectionHeader.background#151926
sideBarSectionHeader.foreground#F0F4F8
sideBarTitle.foreground#C792EA
statusBar.background#FFB74D
statusBar.foreground#1A1E2E
tab.activeBackground#FFB74D22
tab.activeForeground#F0F4F8
tab.inactiveBackground#151926
tab.inactiveForeground#F0F4F8AA
terminal.background#1A1E2E
terminal.foreground#F0F4F8
titleBar.activeBackground#151926
titleBar.activeForeground#F0F4F8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, storage.type, storage.modifier	#C792EA	bold
string, string.template	#9CCEA9	—
comment, punctuation.definition.comment	#A9B1C1	italic
variable, variable.other	#F0F4F8	—
entity.name.function, support.function	#C792EA	bold
punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.array	#9CCEA9	—
entity.name.tag, punctuation.definition.tag	#C792EA	bold
entity.other.attribute-name	#9CCEA9	italic
constant.numeric, constant.language	#FFB74D	—
support.type, support.class	#9CCEA9	italic