Abyssal

Name: Abyssal
Author: zen0x

Publisher: zen0xThemes in package: 13

A clean dark theme

Open in VS Code GitHub

Color themes

VS Code preview

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

Abyssal — Abyssal-Catppuccin

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#1e1e2e
activityBar.foreground#cdd6f4
activityBar.inactiveForeground#6c7086
editor.background#1e1e2e
editor.foreground#cdd6f4
editor.inactiveSelectionBackground#45475a
editor.lineHighlightBackground#313244
editor.selectionBackground#313244
editor.selectionForeground#cdd6f4
editorBracketMatch.background#313244
editorBracketMatch.border#89b4fa
editorCursor.background#1e1e2e
editorCursor.foreground#f38ba8
editorIndentGuide.activeBackground#585b70
editorIndentGuide.background#313244
editorLineNumber.activeForeground#cdd6f4
editorLineNumber.foreground#6c7086
editorWhitespace.foreground#45475a
focusBorder#89b4fa
panel.background#1e1e2e
panel.border#313244
sideBar.background#1e1e2e
sideBar.foreground#cdd6f4
sideBarSectionHeader.background#313244
sideBarSectionHeader.foreground#bac2de
statusBar.background#313244
statusBar.foreground#cdd6f4
statusBar.noFolderBackground#313244
tab.activeBackground#1e1e2e
tab.activeForeground#cdd6f4
tab.border#1e1e2e
tab.inactiveBackground#313244
tab.inactiveForeground#bac2de
terminal.ansiBlack#1e1e2e
terminal.ansiBlue#89b4fa
terminal.ansiBrightBlack#6c7086
terminal.ansiBrightBlue#89b4fa
terminal.ansiBrightCyan#94e2d5
terminal.ansiBrightGreen#a6e3a1
terminal.ansiBrightMagenta#f5c2e7
terminal.ansiBrightRed#f38ba8
terminal.ansiBrightWhite#cdd6f4
terminal.ansiBrightYellow#f9e2af
terminal.ansiCyan#94e2d5
terminal.ansiGreen#a6e3a1
terminal.ansiMagenta#f5c2e7
terminal.ansiRed#f38ba8
terminal.ansiWhite#cdd6f4
terminal.ansiYellow#f9e2af
terminal.background#1e1e2e
terminal.foreground#cdd6f4
terminalCursor.foreground#f38ba8
textLink.foreground#89b4fa
titleBar.activeBackground#313244
titleBar.activeForeground#cdd6f4
titleBar.inactiveBackground#1e1e2e
titleBar.inactiveForeground#bac2de

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#6c7086	—
string	#a6e3a1	—
keyword	#f5c2e7	—
number	#f9e2af	—
variable	#cdd6f4	—
function	#89b4fa	—