Tema05's color theme

Name: Tema05's color theme
Author: Tema05

Publisher: Tema05Themes in package: 1

Просто тема.

GitHub

VS Code preview

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

Tema05's color theme — Tema05's color theme

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#007acc
activityBar.background#2b303b
activityBar.foreground#f6f6f6
activityBar.inactiveForeground#abb2bf
activityBarBadge.background#007acc
activityBarBadge.foreground#f6f6f6
badge.background#007acc
badge.foreground#f6f6f6
button.background#007acc
button.foreground#f6f6f6
button.hoverBackground#007acccc
checkbox.background#353b45
checkbox.border#181a1f
checkbox.foreground#f6f6f6
dropdown.background#21252b
dropdown.border#181a1f
dropdown.foreground#abb2bf
dropdown.listBackground#21252b
editor.background#2b303b
editor.findMatchBackground#007acc99
editor.findMatchHighlightBackground#007acc33
editor.findMatchHighlightBorder#007acc99
editor.findRangeHighlightBackground#353b4599
editor.foreground#abb2bf
editor.hoverHighlightBackground#007acc33
editor.inactiveSelectionBackground#353b4599
editor.lineHighlightBackground#353b45
editor.rangeHighlightBackground#353b45
editor.selectionBackground#353b45
editor.selectionHighlightBackground#353b4599
editor.selectionHighlightBorder#abb2bf33
editor.snippetFinalTabstopHighlightBorder#007acc99
editor.snippetTabstopHighlightBackground#abb2bf33
editor.symbolHighlightBackground#007acc33
editor.wordHighlightBackground#abb2bf33
editor.wordHighlightStrongBackground#007acc33
editorBracketMatch.background#353b45
editorBracketMatch.border#abb2bf99
editorCursor.foreground#007acc
editorGroup.border#181a1f
editorGroup.dropBackground#2b303b99
editorGroupHeader.tabsBackground#21252b
editorHoverWidget.background#21252b
editorHoverWidget.border#181a1f
editorIndentGuide.activeBackground#abb2bf99
editorIndentGuide.background#abb2bf33
editorLineNumber.activeForeground#f6f6f6
editorLineNumber.foreground#abb2bf99
editorOverviewRuler.border#abb2bf33
editorOverviewRuler.bracketMatchForeground#f6f6f699
editorOverviewRuler.findMatchForeground#007acc99
editorOverviewRuler.selectionHighlightForeground#abb2bf33
editorOverviewRuler.wordHighlightForeground#f6f6f699
editorSuggestWidget.background#21252b
editorSuggestWidget.border#181a1f
editorSuggestWidget.focusHighlightForeground#3794ff
editorSuggestWidget.highlightForeground#3794ff
editorSuggestWidget.selectedBackground#2b303b
editorUnnecessaryCode.opacity#00000099
editorWhitespace.foreground#abb2bf33
editorWidget.background#2b303b
editorWidget.border#abb2bf33
focusBorder#007acc
foreground#abb2bf
icon.foreground#abb2bf
input.background#21252b
input.border#181a1f
input.placeholderForeground#abb2bf99
inputOption.activeBackground#353b45
inputOption.activeForeground#f6f6f6
inputValidation.infoBackground#2b303b
inputValidation.infoBorder#007acc
inputValidation.infoForeground#abb2bf
keybindingLabel.background#abb2bf33
keybindingLabel.foreground#f6f6f6
list.activeSelectionBackground#2b303b
list.activeSelectionForeground#f6f6f6
list.dropBackground#2b303b99
list.focusHighlightForeground#3794ff
list.highlightForeground#3794ff
list.hoverBackground#2b303b99
list.inactiveSelectionBackground#2b303b
list.inactiveSelectionForeground#f6f6f6
list.inactiveSelectionIconForeground#f6f6f6
menu.background#353b45
menu.foreground#f6f6f6
menu.selectionBackground#2b303b
menubar.selectionBackground#353b45
menubar.selectionForeground#f6f6f6
minimap.findMatchHighlight#007acc33
minimap.selectionHighlight#353b4599
minimapSlider.activeBackground#21252b66
minimapSlider.background#21252b66
minimapSlider.hoverBackground#21252b66
notificationCenterHeader.background#353b45
notificationCenterHeader.foreground#f6f6f6
notifications.background#353b45
notifications.border#abb2bf66
notifications.foreground#f6f6f6
panel.border#abb2bf99
panelTitle.activeBorder#007acc
panelTitle.activeForeground#f6f6f6
panelTitle.inactiveForeground#abb2bf
peekView.border#007acc
peekViewEditor.background#2b303b
peekViewEditor.matchHighlightBackground#007acc99
peekViewResult.background#21252b
peekViewResult.lineForeground#abb2bf
peekViewResult.matchHighlightBackground#007acc99
peekViewResult.selectionBackground#2b303b
peekViewResult.selectionForeground#f6f6f6
peekViewTitle.background#2b303b
peekViewTitleDescription.foreground#abb2bf
peekViewTitleLabel.foreground#f6f6f6
quickInput.background#353b45
quickInput.foreground#f6f6f6
quickInputList.focusBackground#2b303b
scrollbar.shadow#181a1f
scrollbarSlider.activeBackground#007acc99
scrollbarSlider.background#007acc33
scrollbarSlider.hoverBackground#007acc99
selection.background#353b45
settings.headerForeground#f6f6f6
settings.modifiedItemIndicator#007acc
sideBar.background#21252b
sideBar.dropBackground#2b303b99
sideBarSectionHeader.background#2b303b
statusBar.background#21252b
statusBar.foreground#abb2bf
statusBarItem.activeBackground#007acc
statusBarItem.hoverBackground#353b45
tab.activeBorder#007acc
tab.activeForeground#f6f6f6
tab.border#181a1f
tab.hoverBackground#2b303b99
tab.inactiveBackground#21252b
tab.inactiveForeground#abb2bf
tab.lastPinnedBorder#f6f6f6
tab.unfocusedActiveBorder#007acc
tab.unfocusedActiveForeground#f6f6f6
tab.unfocusedInactiveForeground#abb2bf
textLink.activeForeground#3794ffcc
textLink.foreground#3794ff
titleBar.activeBackground#2b303b
titleBar.activeForeground#abb2bf
titleBar.inactiveBackground#2b303b
titleBar.inactiveForeground#abb2bf
toolbar.activeBackground#007acc
toolbar.hoverBackground#353b45
tree.indentGuidesStroke#abb2bf99
tree.tableColumnsBorder#abb2bf33
widget.shadow#181a1f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
support.type.property-name.json, entity.other.attribute.lua	#e06c75	—
string.quoted.double.json, string.quoted.double.lua, string.quoted.single.lua	#98c379	—
constant.numeric.json, constant.numeric.float.lua, constant.numeric.float.hexadecimal.lua, constant.language.bool.lua	#d19a66	—
constant.language.json, constant.character.escape.json, support.function.library.lua, keyword.operator.lua, constant.character.escape.lua, support.function.lua, constant.language.lua	#56b6c2	—
keyword.local.lua, keyword.control.lua, constant.language.nil.lua	#c678dd	—
support.function.any-method.lua, entity.name.method.lua	#61afef	—
string.quoted.other.multiline.lua, meta.embedded.lua	#be5046	—
comment.line.double-dash.lua, comment.line.double-dash.documentation.lua, comment.block.lua	#5c6370	italic

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