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 — Emerald 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#102017
activityBar.foreground#C5E8F0
activityBar.inactiveForeground#7E9EA7
badge.background#00FF7F
badge.foreground#0E1A14
editor.background#16060B
editor.foreground#E1F7FF
editor.inactiveSelectionBackground#0D261B
editor.lineHighlightBackground#10271D
editor.lineHighlightBorder#10271D
editor.selectionBackground#113322
editorCursor.foreground#00FF7F
editorError.foreground#FF5C7A
editorInfo.foreground#5CFFE0
editorLineNumber.activeForeground#E1F7FF
editorLineNumber.foreground#6D8B7D
editorWarning.foreground#FFD060
minimap.background#16060B
panel.background#0E1A14
panel.border#123427
progressBar.background#00FF7F
scrollbarSlider.background#3A5F5166
scrollbarSlider.hoverBackground#3A5F5199
sideBar.background#0E1A14
sideBar.foreground#C5E8F0
statusBar.background#102017
statusBar.foreground#C5E8F0
tab.activeBackground#16060B
tab.activeForeground#E1F7FF
tab.inactiveBackground#102017
tab.inactiveForeground#7E9EA7
terminal.background#0D1D17
terminal.foreground#E1F7FF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#8FB5A3	italic
keyword, keyword.control, keyword.operator, storage.type, storage.modifier	#00FF7F	bold
string, string.quoted, string.quoted.double, string.quoted.single, string.interpolated, constant.other.symbol, punctuation.definition.string	#C7EFD6	—
variable, variable.other, identifier, entity.name.variable	#E1F7FF	—
constant.numeric, constant.language, constant.character	#FFD060	—
entity.name.type, entity.name.class, support.type	#00FF7F	bold
support.function, entity.name.function, meta.function-call, variable.function	#5CFFE0	bold
punctuation.section, punctuation.section.group, punctuation.section.block, punctuation.section.brace, punctuation.section.bracket, punctuation.section.paren	#9EC7B6	—
variable.parameter, function.parameter	#B7E6D1	—
invalid, invalid.illegal	#FFFFFF	—