FoxLang

Name: FoxLang
Author: Lemon_Chicken

Publisher: Lemon_ChickenThemes in package: 2

Language support for FoxLang: syntax highlighting, snippets, language server (diagnostics/completion/hover/definition), built-in runner and themes.

Open in VS Code

Color themes

VS Code preview

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

FoxLang — FoxLang Dark

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.activeBorder#FF9E64
activityBar.background#171513
activityBar.foreground#E6E0D6
activityBarBadge.background#FF9E64
activityBarBadge.foreground#1B1917
editor.background#1B1917
editor.cursor#FF9E64
editor.findMatchBackground#4A3A2B
editor.findMatchHighlightBackground#3A2F24
editor.foreground#E6E0D6
editor.inactiveSelectionBackground#3A2E24
editor.lineHighlightBackground#262220
editor.lineHighlightBorder#00000000
editor.lineNumber.activeForeground#FF9E64
editor.lineNumber.foreground#5C5650
editor.selectionBackground#4A3A2B
editorBanner.background#171513
editorBracketMatch.background#3A2F24
editorBracketMatch.border#FF9E64
editorCursor.foreground#FF9E64
editorError.foreground#FF5F5F
editorGroupHeader.tabsBackground#171513
editorGutter.background#1B1917
editorHoverWidget.background#242120
editorHoverWidget.border#3A342F
editorIndentGuide.activeBackground#4A4038
editorIndentGuide.background#2E2A27
editorInfo.foreground#7DCFFF
editorOverviewRuler.border#00000000
editorRuler.foreground#2E2A27
editorSuggestWidget.background#242120
editorSuggestWidget.border#3A342F
editorSuggestWidget.selectedBackground#3A2F24
editorWarning.foreground#E0AF68
editorWhitespace#3C3733
editorWidget.background#242120
editorWidget.border#3A342F
list.activeSelectionBackground#3A2F24
list.activeSelectionForeground#E6E0D6
list.focusBackground#3A2F24
list.hoverBackground#262220
list.inactiveSelectionBackground#2E2A27
menubar.selectionBackground#2E2A27
scrollbarSlider.activeBackground#FF9E6480
scrollbarSlider.background#3A342F99
scrollbarSlider.hoverBackground#4A4038CC
sideBar.background#1E1C1A
sideBar.foreground#B8B0A6
sideBarSectionHeader.background#262220
sideBarSectionHeader.foreground#FF9E64
sideBarTitle.foreground#E6E0D6
statusBar.background#171513
statusBar.foreground#B8B0A6
statusBar.noFolderBackground#171513
statusBarItem.hoverBackground#2E2A27
tab.activeBackground#1B1917
tab.activeForeground#E6E0D6
tab.border#2E2A27
tab.inactiveBackground#171513
tab.inactiveForeground#8A8278
terminal.ansiBlack#1B1917
terminal.ansiBlue#7DCFFF
terminal.ansiBrightBlack#5C5650
terminal.ansiBrightBlue#A5D9FF
terminal.ansiBrightCyan#8ADFDF
terminal.ansiBrightGreen#C3E88D
terminal.ansiBrightMagenta#D8A8F0
terminal.ansiBrightRed#FF8080
terminal.ansiBrightWhite#F5F1EA
terminal.ansiBrightYellow#FFD28F
terminal.ansiCyan#65C7C7
terminal.ansiGreen#A9D665
terminal.ansiMagenta#C792EA
terminal.ansiRed#FF5F5F
terminal.ansiWhite#E6E0D6
terminal.ansiYellow#E0AF68
terminal.background#1B1917
terminal.foreground#E6E0D6
titleBar.activeBackground#171513
titleBar.activeForeground#E6E0D6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#7A736C	italic
string	#C3A268	—
constant.character.escape	#FF9E64	—
constant.numeric.integer, constant.numeric.double	#E0AF68	—
keyword.control, keyword.control.return, keyword.control.exception, keyword.control.exit, keyword.other, keyword.other.import	#FF9E64	—
keyword.operator.logical, keyword.operator.arrow	#C792EA	—
keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.assignment	#D8A0B0	—
storage.type	#A9D665	bold
storage.type.function	#7CFC00	bold
entity.name.function, entity.name.function.call	#FFD866	—
punctuation.definition.group, punctuation.definition.bracket	#C792EA	—
support.function.builtin	#65C7C7	—
variable.other	#E6E0D6	—