Microdigm Theme

Name: Microdigm Theme
Author: Microdigm

Publisher: MicrodigmThemes in package: 2

Official VS Code theme for Microdigm, lime green accents on near-black, built from the Microdigm brand guidelines.

Open in VS Code GitHub

Color themes

VS Code preview

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

Microdigm Theme — Microdigm Dark

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

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#0C0F0D
activityBar.activeBorder#B8FF4D
activityBar.background#050505
activityBar.border#0C0F0D
activityBar.dropBorder#B8FF4D
activityBar.foreground#B8FF4D
activityBar.inactiveForeground#5A6A5E
activityBarBadge.background#B8FF4D
activityBarBadge.foreground#0C1206
badge.background#B8FF4D
badge.foreground#253A0B
breadcrumb.activeSelectionForeground#B8FF4D
breadcrumb.focusForeground#FFFFFF
breadcrumb.foreground#94A3B8
breadcrumbPicker.background#0C0F0D
button.background#B8FF4D
button.foreground#253A0B
button.hoverBackground#99EC30
button.secondaryBackground#1E2420
button.secondaryForeground#E2E8F0
button.secondaryHoverBackground#262E27
checkbox.background#0C0F0D
checkbox.border#1E2420
checkbox.foreground#B8FF4D
debugConsole.errorForeground#FF6B6B
debugConsole.infoForeground#7DD3FC
debugConsole.sourceForeground#94A3B8
debugConsole.warningForeground#FFCB6B
debugIcon.breakpointForeground#FF6B6B
debugIcon.startForeground#B8FF4D
debugTokenExpression.name#7DD3FC
debugTokenExpression.value#CBD5E1
debugToolBar.background#0C0F0D
descriptionForeground#94A3B8
diffEditor.diagonalFill#1E2420
diffEditor.insertedLineBackground#B8FF4D14
diffEditor.insertedTextBackground#B8FF4D1F
diffEditor.removedLineBackground#FF6B6B14
diffEditor.removedTextBackground#FF6B6B1F
diffEditorGutter.insertedLineBackground#B8FF4D1F
diffEditorGutter.removedLineBackground#FF6B6B1F
dropdown.background#0C0F0D
dropdown.border#1E2420
dropdown.foreground#CBD5E1
dropdown.listBackground#0C0F0D
editor.background#050505
editor.findMatchBackground#99EC3059
editor.findMatchHighlightBackground#B8FF4D33
editor.findRangeHighlightBackground#B8FF4D14
editor.foreground#CBD5E1
editor.hoverHighlightBackground#79BF2226
editor.inactiveSelectionBackground#B8FF4D1A
editor.lineHighlightBackground#0C0F0D
editor.lineHighlightBorder#0C0F0D00
editor.rangeHighlightBackground#0C0F0DAA
editor.selectionBackground#B8FF4D33
editor.selectionHighlightBackground#B8FF4D1F
editor.wordHighlightBackground#79BF221F
editor.wordHighlightStrongBackground#79BF2233
editorBracketHighlight.foreground1#B8FF4D
editorBracketHighlight.foreground2#7DD3FC
editorBracketHighlight.foreground3#FFCB6B
editorBracketHighlight.foreground4#C4B5FD
editorBracketHighlight.foreground5#FF9E9E
editorBracketHighlight.foreground6#99EC30
editorBracketHighlight.unexpectedBracket.foreground#FF6B6B
editorBracketMatch.background#79BF2226
editorBracketMatch.border#79BF2280
editorCodeLens.foreground#5A6A5E
editorCursor.background#050505
editorCursor.foreground#B8FF4D
editorError.foreground#FF6B6B
editorGhostText.foreground#5A6A5E
editorGroup.border#0C0F0D
editorGroup.dropBackground#79BF2233
editorGroupHeader.tabsBackground#050505
editorGroupHeader.tabsBorder#0C0F0D
editorGutter.addedBackground#B8FF4D
editorGutter.background#050505
editorGutter.deletedBackground#FF6B6B
editorGutter.modifiedBackground#7DD3FC
editorHint.foreground#5A6A5E
editorHoverWidget.background#0C0F0D
editorHoverWidget.border#1E2420
editorHoverWidget.foreground#CBD5E1
editorIndentGuide.activeBackground1#40651380
editorIndentGuide.background1#161A16
editorInfo.foreground#7DD3FC
editorLineNumber.activeForeground#B8FF4D
editorLineNumber.foreground#3D4A3F
editorLink.activeForeground#DCFF83
editorMarkerNavigation.background#0C0F0D
editorMarkerNavigationError.background#FF6B6B
editorMarkerNavigationInfo.background#7DD3FC
editorMarkerNavigationWarning.background#FFCB6B
editorMinimap.findMatchHighlight#B8FF4D
editorOverviewRuler.border#050505
editorOverviewRuler.errorForeground#FF6B6B
editorOverviewRuler.findMatchForeground#B8FF4D99
editorOverviewRuler.infoForeground#7DD3FC
editorOverviewRuler.warningForeground#FFCB6B
editorRuler.foreground#161A16
editorSuggestWidget.background#0C0F0D
editorSuggestWidget.border#1E2420
editorSuggestWidget.foreground#CBD5E1
editorSuggestWidget.highlightForeground#B8FF4D
editorSuggestWidget.selectedBackground#161A16
editorSuggestWidget.selectedForeground#FFFFFF
editorWarning.foreground#FFCB6B
editorWhitespace.foreground#1E2420
editorWidget.background#0C0F0D
editorWidget.border#1E2420
editorWidget.foreground#CBD5E1
editorWidget.resizeBorder#406513
errorForeground#FF6B6B
extensionButton.prominentBackground#B8FF4D
extensionButton.prominentForeground#253A0B
extensionButton.prominentHoverBackground#99EC30
extensionIcon.starForeground#FFCB6B
extensionIcon.verifiedForeground#7DD3FC
focusBorder#B8FF4D66
foreground#CBD5E1
gitDecoration.addedResourceForeground#B8FF4D
gitDecoration.conflictingResourceForeground#FFCB6B
gitDecoration.deletedResourceForeground#FF6B6B
gitDecoration.ignoredResourceForeground#3D4A3F
gitDecoration.modifiedResourceForeground#7DD3FC
gitDecoration.submoduleResourceForeground#94A3B8
gitDecoration.untrackedResourceForeground#99EC30
icon.foreground#94A3B8
input.background#0C0F0D
input.border#1E2420
input.foreground#E2E8F0
input.placeholderForeground#5A6A5E
inputOption.activeBackground#40651366
inputOption.activeBorder#B8FF4D
inputOption.activeForeground#FFFFFF
inputValidation.errorBackground#2A0E0E
inputValidation.errorBorder#FF6B6B
inputValidation.infoBackground#0E1F2A
inputValidation.infoBorder#7DD3FC
inputValidation.warningBackground#2A2410
inputValidation.warningBorder#FFCB6B
list.activeSelectionBackground#161A16
list.activeSelectionForeground#FFFFFF
list.dropBackground#79BF2233
list.errorForeground#FF6B6B
list.focusBackground#161A16
list.focusForeground#FFFFFF
list.focusOutline#B8FF4D66
list.highlightForeground#B8FF4D
list.hoverBackground#0F120E
list.hoverForeground#FFFFFF
list.inactiveFocusOutline#00000000
list.inactiveSelectionBackground#11140F
list.inactiveSelectionForeground#E2E8F0
list.warningForeground#FFCB6B
listFilterWidget.background#161A16
listFilterWidget.noMatchesOutline#FF6B6B
listFilterWidget.outline#B8FF4D
menu.background#0C0F0D
menu.border#1E2420
menu.foreground#CBD5E1
menu.selectionBackground#161A16
menu.selectionForeground#FFFFFF
menu.separatorBackground#1E2420
menubar.selectionBackground#161A16
menubar.selectionForeground#FFFFFF
minimap.errorHighlight#FF6B6B
minimap.selectionHighlight#B8FF4D40
minimap.warningHighlight#FFCB6B
minimapGutter.addedBackground#B8FF4D
minimapGutter.deletedBackground#FF6B6B
minimapGutter.modifiedBackground#7DD3FC
minimapSlider.activeBackground#40651388
minimapSlider.background#40651340
minimapSlider.hoverBackground#40651366
notificationCenter.border#1E2420
notificationCenterHeader.background#0C0F0D
notificationCenterHeader.foreground#FFFFFF
notifications.background#0C0F0D
notifications.border#1E2420
notifications.foreground#CBD5E1
notificationsErrorIcon.foreground#FF6B6B
notificationsInfoIcon.foreground#7DD3FC
notificationsWarningIcon.foreground#FFCB6B
notificationToast.border#1E2420
panel.background#050505
panel.border#0C0F0D
panelInput.border#1E2420
panelTitle.activeBorder#B8FF4D
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#5A6A5E
peekView.border#406513
peekViewEditor.background#0C0F0D
peekViewEditor.matchHighlightBackground#B8FF4D33
peekViewResult.background#050505
peekViewResult.fileForeground#E2E8F0
peekViewResult.lineForeground#94A3B8
peekViewResult.matchHighlightBackground#B8FF4D33
peekViewResult.selectionBackground#79BF221F
peekViewResult.selectionForeground#FFFFFF
peekViewTitle.background#0C0F0D
peekViewTitleDescription.foreground#94A3B8
peekViewTitleLabel.foreground#FFFFFF
pickerGroup.border#1E2420
pickerGroup.foreground#B8FF4D
problemsErrorIcon.foreground#FF6B6B
problemsInfoIcon.foreground#7DD3FC
problemsWarningIcon.foreground#FFCB6B
progressBar.background#B8FF4D
quickInput.background#0C0F0D
quickInput.foreground#CBD5E1
quickInputList.focusBackground#161A16
quickInputTitle.background#0C0F0D
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#40651380
scrollbarSlider.background#40651333
scrollbarSlider.hoverBackground#40651359
selection.background#B8FF4D40
settings.checkboxBackground#0C0F0D
settings.checkboxBorder#1E2420
settings.dropdownBackground#0C0F0D
settings.dropdownBorder#1E2420
settings.focusedRowBackground#0C0F0D
settings.headerForeground#FFFFFF
settings.modifiedItemIndicator#B8FF4D
settings.numberInputBackground#0C0F0D
settings.textInputBackground#0C0F0D
settings.textInputBorder#1E2420
sideBar.background#0C0F0D
sideBar.border#0C0F0D
sideBar.foreground#CBD5E1
sideBarActivityBarTop.border#1E2420
sideBarSectionHeader.background#0C0F0D
sideBarSectionHeader.border#1E2420
sideBarSectionHeader.foreground#E2E8F0
sideBarTitle.foreground#FFFFFF
statusBar.background#050505
statusBar.border#0C0F0D
statusBar.debuggingBackground#406513
statusBar.debuggingForeground#0C1206
statusBar.foreground#94A3B8
statusBar.noFolderBackground#050505
statusBarItem.activeBackground#1E2420
statusBarItem.errorBackground#FF6B6B
statusBarItem.errorForeground#050505
statusBarItem.hoverBackground#161A16
statusBarItem.prominentBackground#0C0F0D
statusBarItem.prominentHoverBackground#161A16
statusBarItem.remoteBackground#0C0F0D
statusBarItem.remoteForeground#CBFF59
statusBarItem.warningBackground#FFCB6B
statusBarItem.warningForeground#050505
symbolIcon.classForeground#7DD3FC
symbolIcon.colorForeground#B8FF4D
symbolIcon.constantForeground#FFCB6B
symbolIcon.enumeratorForeground#C4B5FD
symbolIcon.fieldForeground#7DD3FC
symbolIcon.functionForeground#DCFF83
symbolIcon.interfaceForeground#C4B5FD
symbolIcon.keywordForeground#CBFF59
symbolIcon.methodForeground#DCFF83
symbolIcon.moduleForeground#99EC30
symbolIcon.propertyForeground#7DD3FC
symbolIcon.stringForeground#FFCB6B
symbolIcon.variableForeground#E2E8F0
tab.activeBackground#0C0F0D
tab.activeBorderTop#B8FF4D
tab.activeForeground#FFFFFF
tab.activeModifiedBorder#7DD3FC
tab.border#050505
tab.hoverBackground#0C0F0D
tab.hoverForeground#FFFFFF
tab.inactiveBackground#050505
tab.inactiveForeground#5A6A5E
tab.inactiveModifiedBorder#7DD3FC66
tab.unfocusedActiveBorderTop#40651380
terminal.ansiBlack#0C0F0D
terminal.ansiBlue#7DD3FC
terminal.ansiBrightBlack#3D4A3F
terminal.ansiBrightBlue#B3E5FD
terminal.ansiBrightCyan#CBFF59
terminal.ansiBrightGreen#DCFF83
terminal.ansiBrightMagenta#DDD3FE
terminal.ansiBrightRed#FF9E9E
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFDE9E
terminal.ansiCyan#99EC30
terminal.ansiGreen#B8FF4D
terminal.ansiMagenta#C4B5FD
terminal.ansiRed#FF6B6B
terminal.ansiWhite#CBD5E1
terminal.ansiYellow#FFCB6B
terminal.background#050505
terminal.foreground#CBD5E1
terminal.selectionBackground#B8FF4D40
terminalCursor.background#050505
terminalCursor.foreground#B8FF4D
textBlockQuote.background#0C0F0D
textBlockQuote.border#406513
textCodeBlock.background#0C0F0D
textLink.activeForeground#DCFF83
textLink.foreground#CBFF59
textPreformat.foreground#DCFF83
textSeparator.foreground#1E2420
titleBar.activeBackground#050505
titleBar.activeForeground#CBD5E1
titleBar.border#0C0F0D
titleBar.inactiveBackground#050505
titleBar.inactiveForeground#5A6A5E
tree.inactiveIndentGuidesStroke#161A16
tree.indentGuidesStroke#1E2420
walkThrough.embeddedEditorBackground#0C0F0D
welcomePage.background#050505
welcomePage.progress.background#0C0F0D
welcomePage.progress.foreground#B8FF4D
welcomePage.tileBackground#0C0F0D
welcomePage.tileBorder#1E2420
widget.border#1E2420
widget.shadow#00000066
window.activeBorder#050505
window.inactiveBorder#050505

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#CBD5E1	—
comment, punctuation.definition.comment	#5A6A5E	italic
string, string.quoted, string.template	#FFCB6B	—
string.regexp	#FFDE9E	—
constant.numeric	#E0A458	—
constant.language, constant.language.boolean	#99EC30	—
constant.character.escape	#DCFF83	—
variable.other.constant, variable.other.enummember	#99EC30	—
keyword, keyword.control, keyword.other	#CBFF59	—
keyword.operator	#94A3B8	—
storage, storage.type, storage.modifier	#B8FF4D	—
entity.name.function, support.function, meta.function-call	#DCFF83	—
entity.name.class, entity.name.type, support.class, support.type	#7DD3FC	—
entity.other.inherited-class	#7DD3FC	italic
variable, variable.other.readwrite	#E2E8F0	—
variable.parameter	#C4B5FD	—
variable.language, variable.language.this	#B8FF4D	italic
entity.name.tag	#B8FF4D	—
entity.other.attribute-name	#DCFF83	—
punctuation, meta.brace, punctuation.definition	#7A8FA6	—
meta.property-name, support.type.property-name	#7DD3FC	—
entity.name.section, markup.heading	#B8FF4D	bold
markup.bold	#FFFFFF	bold
markup.italic	#E2E8F0	italic
markup.underline.link	#CBFF59	—
markup.inserted	#B8FF4D	—
markup.deleted	#FF6B6B	—
invalid, invalid.illegal	#FF6B6B	—
invalid.deprecated	#FFCB6B	—