Ultraedit Theme

Name: Ultraedit Theme
Author: Korand

Publisher: KorandThemes in package: 2

Ultraedit dark and light color themes for VS Code

Open in VS Code GitHub

Color themes

VS Code preview

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

Ultraedit Theme — Ultraedit 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.background#2B303B
activityBar.border#40485880
checkbox.background#2B303B
checkbox.border#404858
checkbox.foreground#D4D4D4
diffEditor.insertedLineBackground#347d3926
diffEditor.insertedTextBackground#57ab5a4d
diffEditor.removedLineBackground#c93c3726
diffEditor.removedTextBackground#f470674d
diffEditorGutter.insertedLineBackground#347d3926
diffEditorGutter.removedLineBackground#c93c3726
diffEditorOverview.insertedForeground#57ab5a60
diffEditorOverview.removedForeground#f4706760
disabledForeground#ECEFF420
dropdown.background#2B303B
dropdown.border#404858
dropdown.foreground#D4D4D4
editor.background#2B303B
editor.findMatchBackground#4C566A90
editor.findMatchHighlightBackground#4C566A00
editor.findMatchHighlightBorder#FFFFFF40
editor.findRangeHighlightBackground#4C566A00
editor.foreground#D4D4D4
editor.inactiveSelectionBackground#4C566A90
editor.lineHighlightBackground#323845B0
editor.selectionBackground#4C566A
editor.selectionHighlightBackground#4C566A00
editor.selectionHighlightBorder#FFFFFF40
editorGroupHeader.border#40485880
editorGroupHeader.tabsBackground#323845
editorGroupHeader.tabsBorder#40485880
editorHoverWidget.background#404858
editorHoverWidget.border#4C566A
editorInlayHint.foreground#6E7D9680
editorLineNumber.foreground#616E88
editorStickyScroll.border#1E2430
editorStickyScroll.shadow#1E2430
editorStickyScrollHover.background#4C566A90
editorSuggestWidget.background#404858
editorSuggestWidget.border#4C566A
editorSuggestWidget.highlightForeground#ECEFF4
editorSuggestWidget.selectedBackground#4C566A
editorSuggestWidget.selectedForeground#D4D4D4
editorUnnecessaryCode.opacity#00000070
editorWidget.background#404858
editorWidget.border#4C566A
focusBorder#4C566A
input.background#2B303B
input.border#40485880
input.foreground#D4D4D4
list.activeSelectionBackground#4C566A
list.activeSelectionForeground#EEEEEE
list.activeSelectionIconForeground#FFFFFF
list.focusHighlightForeground#FFFFFF
list.hoverBackground#4C566A90
list.inactiveSelectionBackground#4C566A
notificationCenter.border#404858
notificationCenterHeader.background#404858
notifications.background#404858
notifications.border#404858
panel.background#404858
panel.border#40485880
panelTitle.activeBorder#4C566A
peekView.border#4C566A
peekViewEditor.background#2B303B
peekViewEditor.matchHighlightBackground#4C566A90
peekViewEditorGutter.background#2B303B
peekViewResult.background#323845
peekViewResult.matchHighlightBackground#4C566A90
peekViewResult.selectionBackground#4C566A
peekViewTitle.background#404858
pickerGroup.border#434C5E
quickInput.background#404858
quickInputList.focusBackground#4C566A
scrollbar.shadow#000000C0
scrollbarSlider.activeBackground#83848599
scrollbarSlider.background#83848533
scrollbarSlider.hoverBackground#83848566
sideBar.background#323845
sideBar.border#40485880
sideBarSectionHeader.background#404858
sideBarSectionHeader.border#4C566A
statusBar.background#404858
statusBar.border#4C566A
statusBar.foreground#D4D4D4
tab.activeBackground#2B303B
tab.activeBorder#2B303B
tab.activeForeground#ECEFF4
tab.border#40485880
tab.inactiveBackground#323845
tab.inactiveForeground#8890A0
terminal.selectionBackground#5E6F8A
textLink.activeForeground#88AAEE
textLink.foreground#6699DD
titleBar.activeBackground#323845
titleBar.activeForeground#ECEFF460
titleBar.border#40485880
titleBar.inactiveBackground#323845
titleBar.inactiveForeground#ECEFF460

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#55A0A0C0	—
comment storage.type.class.jsdoc, comment punctuation.definition.block.tag.jsdoc	#FF6060C0	—
string	#AAAAAA	—
constant.numeric	#FF6060	—
support.function	#C08080	—
variable, meta.definition.variable entity.name.function	#C8843A	—
entity.name.type.class	—	bold
variable.other.global, constant, support.constant, storage, keyword	#6699DD	—
meta.decorator entity.name.function, meta.decorator meta.function-call entity.name.function, meta.decorator punctuation.decorator	#C186B4	—
support.type.primitive, meta.type.annotation, meta.return.type, meta.type.parameters	#8FA3BB	—
constant.regexp	#6B9FDD	—
keyword.operator, storage.modifier	#50B050	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#C186B4	—
support.function.construct.php	—
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, entity.name.tag, entity.name.tag.block.any, entity.name.tag.inline.any	#6699DD	—
entity.other.attribute-name	#FF6060C0	—
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#6699DD	—
meta.property-value.css keyword.other.unit, meta.at-rule.media.header.css keyword.other.unit	#FF6060	—
meta.property-value.css support.constant, meta.property-value.css constant	#C8843A	—
meta.property-value.css support.function	—
punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json	#AAAAAA	—
support.type.property-name.json	#C8843A	—
string.quoted.double.json	#AAAAAA	—
constant.numeric.json	#FF6060	—
constant.language.json	#6699DD	—
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json	#50B050	—
keyword.other.sql, keyword.other.create.sql, keyword.other.DML.sql, keyword.other.DML.II.sql, keyword.other.postgres, keyword.other.sql.postgres, keyword.control.postgres	#C8843A	—