Modus Minimal

Name: Modus Minimal
Author: nashpatty

Publisher: nashpattyThemes in package: 2

Modus color scheme with minimal syntax highlights.

Open in VS Code

Color themes

VS Code preview

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

Modus Minimal — Modus Operandi Minimal

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

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#D6D6D6
activityBar.activeBorder#000000
activityBar.activeFocusBorder#0069CCFF
activityBar.background#FAFAFD
activityBar.border#F0F1F2FF
activityBar.foreground#202020
activityBar.inactiveForeground#606060
activityBarBadge.background#0069CC
activityBarBadge.foreground#FFFFFF
activityBarTop.activeBorder#000000
activityErrorBadge.background#ad0707
activityErrorBadge.foreground#FFFFFF
activityWarningBadge.background#F2C94C
activityWarningBadge.foreground#202020
agents.background#FAFAFD
agentsBadge.background#0069CC
agentsBadge.foreground#FFFFFF
agentsChatInput.background#F7F7FA
agentsChatInput.border#D8D8D8
agentsChatInput.focusBorder#0069CCFF
agentsChatInput.foreground#202020
agentsChatInput.placeholderForeground#999999
agentsGradient.tintColor#0069CC
agentsNewSessionButton.background#00000000
agentsNewSessionButton.border#D8D8D8
agentsNewSessionButton.foreground#202020
agentsNewSessionButton.hoverBackground#00000010
agentsPanel.background#FFFFFF
agentsPanel.border#E4E5E6FF
agentsPanel.foreground#202020
agentStatusIndicator.background#FFFFFF
agentsUnreadBadge.background#0069CC
agentsUnreadBadge.foreground#FFFFFF
badge.background#0069CC
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#202020
breadcrumb.background#FFFFFF
breadcrumb.focusForeground#202020
breadcrumb.foreground#606060
breadcrumbPicker.background#FAFAFD
button.background#0069CC
button.border#0069CC
button.foreground#FFFFFF
button.hoverBackground#0063C1
button.secondaryBackground#EAEAEA
button.secondaryBorder#EAEAEA
button.secondaryForeground#202020
button.secondaryHoverBackground#F2F3F4
charts.blue#1A5CFF
charts.foreground#202020
charts.green#388A34
charts.lines#20202066
charts.orange#d18616
charts.purple#652D90
charts.red#ad0707
charts.yellow#667309
chat.inputWorkingBorderColor1#0069CCF2
chat.inputWorkingBorderColor2#004A99F2
chat.inputWorkingBorderColor3#3399E6F2
chat.requestBubbleBackground#EEF4FBF2
chat.requestBubbleHoverBackground#E6EDFAF2
chat.thinkingShimmer#999999F2
checkbox.background#EAEAEA
checkbox.border#868686
checkbox.foreground#606060
commandCenter.activeBackground#DADADA4f
commandCenter.activeBorder#D8D8D8
commandCenter.activeForeground#202020
commandCenter.background#FFFFFF
commandCenter.border#D8D8D8AA
commandCenter.foreground#202020
descriptionForeground#606060
diffEditor.insertedTextBackground#587c0c26
diffEditor.removedTextBackground#ad070726
disabledForeground#BBBBBB
dropdown.background#FFFFFF
dropdown.border#D8D8D8
dropdown.foreground#202020
dropdown.listBackground#FFFFFF
editor.background#FFFFFF
editor.findMatchBackground#0069CC40
editor.findMatchHighlightBackground#0069CC1A
editor.findRangeHighlightBackground#EAEAEAF2
editor.foreground#000000
editor.hoverHighlightBackground#EAEAEAF2
editor.inactiveSelectionBackground#0069CC1A
editor.lineHighlightBorder#dae5ec
editor.rangeHighlightBackground#EAEAEAF2
editor.selectionBackground#0069cc22
editor.selectionHighlightBackground#0069CC15
editor.wordHighlightBackground#0069CC26
editor.wordHighlightStrongBackground#0069CC26
editorBracketMatch.background#2f7f9f25
editorBracketMatch.border#2f7f9f75
editorCodeLens.foreground#606060
editorCommentsWidget.rangeActiveBackground#E6EDFA
editorCommentsWidget.rangeBackground#EEF4FB
editorCursor.foreground#202020
editorGroupHeader.tabsBackground#FAFAFD
editorGroupHeader.tabsBorder#F0F1F2FF
editorGutter.addedBackground#587c0c
editorGutter.background#FFFFFF
editorGutter.deletedBackground#ad0707
editorHoverWidget.background#FAFAFD
editorHoverWidget.border#E4E5E6FF
editorIndentGuide.activeBackground1#59595975
editorIndentGuide.background1#59595920
editorLineNumber.activeForeground#000000
editorLineNumber.foreground#9a9a9a
editorLink.activeForeground#0069CC
editorOverviewRuler.addedForeground#587c0c
editorOverviewRuler.border#F0F1F2FF
editorOverviewRuler.deletedForeground#ad0707
editorOverviewRuler.errorForeground#ad0707
editorOverviewRuler.findMatchForeground#0069CC99
editorOverviewRuler.modifiedForeground#0069CC
editorOverviewRuler.warningForeground#667309
editorRuler.foreground#59595920
editorStickyScroll.border#F0F1F2FF
editorStickyScroll.shadow#00000000
editorStickyScrollHover.background#F0F0F3
editorSuggestWidget.background#FAFAFD
editorSuggestWidget.border#E4E5E6FF
editorSuggestWidget.focusOutline#0069CCFF
editorSuggestWidget.foreground#202020
editorSuggestWidget.highlightForeground#0069CC
editorSuggestWidget.selectedBackground#00000025
editorSuggestWidget.selectedForeground#202020
editorSuggestWidget.selectedIconForeground#202020
editorWhitespace.foreground#60606040
editorWidget.background#FAFAFD
editorWidget.border#E4E5E6FF
editorWidget.foreground#202020
errorForeground#ad0707
extensionButton.prominentBackground#0069CC
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#0064CC
focusBorder#0069CCFF
foreground#202020
gitDecoration.addedResourceForeground#587c0c
gitDecoration.conflictingResourceForeground#ad0707
gitDecoration.deletedResourceForeground#ad0707
gitDecoration.ignoredResourceForeground#8E8E90
gitDecoration.modifiedResourceForeground#667309
gitDecoration.stageDeletedResourceForeground#ad0707
gitDecoration.stageModifiedResourceForeground#667309
gitDecoration.untrackedResourceForeground#587c0c
icon.foreground#606060
inlineChat.border#00000000
input.background#FFFFFF
input.border#D8D8D866
input.foreground#202020
input.placeholderForeground#999999
inputOption.activeBackground#D6D6D6
inputOption.activeBorder#F0F1F2FF
inputOption.activeForeground#202020
inputValidation.errorBackground#FDEDED
inputValidation.errorBorder#ad0707
inputValidation.errorForeground#202020
inputValidation.infoBackground#E6F2FA
inputValidation.infoBorder#0069CC
inputValidation.infoForeground#202020
inputValidation.warningBackground#FDF6E3
inputValidation.warningBorder#B69500
inputValidation.warningForeground#202020
list.activeSelectionBackground#00000025
list.activeSelectionForeground#202020
list.dropBackground#0069CC15
list.errorForeground#ad0707
list.focusBackground#00000025
list.focusForeground#202020
list.focusOutline#0069CCFF
list.highlightForeground#0069CC
list.hoverBackground#00000014
list.hoverForeground#202020
list.inactiveSelectionBackground#DADADA99
list.inactiveSelectionForeground#202020
list.invalidItemForeground#BBBBBB
list.warningForeground#667309
listFilterWidget.shadow#00000000
menu.background#FAFAFD
menu.border#E4E5E6FF
menu.foreground#202020
menu.selectionBackground#0069CC1A
menu.selectionBorder#0069CC
menu.selectionForeground#202020
menu.separatorBackground#EEEEF1
menubar.selectionBackground#EAEAEA
menubar.selectionForeground#202020
minimapSlider.activeBackground#646464E0
minimapSlider.background#646464C0
minimapSlider.hoverBackground#646464D0
notificationCenter.border#F0F1F2FF
notificationCenterHeader.background#FAFAFD
notificationCenterHeader.foreground#202020
notificationLink.foreground#0069CC
notifications.background#FAFAFD
notifications.border#F0F1F2FF
notifications.foreground#202020
notificationsErrorIcon.foreground#ad0707
notificationsInfoIcon.foreground#0069CC
notificationsWarningIcon.foreground#B69500
notificationToast.border#F0F1F2FF
panel.background#FAFAFD
panel.border#F0F1F2FF
panelStickyScroll.shadow#00000000
panelTitle.activeBorder#000000
panelTitle.activeForeground#202020
panelTitle.inactiveForeground#606060
peekView.border#0069CC
peekViewEditor.background#FAFAFD
peekViewEditor.matchHighlightBackground#0069CC33
peekViewResult.background#FAFAFD
peekViewResult.fileForeground#202020
peekViewResult.lineForeground#606060
peekViewResult.matchHighlightBackground#0069CC33
peekViewResult.selectionBackground#0069CC26
peekViewResult.selectionForeground#202020
peekViewTitle.background#FAFAFD
peekViewTitleDescription.foreground#606060
peekViewTitleLabel.foreground#202020
pickerGroup.border#EEEEF1
pickerGroup.foreground#202020
problemsWarningIcon.foreground#895503
progressBar.background#0069CC
quickInput.background#FAFAFD
quickInput.foreground#202020
quickInputList.focusBackground#0069CC
quickInputList.focusForeground#FFFFFF
quickInputList.focusHighlightForeground#FFFFFF
quickInputList.focusIconForeground#FFFFFF
quickInputTitle.background#FAFAFD
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#646464E0
scrollbarSlider.background#646464C0
scrollbarSlider.hoverBackground#646464D0
sideBar.background#FAFAFD
sideBar.border#F0F1F2FF
sideBar.foreground#202020
sideBarSectionHeader.background#FAFAFD
sideBarSectionHeader.border#F0F1F2FF
sideBarSectionHeader.foreground#202020
sideBarStickyScroll.shadow#00000000
sideBarTitle.foreground#202020
statusBar.background#FAFAFD
statusBar.border#F0F1F2FF
statusBar.debuggingBackground#0069CC
statusBar.debuggingForeground#FFFFFF
statusBar.focusBorder#0069CCFF
statusBar.foreground#606060
statusBar.noFolderBackground#F0F0F3
statusBar.noFolderForeground#606060
statusBarItem.activeBackground#EEEEEE
statusBarItem.focusBorder#0069CCFF
statusBarItem.hoverBackground#E3E3E5
statusBarItem.prominentBackground#0069CCDD
statusBarItem.prominentForeground#FFFFFF
statusBarItem.prominentHoverBackground#0069CC
statusBarItem.prominentHoverForeground#FFFFFF
surface.background#FFFFFF
surface.border#E4E5E6FF
surface.foreground#202020
tab.activeBackground#FFFFFF
tab.activeBorder#FFFFFF
tab.activeBorderTop#000000
tab.activeForeground#202020
tab.border#F0F1F2FF
tab.hoverBackground#FFFFFF
tab.hoverForeground#202020
tab.inactiveBackground#FAFAFD
tab.inactiveForeground#606060
tab.lastPinnedBorder#F0F1F2FF
tab.unfocusedActiveBackground#FAFAFD
tab.unfocusedActiveForeground#606060
tab.unfocusedInactiveBackground#FAFAFD
tab.unfocusedInactiveForeground#BBBBBB
terminal.ansiBlack#000000
terminal.ansiBlue#0031a9
terminal.ansiBrightBlack#000000
terminal.ansiBrightBlue#0031a9
terminal.ansiBrightCyan#005e8b
terminal.ansiBrightGreen#006800
terminal.ansiBrightMagenta#721045
terminal.ansiBrightRed#a60000
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#6f5500
terminal.ansiCyan#005e8b
terminal.ansiGreen#006800
terminal.ansiMagenta#721045
terminal.ansiRed#a60000
terminal.ansiWhite#ffffff
terminal.ansiYellow#6f5500
terminal.background#ffffff
terminal.foreground#000000
terminal.selectionBackground#0069CC26
terminalCursor.background#FFFFFF
terminalCursor.foreground#202020
textBlockQuote.background#EAEAEA
textBlockQuote.border#F0F1F2FF
textCodeBlock.background#EAEAEA
textLink.activeForeground#0069CC
textLink.foreground#0069CC
textPreformat.background#ECECEC
textPreformat.foreground#606060
textSeparator.foreground#EEEEEEFF
titleBar.activeBackground#FAFAFD
titleBar.activeForeground#606060
titleBar.border#F0F1F2FF
titleBar.inactiveBackground#FAFAFD
titleBar.inactiveForeground#606060
toolbar.activeBackground#D6D6D8
toolbar.hoverBackground#0000001F
widget.border#E2E2E5
widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.variable	#000000	—
comment, punctuation.definition.comment	#8a290f	—
string, string.regexp, constant.other.symbol	#3548cf	—
constant.character.escape	#595959	—
constant.numeric, constant.character, constant.keyword, constant	#005e8b	—
entity.name,support.function	#721045	—
punctuation,meta.brace	#595959	—
invalid	#d00000	—