Monokai Seti

Name: Monokai Seti
Author: Aditya Mukherjee

Publisher: Aditya MukherjeeThemes in package: 2

A derivative of Monokai Seti (for Atom) for Visual Studio Code

GitHub

Color themes

VS Code preview

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

Monokai Seti — Monokai Seti Light

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#fafafa
activityBar.border#8a91991a
activityBar.foreground#8a9199cc
activityBar.inactiveForeground#8a919999
activityBarBadge.background#ff9940
activityBarBadge.foreground#fafafa
badge.background#ff994033
badge.foreground#f48f36
button.background#ff9940
button.foreground#f9fafa
button.hoverBackground#f9943b
debugExceptionWidget.background#ffffff
debugExceptionWidget.border#8a91991a
debugToolBar.background#ffffff
descriptionForeground#8a9199
diffEditor.insertedTextBackground#86b30026
diffEditor.removedTextBackground#ed936626
dropdown.background#ffffff
dropdown.border#dddfe1
dropdown.foreground#8a9199
editor.background#ffffff
editor.findMatchBackground#ff99400d
editor.findMatchBorder#ff9940
editor.findMatchHighlightBackground#ff99400d
editor.findMatchHighlightBorder#ff994059
editor.findRangeHighlightBackground#f2f9ff
editor.findRangeHighlightBorder#fafafa00
editor.foreground#272727
editor.inactiveSelectionBackground#f2f9ff
editor.lineHighlightBackground#f0f9ff
editor.rangeHighlightBackground#8a91991a
editor.selectionBackground#c0e1ff90
editor.selectionHighlightBackground#bfdcff50
editor.wordHighlightBackground#3490ff10
editor.wordHighlightBorder#a5c6ff50
editorBracketMatch.background#f9fcff
editorBracketMatch.border#cde0ff
editorCodeLens.foreground#abb0b6
editorCursor.foreground#ff9940
editorError.foreground#f51818
editorGroup.background#ffffff
editorGroup.border#8a91991a
editorGroupHeader.noTabsBackground#fafafa
editorGroupHeader.tabsBackground#fafafa
editorGroupHeader.tabsBorder#8a91991a
editorGutter.addedBackground#99bf4d99
editorGutter.deletedBackground#f2798399
editorGutter.modifiedBackground#709ecc99
editorHoverWidget.background#ffffff
editorHoverWidget.border#f0f0f0
editorIndentGuide.activeBackground#8a919959
editorIndentGuide.background#8a91992e
editorLineNumber.activeForeground#8a9199cc
editorLineNumber.foreground#8a919966
editorLink.activeForeground#ff9940
editorMarkerNavigation.background#ffffff
editorOverviewRuler.addedForeground#99bf4d99
editorOverviewRuler.border#8a91991a
editorOverviewRuler.deletedForeground#f2798399
editorOverviewRuler.errorForeground#f51818
editorOverviewRuler.modifiedForeground#709ecc99
editorOverviewRuler.warningForeground#ff9940
editorRuler.foreground#8a91992e
editorSuggestWidget.background#ffffff
editorSuggestWidget.border#f0f0f0
editorSuggestWidget.highlightForeground#ff9940
editorSuggestWidget.selectedBackground#f0f9ff
editorWarning.foreground#ff9940
editorWhitespace.foreground#8a919966
editorWidget.background#ffffff
errorForeground#f51818
extensionButton.prominentBackground#ff9940
extensionButton.prominentForeground#f9fafa
extensionButton.prominentHoverBackground#f9943b
focusBorder#bec1c6
foreground#8a9199
gitDecoration.conflictingResourceForeground
gitDecoration.deletedResourceForeground#f27983b3
gitDecoration.ignoredResourceForeground#c9cccf
gitDecoration.modifiedResourceForeground#709eccb3
gitDecoration.submoduleResourceForeground#a37accb3
gitDecoration.untrackedResourceForeground#99bf4db3
icon.foreground#8a9199
input.background#f7f7f7
input.border#dddfe1
input.foreground#575f66
input.placeholderForeground#b2b7bb
inputOption.activeBorder#ff9940
inputValidation.errorBackground#fafafa
inputValidation.errorBorder#f51818
inputValidation.infoBackground#fafafa
inputValidation.infoBorder#55b4d4
inputValidation.warningBackground#fafafa
inputValidation.warningBorder#e6bb00
list.activeSelectionBackground#8a91991a
list.activeSelectionForeground#8a9199
list.errorForeground#f27983
list.filterMatchBackground#ff99400d
list.filterMatchBorder#ff9940
list.focusBackground#8a91991a
list.focusForeground#8a9199
list.highlightForeground#ff9940
list.hoverBackground#f0f9ff
list.hoverForeground#8a9199
list.inactiveSelectionBackground#8a91991a
list.inactiveSelectionForeground#8a9199
list.invalidItemForeground#b2b7bb
listFilterWidget.background#ffffff
listFilterWidget.noMatchesOutline#f51818
listFilterWidget.outline#ff9940
panel.background#fafafa
panel.border#8a91991a
panelTitle.activeBorder#ff9940
panelTitle.activeForeground#575f66
panelTitle.inactiveForeground#8a9199
peekView.border#8a91991a
peekViewEditor.background#ffffff
peekViewEditor.matchHighlightBackground#ff994033
peekViewResult.background#ffffff
peekViewResult.fileForeground#8a9199
peekViewResult.matchHighlightBackground#ff994033
peekViewTitle.background#ffffff
peekViewTitleDescription.foreground#8a9199
peekViewTitleLabel.foreground#8a9199
pickerGroup.border#8a91991a
pickerGroup.foreground#c9cccf
progressBar.background#ff9940
scrollbar.shadow#8a91991a
scrollbarSlider.activeBackground#8a9199b3
scrollbarSlider.background#8a919966
scrollbarSlider.hoverBackground#8a919999
selection.background#d1e4f4fd
settings.headerForeground#575f66
settings.modifiedItemIndicator#709ecc
sideBar.background#fafafa
sideBar.border#8a91991a
sideBarSectionHeader.background#fafafa
sideBarSectionHeader.border#8a91991a
sideBarSectionHeader.foreground#8a9199
sideBarTitle.foreground#8a9199
statusBar.background#fafafa
statusBar.border#8a91991a
statusBar.debuggingBackground#ed9366
statusBar.debuggingForeground#f9fafa
statusBar.foreground#8a9199
statusBar.noFolderBackground#ffffff
statusBarItem.activeBackground#8a91991a
statusBarItem.hoverBackground#8a91991a
statusBarItem.prominentBackground#8a91991a
statusBarItem.prominentHoverBackground#00000030
tab.activeBackground#ffffff
tab.activeBorder#ffffff
tab.activeBorderTop#ff9940
tab.activeForeground#575f66
tab.border#8a91991a
tab.inactiveBackground#fafafa
tab.inactiveForeground#8a9199
tab.unfocusedActiveBorderTop#8a9199
tab.unfocusedActiveForeground#8a9199
tab.unfocusedInactiveForeground#8a9199
terminal.ansiBlack#000000
terminal.ansiBlue#3199e1
terminal.ansiBrightBlack#686868
terminal.ansiBrightBlue#399ee6
terminal.ansiBrightCyan#4cbf99
terminal.ansiBrightGreen#86b300
terminal.ansiBrightMagenta#a37acc
terminal.ansiBrightRed#f07171
terminal.ansiBrightWhite#d1d1d1
terminal.ansiBrightYellow#e6bb00
terminal.ansiCyan#46ba94
terminal.ansiGreen#99bf4d
terminal.ansiMagenta#9e75c7
terminal.ansiRed#ea6c6d
terminal.ansiWhite#c7c7c7
terminal.ansiYellow#eca944
terminal.background#fafafa
terminal.foreground#575f66
textBlockQuote.background#ffffff
textLink.activeForeground#ff9940
textLink.foreground#ff9940
textPreformat.foreground#575f66
titleBar.activeBackground#fafafa
titleBar.activeForeground#575f66
titleBar.border#8a91991a
titleBar.inactiveBackground#fafafa
titleBar.inactiveForeground#8a9199
tree.indentGuidesStroke#8a919959
walkThrough.embeddedEditorBackground#ffffff
widget.shadow#424a5040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#0c0c0cff	—
comment, punctuation.definition.comment	#c2cacc	—
variable	#272727	—
keyword, storage.type, storage.modifier	#F92672	—
constant.other.color, meta.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.substitution	#E7C547	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#00bfe5	—
meta.tag.jsx	#272727	—
entity.name.function, keyword.other.special-method, variable.function, meta.block-level, support.function	#7dc500	—
support.other.variable, string.other.link	#F07178	—
constant.numeric, constant.language, constant.character, variable.other.constant	#7429ff	—
variable.parameter, keyword.other.unit	#e6bb00	—
string, keyword.other.template, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#e6bb00	normal
entity.name.class, entity.name.type.class, entity.name.instance, entity.name.type.instance, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter	#00bfe5	—
entity.name.module, entity.name.type.module, variable.import.parameter.js, variable.other.class.js	#00bfe5	—
variable.language	#00bfe5	italic
invalid	#dc322f	—
invalid.deprecated	#FFFFFF	—
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag	#00bfe590	—
entity.other.attribute-name	#B8CC52	—
markup.inserted	#B8CC52	—
markup.deleted	#00bfe5	—
markup.changed	#FD971F	—
string.regexp, constant.character.escape	#95E6CB	—
url, link, uri	—	underline
constant.numeric.line-number.find-in-files - match	#5C6773	—
entity.name.filename.find-in-files	#B8CC52	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#E6B673	italic
source.js constant.other.object.key.js string.unquoted.label.js	#00bfe5	italic
entity.name.method.js	#E6B673	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#E6B673	—
markup.italic	#F07178	italic
markup.bold	#F07178	bold
markup.underline	#f3c417	underline
markup.strike	#E6B673	strike
markup.quote	#E7C547	italic
markup.fenced_code.block.markdown	#FD971F	—
markup.table	#00bfe5	—
text.html.markdown, punctuation.definition.list_item.markdown	#272727	—
text.html.markdown markup.inline.raw.string.markdown	#00bfe5	—
text.html.markdown meta.dummy.line-break	#5C6773	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#B8CC52	—
markup.quote, punctuation.definition.blockquote.markdown	#E7C547	italic
string.other.link.title.markdown	#E6B673	underline
markup.raw.block.fenced.markdown	#272727	—
punctuation.definition.fenced.markdown, variable.language.fenced.markdown	#5C6773	—
variable.language.fenced.markdown	#5C6773
meta.separator	#5C6773	bold
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#00bfe5	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#00bfe5	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#00bfe5	—
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#00bfe5	—
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#00bfe5	—
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#00bfe5	—
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#00bfe5	—
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#00bfe5	—
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#00bfe5	—
acejump.label.blue	#FFFFFF	—
acejump.label.green	#FFFFFF	—
acejump.label.orange	#FFFFFF	—
acejump.label.purple	#FFFFFF	—
sublimelinter.mark.warning	#00bfe5	—
sublimelinter.gutter-mark	#FFFFFF	—
sublimelinter.mark.error	#dc322f	—
markup.ignored.git_gutter	#5C6773	—
markup.untracked.git_gutter	#5C6773	—
gutter_color	#FFFFFF	—
token.info-token	#6796e6	—
token.warn-token	#cd9731	—
token.error-token	#dc322f	—
token.debug-token	#b267e6	—

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