Nain: Nature Luxury

Name: Nain: Nature Luxury
Author: nain-studio

Publisher: nain-studioThemes in package: 6

A premium suite of nature-inspired themes: Slate, Sage, and Earth aesthetics.

Open in VS Code GitHub

Color themes

VS Code preview

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

Nain: Nature Luxury — Nain Foresh Velvet

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#141B19
breadcrumb.background#1A2421
button.background#4A5D4E
button.foreground#C8D5B9
button.hoverBackground#5A715F
dropdown.background#1A2421
dropdown.border#4A5D4E
editor.background#1A2421
editor.foreground#C8D5B9
editorGroupHeader.tabsBackground#141B19
editorLineNumber.activeForeground#C8D5B9
editorLineNumber.foreground#4A5D4E
editorStickyScroll.background#1A2421
editorWidget.border#4A5D4E
focusBorder#4A5D4E
input.background#1A2421
input.border#4A5D4E
input.foreground#C8D5B9
list.activeSelectionBackground#4A5D4E66
list.focusAndSelectionOutline#4A5D4E
list.focusBackground#4A5D4E44
list.focusOutline#4A5D4E
list.hoverBackground#4A5D4E22
list.inactiveSelectionBackground#4A5D4E33
menu.background#141B19
menu.foreground#C8D5B9
menu.selectionBackground#4A5D4E
menu.separatorBackground#4A5D4E
menubar.selectionBackground#4A5D4E66
panel.background#141B19
panel.border#4A5D4E
panelInput.background#1A2421
panelInput.border#4A5D4E
panelSection.border#4A5D4E
panelSectionHeader.background#141B19
panelSectionHeader.border#4A5D4E
panelTitle.activeBorder#4A5D4E
panelTitle.activeForeground#C8D5B9
panelTitle.inactiveForeground#7A8C80
pickerGroup.border#4A5D4E
pickerGroup.foreground#8FB996
quickInput.background#141B19
quickInput.foreground#C8D5B9
quickInputList.focusBackground#4A5D4E66
quickInputList.focusForeground#C8D5B9
sideBar.background#141B19
sideBar.foreground#7A8C80
statusBar.background#141B19
tab.activeBackground#1A2421
tab.inactiveBackground#141B19
terminal.background#141B19
textLink.activeForeground#C8D5B9
textLink.foreground#8FB996
titleBar.activeBackground#141B19

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, keyword.control, storage.type, storage.modifier	#7DE2D1	bold
entity.name.function, support.function, variable.function	#FFD700	bold
string, string.quoted, punctuation.definition.string	#A7C957	—
constant.numeric	#F2E8CF	bold
comment, punctuation.definition.comment	#4F6D7A	italic
variable, variable.other, variable.parameter	#E9F5DB	—
entity.name.tag, punctuation.definition.tag	#38B000	—
entity.other.attribute-name	#99D98C	italic
constant.language, support.constant	#DDBDF1	bold
entity.name.type, entity.name.class, support.type, support.class	#48CAE4	underline
keyword.operator, punctuation, meta.brace	#7A8C80	—