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 — Verdant Onyx

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#0F1016
activityBar.foreground#EDF2F4
activityBar.inactiveForeground#4B4E53
badge.background#FF0000
badge.foreground#0F1016
editor.background#0F1016
editor.foreground#EDF2F4
editor.inactiveSelectionBackground#4B4E5380
editor.lineHighlightBackground#15161D
editor.lineHighlightBorder#15161D
editor.selectionBackground#4B4E53
editorCursor.foreground#FF0000
editorError.foreground#FF0000
editorLineNumber.activeForeground#EDF2F4
editorLineNumber.foreground#4B4E53
editorWidget.background#0F1016
editorWidget.border#4B4E53
minimap.background#0F1016
panel.background#0F1016
panel.border#4B4E53
progressBar.background#FF0000
scrollbarSlider.background#4B4E5380
scrollbarSlider.hoverBackground#4B4E53CC
sideBar.background#0F1016
sideBar.foreground#EDF2F4
statusBar.background#0F1016
statusBar.foreground#EDF2F4
tab.activeBackground#0F1016
tab.activeForeground#EDF2F4
tab.inactiveBackground#0B0C11
tab.inactiveForeground#4B4E53
terminal.background#0F1016
terminal.foreground#EDF2F4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#4B4E53	italic
storage.type, storage.modifier, keyword.operator, keyword.other, keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.return, keyword.control.trycatch	#00FF6A	bold
variable, variable.other, identifier, entity.name.variable	#D25F5F	—
string, string.quoted, string.quoted.double, string.quoted.single, string.interpolated, constant.other.symbol	#F0E6D2	—
constant.numeric, constant.language, constant.character	#8B8E95	—
entity.name.type, entity.name.class, support.type	#FFFFFF	bold
support.function, entity.name.function, meta.function-call, variable.function	#FFFFFF	bold
punctuation.section, punctuation.section.group, punctuation.section.block, punctuation.section.brace, punctuation.section.bracket, punctuation.section.paren	#EDF2F4	—
variable.parameter, function.parameter	#D25F5F	—
invalid, invalid.illegal	#0F1016	—