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 (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.background#003333
activityBar.foreground#E0F2F7
activityBarBadge.background#CC6600
activityBarBadge.foreground#FFFFFF
badge.background#FF9933
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#E0F2F7
breadcrumb.foreground#80CBC4
breadcrumbPicker.background#002B2B
button.background#FF9933
button.foreground#FFFFFF
button.hoverBackground#CC6600
debugToolBar.background#002B2B
dropdown.background#002B2B
dropdown.foreground#E0F2F7
editor.background#003333
editor.findMatchBackground#FF993350
editor.findMatchHighlightBackground#FF993330
editor.foldBackground#004D40
editor.foreground#E0F2F7
editor.inactiveSelectionBackground#004D4050
editor.lineHighlightBackground#004D4050
editor.selectionBackground#004D4080
editor.wordHighlightBackground#4DD0E150
editor.wordHighlightStrongBackground#4DD0E180
editorBracketMatch.background#004D40
editorBracketMatch.border#FF9933
editorCursor.foreground#FF9933
editorGroupHeader.tabsBackground#002B2B
editorGutter.foldingControlForeground#E0F2F7
editorHoverWidget.background#002B2B
editorHoverWidget.border#FF9933
editorLineNumber.foreground#4DD0E1
editorOverviewRuler.errorForeground#CC6600
editorOverviewRuler.infoForeground#4DD0E1
editorOverviewRuler.warningForeground#FFB366
editorWidget.background#002B2B
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#009b89
input.background#002B2B
input.foreground#E0F2F7
input.placeholderForeground#4DD0E180
list.activeSelectionBackground#004D40
list.errorForeground#bbfff4
list.hoverBackground#004D40
list.inactiveSelectionBackground#004D40
list.warningForeground#14f8d2
menu.background#002B2B
menu.foreground#E0F2F7
menu.selectionBackground#004D40
menu.selectionForeground#E0F2F7
notificationCenterHeader.background#002B2B
notificationCenterHeader.foreground#E0F2F7
notificationToast.background#003333
notificationToast.foreground#E0F2F7
panel.background#002B2B
panelTitle.activeBorder#FF9933
panelTitle.activeForeground#E0F2F7
panelTitle.inactiveForeground#80CBC4
peekView.border#FF9933
peekViewEditor.background#002B2B
peekViewResult.background#002B2B
peekViewTitle.background#002B2B
pickerGroup.foreground#E0F2F7
progressBar.background#FF9933
scrollbarSlider.activeBackground#4DD0E1
scrollbarSlider.background#4DD0E150
scrollbarSlider.hoverBackground#4DD0E180
settings.checkboxBackground#002B2B
settings.checkboxForeground#E0F2F7
settings.dropdownBackground#002B2B
settings.dropdownForeground#E0F2F7
settings.headerForeground#E0F2F7
settings.modifiedItemIndicator#FF9933
settings.numberInputBackground#002B2B
settings.numberInputForeground#E0F2F7
settings.textInputBackground#002B2B
settings.textInputForeground#E0F2F7
sideBar.background#002B2B
sideBar.foreground#E0F2F7
sideBarSectionHeader.background#004D40
sideBarSectionHeader.foreground#E0F2F7
statusBar.background#003333
statusBar.debuggingBackground#CC6600
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#E0F2F7
tab.activeBackground#003333
tab.activeForeground#E0F2F7
tab.border#002B2B
tab.inactiveBackground#002B2B
tab.inactiveForeground#80CBC4
terminal.ansiBlack#0A0A0A
terminal.ansiBlue#4DD0E1
terminal.ansiBrightBlack#607D8B
terminal.ansiBrightBlue#4DD0E1
terminal.ansiBrightCyan#004D40
terminal.ansiBrightGreen#006666
terminal.ansiBrightMagenta#FF9933
terminal.ansiBrightRed#FFCC99
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFB366
terminal.ansiCyan#006666
terminal.ansiGreen#004D40
terminal.ansiMagenta#FFB366
terminal.ansiRed#CC6600
terminal.ansiWhite#E0F2F7
terminal.ansiYellow#FF9933
terminal.background#0A0A0A
terminal.foreground#E0F2F7
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	#4DD0E1	—
keyword, storage.type, storage.modifier	#FF9933	—
number, constant.numeric	#FFCC99	—
variable, support.variable	#006666	—
function, entity.name.function, meta.function-call	#FFB366	—
entity.name.type, support.class, support.type	#4DD0E1	—
operator, keyword.operator	#E0F2F7	—
punctuation, delimiter	#E0F2F7	—
invalid, invalid.deprecated	#CC6600	—