Empire VSCode ThemePack

Name: Empire VSCode ThemePack
Author: herohiralal

Publisher: herohiralalThemes in package: 2

Inspired by One Monokai and Oh Lucy.

GitHub

Color themes

VS Code preview

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

Empire VSCode ThemePack — empire-monokai-dark

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#16191d
activityBar.foreground#d7dae0
activityBarBadge.background#e3cb4e
activityBarBadge.foreground#f8fafd
badge.background#e3cb4e
button.background#404754
button.secondaryBackground#30333d
button.secondaryForeground#c0bdbd
checkbox.border#404754
debugToolBar.background#14151a
descriptionForeground#abb2bf
diffEditor.insertedTextBackground#00809b33
dropdown.background#14151a
dropdown.border#14151a
editor.background#16191d
editor.findMatchBackground#42557b
editor.findMatchBorder#e3cb4e
editor.findMatchHighlightBackground#6199ff2f
editor.foreground#abb2bf
editor.lineHighlightBackground#2a2b19
editor.selectionBackground#67769660
editor.selectionHighlightBackground#ffffff10
editor.wordHighlightBackground#d2e0ff2f
editor.wordHighlightStrongBackground#abb2bf26
editorBracketHighlight.foreground1#d19a66
editorBracketHighlight.foreground2#af98e6
editorBracketHighlight.foreground3#51c7da
editorBracketMatch.background#515a6b
editorBracketMatch.border#515a6b
editorCursor.background#ffffffc9
editorCursor.foreground#528bff
editorError.foreground#fb6496
editorGroup.border#181a1f
editorGroupHeader.tabsBackground#14151a
editorGutter.addedBackground#6cd9ab
editorGutter.deletedBackground#fb6496
editorGutter.modifiedBackground#fda044
editorHint.foreground#af98e6
editorHoverWidget.background#14151a
editorHoverWidget.border#181a1f
editorHoverWidget.highlightForeground#61afef
editorIndentGuide.activeBackground1#c8c8c859
editorIndentGuide.background1#3b4048
editorInfo.foreground#3bc4da
editorInlayHint.background#45464a
editorInlayHint.foreground#e3cb4e
editorLineNumber.activeForeground#abb2bf
editorLineNumber.foreground#495162
editorMarkerNavigation.background#14151a
editorMarkerNavigationError.background#fb6496
editorMarkerNavigationInfo.background#3bc4da
editorMarkerNavigationWarning.background#fda044
editorOverviewRuler.addedForeground#6cd9ab
editorOverviewRuler.deletedForeground#fb6496
editorOverviewRuler.errorForeground#fb6496
editorOverviewRuler.infoForeground#3bc4da
editorOverviewRuler.modifiedForeground#fda044
editorOverviewRuler.warningForeground#fda044
editorRuler.foreground#abb2bf26
editorSuggestWidget.background#14151a
editorSuggestWidget.border#181a1f
editorSuggestWidget.selectedBackground#2c313a
editorWarning.foreground#fda044
editorWhitespace.foreground#ffffff1d
editorWidget.background#14151a
errorForeground#fb6496
focusBorder#3e4452
gitDecoration.conflictingResourceForeground#fda044
gitDecoration.deletedResourceForeground#fb6496
gitDecoration.ignoredResourceForeground#80859c
gitDecoration.modifiedResourceForeground#6cd9ab
gitDecoration.untrackedResourceForeground#fda044
input.background#1d1f23
input.foreground#abb2bf
inputValidation.errorBorder#fb6496
inputValidation.infoBorder#3bc4da
inputValidation.warningBorder#fda044
list.activeSelectionBackground#2c313a
list.activeSelectionForeground#e3cb4e
list.errorForeground#fb6496
list.focusBackground#323842
list.focusForeground#f0f0f0
list.highlightForeground#ecebeb
list.hoverBackground#2c313a
list.hoverForeground#abb2bf
list.inactiveSelectionBackground#323842
list.inactiveSelectionForeground#e3cb4e
list.invalidItemForeground#fb6496
list.warningForeground#fda044
menu.foreground#abb2bf
menu.separatorBackground#343a45
minimapGutter.addedBackground#109868
minimapGutter.deletedBackground#9a353d
minimapGutter.modifiedBackground#948b60
notificationLink.foreground#e3cb4e
panel.border#3e4452
panelSectionHeader.background#14151a
panelTitle.activeBorder#e3cb4e
panelTitle.activeForeground#e3cb4e
peekViewEditor.background#1b1d23
peekViewEditor.matchHighlightBackground#29244b
peekViewResult.background#22262b
scrollbar.shadow#23252c
scrollbarSlider.activeBackground#747d9180
scrollbarSlider.background#4e566660
scrollbarSlider.hoverBackground#5a637580
settings.focusedRowBackground#16191d
settings.headerForeground#ffffff
sideBar.background#14151a
sideBar.foreground#abb2bf
sideBarSectionHeader.background#16191d
sideBarSectionHeader.foreground#abb2bf
statusBar.background#14151a
statusBar.debuggingBackground#cc6633
statusBar.debuggingBorder#ff000000
statusBar.debuggingForeground#ffffff
statusBar.foreground#9da5b4
statusBar.noFolderBackground#14151a
tab.activeBackground#16191d
tab.activeBorder#e3cb4e
tab.activeForeground#e3cb4e
tab.border#181a1f
tab.hoverBackground#323842
tab.inactiveBackground#14151a
tab.inactiveForeground#abb2bf
tab.unfocusedHoverBackground#323842
terminal.ansiBlack#16191d
terminal.ansiBlue#444afd
terminal.ansiBrightBlack#a5aac9
terminal.ansiBrightBlue#fda044
terminal.ansiBrightCyan#3bc4da
terminal.ansiBrightGreen#6cd9ab
terminal.ansiBrightMagenta#af98e6
terminal.ansiBrightRed#fb6496
terminal.ansiBrightWhite#d7d7d7
terminal.ansiBrightYellow#e3cb4e
terminal.ansiCyan#3bc4da
terminal.ansiGreen#6cd9ab
terminal.ansiMagenta#af98e6
terminal.ansiRed#fb6496
terminal.ansiWhite#d7d7d7
terminal.ansiYellow#e3cb4e
terminal.background#16191d
terminal.border#3e4452
terminal.foreground#d7d7d7
terminal.selectionBackground#abb2bf30
textBlockQuote.background#2e3440
textBlockQuote.border#4b5362
textLink.foreground#e3cb4e
textPreformat.foreground#d19a66
titleBar.activeBackground#16191d
titleBar.activeForeground#9da5b4
titleBar.inactiveBackground#16191d
titleBar.inactiveForeground#6b717d
tree.indentGuidesStroke#ffffff1d
walkThrough.embeddedEditorBackground#2e3440

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, string.comment	#e5c07b	italic
string, string.template	#e5c07b	—
constant.numeric, variable.other.constant, variable.other.enummember, entity.name.function.preprocessor	#af98e6	—
string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded	#af98e6	—
punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.erb, punctuation.section.embedded.end.erb, source.elixir.embedded, punctuation.separator, punctuation.accessor, meta.brace	#abb2bf	—
constant.language	#51c7da	—
constant.character, constant.other	#51c7da	—
variable.language	#cc7a95	—
keyword, keyword.operator.logical, keyword.operator.constructor	#cc7a95	italic
keyword.operator	#cc7a95	—
storage	#cc7a95	italic
storage.type	#51c7da	—
entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class	#61afef	—
entity.name.namespace, variable.other.object, variable.other.global, variable.other.readwrite.class, variable.other.readwrite.instance, variable.other.readwrite.batchfile, variable.readwrite, variable.readwrite.other.block	#61afef	—
variable.other, variable.other.property, variable.other.block	#abb2bf	—
entity.other.inherited-class	#6fc481	—
storage.modifier.import, storage.modifier.package	#61afef	—
entity.name.function, support.function	#6fc481	—
variable.parameter, entity.name.variable.parameter, parameter.variable	#d19a66	italic
entity.name.function-call	#abb2bf	—
function.support.builtin, function.support.core	#6fc481	—
entity.name.tag, entity.name.tag.class.js	#cc7a95	italic
entity.name.tag.class, entity.name.tag.id	#51c7da	—
entity.other.attribute-name	#6fc481	—
support.constant	#51c7da	—
support.type, support.variable	#51c7da	—
support.dictionary.json	#6fc481	—
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass	#abb2bf	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-class.less, entity.other.attribute-name.pseudo-class.sass, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-element.sass	#51c7da	—
support.constant.css, support.constant.scss, support.constant.less, support.constant.sass	#6fc481	—
variable.css, variable.scss, variable.less, variable.sass	#51c7da	—
variable.css.string, variable.scss.string, variable.less.string, variable.sass.string	#e5c07b	—
unit.css, unit.scss, unit.less, unit.sass	#af98e6	—
function.css, function.scss, function.less, function.sass	#51c7da	—
support.other.variable	—
invalid	#F8F8F0	—
invalid.deprecated	#F8F8F0	—
support.type.property-name.json	#6fc481	—
string.detected-link	#61afef	—
meta.diff, meta.diff.header	#75715E	—
markup.deleted	#e06c75	—
markup.inserted	#6fc481	—
markup.changed	#e5c07b	—
constant.numeric.line-number.find-in-files - match	#51c7daA0	—
entity.name.filename.find-in-files	#e5c07b	—
markup.italic, markup.italic.markdown	—	italic
punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown	#676f7d	—
punctuation.definition.italic.markdown	—	italic
markup.underline.link.markdown	#61afef	—
markup.bold.markdown	—	bold
markup.heading.markdown	#cc7a95	italic bold
markup.quote.markdown	#6fc481	—
meta.separator.markdown	#af98e6	bold
markup.raw.inline.markdown, markup.raw.block.markdown	#51c7da	—
punctuation.definition.list_item.markdown	#ffffff	bold

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