Pixelated Prism

Name: Pixelated Prism
Author: almzau

Publisher: almzauThemes in package: 6

A collection of vibrant themes with a fluid colour aesthetic.

Open in VS Code GitHub

Color themes

VS Code preview

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

Pixelated Prism — Oceanic Depths (Light)

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#F8F8F8
activityBar.foreground#003333
activityBarBadge.background#CC6600
activityBarBadge.foreground#FFFFFF
badge.background#FF9933
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#003333
breadcrumb.foreground#006666
breadcrumbPicker.background#F0F0F0
button.background#FF9933
button.foreground#FFFFFF
button.hoverBackground#CC6600
debugToolBar.background#F0F0F0
dropdown.background#F0F0F0
dropdown.foreground#003333
editor.background#FFFFFF
editor.findMatchBackground#FF993350
editor.findMatchHighlightBackground#FF993330
editor.foldBackground#B2EBF2
editor.foreground#003333
editor.inactiveSelectionBackground#B2EBF250
editor.lineHighlightBackground#E0F2F7
editor.selectionBackground#B2EBF280
editor.wordHighlightBackground#21717c50
editor.wordHighlightStrongBackground#21717c80
editorBracketMatch.background#B2EBF2
editorBracketMatch.border#FF9933
editorCursor.foreground#FF9933
editorGroupHeader.tabsBackground#F0F0F0
editorGutter.foldingControlForeground#003333
editorHoverWidget.background#F0F0F0
editorHoverWidget.border#FF9933
editorLineNumber.foreground#367881
editorOverviewRuler.errorForeground#CC6600
editorOverviewRuler.infoForeground#21717c
editorOverviewRuler.warningForeground#b46210
editorWidget.background#F0F0F0
editorWidget.border#FF9933
extensionButton.prominentBackground#FF9933
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#CC6600
gitDecoration.conflictingResourceForeground#3f3a00
gitDecoration.deletedResourceForeground#f4de36
gitDecoration.ignoredResourceForeground#9E9E9E
gitDecoration.modifiedResourceForeground#FF9800
gitDecoration.untrackedResourceForeground#708587
input.background#F0F0F0
input.foreground#003333
input.placeholderForeground#21717c
list.activeSelectionBackground#B2EBF2
list.errorForeground#003f56
list.hoverBackground#B2EBF2
list.inactiveSelectionBackground#B2EBF2
list.warningForeground#055357
menu.background#F0F0F0
menu.foreground#003333
menu.selectionBackground#B2EBF2
menu.selectionForeground#003333
notificationCenterHeader.background#F0F0F0
notificationCenterHeader.foreground#003333
notificationToast.background#F8F8F8
notificationToast.foreground#003333
panel.background#F0F0F0
panelTitle.activeBorder#FF9933
panelTitle.activeForeground#003333
panelTitle.inactiveForeground#006666
peekView.border#FF9933
peekViewEditor.background#F0F0F0
peekViewResult.background#F0F0F0
peekViewTitle.background#F0F0F0
pickerGroup.foreground#003333
progressBar.background#FF9933
scrollbarSlider.activeBackground#21717c
scrollbarSlider.background#21717c50
scrollbarSlider.hoverBackground#21717c80
settings.checkboxBackground#F0F0F0
settings.checkboxForeground#003333
settings.dropdownBackground#F0F0F0
settings.dropdownForeground#003333
settings.headerForeground#003333
settings.modifiedItemIndicator#FF9933
settings.numberInputBackground#F0F0F0
settings.numberInputForeground#003333
settings.textInputBackground#F0F0F0
settings.textInputForeground#003333
sideBar.background#F0F0F0
sideBar.foreground#003333
sideBarSectionHeader.background#B2EBF2
sideBarSectionHeader.foreground#003333
statusBar.background#F8F8F8
statusBar.debuggingBackground#CC6600
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#003333
tab.activeBackground#FFFFFF
tab.activeForeground#003333
tab.border#F0F0F0
tab.inactiveBackground#F0F0F0
tab.inactiveForeground#006666
terminal.ansiBlack#0A0A0A
terminal.ansiBlue#21717c
terminal.ansiBrightBlack#607D8B
terminal.ansiBrightBlue#21717c
terminal.ansiBrightCyan#004D40
terminal.ansiBrightGreen#006666
terminal.ansiBrightMagenta#FF9933
terminal.ansiBrightRed#FFCC99
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#b46210
terminal.ansiCyan#006666
terminal.ansiGreen#004D40
terminal.ansiMagenta#b46210
terminal.ansiRed#CC6600
terminal.ansiWhite#E0F2F7
terminal.ansiYellow#FF9933
terminal.background#F8F8F8
terminal.foreground#003333
titleBar.activeBackground#003333
titleBar.activeForeground#ffffff
titleBar.inactiveBackground#003333
titleBar.inactiveForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#607D8B	—
string, punctuation.definition.string	#006666	—
keyword, storage.type, storage.modifier	#CC6600	—
number, constant.numeric	#FF9933	—
variable, support.variable	#004D40	—
function, entity.name.function, meta.function-call	#b46210	—
entity.name.type, support.class, support.type	#21717c	—
operator, keyword.operator	#003333	—
punctuation, delimiter	#003333	—
invalid, invalid.deprecated	#CC6600	—