Monoeye

Name: Monoeye
Author: Eyemono Rin

Publisher: Eyemono RinThemes in package: 1

High contrast color scheme based on Monokai Pro

GitHub

VS Code preview

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

Monoeye — Monoeye

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#0C0A0F
activityBar.foreground#6E6379
activityBarBadge.background#C688F2
activityBarBadge.foreground#0C0A0F
badge.background#C688F2
badge.foreground#0C0A0F
button.background#C688F2
button.foreground#0C0A0F
button.secondaryBackground#B2ABBA
button.secondaryForeground#0C0A0F
charts.green#A2DB57
charts.purple#C688F2
commandCenter.activeBackground#292233
commandCenter.background#19151F
debugExceptionWidget.background#292233
debugExceptionWidget.border#0C0A0F
debugIcon.breakpointCurrentStackframeForeground#EDD861
debugIcon.breakpointDisabledForeground#6E6379
debugIcon.breakpointForeground#FF8566
debugIcon.breakpointStackframeForeground#A2DB57
debugIcon.breakpointUnverifiedForeground#6E6379
debugIcon.continueForeground#75F0DB
debugIcon.disconnectForeground#FF8566
debugIcon.pauseForeground#75F0DB
debugIcon.restartForeground#A2DB57
debugIcon.startForeground#A2DB57
debugIcon.stepBackForeground#75F0DB
debugIcon.stepIntoForeground#75F0DB
debugIcon.stepOutForeground#75F0DB
debugIcon.stepOverForeground#75F0DB
debugIcon.stopForeground#FF8566
debugTokenExpression.boolean#8F98FF
debugTokenExpression.error#FF8566
debugTokenExpression.name#C688F2
debugTokenExpression.number#A2DB57
debugTokenExpression.string#FF66CC
debugTokenExpression.value#B2ABBA
debugToolBar.background#292233
debugView.exceptionLabelBackground#292233
debugView.stateLabelBackground#292233
debugView.valueChangedHighlight#A2DB57
diffEditor.diagonalFill#6E6379
diffEditor.insertedLineBackground#A2DB5733
diffEditor.insertedTextBackground#A2DB5733
diffEditor.removedLineBackground#FF856633
diffEditor.removedTextBackground#FF856633
disabledForeground#6E6379
dropdown.background#19151F
dropdown.foreground#B2ABBA
editor.background#19151F
editor.findMatchBackground#FF66CC33
editor.findMatchBorder#FF66CC88
editor.findMatchHighlightBackground#FF66CC33
editor.findMatchHighlightBorder#FF66CC88
editor.findRangeHighlightBackground#FF66CC33
editor.focusedStackFrameHighlightBackground#FF66CC33
editor.foreground#F2EEF6
editor.hoverHighlightBackground#6E637933
editor.inlineValuesBackground#75F0DB33
editor.inlineValuesForeground#F2EEF6
editor.lineHighlightBackground#29223333
editor.lineHighlightBorder#00000000
editor.linkedEditingBackground#FF856633
editor.rangeHighlightBackground#6E637933
editor.selectionBackground#6E637988
editor.selectionHighlightBorder#6E637988
editor.snippetFinalTabstopHighlightBorder#292233
editor.snippetTabstopHighlightBackground#292233
editor.stackFrameHighlightBackground#6E637933
editor.wordHighlightBackground#6E637933
editor.wordHighlightStrongBackground#6E637933
editorBracketHighlight.foreground1#75F0DB
editorBracketHighlight.foreground2#8F98FF
editorBracketHighlight.foreground3#A2DB57
editorBracketHighlight.unexpectedBracket.foreground#FF8566
editorBracketMatch.background#6E637933
editorBracketMatch.border#6E6379
editorBracketPairGuide.activeBackground1#00000000
editorBracketPairGuide.activeBackground2#00000000
editorBracketPairGuide.activeBackground3#00000000
editorBracketPairGuide.activeBackground4#00000000
editorBracketPairGuide.activeBackground5#00000000
editorBracketPairGuide.activeBackground6#00000000
editorBracketPairGuide.background1#00000000
editorBracketPairGuide.background2#00000000
editorBracketPairGuide.background3#00000000
editorBracketPairGuide.background4#00000000
editorBracketPairGuide.background5#00000000
editorBracketPairGuide.background6#00000000
editorCodeLens.foreground#6E6379
editorCursor.foreground#B2ABBA
editorError.foreground#FF8566
editorGhostText.foreground#6E6379
editorGroup.border#0C0A0F
editorGroup.dropBackground#C688F233
editorGroupHeader.tabsBackground#130F17
editorGutter.addedBackground#A2DB57
editorGutter.modifiedBackground#8F98FF
editorHint.foreground#6E6379
editorInfo.foreground#C688F2
editorLightBulb.foreground#EDD861
editorLightBulbAutoFix.foreground#75F0DB
editorLineNumber.activeForeground#B2ABBA
editorLineNumber.foreground#6E6379
editorLink.activeForeground#8F98FF
editorOverviewRuler.border#130F17
editorOverviewRuler.bracketMatchForeground#6E6379
editorOverviewRuler.errorForeground#FF856688
editorOverviewRuler.findMatchForeground#FF66CC88
editorOverviewRuler.rangeHighlightForeground#6E637988
editorOverviewRuler.selectionHighlightForeground#6E637988
editorOverviewRuler.wordHighlightForeground#6E637988
editorOverviewRuler.wordHighlightStrongForeground#6E637988
editorPane.background#130F17
editorRuler.foreground#6E6379
editorStickyScrollHover.background#0C0A0F
editorUnicodeHighlight.background#EDD86133
editorUnicodeHighlight.border#EDD861
editorUnnecessaryCode.opacity#00000088
editorWarning.foreground#EDD861
editorWhitespace.foreground#C688F233
editorWidget.background#292233
editorWidget.border#130F17
errorForeground#FF8566
extensionIcon.preReleaseForeground#A2DB57
extensionIcon.sponsorForeground#FF8566
extensionIcon.starForeground#EDD861
focusBorder#C688F2
foreground#B2ABBA
gitDecoration.addedResourceForeground#A2DB57
gitDecoration.conflictingResourceForeground#FF8566
gitDecoration.deletedResourceForeground#FF8566
gitDecoration.ignoredResourceForeground#6E6379
gitDecoration.modifiedResourceForeground#8F98FF
gitDecoration.renamedResourceForeground#8F98FF
gitDecoration.stageDeletedResourceForeground#FF8566
gitDecoration.stageModifiedResourceForeground#8F98FF
gitDecoration.submoduleResourceForeground#75F0DB
gitDecoration.untrackedResourceForeground#A2DB57
icon.foreground#B2ABBA
input.background#19151F
inputOption.activeBorder#B2ABBA
inputOption.activeForeground#19151F
inputOption.hoverBackground#19151F
inputValidation.errorBackground#292233
inputValidation.errorBorder#FF8566
inputValidation.infoBackground#292233
inputValidation.infoBorder#8F98FF
inputValidation.warningBackground#292233
inputValidation.warningBorder#EDD861
list.activeSelectionBackground#C688F288
list.activeSelectionForeground#F2EEF6
list.deemphasizedForeground#B2ABBA
list.dropBackground#19151F
list.errorForeground#FF8566
list.highlightForeground#C688F2
list.hoverBackground#C688F233
list.inactiveSelectionBackground#C688F233
list.invalidItemForeground#FF8566
list.warningForeground#EDD861
listFilterWidget.noMatchesOutline#FF8566
listFilterWidget.outline#00000000
menu.separatorBackground#292233
merge.commonHeaderBackground#19151F33
merge.currentHeaderBackground#A2DB5733
merge.incomingHeaderBackground#8F98FF33
mergeEditor.change.background#A2DB5733
mergeEditor.change.word.background#A2DB5733
mergeEditor.changeBase.background#8F98FF33
mergeEditor.changeBase.word.background#8F98FF33
mergeEditor.conflict.handled.minimapOverViewRuler#B2ABBA33
mergeEditor.conflict.handledFocused.border#B2ABBA88
mergeEditor.conflict.handledUnfocused.border#B2ABBA88
mergeEditor.conflict.unhandled.minimapOverViewRuler#FF856633
mergeEditor.conflict.unhandledFocused.border#FF856688
mergeEditor.conflict.unhandledUnfocused.border#FF856633
mergeEditor.conflictingLines.background#EDD86133
minimap.errorHighlight#FF856688
minimap.findMatchHighlight#FF66CC
minimap.foregroundOpacity#000088
minimap.selectionHighlight#8F98FF88
minimap.selectionOccurrenceHighlight#8F98FF88
notebook.cellStatusBarItemHoverBackground#6E637933
notebook.cellToolbarSeparator#6E6379
notebook.symbolHighlightBackground#6E637933
panel.border#F2EEF633
panelSectionHeader.background#F2EEF633
panelTitle.activeForeground#B2ABBA
peekViewEditor.background#292233
peekViewEditor.matchHighlightBackground#FF66CC33
peekViewResult.background#19151F
peekViewResult.fileForeground#B2ABBA
peekViewResult.lineForeground#B2ABBA
peekViewResult.matchHighlightBackground#FF66CC33
peekViewResult.selectionBackground#6E637988
peekViewResult.selectionForeground#F2EEF6
peekViewTitleDescription.foreground#6E6379
peekViewTitleLabel.foreground#B2ABBA
pickerGroup.border#6E6379
pickerGroup.foreground#B2ABBA
progressBar.background#C688F2
quickInputList.focusBackground#C688F233
quickInputTitle.background#19151F
scm.providerBorder#6E6379
scrollbar.shadow#000000
scrollbarSlider.activeBackground#F2EEF633
scrollbarSlider.background#6E637933
scrollbarSlider.hoverBackground#B2ABBA33
settings.headerForeground#B2ABBA
settings.modifiedItemIndicator#C688F2
sideBar.background#130F17
sideBar.border#0C0A0F
sideBarSectionHeader.background#19151F
sideBarSectionHeader.border#130F17
statusBar.background#130F17
statusBar.debuggingBackground#130F17
statusBar.foreground#6E6379
statusBar.noFolderBackground#130F17
statusBarItem.activeBackground#292233
statusBarItem.compactHoverBackground#292233
statusBarItem.errorForeground#FF8566
statusBarItem.hoverBackground#292233
statusBarItem.warningForeground#EDD861
symbolIcon.classForeground#8F98FF
symbolIcon.constructorForeground#75F0DB
symbolIcon.enumeratorForeground#8F98FF
symbolIcon.enumeratorMemberForeground#75F0DB
symbolIcon.eventForeground#FF66CC
symbolIcon.fieldForeground#75F0DB
symbolIcon.functionForeground#75F0DB
symbolIcon.interfaceForeground#8F98FF
symbolIcon.methodForeground#75F0DB
symbolIcon.variableForeground#FF66CC
tab.activeBorderTop#C688F2
tab.activeForeground#F2EEF6
tab.activeModifiedBorder#8F98FF
tab.border#0C0A0F
tab.hoverBackground#292233
tab.inactiveBackground#130F17
terminal.ansiBlack#0C0A0F
terminal.ansiBlue#8F98FF
terminal.ansiBrightBlack#130F17
terminal.ansiBrightBlue#8F98FF
terminal.ansiBrightCyan#75F0DB
terminal.ansiBrightGreen#A2DB57
terminal.ansiBrightMagenta#C688F2
terminal.ansiBrightRed#FF66CC
terminal.ansiBrightWhite#F2EEF6
terminal.ansiBrightYellow#EDD861
terminal.ansiCyan#75F0DB
terminal.ansiGreen#A2DB57
terminal.ansiMagenta#C688F2
terminal.ansiRed#FF66CC
terminal.ansiWhite#B2ABBA
terminal.ansiYellow#EDD861
terminal.foreground#F2EEF6
terminalCommandDecoration.defaultBackground#19151F
terminalCommandDecoration.errorBackground#FF8566
terminalCommandDecoration.successBackground#A2DB57
terminalOverviewRuler.cursorForeground#F2EEF633
testing.iconErrored#FF8566
testing.iconFailed#FF8566
testing.iconPassed#A2DB57
testing.iconQueued#EDD861
testing.iconSkipped#6E6379
testing.iconUnset#6E6379
textBlockQuote.background#292233
textBlockQuote.border#6E6379
textCodeBlock.background#292233
textLink.activeForeground#8F98FF
textLink.foreground#8F98FF
textPreformat.foreground#F2EEF6
textSeparator.foreground#6E6379
titleBar.activeBackground#0C0A0F
titleBar.activeForeground#B2ABBA
titleBar.inactiveBackground#130F17
titleBar.inactiveForeground#6E6379
toolbar.hoverBackground#292233
tree.indentGuidesStroke#6E6379
tree.tableColumnsBorder#6E6379
walkthrough.stepTitle.foreground#B2ABBA
welcomePage.tileBorder#6E6379
widget.shadow#0C0A0F88

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.quoted.docstring	#6E6379	italic
emphasis, markup.italic, support	—	italic
strong, markup.bold	—	bold
markup.underline	—	underline
constant	#A2DB57	—
string	#A2DB57	—
storage	#C688F2	—
entity.name.type, support.type, entity.name.namespace, entity.name.type.interface, support.class, entity.name.class, entity.name.type.class, entity.other.inherited-class	#8F98FF	—
entity.name.function, entity.name.method, support.function	#75F0DB	—
entity	#75F0DB	—
invalid	#FF8566	—
keyword	#C688F2	—
markup.changed	#FF66CC	—
markup.deleted	#FF8566	—
markup.heading	#C688F2	—
markup.inline.raw, markup.raw	#C688F2	—
markup.inserted	#A2DB57	—
markup.list	#75F0DB	—
markup.quote	#B2ABBA	—
markup.underline.link	#8F98FF	—
punctuation	#B2ABBA	—
variable	#F2EEF6	—
variable.parameter	#FF66CC	—
entity.name.tag.html	#C688F2	—
entity.other.attribute-name.html	#75F0DB	—
support.type.property-name.json	#C688F2
meta.paragraph.markdown	#F2EEF6	—
entity.name.section.markdown	#C688F2	bold
markup.list	#F2EEF6	—
punctuation.definition.list.begin.markdown	#A2DB57	—
markup.bold.markdown, markup.italic.markdown	#A2DB57	—
markup.quote.markdown meta.paragraph.markdown	#B2ABBA	italic

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