Epic Gamer Theme

Name: Epic Gamer Theme
Author: Noxin Development

Publisher: Noxin DevelopmentThemes in package: 1

Theme for Epic Gamers

Open in VS Code GitHub

VS Code preview

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

Epic Gamer Theme — Epic Gamer Theme 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#000000
activityBar.dropBorder#ff0000
activityBar.foreground#8f56dd
activityBar.inactiveForeground#d1baf1
activityBarBadge.background#9d71da
badge.background#9d71da
button.background#9d71da
button.secondaryBackground#ff0000
checkbox.background#9d71da
dropdown.background#241736
dropdown.border#9d71da
dropdown.listBackground#241736
editor.background#000000
editor.findMatchBackground#9d71da33
editor.findMatchBorder#9d71da80
editor.findMatchHighlightBackground#9d71da33
editor.findRangeHighlightBorder#ff0000
editor.foldBackground#ff0000
editor.foreground#ffffff
editor.hoverHighlightBackground#9d71da4d
editor.inactiveSelectionBackground#9d71da33
editor.lineHighlightBorder#9d71da33
editor.linkedEditingBackground#ff0000
editor.rangeHighlightBackground#9d71da4d
editor.selectionBackground#9d71da4d
editor.selectionHighlightBackground#9d71da4d
editor.symbolHighlightBackground#9d71da4d
editor.symbolHighlightBorder#9d71da33
editor.wordHighlightBackground#9d71da4d
editor.wordHighlightStrongBackground#9d71da4d
editor.wordHighlightStrongBorder#ff0000
editorBracketMatch.background#00000000
editorBracketMatch.border#ffffff
editorCodeLens.foreground#ffffff
editorCursor.background#9d71da
editorCursor.foreground#ffffff
editorGroup.border#9d71da
editorGroup.dropBackground#9d71da4d
editorGroup.emptyBackground#241736
editorGroup.focusedEmptyBorder#ff0000
editorGroupHeader.noTabsBackground#ff0000
editorGroupHeader.tabsBackground#241736
editorGutter.addedBackground#00ff22
editorGutter.background#000000
editorGutter.commentRangeForeground#ff0000
editorGutter.deletedBackground#ff0000
editorGutter.foldingControlForeground#ceb1f7
editorGutter.modifiedBackground#ff0000
editorIndentGuide.activeBackground#9d71da
editorIndentGuide.background#9d71da4d
editorInlayHint.background#ff0000
editorInlayHint.foreground#ff0000
editorInlayHint.parameterBackground#ff0000
editorInlayHint.parameterForeground#ff0000
editorInlayHint.typeBackground#ff0000
editorInlayHint.typeForeground#ff0000
editorLightBulb.foreground#9d71da
editorLightBulbAutoFix.foreground#ff0000
editorLineNumber.activeForeground#c7b5df
editorLineNumber.foreground#9d71da
editorLink.activeForeground#ff0000
editorOverviewRuler.addedForeground#00ff22
editorOverviewRuler.border#9d71da4d
editorOverviewRuler.bracketMatchForeground#ff0000
editorOverviewRuler.deletedForeground#ff0000
editorOverviewRuler.errorForeground#ff0000
editorOverviewRuler.findMatchForeground#9d71da4d
editorOverviewRuler.infoForeground#ff0000
editorOverviewRuler.rangeHighlightForeground#ff0000e6
editorOverviewRuler.selectionHighlightForeground#ff0000e6
editorOverviewRuler.unicodeForeground#ff0000
editorOverviewRuler.warningForeground#ff0000
editorOverviewRuler.wordHighlightForeground#9d71da4d
editorOverviewRuler.wordHighlightStrongForeground#ff0000
editorPane.background#ff0000
editorRuler.foreground#ff0000
editorUnicodeHighlight.border#ff0000
editorUnnecessaryCode.border#ff0000
editorWhitespace.foreground#9d71da33
input.background#402c5c
input.border#9d71da
input.foreground#ffffff
input.placeholderForeground#c7b5df
inputOption.activeBackground#9d71da
inputOption.activeBorder#ffffff
inputOption.hoverBackground#9d71da
inputValidation.errorBackground#ff0000
inputValidation.infoBackground#ff0000
inputValidation.warningBackground#ff0000
list.activeSelectionBackground#3a3458
list.deemphasizedForeground#ff0000
list.dropBackground#555261
list.errorForeground#d83e3e
list.filterMatchBackground#ff0000
list.filterMatchBorder#ff0000
list.focusBackground#3a3458
list.focusHighlightForeground#9d71da
list.focusOutline#3a3458
list.highlightForeground#9d71da
list.hoverBackground#2c293a
list.inactiveFocusBackground#3a3458
list.inactiveFocusOutline#9d71da
list.inactiveSelectionBackground#3a3458
list.invalidItemForeground#ff0000
list.warningForeground#ff0000
listFilterWidget.background#ff0000
listFilterWidget.noMatchesOutline#ff0000
listFilterWidget.outline#ff0000
menubar.selectionBackground#241736
minimap.errorHighlight#ff0000
minimap.findMatchHighlight#9d71da4d
minimap.selectionHighlight#4d07af4d
minimap.selectionOccurrenceHighlight#9d71dabf
minimap.warningHighlight#ff6600
minimapGutter.addedBackground#00ff22
minimapGutter.deletedBackground#ff0000
minimapGutter.modifiedBackground#ff0000
problemsErrorIcon.foreground#ff0000
problemsInfoIcon.foreground#ff0000
problemsWarningIcon.foreground#ff0000
progressBar.background#9d71da
scrollbar.shadow#46128f
scrollbarSlider.activeBackground#8d5cd3
scrollbarSlider.background#c7b5df
scrollbarSlider.hoverBackground#9d71da
searchEditor.findMatchBackground#ff0000
searchEditor.findMatchBorder#ff0000
searchEditor.textInputBorder#ff0000
sideBar.background#241736
sideBar.dropBackground#9d71da4d
sideBar.foreground#ffffff
sideBarSectionHeader.background#000000
sideBarTitle.foreground#ffffff
sideBySideEditor.horizontalBorder#9d71da
sideBySideEditor.verticalBorder#9d71da
statusBar.background#241736
tab.activeBackground#000000
tab.activeModifiedBorder#ff0000
tab.hoverBackground#3f2d5a
tab.inactiveBackground#421e754d
tab.inactiveForeground#ffffff
tab.inactiveModifiedBorder#ff0000
tab.lastPinnedBorder#9d71da
tab.unfocusedActiveBackground#0000004d
tab.unfocusedActiveForeground#ffffff
tab.unfocusedActiveModifiedBorder#ff0000
tab.unfocusedHoverBackground#3f2d5a
tab.unfocusedInactiveBackground#421e754d
tab.unfocusedInactiveForeground#ffffff
tab.unfocusedInactiveModifiedBorder#ff0000
textBlockQuote.background#3c245e
textBlockQuote.border#9d71da
textCodeBlock.background#3c245e
textLink.activeForeground#c7b5df
textLink.foreground#9d71da
textPreformat.foreground#9d71da
textSeparator.foreground#ff0000
titleBar.activeBackground#241736
toolbar.activeBackground#9d71da
toolbar.hoverBackground#9d71da
tree.indentGuidesStroke#9d71da
tree.tableColumnsBorder#ff0000
tree.tableOddRowsBackground#ff0000
window.activeBorder#9d71da
window.inactiveBorder#241736

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#ffffff	italic
source.python, variable, string constant.other.placeholder	#67cbe7	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
storage.type, storage.modifier	#c67cf8	—
keyword	#ddf87c	—
keyword.control, constant.other.color, meta.tag, keyword.other.template, keyword.other.substitution	#00ff37	—
punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded	#0088ff	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#f07178	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#8b5dd6	—
meta.block variable.other	#f07178	—
support.other.variable, string.other.link	#f07178	—
variable.parameter	#f0dd71	—
constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other	#f0e54c	—
constant.numeric	#ff00dd	—
string, 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	#6148ef	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#fba300	—
support.type	#fba300	—
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	#fba300	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF5370	—
variable.language	#FF5370	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
entity.other.attribute-name	#C792EA	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#FFCB6B	italic
entity.other.attribute-name.class	#FFCB6B	—
source.sass keyword.control	#82AAFF	—
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#C792EA	—
string.regexp	#89DDFF	—
constant.character.escape	#89DDFF	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF5370	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
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	#F78C6C	—
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	#FF5370	—
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	#C17E70	—
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	#82AAFF	—
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	#f07178	—
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	#C792EA	—
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	#C3E88D	—
text.html.markdown, punctuation.definition.list_item.markdown	#EEFFFF	—
text.html.markdown markup.inline.raw.markdown	#C792EA	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#65737E	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#C3E88D	—
markup.italic	#f07178	italic
markup.bold, markup.bold string	#f07178	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#f07178	bold
markup.underline	#F78C6C	underline
markup.quote punctuation.definition.blockquote.markdown	#65737E	—
markup.quote	—	italic
string.other.link.title.markdown	#82AAFF	—
string.other.link.description.title.markdown	#C792EA	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#C792EA	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#EEFFFF	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#EEFFFF	—

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