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 — Blue Ominence

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#070B16
activityBar.foreground#FFFFFF
activityBar.inactiveForeground#7E8795
badge.background#89DCEB
badge.foreground#050812
editor.background#050812
editor.foreground#E8EDF4
editor.inactiveSelectionBackground#101726
editor.lineHighlightBackground#0C111F
editor.lineHighlightBorder#0C111F
editor.selectionBackground#162033
editorCursor.foreground#FFFFFF
editorError.foreground#FF7A7A
editorInfo.foreground#89DCEB
editorLineNumber.activeForeground#FFFFFF
editorLineNumber.foreground#495064
editorWarning.foreground#D9B766
minimap.background#050812
panel.background#080D1A
panel.border#182335
progressBar.background#89DCEB
scrollbarSlider.background#49506466
scrollbarSlider.hoverBackground#49506499
sideBar.background#070B16
sideBar.foreground#C7D1DD
statusBar.background#070B16
statusBar.foreground#C7D1DD
tab.activeBackground#050812
tab.activeForeground#FFFFFF
tab.inactiveBackground#0E1320
tab.inactiveForeground#7E8795
terminal.background#050812
terminal.foreground#E8EDF4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7B8293	italic
keyword, keyword.operator, storage.type, storage.modifier	#A8D8FF	bold
string, constant.other.symbol, punctuation.definition.string	#F2EDE3	—
variable, entity.name.variable, identifier	#FFFFFF	—
constant.numeric, constant.language, constant.character	#D9B766	—
entity.name.type, entity.name.class, support.type	#A8D8FF	bold
support.function, entity.name.function, meta.function-call	#89DCEB	bold
punctuation.section, punctuation.section.group, punctuation.section.block, punctuation.section.brace, punctuation.section.bracket, punctuation.section.paren	#A1ACC0	—
variable.parameter, function.parameter	#C4D1D9	—
invalid, invalid.illegal	#FFFFFF	—