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 Earth Dark

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#1F110E
breadcrumb.background#2A1713
button.background#5C352C
button.foreground#E9B48A
button.hoverBackground#7A4A3F
dropdown.background#2A1713
dropdown.border#5C352C
editor.background#2A1713
editor.foreground#E9B48A
editorGroupHeader.tabsBackground#1F110E
editorLineNumber.activeForeground#E9B48A
editorLineNumber.foreground#5C352C
editorStickyScroll.background#2A1713
editorWidget.border#5C352C
focusBorder#5C352C
input.background#2A1713
input.border#5C352C
input.foreground#E9B48A
list.activeSelectionBackground#5C352C66
list.focusAndSelectionOutline#5C352C
list.focusBackground#5C352C44
list.focusOutline#5C352C
list.hoverBackground#5C352C22
list.inactiveSelectionBackground#5C352C33
menu.background#1F110E
menu.foreground#E9B48A
menu.selectionBackground#5C352C
menu.separatorBackground#5C352C
menubar.selectionBackground#5C352C66
panel.background#1F110E
panel.border#5C352C
panelInput.background#2A1713
panelInput.border#5C352C
panelSection.border#5C352C
panelSectionHeader.background#1F110E
panelSectionHeader.border#5C352C
panelTitle.activeBorder#5C352C
panelTitle.activeForeground#E9B48A
panelTitle.inactiveForeground#956959
pickerGroup.border#5C352C
pickerGroup.foreground#D47E5E
quickInput.background#1F110E
quickInput.foreground#E9B48A
quickInputList.focusBackground#5C352C
quickInputList.focusForeground#E9B48A
sideBar.background#1F110E
sideBar.foreground#956959
statusBar.background#1F110E
tab.activeBackground#2A1713
tab.inactiveBackground#1F110E
terminal.background#1F110E
textLink.activeForeground#E9B48A
textLink.foreground#D47E5E
titleBar.activeBackground#1F110E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, keyword.control, storage.type, storage.modifier	#D47E5E	bold
entity.name.function, support.function, variable.function	#E2B851	bold
string, string.quoted, punctuation.definition.string	#9BB89E	—
constant.numeric	#E9B48A	bold
comment, punctuation.definition.comment	#5C352C	italic
variable, variable.other, variable.parameter	#E9B48A	—
entity.name.tag, punctuation.definition.tag	#D47E5E	—
entity.other.attribute-name	#B3956A	italic
constant.language, support.constant	#B3956A	bold
entity.name.type, entity.name.class, support.type, support.class	#A382A6	underline
keyword.operator, punctuation, meta.brace	#956959	—