Monkey Island Theme

Name: Monkey Island Theme
Author: Victor Chirino

Publisher: Victor ChirinoThemes in package: 1

An editor color theme based on Monkey Island

GitHub

VS Code preview

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

Monkey Island Theme — Melee Island Theme

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.background#0a0e41
activityBar.border#0a0e41
activityBar.dropBorder#111575
activityBar.foreground#325b8b
activityBar.inactiveForeground#325b8b60
activityBarBadge.background#e08602
activityBarBadge.foreground#0a0e41
badge.background#e08602
badge.foreground#060565
breadcrumb.activeSelectionForeground#d2d2d2
breadcrumb.background#060565
breadcrumb.focusForeground#d2d2d2
breadcrumb.foreground#d2d2d281
breadcrumbPicker.background#0a0e41
button.background#e08602
button.foreground#0a0e41
button.hoverBackground#e0860299
debugExceptionWidget.background#111575
debugExceptionWidget.border#111575
debugToolBar.background#111575
debugToolBar.border#111575
descriptionForeground#d2d2d2
diffEditor.border#111575
diffEditor.insertedTextBackground#4e8607c0
diffEditor.removedTextBackground#c0413ec0
dropdown.background#111575
dropdown.border#111575
dropdown.foreground#d2d2d2
dropdown.listBackground#060565
editor.background#060565
editor.findMatchBackground#1115758e
editor.findMatchBorder#e08602
editor.findMatchHighlightBackground#1115758e
editor.findMatchHighlightBorder#c99231
editor.findRangeHighlightBackground#1115758e
editor.findRangeHighlightBorder#c99231
editor.foreground#a6a6a6
editor.hoverHighlightBackground#5450c380
editor.inactiveSelectionBackground#111575
editor.lineHighlightBackground#111575
editor.lineHighlightBorder#111575
editor.rangeHighlightBackground#1115758e
editor.selectionBackground#111575
editor.selectionForeground#a6a6a6
editor.selectionHighlightBackground#111575
editor.wordHighlightBackground#111575
editor.wordHighlightBorder#111575
editor.wordHighlightStrongBackground#111575
editor.wordHighlightStrongBorder#111575
editorBracketMatch.background#1115758e
editorBracketMatch.border#e08602
editorCodeLens.foreground#d2d2d2
editorCursor.background#060565
editorCursor.foreground#e08602
editorError.foreground#c0413e
editorGroup.border#111575
editorGroup.dropBackground#111575
editorGroup.emptyBackground#060565
editorGroup.focusedEmptyBorder#060565
editorGroupHeader.border#111575
editorGroupHeader.noTabsBackground#060565
editorGroupHeader.tabsBackground#0a0e41
editorGroupHeader.tabsBorder#111575
editorGutter.addedBackground#4e8607
editorGutter.background#060565
editorGutter.deletedBackground#c0413e
editorGutter.foldingControlForeground#c99231
editorGutter.modifiedBackground#7098af
editorHint.foreground#e08602
editorHoverWidget.background#111575
editorHoverWidget.border#111575
editorIndentGuide.activeBackground#14174c
editorIndentGuide.background#111575
editorInfo.foreground#7098af
editorInlayHint.background#0a0e41
editorInlayHint.foreground#d2d2d2
editorLineNumber.activeForeground#e08602
editorLineNumber.foreground#325b8b
editorLink.activeForeground#e08602
editorMarkerNavigation.background#111575
editorMarkerNavigationError.background#c0413e
editorMarkerNavigationInfo.background#325b8b
editorMarkerNavigationWarning.background#e08602
editorOverviewRuler.addedForeground#4e8607
editorOverviewRuler.border#111575
editorOverviewRuler.bracketMatchForeground#e08602
editorOverviewRuler.commonContentForeground#14174c
editorOverviewRuler.currentContentForeground#7098af
editorOverviewRuler.deletedForeground#c0413e
editorOverviewRuler.errorForeground#c0413e
editorOverviewRuler.findMatchForeground#e08602
editorOverviewRuler.incomingContentForeground#4e8607
editorOverviewRuler.infoForeground#7098af
editorOverviewRuler.modifiedForeground#7098af
editorOverviewRuler.rangeHighlightForeground#d2d2d2
editorOverviewRuler.selectionHighlightForeground#d2d2d2
editorOverviewRuler.warningForeground#c99231
editorOverviewRuler.wordHighlightForeground#d2d2d2
editorOverviewRuler.wordHighlightStrongForeground#d2d2d2
editorPane.background#060565
editorRuler.foreground#111575
editorSuggestWidget.background#111575
editorSuggestWidget.border#111575
editorSuggestWidget.foreground#d2d2d2
editorSuggestWidget.highlightForeground#e08602
editorSuggestWidget.selectedBackground#060565
editorWarning.foreground#c99231
editorWhitespace.foreground#111575
editorWidget.background#0a0e41
editorWidget.border#0a0e41
errorForeground#c0413e
extensionButton.prominentBackground#e08602
extensionButton.prominentForeground#0a0e41
extensionButton.prominentHoverBackground#e08602
extensionIcon.starForeground#e08602
extensionIcon.verifiedForeground#e08602
focusBorder#e08602
foreground#c99231
gitDecoration.conflictingResourceForeground#c0413e
gitDecoration.deletedResourceForeground#c0413e
gitDecoration.ignoredResourceForeground#d2d2d280
gitDecoration.modifiedResourceForeground#7098af
gitDecoration.untrackedResourceForeground#4e8607
input.background#325b8b
input.border#111575
input.foreground#d2d2d2
input.placeholderForeground#d2d2d274
inputOption.activeBackground#e08602
inputOption.activeBorder#111575
inputValidation.errorBackground#c0413e
inputValidation.errorBorder#c0413e
inputValidation.errorForeground#0a0e41
inputValidation.infoBackground#7098af
inputValidation.infoBorder#7098af
inputValidation.infoForeground#0a0e41
inputValidation.warningBackground#c99231
inputValidation.warningBorder#c99231
inputValidation.warningForeground#0a0e41
list.activeSelectionBackground#111575
list.activeSelectionForeground#d2d2d2
list.dropBackground#14174c
list.errorForeground#c0413e
list.focusBackground#111575
list.focusForeground#d2d2d2
list.highlightForeground#e08602
list.hoverBackground#111575
list.hoverForeground#d2d2d2
list.inactiveFocusBackground#14174c
list.inactiveSelectionBackground#14174c
list.inactiveSelectionForeground#d2d2d2
list.invalidItemForeground#c0413e
list.warningForeground#c99231
listFilterWidget.background#14174c
listFilterWidget.noMatchesOutline#c0413e
listFilterWidget.outline#14174c
menu.background#0a0e41
menu.foreground#325b8b
menu.selectionBackground#111575
menu.selectionForeground#d2d2d2
menubar.selectionBackground#111575
menubar.selectionForeground#d2d2d2
merge.border#111575
merge.commonContentBackground#14174c76
merge.commonHeaderBackground#14174c76
merge.currentContentBackground#7098af89
merge.currentHeaderBackground#7098afc3
merge.incomingContentBackground#4e8607a5
merge.incomingHeaderBackground#4e8607a5
notificationCenter.border#111575
notificationCenterHeader.background#111575
notificationCenterHeader.foreground#d2d2d2
notificationLink.foreground#d2d2d2
notifications.background#111575
notifications.border#111575
notifications.foreground#d2d2d2
notificationToast.border#111575
panel.background#0a0e41
panel.border#060565
panel.dropBorder#111575
panelInput.border#111575
panelSection.border#111575
panelSection.dropBackground#111575
panelSectionHeader.background#060565
panelSectionHeader.foreground#e08602
panelTitle.activeBorder#e08602
panelTitle.activeForeground#d2d2d2
panelTitle.inactiveForeground#d2d2d269
peekView.border#e08602
peekViewEditor.background#111575
peekViewEditor.matchHighlightBackground#325b8b
peekViewEditor.matchHighlightBorder#e08602
peekViewEditorGutter.background#060565
peekViewResult.background#111575
peekViewResult.fileForeground#325b8b
peekViewResult.lineForeground#d2d2d2
peekViewResult.matchHighlightBackground#325c8b8e
peekViewResult.selectionBackground#e08602
peekViewResult.selectionForeground#d2d2d2
peekViewTitle.background#111575
peekViewTitleDescription.foreground#d2d2d2
peekViewTitleLabel.foreground#d2d2d2
pickerGroup.border#111575
pickerGroup.foreground#e08602
progressBar.background#e08602
quickInput.background#0a0e41
quickInput.foreground#d2d2d2
quickInputList.focusBackground#111575
scrollbar.shadow#325b8b
scrollbarSlider.activeBackground#325c8b6b
scrollbarSlider.background#325c8b6b
scrollbarSlider.hoverBackground#325c8b6b
selection.background#111575
settings.checkboxBackground#111575
settings.checkboxBorder#111575
settings.checkboxForeground#d2d2d2
settings.dropdownBackground#111575
settings.dropdownBorder#111575
settings.dropdownForeground#d2d2d2
settings.dropdownListBorder#111575
settings.headerForeground#d2d2d2
settings.modifiedItemIndicator#7098af
settings.numberInputBackground#111575
settings.numberInputBorder#111575
settings.numberInputForeground#d2d2d2
settings.textInputBackground#111575
settings.textInputBorder#111575
settings.textInputForeground#d2d2d2
sideBar.background#14174c
sideBar.border#14174c
sideBar.foreground#a6a6a6
sideBarSectionHeader.background#325b8b
sideBarSectionHeader.border#14174c
sideBarSectionHeader.foreground#e08602
sideBarTitle.foreground#e08602
statusBar.background#0a0e41
statusBar.border#0a0e41
statusBar.debuggingBackground#0a0e41
statusBar.debuggingForeground#325b8b
statusBar.foreground#325b8b
statusBar.noFolderBackground#0a0e41
statusBar.noFolderForeground#325b8b
statusBarItem.activeBackground#111575
statusBarItem.hoverBackground#060565
statusBarItem.remoteBackground#0a0e41
statusBarItem.remoteForeground#325b8b
tab.activeBackground#060565
tab.activeBorder#e08602
tab.activeForeground#d2d2d2
tab.border#111575
tab.hoverBackground#111575
tab.hoverBorder#e08602
tab.hoverForeground#e08602
tab.inactiveBackground#0a0e41
tab.inactiveForeground#d2d2d277
tab.unfocusedActiveBackground#060565
tab.unfocusedActiveBorder#e08602
tab.unfocusedActiveBorderTop#060565
tab.unfocusedActiveForeground#d2d2d2
tab.unfocusedHoverBackground#111575
tab.unfocusedHoverBorder#e08602
tab.unfocusedHoverForeground#e08602
tab.unfocusedInactiveBackground#060565
tab.unfocusedInactiveForeground#d2d2d2
terminal.ansiBlack#242225
terminal.ansiBlue#7098af
terminal.ansiBrightBlack#242225
terminal.ansiBrightBlue#7098af
terminal.ansiBrightCyan#7098af
terminal.ansiBrightGreen#4e8607
terminal.ansiBrightMagenta#e42ae0
terminal.ansiBrightRed#c0413e
terminal.ansiBrightWhite#d2d2d2
terminal.ansiBrightYellow#e08602
terminal.ansiCyan#7098af
terminal.ansiGreen#4e8607
terminal.ansiMagenta#e42ae0
terminal.ansiRed#c0413e
terminal.ansiWhite#d2d2d2
terminal.ansiYellow#e08602
terminal.background#0a0e41
terminal.border#111575
terminal.foreground#a6a6a6
terminal.selectionBackground#325b8b
terminalCursor.background#e08602
terminalCursor.foreground#e08602
textBlockQuote.background#111575
textBlockQuote.border#111575
textCodeBlock.background#0a0e41
textLink.activeForeground#e08602
textLink.foreground#e08602
textPreformat.foreground#d2d2d2
textSeparator.foreground#d2d2d2
titleBar.activeBackground#0a0e41
titleBar.activeForeground#325b8b
titleBar.border#111575
titleBar.inactiveBackground#14174c
titleBar.inactiveForeground#325b8b79
tree.indentGuidesStroke#325b8b
walkThrough.embeddedEditorBackground#0a0e41
welcomePage.background#060565
welcomePage.tileBackground#111575
welcomePage.tileHoverBackground#111575
widget.shadow#14174c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#a6a6a6	—
comment, punctuation.definition.comment	#d2d2d27a	italic
variable, string constant.other.placeholder, source	#a6a6a6	—
constant.other.color, punctuation.definition.entity, constant.character.entity, punctuation.definition.template-expression, punctuation.section.tag.twig	#e42ae0	—
invalid, invalid.illegal	#c0413e	—
keyword, storage.type, storage.modifier, constant.numeric, constant.language, support.constant, constant.character, constant.escape	#e42ae0	—
punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.brace, meta.block, meta.jsx, meta.embedded.expression, meta.template.expression, meta.tag.block.any.html, string.unquoted.tag-string.nunjucks, text.html.nunjucks	#a6a6a6	—
punctuation.separator.key-value.html, keyword.control, keyword.operator, constant.other.color, punctuation.definition.constant, meta.function.block.start.handlebars, meta.function.inline.other, meta.property-value, support.constant.mathematical-symbols, support.constant.vendored.property-value, punctuation.definition.keyword, punctuation.accessor, punctuation.separator.property, string.unquoted.filter-pipe	#a65a4c	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.variable.dom, meta.import, meta.export, meta.export.default, support.class.builtin, support.class.component, variable.other.object	#7098af	—
entity.name.function, variable.function, support.function, keyword.other.special-method, meta.function-call, keyword.control.filter	#c99231	—
meta.block variable.other	#a6a6a6	—
variable.parameter, text.html, punctuation.section.property-list, meta.property-value.scss punctuation, meta.property-list, keyword.operator.type.annotation, variable.other.object.property	#a6a6a6	—
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, punctuation.definition.string, entity.name.section.markdown, meta.attribute-selector, entity.name.import.go, storage.type.attr.nunjucks	#e08602	—
entity.name, support.type, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, meta.object-literal.key	#c99231	—
support.type, support.class, keyword.other.debugger, entity.other.inherited-class, meta.property-name, punctuation.definition.raw.markdown, variable.graphql, variable.other.readwrite	#7098af	—
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, support.type.property-name, support.variable.object.node, support.variable.object.process	#7098af	—
entity.name.module.js, variable.import.parameter.js	#c0413e	—
variable.language	#7098af	italic
entity.name.method.js	#7098af	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#7098af	—
entity.other.attribute-name	#d2d2d2	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#c99231	—
entity.other.attribute-name.class, punctuation.definition.entity.css	#7098af	—
source.sass keyword.control	#7098af	—
markup.inserted	#c99231	—
markup.deleted	#c0413e	—
markup.changed	#e42ae0	—
string.regexp	#4e8607	—
constant.character.escape	#7098af	—
url, link, uri	—	underline
meta.decorator, tag.decorator.js entity.name.tag, tag.decorator.js punctuation.definition.tag	#7098af	—
source.js constant.other.object.key.js string.unquoted.label.js	#c0413e	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#d2d2d2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7098af	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#a65a4c	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#d2d2d2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7098af	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#a65a4c	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#d2d2d2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7098af	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#a65a4c	—
markup.italic	#c0413e	italic
markup.bold	#c0413e	bold
markup.underline	#e42ae0	underline
markup.strike	#c0413e	italic
markup.quote	#7098af	italic
markup.raw.block	#7098af	—
markup.table	#7098af	—
text.html.markdown, punctuation.definition.list_item.markdown	#a6a6a6	—
text.html.markdown markup.raw.inline, text.html.markdown markup.inline.raw.string.markdown	#7098af	—
text.html.markdown meta.dummy.line-break	#a6a6a6	—
markdown.heading, markup.heading, markup.heading entity.name, markup.heading.markdown, punctuation.definition.heading.markdown	#4e8607	—
markup.quote, punctuation.definition.blockquote.markdown	#7098af	italic
string.other.link.title.markdown	#c99231	underline
markup.raw.block.fenced.markdown	#d2d2d2	—
punctuation.definition.fenced.markdown, variable.language.fenced.markdown	#a6a6a6	—
variable.language.fenced.markdown	#a6a6a6
meta.separator	#d2d2d2
token.info-token	#7098af	—
token.warn-token	#c99231	—
token.error-token	#c0413e	—
token.debug-token	#e42ae0	—
storage.type.error.go	#7098af	—
punctuation.other.period.go	#c99231	—

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