Luna (luna.nvim)

Name: Luna (luna.nvim)
Author: snekxs

Publisher: snekxsThemes in package: 1

A minimal, near-black VS Code theme with warm and cool accents. Unofficial port of the luna.nvim color palette.

Open in VS Code GitHub

VS Code preview

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

Luna (luna.nvim) — Luna

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}

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#060606
activityBar.border#1c1c1c
activityBar.foreground#e4e4e8
activityBar.inactiveForeground#7c7c7c
activityBarBadge.background#75a1c7
activityBarBadge.foreground#060606
badge.background#75a1c7
badge.foreground#060606
breadcrumb.activeSelectionForeground#e19067
breadcrumb.focusForeground#e4e4e8
breadcrumb.foreground#a8a8a8
breadcrumbPicker.background#1f1f1f
button.background#e19067
button.foreground#060606
button.hoverBackground#c2916a
button.secondaryBackground#333333
button.secondaryForeground#e4e4e8
button.secondaryHoverBackground#404040
descriptionForeground#a8a8a8
diffEditor.diagonalFill#333333
diffEditor.insertedLineBackground#15201760
diffEditor.insertedTextBackground#152017a0
diffEditor.removedLineBackground#40000a60
diffEditor.removedTextBackground#40000aa0
disabledForeground#7c7c7c
dropdown.background#1c1c1c
dropdown.border#404040
dropdown.foreground#e4e4e8
editor.background#060606
editor.findMatchBackground#c2916a55
editor.findMatchHighlightBackground#c2916a30
editor.foreground#e4e4e8
editor.inactiveSelectionBackground#38404860
editor.lineHighlightBackground#212121
editor.rangeHighlightBackground#1f1f1f
editor.selectionBackground#384048
editor.selectionHighlightBackground#38404880
editor.wordHighlightBackground#33333380
editor.wordHighlightStrongBackground#40404080
editorBracketHighlight.foreground1#e19067
editorBracketHighlight.foreground2#75a1c7
editorBracketHighlight.foreground3#c4a8d6
editorBracketHighlight.foreground4#9eb38e
editorBracketHighlight.foreground5#c2916a
editorBracketHighlight.foreground6#b8b8b8
editorBracketHighlight.unexpectedBracket.foreground#e08585
editorBracketMatch.background#33333380
editorBracketMatch.border#404040
editorCodeLens.foreground#7c7c7c
editorCursor.foreground#e4e4e8
editorError.foreground#e08585
editorGroup.border#1c1c1c
editorGroupHeader.border#1c1c1c
editorGroupHeader.tabsBackground#0a0a0a
editorGutter.addedBackground#6fbe80
editorGutter.background#060606
editorGutter.deletedBackground#e08585
editorGutter.modifiedBackground#c2916a
editorHint.foreground#b09080
editorHoverWidget.background#1f1f1f
editorHoverWidget.border#404040
editorIndentGuide.activeBackground1#404040
editorIndentGuide.background1#1c1c1c
editorInfo.foreground#8c9cb8
editorLineNumber.activeForeground#c7c7c7
editorLineNumber.foreground#2f2b2b
editorLink.activeForeground#75a1c7
editorOverviewRuler.addedForeground#6fbe80
editorOverviewRuler.border#060606
editorOverviewRuler.deletedForeground#e08585
editorOverviewRuler.errorForeground#e08585
editorOverviewRuler.infoForeground#8c9cb8
editorOverviewRuler.modifiedForeground#c2916a
editorOverviewRuler.warningForeground#d9a35a
editorRuler.foreground#1c1c1c
editorSuggestWidget.background#1f1f1f
editorSuggestWidget.border#404040
editorSuggestWidget.foreground#e4e4e8
editorSuggestWidget.highlightForeground#75a1c7
editorSuggestWidget.selectedBackground#333333
editorWarning.foreground#d9a35a
editorWhitespace.foreground#333333
editorWidget.background#1f1f1f
editorWidget.border#404040
errorForeground#e08585
focusBorder#404040
foreground#e4e4e8
gitDecoration.addedResourceForeground#6fbe80
gitDecoration.conflictingResourceForeground#d9a35a
gitDecoration.deletedResourceForeground#e08585
gitDecoration.ignoredResourceForeground#605958
gitDecoration.modifiedResourceForeground#c2916a
gitDecoration.untrackedResourceForeground#9eb38e
input.background#1c1c1c
input.border#404040
input.foreground#e4e4e8
input.placeholderForeground#7c7c7c
inputOption.activeBackground#33333380
inputOption.activeBorder#e19067
inputValidation.errorBackground#40000a
inputValidation.errorBorder#e08585
inputValidation.warningBackground#302028
inputValidation.warningBorder#d9a35a
list.activeSelectionBackground#1f1f1f
list.activeSelectionForeground#e4e4e8
list.dropBackground#333333
list.focusBackground#212121
list.highlightForeground#75a1c7
list.hoverBackground#151515
list.inactiveSelectionBackground#1c1c1c
menu.background#1c1c1c
menu.border#404040
menu.foreground#e4e4e8
menu.selectionBackground#333333
menu.separatorBackground#404040
notificationCenterHeader.background#1c1c1c
notifications.background#1c1c1c
notifications.border#404040
notifications.foreground#e4e4e8
notificationsErrorIcon.foreground#e08585
notificationsInfoIcon.foreground#8c9cb8
notificationsWarningIcon.foreground#d9a35a
panel.background#060606
panel.border#1c1c1c
panelTitle.activeBorder#e19067
panelTitle.activeForeground#e4e4e8
panelTitle.inactiveForeground#7c7c7c
peekView.border#404040
peekViewEditor.background#1f1f1f
peekViewEditor.matchHighlightBackground#c2916a55
peekViewResult.background#1c1c1c
peekViewResult.matchHighlightBackground#c2916a30
peekViewTitle.background#1c1c1c
pickerGroup.border#404040
pickerGroup.foreground#75a1c7
progressBar.background#e19067
quickInput.background#1c1c1c
quickInput.foreground#e4e4e8
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#404040c0
scrollbarSlider.background#33333380
scrollbarSlider.hoverBackground#404040a0
selection.background#384048
sideBar.background#0a0a0a
sideBar.border#1c1c1c
sideBar.foreground#c7c7c7
sideBarSectionHeader.background#0a0a0a
sideBarSectionHeader.border#1c1c1c
sideBarSectionHeader.foreground#c7c7c7
sideBarTitle.foreground#e4e4e8
statusBar.background#060606
statusBar.border#1c1c1c
statusBar.debuggingBackground#c2916a
statusBar.debuggingForeground#060606
statusBar.foreground#a8a8a8
statusBar.noFolderBackground#060606
statusBarItem.hoverBackground#1f1f1f
statusBarItem.remoteBackground#75a1c7
statusBarItem.remoteForeground#060606
tab.activeBackground#060606
tab.activeBorderTop#e19067
tab.activeForeground#e4e4e8
tab.border#1c1c1c
tab.inactiveBackground#0a0a0a
tab.inactiveForeground#7c7c7c
tab.unfocusedActiveBorderTop#403c41
terminal.ansiBlack#000000
terminal.ansiBlue#75a1c7
terminal.ansiBrightBlack#605958
terminal.ansiBrightBlue#8c9cb8
terminal.ansiBrightCyan#a8a8a8
terminal.ansiBrightGreen#9eb38e
terminal.ansiBrightMagenta#c4a8d6
terminal.ansiBrightRed#e08585
terminal.ansiBrightWhite#f0f0f0
terminal.ansiBrightYellow#e19067
terminal.ansiCyan#75a1c7
terminal.ansiGreen#6fbe80
terminal.ansiMagenta#c4a8d6
terminal.ansiRed#e08585
terminal.ansiWhite#c7c7c7
terminal.ansiYellow#d9a35a
terminal.background#060606
terminal.foreground#e4e4e8
textCodeBlock.background#1c1c1c
textLink.activeForeground#c2916a
textLink.foreground#75a1c7
textPreformat.foreground#c2916a
textSeparator.foreground#333333
titleBar.activeBackground#060606
titleBar.activeForeground#e4e4e8
titleBar.border#1c1c1c
titleBar.inactiveBackground#060606
titleBar.inactiveForeground#7c7c7c
tree.indentGuidesStroke#333333
widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#e4e4e8	—
comment, punctuation.definition.comment	#7c7c7c	italic
punctuation, meta.brace, punctuation.separator, punctuation.terminator	#a8a8a8	—
keyword, storage.type, storage.modifier, keyword.control	#e19067	—
keyword.operator	#e19067	—
constant.numeric	#e19067	—
constant.language, variable.language.this, constant.language.boolean	#e19067	—
entity.name.function, support.function, meta.function-call, variable.function	#75a1c7	—
entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class, entity.name.tag, meta.jsx.children entity.name.tag	#c4a8d6	—
constant.other, variable.other.constant, variable.other.enummember	#c4a8d6	—
string, string.quoted, string.template, punctuation.definition.string	#9eb38e	—
string.regexp	#9eb38e	—
constant.character.escape	#c2916a	—
variable, variable.other.readwrite, meta.definition.variable	#e4e4e8	—
variable.other.property, variable.other.object.property, meta.object-literal.key	#b8b8b8	—
variable.parameter	#e4e4e8	—
entity.other.attribute-name	#c2916a	—
entity.name.function.preprocessor, meta.preprocessor, keyword.other.unit	#e19067	bold
markup.heading	#e19067	bold
markup.bold	#f0e0d6	bold
markup.italic	#f0e0d6	italic
markup.underline.link, string.other.link	#75a1c7	underline
markup.quote	#a8a8a8	italic
markup.raw, markup.inline.raw	#c2916a	—
markup.inserted	#6fbe80	—
markup.deleted	#e08585	—
markup.changed	#c2916a	—
invalid, invalid.illegal	#e08585	—