NetBeans Light Theme Plus

Name: NetBeans Light Theme Plus
Author: Shreshna Brahma1

Publisher: Shreshna Brahma1Themes in package: 1

Open in VS Code GitHub

VS Code preview

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

NetBeans Light Theme Plus — NetBeans Light Theme (C++/C)

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.

editor.background#ffffff
editor.findMatchBackground#b0c5e3cc
editor.findMatchHighlightBackground#ffb442cc
editor.foreground#000000
editor.lineHighlightBackground#e9eff8
editor.selectionBackground#b0c5e3
editor.wordHighlightBackground#eceba3cc
editorCursor.foreground#000000
editorGutter.background#b4e6fa2b
editorIndentGuide.background#D3D3D3
editorLineNumber.foreground#5d876eaa
editorSuggestWidget.background#f3f3f3
editorSuggestWidget.border#c8c8c8
editorSuggestWidget.focusHighlightForeground#0066bf
editorSuggestWidget.foreground#000000
editorSuggestWidget.highlightForeground#2d2e2e
editorSuggestWidget.selectedBackground#d1cfffa8
editorSuggestWidget.selectedForeground#000000
editorWhitespace.foreground#ffffff
peekViewResult.matchHighlightBackground#ffb442cc
quickInputList.focusBackground#d1cfffa8
quickInputList.focusForeground#000000
statusBar.background#f67d04
statusBar.debuggingBackground#cc6633
statusBar.debuggingForeground#ffffff
statusBar.foreground#ffffff
statusBar.noFolderBackground#68217a
statusBar.noFolderForeground#ffffff
statusBarItem.activeBackground#ffffff2e
statusBarItem.errorBackground#611708
statusBarItem.errorForeground#ffffff
statusBarItem.hoverBackground#6d02f1
statusBarItem.prominentBackground#00000080
statusBarItem.prominentForeground#ffffff
statusBarItem.prominentHoverBackground#0000004d
statusBarItem.remoteBackground#000000
statusBarItem.remoteForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#000000	—
entity.name.type.class, entity.name.type.interface	#000000	bold
entity.other.inherited-class	#000000	—
entity.name.function, meta.definition.method.ts entity.name.function.ts	#000000	bold
variable.parameter, entity.name.variable.parameter, parameter.variable, parameters variable.function	#ff006a	italic
constant.other	#009900	italic
comment, comment.block.documentation.js, comment.line.double-slash.js, entity.name.type.instance.jsdoc, variable.other.jsdoc	#969696	—
storage.type.class.jsdoc, keyword.other.documentation	#969696	bold
string.regexp.js	#9933CC	—
keyword, storage, constant.language, entity.name.tag, punctuation.definition.tag storage.type.function.js, storage.type.js, variable.language.this, variable.language.java, variable.language.super.ts, keyword.control, keyword.operator.new, keyword.operator.expression.typeof.js, keyword.operator.expression.delete.js, keyword.operator.expression.instanceof.js, keyword.other.import, keyword.other.import.static, keyword.other.package, support.type.primitive.ts	#0000E6	—
support.type.property-name.json, entity.other.attribute-name, meta.object-literal.key, variable.other.property, variable.other.object.property, variable.other.constant.property.js, variable.other.constant.object.property.js, support.variable.property.dom.js, variable.object.property	#009900	—
string, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, string.quoted.single.js, string.quoted.double.js	#CE7B00	—
punctation, punctuation.terminator.statement.js, punctuation.separator.key-value.js, punctuation.separator.comma.js, punctuation.definition.block.js, punctuation.accessor.js, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js	#000000	—
support.variable.dom.ts	#9F0D79	—
keyword.operator, storage.type.function.arrow	#000000	—
variable, meta.function-call.ts entity.name.function.ts, meta.function-call.js entity.name.function.js, support.function, support.variable.property.js, storage.modifier.import, storage.modifier.package, storage.type.annotation, storage.type.generic, storage.type.object.array, storage.type.java	#000000	plain
support.class.js	#000000	—
meta.tag.sgml.doctype.html, meta.tag.sgml.doctype.xml, keyword.other.doctype.xml, variable.language.documentroot.xml	#628FB5	—
entity.name.tag, punctuation.definition.tag.xml, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html	#0000E6	—
support.type.property-name.css	#0000E6	—
keyword.other	#000000	—
keyword.control.at-rule.keyframes.css	#000000	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}!`;
}