Mausworks Theme

Name: Mausworks Theme
Author: mausworks

Publisher: mausworksThemes in package: 1

A dark, colorful and spicy theme for VSCode

GitHub

VS Code preview

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

Mausworks Theme — Mausworks Night

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.activeBackground#0000
activityBar.activeBorder#FF1F93
activityBar.activeFocusBorder#0000
activityBar.background#080808
activityBar.border#0000
activityBar.dropBorder#FF1F93
activityBar.foreground#effffde9
activityBar.inactiveForeground#effffd58
activityBarBadge.background#FF1F93
activityBarBadge.foreground#080808
badge.background#FF1F93
badge.foreground#080808
button.background#080808
button.border#FF1F93
button.foreground#FF1F93
button.hoverBackground#FF1F9333
button.secondaryBackground#080808
button.secondaryForeground#FF1F93
button.secondaryHoverBackground#FF1F9333
contrastBorder#0000
debugConsole.errorForeground#BF0D24
debugConsole.infoForeground#effffde9
debugConsole.sourceForeground#effffd
debugConsole.warningForeground#FFFF22
debugIcon.breakpointCurrentStackframeForeground#BF0D24
debugIcon.breakpointDisabledForeground#FF1F93
debugIcon.breakpointForeground#BF0D24
debugIcon.breakpointStackframeForeground#BF0D24
debugIcon.breakpointUnverifiedForeground#BF0D24
debugIcon.continueForeground#FF1F93
debugIcon.disconnectForeground#FF1F93
debugIcon.pauseForeground#FF1F93
debugIcon.restartForeground#FF1F93
debugIcon.startForeground#FF1F93
debugIcon.stepBackForeground#FF1F93
debugIcon.stepIntoForeground#FF1F93
debugIcon.stepOutForeground#FF1F93
debugIcon.stepOverForeground#FF1F93
debugIcon.stopForeground#FF1F93
debugTokenExpression.boolean#effffd58
debugTokenExpression.error#BF0D24
debugTokenExpression.name#48F9BB
debugTokenExpression.number#FDFD9B
debugTokenExpression.string#FDFD9B
debugTokenExpression.value#effffd58
debugToolBar.background#151616
debugToolBar.border#0000
diffEditor.insertedTextBackground#48F9BB44
diffEditor.insertedTextBorder#48F9BB
diffEditor.removedTextBackground#FF1F9344
diffEditor.removedTextBorder#FF1F93
dropdown.background#080808
dropdown.border#0000
dropdown.foreground#effffd
dropdown.listBackground#080808
editor.background#080808
editor.findMatchBackground#FFFF2266
editor.findMatchBorder#DEDA12
editor.findMatchHighlightBackground#ffff2266
editor.findMatchHighlightBorder#FFFF22
editor.findRangeHighlightBackground#48F9BB33
editor.findRangeHighlightBorder#48F9BB00
editor.foreground#effffd
editor.inactiveSelectionBackground#48F9BB44
editor.lineHighlightBackground#000
editor.lineHighlightBorder#191919
editor.selectionBackground#48F9BB44
editor.selectionHighlightBackground#48F9BB44
editor.selectionHighlightBorder#48F9BBe6
editorBracketHighlight.foreground1#effffd80
editorBracketHighlight.foreground2#effffde9
editorBracketHighlight.foreground3#48F9BB
editorBracketHighlight.foreground4#4AB0F1
editorBracketHighlight.foreground5#FF1F93
editorBracketHighlight.foreground6#D448FF
editorBracketMatch.background#FF1F9344
editorBracketMatch.border#FF1F93
editorCursor.foreground#DEDA12
editorError.border#BF0D24
editorError.foreground#0000
editorGroup.border#48F9BB
editorGroupHeader.tabsBackground#080808
editorGutter.background#080808
editorHint.foreground#effffd
editorHoverWidget.background#191919
editorHoverWidget.border#0000
editorHoverWidget.foreground#effffde9
editorLightBulb.foreground#FFFF22
editorLightBulbAutoFix.foreground#FFFF22
editorLineNumber.activeForeground#effffde6
editorLineNumber.foreground#effffd38
editorPane.background#080808
editorSuggestWidget.background#000000fe
editorSuggestWidget.border#080808
editorSuggestWidget.focusHighlightForeground#48F9BB
editorSuggestWidget.foreground#effffdc0
editorSuggestWidget.highlightForeground#48F9BBc0
editorSuggestWidget.selectedBackground#48F9BB44
editorSuggestWidget.selectedForeground#effffd
editorWarning.border#DEDA12
editorWarning.foreground#0000
editorWidget.background#191919
editorWidget.border#0000
editorWidget.foreground#effffde9
editorWidget.resizeBorder#FF1F93
extensionIcon.starForeground#FFFF22
focusBorder#effffd38
gitDecoration.addedResourceForeground#3BD7E0e6
gitDecoration.conflictingResourceForeground#BA12ED
gitDecoration.deletedResourceForeground#FFFF22e6
gitDecoration.ignoredResourceForeground#effffd38
gitDecoration.modifiedResourceForeground#FF1F93e6
gitDecoration.renamedResourceForeground#FFFF22e6
gitDecoration.stageDeletedResourceForeground#BF0D24
gitDecoration.stageModifiedResourceForeground#3BD7E0e6
gitDecoration.submoduleResourceForeground#effffd58
gitDecoration.untrackedResourceForeground#3BD7E0e6
icon.foreground#effffde9
input.background#191919
input.border#0000
input.foreground#effffd
input.placeholderForeground#effffd58
inputOption.activeBackground#effffd
inputOption.activeBorder#0000
inputOption.activeForeground#080808
list.activeSelectionBackground#48F9BB44
list.activeSelectionForeground#EFFFFD
list.errorForeground#BF0D24
list.filterMatchBackground#ffff2266
list.filterMatchBorder#FFFF22
list.focusBackground#48F9BB44
list.focusForeground#EFFFFD
list.focusHighlightForeground#48F9BB
list.focusOutline#0000
list.highlightForeground#48F9BBc0
list.hoverBackground#EFFFFD10
list.hoverForeground#effffd
list.inactiveSelectionBackground#EFFFFD10
list.inactiveSelectionForeground#EFFFFD
list.warningForeground#DEDA12
listFilterWidget.background#0000
listFilterWidget.noMatchesOutline#BF0D24
listFilterWidget.outline#48F9BB
minimap.background#0A0A0A
minimap.errorHighlight#BF0D24
minimap.findMatchHighlight#ffff2299
minimap.warningHighlight#DEDA12
minimapSlider.activeBackground#FF1F9377
notificationCenter.border#191919
notificationCenterHeader.background#000
notificationCenterHeader.foreground#effffd58
notificationLink.foreground#4AB0F1
notifications.background#000
notifications.border#0000
notifications.foreground#effffde9
notificationsErrorIcon.foreground#BF0D24
notificationsInfoIcon.foreground#5EE8D9
notificationsWarningIcon.foreground#FFFF22
notificationToast.border#191919
panel.background#080808
panel.border#111111aa
panel.dropBorder#0000
pickerGroup.border#effffd22
pickerGroup.foreground#FF1F93
problemsErrorIcon.foreground#BF0D24
problemsInfoIcon.foreground#3BD7E0
problemsWarningIcon.foreground#FFFF22
quickInput.background#080808
quickInput.foreground#effffdc9
quickInputList.focusBackground#48F9BB44
quickInputList.focusForeground#effffd
quickInputList.focusIconForeground#effffd
quickInputTitle.background#080808
settings.checkboxBackground#191919
settings.checkboxBorder#0000
settings.checkboxForeground#5ee8d9
settings.dropdownBackground#191919
settings.dropdownBorder#0000
settings.dropdownForeground#effffd
settings.dropdownListBorder#0000
settings.focusedRowBackground#0000
settings.headerForeground#effffde9
settings.modifiedItemIndicator#FF1F93
settings.numberInputBackground#191919
settings.numberInputBorder#0000
settings.textInputBackground#191919
settings.textInputBorder#0000
settings.textInputForeground#effffd
sideBar.background#0B0B0B
sideBar.border#0000
sideBar.dropBackground#0000
sideBar.foreground#effffdc9
sideBarSectionHeader.background#11111188
sideBarSectionHeader.border#effffd09
sideBarSectionHeader.foreground#effffd80
sideBarTitle.foreground#effffd80
statusBar.background#080808
statusBar.border#0000
statusBar.debuggingBackground#FF1F93
statusBar.debuggingBorder#FF1F93
statusBar.debuggingForeground#080808
statusBar.foreground#effffde9
statusBar.noFolderBackground#080808
statusBar.noFolderBorder#080808
statusBar.noFolderForeground#effffde9
statusBarItem.activeBackground#effffd22
statusBarItem.errorBackground#BF0D24
statusBarItem.errorForeground#effffde9
statusBarItem.hoverBackground#effffd08
symbolIcon.arrayForeground#5ee8d9
symbolIcon.booleanForeground#DEDA12
symbolIcon.classForeground#48F9BB
symbolIcon.colorForeground#effffde9
symbolIcon.constantForeground#effffde9
symbolIcon.constructorForeground#FF1F93
symbolIcon.enumeratorForeground#FF1F93
symbolIcon.enumeratorMemberForeground#effffde9
symbolIcon.eventForeground#FF1F93
symbolIcon.fieldForeground#effffde9
symbolIcon.fileForeground#DEDA12
symbolIcon.folderForeground#DEDA12
symbolIcon.functionForeground#FF1F93
symbolIcon.interfaceForeground#48F9BB
symbolIcon.keyForeground#48F9BB
symbolIcon.keywordForeground#effffde9
symbolIcon.methodForeground#FF1F93
symbolIcon.moduleForeground#effffde9
symbolIcon.namespaceForeground#48F9BB
symbolIcon.nullForeground#effffde9
symbolIcon.numberForeground#DEDA12
symbolIcon.objectForeground#48F9BB
symbolIcon.operatorForeground#FF1F93
symbolIcon.packageForeground#effffde9
symbolIcon.propertyForeground#effffde9
symbolIcon.referenceForeground#effffde9
symbolIcon.snippetForeground#effffde9
symbolIcon.stringForeground#ececbf
symbolIcon.structForeground#5ee8d9
symbolIcon.textForeground#DEDA12
symbolIcon.typeParameterForeground#48F9BB
symbolIcon.unitForeground#5ee8d9
symbolIcon.variableForeground#effffde9
tab.activeBackground#0b0b0b
tab.activeBorder#FF1F93
tab.activeBorderTop#0000
tab.activeForeground#effffd
tab.activeModifiedBorder#0000
tab.border#0000
tab.hoverBackground#EFFFFD17
tab.hoverBorder#0000
tab.hoverForeground#effffd
tab.inactiveBackground#0b0b0b
tab.inactiveForeground#effffdc9
tab.inactiveModifiedBorder#0000
tab.lastPinnedBorder#FF1F93
tab.unfocusedActiveBackground#0b0b0b
tab.unfocusedActiveBorder#FF1F93
tab.unfocusedActiveBorderTop#0000
tab.unfocusedActiveForeground#effffd
tab.unfocusedActiveModifiedBorder#0000
tab.unfocusedHoverBackground#080808
tab.unfocusedHoverBorder#0000
tab.unfocusedHoverForeground#effffd
tab.unfocusedInactiveBackground#080808
tab.unfocusedInactiveForeground#effffd58
tab.unfocusedInactiveModifiedBorder#0000
terminal.ansiBlack#191919
terminal.ansiBlue#1088EA
terminal.ansiBrightBlack#282828
terminal.ansiBrightBlue#4AB0F1
terminal.ansiBrightCyan#5EE8D9
terminal.ansiBrightGreen#37CE95
terminal.ansiBrightMagenta#FF1F93
terminal.ansiBrightRed#D54D57
terminal.ansiBrightWhite#effffd
terminal.ansiBrightYellow#FFFF22
terminal.ansiCyan#3BD7E0
terminal.ansiGreen#09B575
terminal.ansiMagenta#CB0083
terminal.ansiRed#BF0D24
terminal.ansiWhite#effffdcc
terminal.ansiYellow#DEDA12
terminal.background#080808
terminal.border#0000
terminal.foreground#effffd
terminal.selectionBackground#48F9BB44
terminalCursor.background#FFFF22
terminalCursor.foreground#FFFF22
testing.iconErrored#BF0D24
testing.iconFailed#BF0D24
testing.iconPassed#37CE95
testing.iconQueued#1088EA
testing.iconSkipped#FFFF22
testing.iconUnset#effffd58
testing.message.error.decorationForeground#BF0D24
testing.message.error.lineBackground#BF0D2444
testing.message.info.decorationForeground#effffde9
testing.message.info.lineBackground#effffd22
testing.peekBorder#0000
testing.runAction#37CE95
textBlockQuote.background#191919
textBlockQuote.border#5EE8D9
textCodeBlock.background#000
textLink.activeForeground#5EE8D9
textLink.foreground#1088EA
tree.indentGuidesStroke#0000
widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#effffd38	—
variable, string constant.other.placeholder, meta.function-call.arguments, meta.object.member, meta.directive	#effffd	—
punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.bracket, punctuation.paren, meta.block	#effffd	—
constant.other.color	#effffd	—
invalid, invalid.illegal	#BF0D24	—
keyword.control, constant.other.color, punctuation.definition.keyword, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution	#effffd58	—
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end	#effffd58	—
entity.name.tag, meta.tag.sgml	#effffde9	—
source.haskell keyword.operator.arrow, source.haskell keyword.operator.infix, source.haskell keyword.operator.double-colon, source.haskell keyword.operator.lambda	#5EE8D9	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#FF1F93	—
entity.name.function.macro	—	italic
keyword.operator	#effffd	—
keyword.operator.expression	#effffd58	—
keyword.operator.new	#effffd58	—
keyword.control.trycatch	#effffd58	italic
punctuation.accessor	#effffd	—
support.constant	#48F9BB	—
constant.language	#effffd58	italic
constant.numeric, constant.character, constant.escape	#FDFD9B	—
keyword.other.unit, keyword.other, keyword.operator.expression, keyword, storage.modifier	#effffd58	—
storage.type	#effffd58	—
variable.language.super, variable.language.self, variable.language.base, variable.language.this	#5EE8D9	italic
storage.modifier.mut	—	italic
punctuation.definition.attribute, meta.attribute punctuation.brackets	#effffd58	—
variable.language.relations	#48F9BB	italic
string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#FDFD9B	—
entity.name.type, support.type, support.class, meta.use.php, entity.other.inherited-class, support.other.namespace.use.php, support.other.namespace.php, entity.name.namespace, keyword.operator.namespace, markup.changed.git_gutter, support.type.sys-types, meta.function.type-declaration, meta.declaration.data.algebraic, meta.declaration.type, storage.type.haskell	#48F9BB	—
entity.other.attribute-name	#effffd58	—
source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag, source.postcss entity.name.tag	#48F9BB	italic
entity.other.attribute-name.class	#11C3D0	—
entity.other.attribute-name.id	#FF1F93	—
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class	—	italic
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#effffd	—
source.css support.constant.property-value, source.sass support.constant.property-value, source.scss support.constant.property-value, source.less support.constant.property-value, source.stylus support.constant.property-value, source.postcss support.constant.property-value	#FDFD9B	—
keyword.other.unit	#effffd80	—
constant.other.color	#FDFD9B	—
punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly, punctuation.terminator.rule	#effffd58	—
meta.jsx.children	#effffde9	—
markup.heading.markdown, markup.bold.markdown	#effffde9	bold
punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.raw.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.fenced_code.block.markdown	#effffd58
markup.italic.markdown, meta.link.inline.markdown	—	italic
markup.inserted	#48F9BB	—
markup.deleted	#D54D57	—
markup.changed	#5EE8D9	—
string.regexp	#FDFD9B	—
constant.character.escape	#effffd58	—
url, link, uri	—	underline

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