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 Vivendi Minimal

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#313233
activityBar.activeBorder#bfbfbf
activityBar.activeFocusBorder#3994BCB3
activityBar.background#191A1B
activityBar.border#2A2B2CFF
activityBar.foreground#bfbfbf
activityBar.inactiveForeground#8C8C8C
activityBarBadge.background#307E9F
activityBarBadge.foreground#FFFFFF
activityBarTop.activeBorder#bfbfbf
activityErrorBadge.background#f48771
activityErrorBadge.foreground#FFFFFF
activityWarningBadge.background#CCA700
activityWarningBadge.foreground#202020
agents.background#121314
agentsBadge.background#307E9F
agentsBadge.foreground#FFFFFF
agentsChatInput.background#202122
agentsChatInput.border#333536
agentsChatInput.focusBorder#3994BCB3
agentsChatInput.foreground#bfbfbf
agentsChatInput.placeholderForeground#555555
agentsGradient.tintColor#297AA0
agentsNewSessionButton.background#00000000
agentsNewSessionButton.border#333536
agentsNewSessionButton.foreground#bfbfbf
agentsNewSessionButton.hoverBackground#FFFFFF18
agentsPanel.background#191A1B
agentsPanel.border#2A2B2CFF
agentsPanel.foreground#bfbfbf
agentsUnreadBadge.background#307E9F
agentsUnreadBadge.foreground#FFFFFF
badge.background#307E9F
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#bfbfbf
breadcrumb.background#121314
breadcrumb.focusForeground#bfbfbf
breadcrumb.foreground#8C8C8C
breadcrumbPicker.background#202122
button.background#297AA0
button.border#297AA0
button.foreground#FFFFFF
button.hoverBackground#2B7DA3
button.secondaryBorder#333536
button.secondaryHoverBackground#FFFFFF10
charts.blue#57A3F8
charts.foreground#CCCCCC
charts.green#86CF86
charts.lines#C8CACC80
charts.orange#CD861A
charts.purple#AD80D7
charts.red#EF8773
charts.yellow#E0B97F
chat.inputWorkingBorderColor1#297AA0E6
chat.inputWorkingBorderColor2#1C546FE6
chat.inputWorkingBorderColor3#5BA8E6E6
chat.requestBubbleBackground#ffffff13
chat.requestBubbleHoverBackground#ffffff22
checkbox.background#242526
checkbox.border#707070
checkbox.foreground#8C8C8C
commandCenter.activeBackground#FFFFFF0F
commandCenter.activeBorder#333536
commandCenter.activeForeground#bfbfbf
commandCenter.background#191A1B
commandCenter.border#2E3031
commandCenter.foreground#bfbfbf
descriptionForeground#8C8C8C
diffEditor.insertedLineBackground#347d3926
diffEditor.insertedTextBackground#57ab5a4d
diffEditor.removedLineBackground#c93c3726
diffEditor.removedTextBackground#f470674d
disabledForeground#555555
dropdown.background#191A1B
dropdown.border#333536
dropdown.foreground#bfbfbf
dropdown.listBackground#191A1B
editor.background#0e0e0e
editor.findMatchBackground#27678290
editor.findMatchHighlightBackground#27678280
editor.findRangeHighlightBackground#242526E6
editor.foreground#dcdcdc
editor.hoverHighlightBackground#242526E6
editor.inactiveSelectionBackground#5a5a5a55
editor.lineHighlightBorder#2f3849
editor.rangeHighlightBackground#242526E6
editor.selectionBackground#5a5a5a80
editor.selectionHighlightBackground#34d0ff25
editor.wordHighlightBackground#27678250
editor.wordHighlightStrongBackground#27678280
editorBracketMatch.background#2f7f9f55
editorBracketMatch.border#2f7f9fFF
editorCodeLens.foreground#8C8C8C
editorCommentsWidget.rangeActiveBackground#488FAE46
editorCommentsWidget.rangeBackground#488FAE26
editorCursor.foreground#dcdcdc
editorGroupHeader.tabsBackground#191A1B
editorGroupHeader.tabsBorder#2A2B2CFF
editorGutter.addedBackground#72C892
editorGutter.background#121314
editorGutter.deletedBackground#F28772
editorHoverWidget.background#202122
editorHoverWidget.border#2A2B2CFF
editorIndentGuide.activeBackground1#838485a5
editorIndentGuide.background1#83848540
editorLineNumber.activeForeground#dcdcdc
editorLineNumber.foreground#8c8c8c
editorLink.activeForeground#3a94bc
editorOverviewRuler.addedForeground#73c991
editorOverviewRuler.border#2A2B2CFF
editorOverviewRuler.deletedForeground#f48771
editorOverviewRuler.errorForeground#f48771
editorOverviewRuler.findMatchForeground#3a94bc99
editorOverviewRuler.modifiedForeground#6ab890
editorOverviewRuler.warningForeground#e5ba7d
editorRuler.foreground#83848540
editorStickyScroll.background#121314
editorStickyScroll.border#2A2B2CFF
editorStickyScrollHover.background#202122
editorSuggestWidget.background#202122
editorSuggestWidget.border#2A2B2CFF
editorSuggestWidget.focusOutline#3994BCB3
editorSuggestWidget.foreground#bfbfbf
editorSuggestWidget.highlightForeground#bfbfbf
editorSuggestWidget.selectedBackground#FFFFFF26
editorWhitespace.foreground#8C8C8C4D
editorWidget.background#202122
editorWidget.border#2A2B2CFF
editorWidget.foreground#bfbfbf
errorForeground#f48771
extensionButton.prominentBackground#297AA0
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#2B7DA3
focusBorder#3994BCB3
foreground#bfbfbf
gitDecoration.addedResourceForeground#73c991
gitDecoration.conflictingResourceForeground#f48771
gitDecoration.deletedResourceForeground#f48771
gitDecoration.ignoredResourceForeground#8C8C8C
gitDecoration.modifiedResourceForeground#e5ba7d
gitDecoration.stageDeletedResourceForeground#f48771
gitDecoration.stageModifiedResourceForeground#e5ba7d
gitDecoration.untrackedResourceForeground#73c991
icon.foreground#8C8C8C
inlineChat.border#00000000
input.background#191A1B
input.border#333536FF
input.foreground#bfbfbf
input.placeholderForeground#555555
inputOption.activeBackground#313233
inputOption.activeBorder#2A2B2CFF
inputOption.activeForeground#bfbfbf
inputValidation.errorBackground#3A1D1D
inputValidation.errorBorder#BE1100
inputValidation.errorForeground#bfbfbf
inputValidation.infoBackground#1E3A47
inputValidation.infoBorder#3994BC
inputValidation.infoForeground#bfbfbf
inputValidation.warningBackground#352A05
inputValidation.warningBorder#B89500
inputValidation.warningForeground#bfbfbf
list.activeSelectionBackground#FFFFFF22
list.activeSelectionForeground#ededed
list.dropBackground#3994BC1A
list.errorForeground#f48771
list.focusBackground#FFFFFF22
list.focusForeground#bfbfbf
list.focusOutline#3994BCB3
list.highlightForeground#48A0C7
list.hoverBackground#FFFFFF14
list.hoverForeground#bfbfbf
list.inactiveSelectionBackground#2C2D2E
list.inactiveSelectionForeground#ededed
list.invalidItemForeground#444444
list.warningForeground#e5ba7d
menu.background#202122
menu.border#2A2B2CFF
menu.foreground#bfbfbf
menu.selectionBackground#3994BC26
menu.selectionBorder#3994BC
menu.selectionForeground#bfbfbf
menu.separatorBackground#2A2B2C
menubar.selectionBackground#242526
menubar.selectionForeground#bfbfbf
minimapSlider.activeBackground#A8A9AA9C
minimapSlider.background#A8A9AA85
minimapSlider.hoverBackground#A8A9AA90
notificationCenter.border#2A2B2CFF
notificationCenterHeader.background#242526
notificationCenterHeader.foreground#bfbfbf
notificationLink.foreground#3a94bc
notifications.background#202122
notifications.border#2A2B2CFF
notifications.foreground#bfbfbf
notificationsErrorIcon.foreground#f48771
notificationsInfoIcon.foreground#3a94bc
notificationsWarningIcon.foreground#CCA700
notificationToast.border#2A2B2CFF
panel.background#191A1B
panel.border#2A2B2CFF
panelTitle.activeBorder#3994BC
panelTitle.activeForeground#bfbfbf
panelTitle.inactiveForeground#8C8C8C
peekView.border#2A2B2CFF
peekViewEditor.background#191A1B
peekViewEditor.matchHighlightBackground#3994BC33
peekViewResult.background#191A1B
peekViewResult.fileForeground#bfbfbf
peekViewResult.lineForeground#8C8C8C
peekViewResult.matchHighlightBackground#3994BC33
peekViewResult.selectionBackground#3994BC26
peekViewResult.selectionForeground#bfbfbf
peekViewTitle.background#242526
peekViewTitleDescription.foreground#8C8C8C
peekViewTitleLabel.foreground#bfbfbf
pickerGroup.border#2A2B2CFF
pickerGroup.foreground#bfbfbf
progressBar.background#878889
quickInput.background#202122
quickInput.foreground#bfbfbf
quickInputList.focusBackground#297AA0
quickInputList.focusForeground#FFFFFF
quickInputList.focusHighlightForeground#FFFFFF
quickInputList.focusIconForeground#FFFFFF
quickInputTitle.background#202122
scrollbar.shadow#191B1D4D
scrollbarSlider.activeBackground#A8A9AA9C
scrollbarSlider.background#A8A9AA85
scrollbarSlider.hoverBackground#A8A9AA90
sideBar.background#191A1B
sideBar.border#2A2B2CFF
sideBar.foreground#bfbfbf
sideBarSectionHeader.background#191A1B
sideBarSectionHeader.border#2A2B2CFF
sideBarSectionHeader.foreground#bfbfbf
sideBarTitle.foreground#bfbfbf
statusBar.background#191A1B
statusBar.border#2A2B2CFF
statusBar.debuggingBackground#3994BC
statusBar.debuggingForeground#FFFFFF
statusBar.focusBorder#3994BCB3
statusBar.foreground#8C8C8C
statusBar.noFolderBackground#191A1B
statusBar.noFolderForeground#8C8C8C
statusBarItem.activeBackground#4B4C4D
statusBarItem.focusBorder#3994BCB3
statusBarItem.hoverBackground#323233
statusBarItem.prominentBackground#3994BC
statusBarItem.prominentForeground#FFFFFF
statusBarItem.prominentHoverBackground#3994BC
surface.background#191A1B
surface.border#2A2B2CFF
surface.foreground#bfbfbf
tab.activeBackground#121314
tab.activeBorder#121314
tab.activeBorderTop#3994BC
tab.activeForeground#bfbfbf
tab.border#2A2B2CFF
tab.hoverBackground#121314
tab.hoverForeground#bfbfbf
tab.inactiveBackground#191A1B
tab.inactiveForeground#8C8C8C
tab.lastPinnedBorder#2A2B2CFF
tab.unfocusedActiveBackground#121314
tab.unfocusedActiveForeground#8C8C8C
tab.unfocusedInactiveBackground#191A1B
tab.unfocusedInactiveForeground#444444
terminal.ansiBlack#000000
terminal.ansiBlue#79a8ff
terminal.ansiBrightBlack#101010
terminal.ansiBrightBlue#79a8ff
terminal.ansiBrightCyan#6ae4b9
terminal.ansiBrightGreen#70b900
terminal.ansiBrightMagenta#b6a0ff
terminal.ansiBrightRed#ef8b50
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#c0c530
terminal.ansiCyan#6ae4b9
terminal.ansiGreen#70b900
terminal.ansiMagenta#b6a0ff
terminal.ansiRed#ef8b50
terminal.ansiWhite#dcdcdc
terminal.ansiYellow#c0c530
terminal.background#0e0e0e
terminal.border#2A2B2CFF
terminal.foreground#dcdcdc
terminal.selectionBackground#3994BC33
terminal.tab.activeBorder#3994BC00
terminalCursor.background#191A1B
terminalCursor.foreground#bfbfbf
textBlockQuote.background#242526
textBlockQuote.border#2A2B2CFF
textCodeBlock.background#242526
textLink.activeForeground#53A5CA
textLink.foreground#48A0C7
textPreformat.background#262626
textPreformat.foreground#8C8C8C
textSeparator.foreground#2a2a2aFF
titleBar.activeBackground#191A1B
titleBar.activeForeground#8C8C8C
titleBar.border#2A2B2CFF
titleBar.inactiveBackground#191A1B
titleBar.inactiveForeground#8C8C8C
toolbar.activeBackground#FFFFFF33
widget.border#2A2B2CFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.variable	#dcdcdc	—
comment, punctuation.definition.comment	#dfaf7a	—
string, string.regexp, constant.other.symbol	#79a8ff	—
constant.character.escape	#8c8c8c	—
constant.numeric, constant.character, constant.keyword, constant	#00bcff	—
entity.name,support.function	#feacd0	—
punctuation,meta.brace	#8c8c8c	—
invalid	#ff5f5f	—