Minimal Themes

Name: Minimal Themes
Author: Amir Majdi

Publisher: Amir MajdiThemes in package: 2

Minimal, distraction free & focus oriented themes for your environment.

GitHub

Color themes

VS Code preview

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

Minimal Themes — Minimal Dark

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#00000000
activityBar.background#0A0A0A
activityBar.border#0A0A0A
activityBar.foreground#FFFFFF
activityBar.inactiveForeground#8a8a8a
activityBarBadge.background#202024
activityBarBadge.foreground#FFFFFF
badge.background#202024
badge.foreground#FFFFFF
breadcrumb.background#0A0A0A
button.background#1E1E22
button.foreground#FFFFFF
button.hoverBackground#A7C7E7
contrastActiveBorder#00000000
debugToolBar.background#0A0A0A
diffEditor.insertedLineBackground#9CF2C133
diffEditor.insertedTextBackground#9CF2C144
diffEditor.removedLineBackground#FF9EC433
diffEditor.removedTextBackground#FF9EC444
diffEditorGutter.insertedBackground#9CF2C1aa
diffEditorGutter.removedBackground#FF9EC4aa
dropdown.background#0A0A0A
dropdown.border#00000000
dropdown.listBackground#0A0A0A
editor.background#0A0A0A
editor.foreground#FFFFFF
editor.inactiveSelectionBackground#88888866
editor.lineHighlightBackground#0A0A0A
editor.minimap.background#0A0A0A
editor.selectionBackground#888888DD
editor.selectionForeground#0A0A0A
editor.selectionHighlightBackground#88888833
editorCursor.foreground#FFFFFF
editorError.foreground#FF9EC4
editorGroup.border#0A0A0A
editorGroupHeader.noTabsBackground#0A0A0A
editorGroupHeader.tabsBackground#0A0A0A
editorGutter.addedBackground#9CF2C1
editorGutter.background#0A0A0A
editorGutter.deletedBackground#FF9EC4
editorGutter.modifiedBackground#FFEFAA
editorHoverWidget.background#0A0A0A
editorHoverWidget.border#00000000
editorIndentGuide.activeBackground#5a5a5a
editorIndentGuide.background#2a2a2a
editorInfo.foreground#8AB6F2
editorLineNumber.activeForeground#5a5a5a
editorLineNumber.foreground#2b2b2b
editorRuler.foreground#1a1a1a
editorWarning.foreground#FFEFAA
editorWidget.background#0A0A0A
editorWidget.border#00000000
focusBorder#00000000
gitDecoration.addedResourceForeground#9CF2C1
gitDecoration.conflictingResourceForeground#D9A7FF
gitDecoration.deletedResourceForeground#FF9EC4
gitDecoration.ignoredResourceForeground#6a6a6a
gitDecoration.modifiedResourceForeground#FFEFAA
gitDecoration.renamedResourceForeground#8AB6F2
gitDecoration.stageDeletedResourceForeground#FF9EC4
gitDecoration.stageModifiedResourceForeground#FFEFAA
gitDecoration.submoduleResourceForeground#A7E9FF
gitDecoration.untrackedResourceForeground#9CF2C1
input.background#0A0A0A
input.border#1a1a1a
inputOption.activeBorder#3A3A3D
list.activeSelectionBackground#151518
list.activeSelectionForeground#FFFFFF
list.errorForeground#FF9EC4
list.focusOutline#00000000
list.highlightForeground#A7C7E7
list.hoverBackground#121214
list.inactiveSelectionBackground#121214
list.inactiveSelectionForeground#FFFFFF
list.infoForeground#8AB6F2
list.warningForeground#FFEFAA
menu.background#0A0A0A
merge.commonContentBackground#D9A7FF33
merge.commonHeaderBackground#D9A7FF88
merge.currentContentBackground#8AB6F233
merge.currentHeaderBackground#8AB6F288
merge.incomingContentBackground#9CF2C133
merge.incomingHeaderBackground#9CF2C188
minimapGutter.addedBackground#9CF2C1cc
minimapGutter.deletedBackground#FF9EC4cc
minimapGutter.modifiedBackground#FFEFAAcc
notifications.border#00000000
panel.background#0A0A0A
panel.border#00000000
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#8a8a8a
peekViewEditor.background#0A0A0A
peekViewResult.background#0A0A0A
pickerGroup.border#00000000
pickerGroup.foreground#A7C7E7
quickInput.background#0A0A0A
quickInputList.focusForeground#A7C7E7
quickInputList.focusIconForeground#A7C7E7
scrollbarSlider.activeBackground#0A0A0A
scrollbarSlider.background#0A0A0A
scrollbarSlider.hoverBackground#0A0A0A
selection.background#1A1A1D
sideBar.background#0A0A0A
sideBar.border#00000000
sideBar.foreground#FFFFFF
sideBarSectionHeader.background#0A0A0A
sideBarSectionHeader.border#0A0A0A
sideBarTitle.foreground#FFFFFF
statusBar.background#0A0A0A
statusBar.border#00000000
statusBar.debuggingBackground#0A0A0A
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#0A0A0A
statusBarItem.remoteBackground#202024
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#121214
tab.activeBorder#00000000
tab.activeBorderTop#00000000
tab.activeForeground#FFFFFF
tab.border#00000000
tab.hoverBackground#161619
tab.hoverBorder#00000000
tab.inactiveBackground#0A0A0A
tab.inactiveForeground#9a9aa0
tab.unfocusedActiveBackground#121214
terminal.ansiBlack#0A0A0A
terminal.ansiBlue#A7C7E7
terminal.ansiBrightBlack#1a1a1a
terminal.ansiBrightBlue#A7C7E7
terminal.ansiBrightCyan#BDE0FE
terminal.ansiBrightGreen#B7E4C7
terminal.ansiBrightMagenta#D6B3FF
terminal.ansiBrightRed#3A3A3D
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFEFAA
terminal.ansiCyan#BDE0FE
terminal.ansiGreen#B7E4C7
terminal.ansiMagenta#D6B3FF
terminal.ansiRed#3A3A3D
terminal.ansiWhite#FFFFFF
terminal.ansiYellow#FFEFAA
terminal.background#0A0A0A
terminal.selectionBackground#88888866
textLink.activeForeground#BDE0FE
textLink.foreground#A7C7E7
titleBar.activeBackground#0A0A0A
titleBar.border#0A0A0A
titleBar.inactiveBackground#0A0A0A
welcomePage.background#0A0A0A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6A6A6A	—
string, constant.other.symbol, string.template	#A7C7E7	—
constant.numeric, constant.language, variable.other.constant	#FFF1A8	—
keyword, storage, storage.type, storage.modifier	#D6B3FF	—
entity.name.type, support.type, support.class, entity.other.inherited-class	#F6A5C0	—
entity.name.function, meta.function-call, support.function, variable.function	#B7E4C7	—
variable.other.property, meta.property-name, entity.other.attribute-name, entity.name.tag	#D6B3FF	—
variable, meta.definition.variable.name, variable.parameter	#FFFFFF	—

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