minimal theme vscode

Name: minimal theme vscode
Author: eztaah

Publisher: eztaahThemes in package: 1

minimal theme for vscode

GitHub

VS Code preview

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

minimal theme vscode — minimal

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.background#303032
activityBar.border#30303260
activityBar.foreground#c1c1c4
activityBarBadge.background#9c9c9d
activityBarBadge.foreground#303032
badge.background#30303230
badge.foreground#adadb1
breadcrumb.activeSelectionForeground#8D8D91
breadcrumb.background#303032
breadcrumb.focusForeground#ABABB0
breadcrumb.foreground#A0A0A3
breadcrumbPicker.background#303032
button.background#8D8D9150
contrastBorder#8D8D9140
debugToolBar.background#303032
diffEditor.insertedTextBackground#ECECED15
diffEditor.removedTextBackground#FFFFFF20
dropdown.background#303032
dropdown.border#C8C8CF10
editor.background#222222
editor.findMatchBackground#303032
editor.findMatchBorder#8D8D91
editor.findMatchHighlightBackground#8D8D9193
editor.findMatchHighlightBorder#C8C8CF30
editor.foreground#ABABB0
editor.lineHighlightBackground#30303250
editor.selectionBackground#d0d0d230
editor.selectionHighlightBackground#8D8D916b
editor.selectionHighlightBorder#d0d0d2f0
editorBracketMatch.background#303032
editorBracketMatch.border#D9D9DA7f
editorCursor.foreground#D9D9DA
editorError.foreground#FFFFFF70
editorGroup.border#30303230
editorGroupHeader.tabsBackground#303032
editorGutter.addedBackground#ECECED60
editorGutter.deletedBackground#FFFFFF60
editorGutter.modifiedBackground#d0d0d260
editorHoverWidget.background#303032
editorHoverWidget.border#C8C8CF10
editorIndentGuide.activeBackground1#555558
editorIndentGuide.background1#55555870
editorInfo.foreground#d0d0d270
editorLineNumber.activeForeground#d0d0d2
editorLineNumber.foreground#8D8D91c0
editorLink.activeForeground#ABABB0
editorMarkerNavigation.background#ABABB005
editorOverviewRuler.border#303032
editorOverviewRuler.errorForeground#FFFFFF40
editorOverviewRuler.findMatchForeground#8D8D91
editorOverviewRuler.infoForeground#B3B3B540
editorOverviewRuler.warningForeground#D9D9DA70
editorRuler.foreground#555558
editorSuggestWidget.background#303032
editorSuggestWidget.border#C8C8CF10
editorSuggestWidget.foreground#ABABB0
editorSuggestWidget.highlightForeground#D9D9DA
editorSuggestWidget.selectedBackground#8D8D9120
editorWarning.foreground#ECECED
editorWhitespace.foreground#ABABB040
editorWidget.background#303032
editorWidget.border#D9D9DA
editorWidget.resizeBorder#8D8D91
extensionButton.prominentBackground#ECECED90
extensionButton.prominentHoverBackground#FFFFFF
focusBorder#C8C8CF00
gitDecoration.conflictingResourceForeground#D9D9DA
gitDecoration.deletedResourceForeground#FFFFFF
gitDecoration.ignoredResourceForeground#8D8D91
gitDecoration.modifiedResourceForeground#A0A0A3
gitDecoration.untrackedResourceForeground#d0d0d2
input.background#434345
input.border#C8C8CF10
input.foreground#ABABB0
input.placeholderForeground#ABABB060
inputOption.activeBackground#ABABB030
inputOption.activeBorder#ABABB030
inputValidation.errorBorder#FFFFFF50
inputValidation.infoBorder#d0d0d250
inputValidation.warningBorder#D9D9DA50
list.activeSelectionBackground#434345
list.activeSelectionForeground#d0d0d2
list.focusBackground#434345
list.focusForeground#d0d0d2
list.highlightForeground#8D8D91
list.hoverBackground#434345
list.hoverForeground#d0d0d2
list.inactiveSelectionBackground#434345
list.inactiveSelectionForeground#d0d0d2
list.warningForeground#D9D9DA
listFilterWidget.background#30303230
listFilterWidget.noMatchesOutline#30303230
listFilterWidget.outline#30303230
menu.background#303032f8
menu.border#8D8D9150
menu.foreground#d0d0d2
menu.selectionBackground#434345
menu.selectionBorder#30303230
menu.selectionForeground#ABABB0
menu.separatorBackground#ABABB0
menubar.selectionBackground#434345
menubar.selectionBorder#8D8D9150
menubar.selectionForeground#ABABB0
minimap.background#303032
minimapGutter.addedBackground#272626
minimapGutter.deletedBackground#D9D9DA
minimapGutter.modifiedBackground#ECECED
minimapSlider.activeBackground#ECECEDb0
minimapSlider.background#a5a5a580
minimapSlider.hoverBackground#bbbbbba0
notificationLink.foreground#8D8D91
notifications.background#303032
notifications.foreground#ABABB0
panel.background#303032
panel.border#30303260
panelTitle.activeBorder#8D8D91
panelTitle.activeForeground#C8C8CF
panelTitle.inactiveForeground#ABABB0
peekView.border#30303230
peekViewEditor.background#ABABB005
peekViewEditor.matchHighlightBackground#8D8D9150
peekViewEditorGutter.background#ABABB005
peekViewResult.background#ABABB005
peekViewResult.matchHighlightBackground#8D8D9150
peekViewResult.selectionBackground#8D8D9170
peekViewTitle.background#ABABB005
peekViewTitleDescription.foreground#ABABB060
pickerGroup.foreground#8D8D91
progressBar.background#8D8D91
scrollbar.shadow#30303200
scrollbarSlider.activeBackground#8D8D91cc
scrollbarSlider.background#8D8D91bb
scrollbarSlider.hoverBackground#8D8D91ee
selection.background#8D8D91
settings.checkboxBackground#303032
settings.checkboxForeground#ABABB0
settings.dropdownBackground#303032
settings.dropdownForeground#ABABB0
settings.headerForeground#8D8D91
settings.modifiedItemIndicator#8D8D91
settings.numberInputBackground#303032
settings.numberInputForeground#ABABB0
settings.textInputBackground#303032
settings.textInputForeground#ABABB0
sideBar.background#2c2c2d
sideBar.border#8D8D9150
sideBar.foreground#d0d0d2
sideBarSectionHeader.background#303032
sideBarSectionHeader.border#30303260
sideBarSectionHeader.foreground#d0d0d2
sideBarTitle.foreground#ABABB0
statusBar.background#303032
statusBar.border#30303260
statusBar.debuggingBackground#525257
statusBar.debuggingForeground#D9D9DA
statusBar.foreground#D9D9DA
statusBar.noFolderBackground#303032
statusBarItem.hoverBackground#8D8D9120
statusBarItem.remoteBackground#8D8D91
statusBarItem.remoteForeground#303032
tab.activeBackground#918d9150
tab.activeBorder#8D8D91
tab.activeForeground#d0d0d2
tab.activeModifiedBorder#8D8D91
tab.border#303032
tab.inactiveBackground#8D8D9120
tab.inactiveForeground#d0d0d2
tab.unfocusedActiveBackground#8D8D9140
tab.unfocusedActiveBorder#8D8D91
tab.unfocusedActiveForeground#ABABB0
tab.unfocusedInactiveBackground#8D8D9110
tab.unfocusedInactiveForeground#ABABB07f
terminalCursor.background#303032
terminalCursor.foreground#D9D9DA
textLink.activeForeground#ABABB0
textLink.foreground#8D8D91
titleBar.activeBackground#303032
titleBar.activeForeground#ABABB0
titleBar.border#32303260
titleBar.inactiveBackground#303032
titleBar.inactiveForeground#8D8D91
tree.indentGuidesStroke#555558
widget.shadow#30303230

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text, storage.modifier.array, support.type.property-name.json.comments, punctuation.definition.dictionnary, storage.modifier.reference.cpp, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, text.html.markdown string.quoted.double.html	#cccccc	—
comment	#85857a	—
keyword.control, keyword.other, storage.modifier, storage.type, keyword.operator.sizeof.c, variable.parameter.function.language.special.self.python, variable.language.special.self.python	#f76a6a	—
storage.type.built-in, entity.name.type	#98c379	—
entity.name.function, meta.function-call.generic.python, support.function.magic.python, entity.name.type.class.python	#61afef	—
constant, macro, string.quoted, keyword.other.unit	#bfbb71	—
markup.heading.markdown, entity.name.section.markdown	#f76a6a	bold
meta.paragraph.markdown	#cccccc	—
source.shell, source.shell.bash, source.shell.sh, entity.name.command.shell, meta.argument.shell, meta.statement.shell, meta.statement.command.shell, string.unquoted.argument, constant.other.option	#cccccc	—

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