Coding in the Sun!

Name: Coding in the Sun!
Author: Fasani

Publisher: FasaniThemes in package: 1

A light high contrast theme for Visual Studio Code, perfect for coding in the Sun!

Open in VS Code GitHub

VS Code preview

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

Coding in the Sun! — Coding in the Sun!

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#eee
activityBar.activeBorder#000
activityBar.activeFocusBorder#000
activityBar.background#FFF
activityBar.border#CCC
activityBar.foreground#000
activityBar.inactiveForeground#CCC
activityBarBadge.background#000
activityBarBadge.foreground#FFF
editor.background#FFF
editor.foreground#000
editorCursor.foreground#000
editorLineNumber.foreground#CCC
imagePreview.border#CCC
sideBar.background#FFF
sideBar.border#CCC
sideBar.foreground#000
sideBarSectionHeader.background#eee
sideBarSectionHeader.border#CCC
sideBarSectionHeader.foreground#000
sideBarTitle.foreground#000
statusBar.background#FFF
statusBar.border#CCC
statusBar.foreground#000
statusBar.noFolderBackground#FFF
statusBar.noFolderBorder#CCC
statusBar.noFolderForeground#000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#BBB	—
string	#888	—
entity.name.tag, entity.other.attribute-name.class, entity.other.attribute-name.id, keyword.const, keyword.control, keyword.function, keyword.import, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.decrement, keyword.operator.expression, keyword.operator.increment, keyword.operator.increment-decrement, keyword.operator.logical, keyword.operator.misc, keyword.operator.new, keyword.operator.other, keyword.operator.ternary, keyword.package, keyword.type, keyword.var, markup.heading, storage.type.function, storage.type.import, storage.type.interface, storage.type.js, storage.type.type	—	bold

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

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}!`;
}