Feels Kinda Elegant

Name: Feels Kinda Elegant
Author: Funinnate

Publisher: FuninnateThemes in package: 8

A premium 8-theme pack featuring soft light & deep dark color palettes focusing on focus-driven aesthetics and emotional comfort.

Open in VS Code GitHub

Color themes

VS Code preview

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

Feels Kinda Elegant — Azuryn

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#04121B
activityBar.foreground#7F99A4
activityBar.inactiveForeground#3B4C56
badge.background#7C4DFF
badge.foreground#071026
editor.background#071026
editor.foreground#BFEAF5
editor.inactiveSelectionBackground#072033
editor.lineHighlightBackground#082133
editor.lineHighlightBorder#082133
editor.selectionBackground#0F3350
editor.selectionForeground#D6F7FF
editorCursor.foreground#4FC3F7
editorLineNumber.activeForeground#7C4DFF
editorLineNumber.foreground#314452
editorWidget.background#041624
editorWidget.border#03202a
input.background#041624
input.foreground#BFEAF5
minimap.background#041521
panel.background#051521
panel.border#031019
peekViewEditor.background#06172a
peekViewEditor.matchHighlightBackground#16344f
progressBar.background#4FC3F7
scrollbarSlider.background#0b3546cc
scrollbarSlider.hoverBackground#0b3354dd
sideBar.background#051521
sideBar.border#04131a
sideBar.foreground#7F99A4
statusBar.background#031019
statusBar.foreground#7F99A4
statusBar.noFolderBackground#031019
tab.activeBackground#071026
tab.activeForeground#BFEAF5
tab.inactiveBackground#051421
tab.inactiveForeground#6D7E87
terminal.background#071026
terminal.foreground#BFEAF5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#5B6770	italic
keyword, storage.type, storage.modifier, keyword.control	#7C4DFF	bold
string, constant.other.symbol	#FFB300	—
constant.numeric, constant.language, constant.character	#7C4DFF	—
variable, variable.other, identifier	#BFEAF5	—
entity.name.function, support.function, meta.function-call	#4FC3F7	bold
storage.type.function, entity.name.type, entity.name.class	#94E0FF	bold
variable.parameter, variable.parameter.function	#A6E7F8	—
meta.tag, meta.attribute-name, entity.other.attribute-name	#8FBFD8	—
constant.escape, constant.character.escape	#FFB300	bold
invalid, invalid.illegal	#071026	—
markup.heading, markup.bold	#FFD580	bold
markup.italic	#9BBED9	italic