UniEye

Name: UniEye
Author: hb

Publisher: hbThemes in package: 1

A vintage, retro, dark, vibrant, contrast, indigo Visual Studio Code theme

Open in VS Code GitHub

VS Code preview

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

UniEye — UniEye

fetchUser.ts

index.ts

README.md

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#7040FF
activityBar.background#0B0A10
activityBar.border#453C60
activityBar.foreground#CAC3DF
activityBarBadge.background#BF3054
activityBarBadge.foreground#c8c6d1
badge.background#BF3054
badge.foreground#CAC3DF
breadcrumb.activeSelectionForeground#CAC3DF
breadcrumb.background#0B0A10
breadcrumb.focusForeground#CAC3DF
breadcrumb.foreground#ADA7BF
breadcrumbPicker.background#453C60
button.background#7040FF
button.foreground#CAC3DF
checkbox.background#453C60
checkbox.foreground#CAC3DF
debugToolBar.background#0B0A10
debugToolBar.border#453C60
diffEditor.border#453C60
diffEditor.insertedTextBackground#149F3740
diffEditor.removedTextBackground#9F284640
dropdown.background#453C60
dropdown.foreground#CAC3DF
dropdown.listBackground#453C60
editor.background#0B0A10
editor.findMatchBackground#6238DF40
editor.findMatchBorder#ADA7BF80
editor.findMatchHighlightBackground#DF8B3840
editor.findMatchHighlightBorder#ADA7BF80
editor.foldBackground#908B9F40
editor.foreground#CAC3DF
editor.hoverHighlightBackground#2E2840
editor.lineHighlightBackground#0B0A10
editor.lineHighlightBorder#453C60
editor.selectionBackground#7040FF40
editor.selectionForeground#CAC3DF
editor.selectionHighlightBorder#ADA7BF80
editorBracketMatch.background#6238DF40
editorBracketMatch.border#ADA7BF80
editorCursor.background#0B0A10
editorCursor.foreground#CAC3DF
editorError.foreground#9F2846
editorGroup.border#453C60
editorGroup.dropBackground#7040FF40
editorGroup.emptyBackground#0B0A10
editorGroupHeader.noTabsBackground#0B0A10
editorGroupHeader.tabsBackground#0B0A10
editorGroupHeader.tabsBorder#453C60
editorGutter.addedBackground#149F3780
editorGutter.background#0B0A10
editorGutter.deletedBackground#9F284680
editorGutter.modifiedBackground#908B9F80
editorHoverWidget.background#0B0A10
editorHoverWidget.border#453C60
editorHoverWidget.foreground#CAC3DF
editorHoverWidget.statusBarBackground#453C60
editorIndentGuide.activeBackground#CAC3DFBF
editorIndentGuide.background#CAC3DF40
editorInfo.foreground#3C869F
editorLightBulb.foreground#DF8B38
editorLineNumber.activeForeground#CAC3DFBF
editorLineNumber.foreground#CAC3DF40
editorLink.activeForeground#CAC3DFBF
editorOverviewRuler.addedForeground#149F3780
editorOverviewRuler.border#453C60
editorOverviewRuler.bracketMatchForeground#ADA7BF80
editorOverviewRuler.commonContentForeground#908B9F80
editorOverviewRuler.currentContentForeground#149F3780
editorOverviewRuler.deletedForeground#9F284680
editorOverviewRuler.errorForeground#9F284680
editorOverviewRuler.findMatchForeground#6238DF80
editorOverviewRuler.incomingContentForeground#6238DF80
editorOverviewRuler.infoForeground#3C869F80
editorOverviewRuler.modifiedForeground#908B9F80
editorOverviewRuler.warningForeground#DF8B3880
editorSuggestWidget.background#0B0A10
editorSuggestWidget.border#453C60
editorSuggestWidget.foreground#CAC3DF
editorSuggestWidget.highlightForeground#7040FF
editorSuggestWidget.selectedBackground#453C60
editorUnnecessaryCode.opacity#ADA7BFBF
editorWarning.foreground#DF8B38
editorWhitespace.foreground#ADA7BF40
editorWidget.background#0B0A10
editorWidget.border#453C60
editorWidget.foreground#CAC3DF
editorWidget.resizeBorder#7040FF
errorForeground#9F2846
extensionBadge.remoteBackground#BF3054
extensionBadge.remoteForeground#CAC3DF
extensionButton.prominentBackground#7040FF
extensionButton.prominentForeground#CAC3DF
focusBorder#7040FFBF
foreground#CAC3DF
gitDecoration.addedResourceForeground#3C869F
gitDecoration.conflictingResourceForeground#DF8B38
gitDecoration.deletedResourceForeground#9F2846
gitDecoration.ignoredResourceForeground#908B9F
gitDecoration.modifiedResourceForeground#6238DF
gitDecoration.submoduleResourceForeground#A148BF
gitDecoration.untrackedResourceForeground#149F37
icon.foreground#CAC3DF
imagePreview.border#453C60
input.background#453C60
input.foreground#CAC3DF
input.placeholderForeground#ADA7BF
list.activeSelectionBackground#7040FF
list.activeSelectionForeground#CAC3DF
list.dropBackground#7040FF40
list.errorForeground#9F2846
list.filterMatchBackground#DF8B3840
list.filterMatchBorder#ADA7BF80
list.focusBackground#7040FF80
list.focusForeground#CAC3DF
list.hoverBackground#7040FF40
list.hoverForeground#CAC3DF
list.inactiveFocusBackground#7040FF40
list.inactiveSelectionBackground#7040FF40
list.inactiveSelectionForeground#CAC3DF
list.invalidItemForeground#9F2846
list.warningForeground#DF8B38
listFilterWidget.background#0B0A10
listFilterWidget.noMatchesOutline#9F2846
listFilterWidget.outline#453C60
menu.background#0B0A10
menu.border#453C60
menu.foreground#CAC3DF
menu.selectionBackground#7040FF
menu.selectionBorder#453C60
menu.selectionForeground#CAC3DF
menu.separatorBackground#453C60
menubar.selectionBackground#7040FF
menubar.selectionForeground#CAC3DF
merge.commonContentBackground#908B9F40
merge.commonHeaderBackground#908B9F80
merge.currentContentBackground#149F3740
merge.currentHeaderBackground#149F3780
merge.incomingContentBackground#6238DF40
merge.incomingHeaderBackground#6238DF80
minimap.background#0B0A10
minimap.errorHighlight#9F2846
minimap.findMatchHighlight#DF8B38
minimap.selectionHighlight#6238DF
minimap.warningHighlight#DF8B38
minimapGutter.addedBackground#149F37
minimapGutter.deletedBackground#9F2846
minimapGutter.modifiedBackground#908B9F
minimapSlider.activeBackground#7040FF80
minimapSlider.background#7040FF40
minimapSlider.hoverBackground#7040FFBF
notificationCenter.border#453C60
notificationCenterHeader.background#453C60
notificationCenterHeader.foreground#CAC3DF
notificationLink.foreground#ADA7BF
notifications.background#0B0A10
notifications.border#453C60
notifications.foreground#CAC3DF
notificationsErrorIcon.foreground#9F2846
notificationsInfoIcon.foreground#3C869F
notificationsWarningIcon.foreground#DF8B38
notificationToast.border#453C60
panel.background#0B0A10
panel.border#453C60
panel.dropBackground#7040FF40
panelTitle.activeBorder#7040FF
panelTitle.activeForeground#CAC3DF
peekView.border#453C60
peekViewEditor.background#0B0A10
peekViewEditor.matchHighlightBackground#7040FF40
peekViewEditor.matchHighlightBorder#ADA7BF80
peekViewEditorGutter.background#0B0A10
peekViewResult.background#0B0A10
peekViewResult.fileForeground#CAC3DF
peekViewResult.lineForeground#CAC3DF
peekViewResult.matchHighlightBackground#7040FFBF
peekViewResult.selectionBackground#7040FF
peekViewResult.selectionForeground#CAC3DF
peekViewTitle.background#0B0A10
peekViewTitleDescription.foreground#ADA7BF
peekViewTitleLabel.foreground#CAC3DF
pickerGroup.border#453C60
pickerGroup.foreground#CAC3DF
problemsErrorIcon.foreground#9F2846
problemsInfoIcon.foreground#3C869F
problemsWarningIcon.foreground#DF8B38
progressBar.background#7040FF
quickInput.background#0B0A10
quickInput.foreground#CAC3DF
scrollbar.shadow#453C6040
scrollbarSlider.activeBackground#7040FF80
scrollbarSlider.background#7040FF40
scrollbarSlider.hoverBackground#7040FFBF
selection.background#6238DF
sideBar.background#0B0A10
sideBar.border#453C60
sideBar.dropBackground#7040FF40
sideBar.foreground#CAC3DF
sideBarSectionHeader.background#453C60
sideBarSectionHeader.foreground#CAC3DF
sideBarTitle.foreground#CAC3DF
statusBar.background#6238DF
statusBar.border#6238DF
statusBar.debuggingBackground#149F37
statusBar.debuggingBorder#149F37
statusBar.debuggingForeground#CAC3DF
statusBar.foreground#CAC3DF
statusBar.noFolderBackground#0B0A10
statusBar.noFolderBorder#453C60
statusBar.noFolderForeground#CAC3DF
statusBarItem.activeBackground#7040FF
statusBarItem.hoverBackground#7040FFBF
statusBarItem.prominentBackground#3C869F
statusBarItem.prominentForeground#CAC3DF
statusBarItem.prominentHoverBackground#48A1BF
statusBarItem.remoteBackground#DF8B38
statusBarItem.remoteForeground#CAC3DF
tab.activeBackground#0B0A10
tab.activeBorderTop#7040FF
tab.activeForeground#CAC3DF
tab.border#453C60
tab.hoverBackground#453C60
tab.hoverBorder#453C60
tab.inactiveBackground#0B0A10
tab.inactiveForeground#CAC3DF
terminal.ansiBlack#2E2840
terminal.ansiBlue#6238DF
terminal.ansiBrightBlack#453C60
terminal.ansiBrightBlue#7040FF
terminal.ansiBrightCyan#48A1BF
terminal.ansiBrightGreen#18BF42
terminal.ansiBrightMagenta#BC54DF
terminal.ansiBrightRed#BF3054
terminal.ansiBrightWhite#ADA7BF
terminal.ansiBrightYellow#FF9F40
terminal.ansiCyan#3C869F
terminal.ansiGreen#149F37
terminal.ansiMagenta#A148BF
terminal.ansiRed#9F2846
terminal.ansiWhite#908B9F
terminal.ansiYellow#DF8B38
terminal.background#0B0A10
terminal.border#453C60
terminal.foreground#CAC3DF
terminal.selectionBackground#7040FF40
terminalCursor.background#0B0A10
terminalCursor.foreground#CAC3DF
titleBar.activeBackground#0B0A10
titleBar.activeForeground#CAC3DF
titleBar.border#453C60
titleBar.inactiveBackground#2E2840
titleBar.inactiveForeground#CAC3DF
tree.indentGuidesStroke#453C60
widget.shadow#453C6040
window.activeBorder#453C60
window.inactiveBorder#2E2840

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#CAC3DF	—
comment, string.quoted.double.block.python	#453C60	—
keyword.operator.class, constant.other, source.php.embedded.line	#CAC3DF
variable, support.other.variable, string.other.link, string.regexp, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag	#ADA7BF	—
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit	#BC54DF
entity.name.class, entity.name.type.class, support.type, support.class	#7040FF
string, constant.other.symbol, entity.other.inherited-class, markup.heading	#18BF42
keyword.operator, constant.other.color	#FF9F40	—
entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level	#48A1BF
keyword, storage, storage.type, entity.name.tag.css	#BF3054
invalid	#CAC3DF
meta.separator	#CAC3DF	—
invalid.deprecated	#CAC3DF
markup.inserted.diff, markup.deleted.diff, meta.diff.header.to-file, meta.diff.header.from-file	#CAC3DF	—
markup.inserted.diff, meta.diff.header.to-file	#149F37	—
markup.deleted.diff, meta.diff.header.from-file	#9F2846	—
meta.diff.header.from-file, meta.diff.header.to-file	#CAC3DF	—
meta.diff.range	#3C869F	italic
markup.deleted	#9F2846	—
markup.inserted	#149F37	—
markup.changed	#6238DF	—

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