Astralis

Name: Astralis
Author: Bhavya Dang

Publisher: Bhavya DangThemes in package: 2

A lavender and peach flavoured VS Code theme bundle.

Open in VS Code GitHub

Color themes

VS Code preview

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

Astralis — Astralis Eclipse

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#1A1B26
activityBar.foreground#7C77FF
editor.background#1E1E2E
editor.findMatchBackground#FFD6D633
editor.findMatchBorder#FFD6D6
editor.findMatchHighlightBackground#FFD6D622
editor.foreground#FFD6D6
editor.lineHighlightBackground#282A36
editor.selectionBackground#7C77FF55
editor.selectionHighlightBackground#7C77FF33
editor.wordHighlightBackground#7C77FF33
editor.wordHighlightStrongBackground#7C77FF55
editorBracketMatch.background#7C77FF33
editorBracketMatch.border#7C77FFAA
editorCursor.foreground#7C77FF
editorGroup.border#7C77FF44
editorGutter.addedBackground#7C77FF55
editorGutter.deletedBackground#FF6B6B55
editorGutter.modifiedBackground#FFD6D655
editorLineNumber.activeForeground#FFD6D6
editorLineNumber.foreground#FFD6D655
sideBar.background#1A1B26
sideBar.foreground#FFD6D6
statusBar.background#16161E
statusBar.foreground#FFD6D6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#7C77FFAA	italic
variable, string, punctuation.definition.string	#FFD6D6	—
constant, keyword, storage	#7C77FF	bold
entity.name.function, support.function, keyword.operator	#FFD6D6	—
meta.function-call, variable.parameter, meta.object-literal.key	#7C77FF	—
storage.type, entity.name.type.class, entity.name.type	#FFD6D6	—
invalid, invalid.illegal	#FF6B6B	—