Omni Dark

Name: Omni Dark
Author: adrian7123

Publisher: adrian7123Themes in package: 2

A Fork for Omni Theme Customized A dark theme made by Rocketseat, and modified by me, for personal use.

Open in VS Code GitHub

Color themes

VS Code preview

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

Omni Dark — Omni Customized 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.activeBackground#41414D40
activityBar.activeBorder#FF79C680
activityBar.background#000000
activityBar.foreground#E1E1E6
activityBar.inactiveForeground#564f70
activityBarBadge.background#FF79C6
activityBarBadge.foreground#000000
badge.background#41414D
badge.foreground#E1E1E6
breadcrumb.activeSelectionForeground#E1E1E6
breadcrumb.background#000000
breadcrumb.focusForeground#E1E1E6
breadcrumb.foreground#564f70
breadcrumbPicker.background#000000
button.background#41414D
button.foreground#E1E1E6
contrastBorder#000000
debugToolBar.background#000000
diffEditor.insertedTextBackground#67e48020
diffEditor.removedTextBackground#E9637950
dropdown.background#000000
dropdown.border#000000
dropdown.foreground#E1E1E6
editor.background#000000
editor.findMatchBackground#E89E6480
editor.findMatchHighlightBackground#E1E1E640
editor.findRangeHighlightBackground#000000
editor.foldBackground#000000
editor.foreground#E1E1E6
editor.hoverHighlightBackground#000000
editor.lineHighlightBackground#000000
editor.lineHighlightBorder#000000
editor.rangeHighlightBackground#78D1E115
editor.selectionBackground#41414D
editor.selectionHighlightBackground#000000
editor.snippetFinalTabstopHighlightBackground#000000
editor.snippetFinalTabstopHighlightBorder#67e480
editor.snippetTabstopHighlightBackground#000000
editor.snippetTabstopHighlightBorder#564f70
editor.wordHighlightBackground#988bc750
editor.wordHighlightStrongBackground#67e48050
editorCodeLens.foreground#564f70
editorError.foreground#E96379
editorGroup.border#41414D
editorGroup.dropBackground#000000
editorGroupHeader.tabsBackground#000000
editorGutter.addedBackground#67e48080
editorGutter.deletedBackground#E9637980
editorGutter.modifiedBackground#988bc780
editorHoverWidget.background#000000
editorHoverWidget.border#564f70
editorIndentGuide.activeBackground#E1E1E645
editorIndentGuide.background#FFFFFF1A
editorLineNumber.foreground#564f70
editorLink.activeForeground#988bc7
editorMarkerNavigation.background#000000
editorOverviewRuler.addedForeground#67e48080
editorOverviewRuler.border#000000
editorOverviewRuler.currentContentForeground#67e480
editorOverviewRuler.deletedForeground#E9637980
editorOverviewRuler.errorForeground#E9637980
editorOverviewRuler.incomingContentForeground#78D1E1
editorOverviewRuler.infoForeground#988bc780
editorOverviewRuler.modifiedForeground#988bc780
editorOverviewRuler.selectionHighlightForeground#E89E64
editorOverviewRuler.warningForeground#E89E6480
editorOverviewRuler.wordHighlightForeground#988bc7
editorOverviewRuler.wordHighlightStrongForeground#67e480
editorRuler.foreground#FFFFFF1A
editorSuggestWidget.background#000000
editorSuggestWidget.foreground#E1E1E6
editorSuggestWidget.selectedBackground#41414D
editorWarning.foreground#988bc7
editorWhitespace.foreground#FFFFFF1A
editorWidget.background#000000
errorForeground#E96379
extensionButton.prominentBackground#67e48090
extensionButton.prominentForeground#E1E1E6
extensionButton.prominentHoverBackground#67e48060
focusBorder#564f70
foreground#E1E1E6
gitDecoration.conflictingResourceForeground#E89E64
gitDecoration.deletedResourceForeground#E96379
gitDecoration.ignoredResourceForeground#564f70
gitDecoration.modifiedResourceForeground#988bc7
gitDecoration.untrackedResourceForeground#67e480
input.background#000000
input.border#000000
input.foreground#E1E1E6
input.placeholderForeground#564f70
inputOption.activeBorder#78D1E1
inputValidation.errorBorder#E96379
inputValidation.infoBorder#FF79C6
inputValidation.warningBorder#E89E64
list.activeSelectionBackground#41414D60
list.activeSelectionForeground#E1E1E6
list.dropBackground#41414D
list.errorForeground#E96379
list.focusBackground#000000
list.highlightForeground#988bc7
list.hoverBackground#41414D65
list.inactiveSelectionBackground#41414D40
list.warningForeground#E89E64
listFilterWidget.background#000000
listFilterWidget.noMatchesOutline#E96379
listFilterWidget.outline#000000
merge.currentHeaderBackground#67e48090
merge.incomingHeaderBackground#78D1E190
notification.background#000000
notification.buttonBackground#41414D
notification.buttonForeground#E1E1E6
notification.buttonHoverBackground#000000
notification.errorBackground#E96379
notification.errorForeground#E1E1E6
notification.foreground#E1E1E6
notification.infoBackground#988bc7
notification.infoForeground#000000
notification.warningBackground#E89E64
notification.warningForeground#000000
panel.background#000000
panel.border#FF79C6
panelTitle.activeBorder#FF79C6
panelTitle.activeForeground#E1E1E6
panelTitle.inactiveForeground#E1E1E680
peekView.border#41414D
peekViewEditor.background#000000
peekViewEditor.matchHighlightBackground#e7de7980
peekViewResult.background#000000
peekViewResult.fileForeground#E1E1E6
peekViewResult.lineForeground#E1E1E6
peekViewResult.matchHighlightBackground#e7de7980
peekViewResult.selectionBackground#41414D
peekViewResult.selectionForeground#E1E1E6
peekViewTitle.background#000000
peekViewTitleDescription.foreground#564f70
peekViewTitleLabel.foreground#E1E1E6
pickerGroup.border#78D1E1
pickerGroup.foreground#988bc7
progressBar.background#FF79C6
selection.background#78D1E1
settings.checkboxBackground#000000
settings.checkboxBorder#000000
settings.checkboxForeground#E1E1E6
settings.dropdownBackground#000000
settings.dropdownBorder#000000
settings.dropdownForeground#E1E1E6
settings.headerForeground#E1E1E6
settings.modifiedItemForeground#E89E64
settings.modifiedItemIndicator#E89E64
settings.numberInputBackground#000000
settings.numberInputBorder#000000
settings.numberInputForeground#E1E1E6
settings.textInputBackground#000000
settings.textInputBorder#000000
settings.textInputForeground#E1E1E6
sideBar.background#000000
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#000000
sideBarTitle.foreground#E1E1E6
statusBar.background#000000
statusBar.debuggingBackground#E96379
statusBar.debuggingForeground#000000
statusBar.foreground#E1E1E6
statusBar.noFolderBackground#000000
statusBar.noFolderForeground#E1E1E6
statusBarItem.prominentBackground#E96379
statusBarItem.prominentHoverBackground#E89E64
statusBarItem.remoteBackground#78D1E1
statusBarItem.remoteForeground#E1E1E6
tab.activeBackground#000000
tab.activeBorderTop#FF79C680
tab.activeForeground#E1E1E6
tab.border#000000
tab.inactiveBackground#000000
tab.inactiveForeground#564f70
terminal.ansiBlack#000000
terminal.ansiBlue#78D1E1
terminal.ansiBrightBlack#626483
terminal.ansiBrightBlue#78D1E1
terminal.ansiBrightCyan#A4FFFF
terminal.ansiBrightGreen#00F769
terminal.ansiBrightMagenta#988bc7
terminal.ansiBrightRed#ed4556
terminal.ansiBrightWhite#F7F7FB
terminal.ansiBrightYellow#e7de79
terminal.ansiCyan#A1EFE4
terminal.ansiGreen#67e480
terminal.ansiMagenta#988bc7
terminal.ansiRed#FF79C6
terminal.ansiWhite#E1E1E6
terminal.ansiYellow#e7de79
terminal.background#000000
terminal.foreground#E1E1E6
terminal.selectionBackground#564f7045
terminalCursor.background#000000
terminalCursor.foreground#E1E1E6
titleBar.activeBackground#000000
titleBar.activeForeground#E1E1E6
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#564f70
walkThrough.embeddedEditorBackground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#78D1E1	—
source	#E1E1E6	—
meta.diff, meta.diff.header	#564f70	—
markup.inserted	#67e480	—
markup.deleted	#E96379	—
markup.changed	#E89E64	—
invalid	#E96379	underline italic
invalid.deprecated	#E1E1E6	underline italic
entity.name.filename	#e7de79	—
markup.error	#E96379	—
markup.underline	—	underline
markup.bold	#E89E64	bold
markup.heading	#78D1E1	bold
markup.italic	#e7de79	italic
beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext	#988bc7	—
markup.inline.raw, markup.raw.restructuredtext	#67e480	—
markup.underline.link, markup.underline.link.image	#988bc7	—
meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title	#FF79C6	—
entity.name.directive.restructuredtext, markup.quote	#e7de79	italic
meta.separator.markdown	#564f70	—
fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown	#67e480	—
punctuation.definition.constant.restructuredtext	#78D1E1	—
markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end	#78D1E1	—
meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end	#E1E1E6	—
markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end	#e7de79	—
entity.name.type.class, entity.name.class	#988bc7	normal
keyword.expressions-and-types.swift, keyword.other.this, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special	#78D1E1	italic
entity.other.inherited-class	#988bc7	italic
comment, punctuation.definition.comment, unused.comment, wildcard.comment	#564f70	—
comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class	#FF79C6	—
comment.block.documentation entity.name.type	#988bc7	italic
comment.block.documentation entity.name.type punctuation.definition.bracket	#988bc7	—
comment.block.documentation variable	#E89E64	italic
constant, variable.other.constant	#78D1E1	—
constant.character.escape, constant.character.string.escape, constant.regexp	#FF79C6	—
entity.name.tag	#FF79C6	—
entity.other.attribute-name.parent-selector	#FF79C6	—
entity.other.attribute-name.id	#e7de79	italic
entity.other.attribute-name	#67e480	italic
meta.tag.inline source	#e7de79	—
entity.name.function, meta.function-call.generic, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix	#67e480	—
entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, variable.parameter	#E89E64	italic
meta.decorator variable.other.readwrite, meta.decorator variable.other.property	#67e480	italic
meta.decorator variable.other.object	#67e480	—
keyword, punctuation.definition.keyword	#FF79C6	—
keyword.control.new, keyword.operator.new	—	bold
meta.selector	#FF79C6	—
support	#988bc7	italic
support.function.magic, support.variable, variable.other.predefined	#78D1E1	regular
support.function, support.type.property-name	—	regular
constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.group.double.toml, meta.group.toml, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.colon.graphql, punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, string.unquoted.heredoc punctuation.definition.string, support.other.chomping-indicator.yaml, punctuation.separator.annotation	#FF79C6	—
keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.round, meta.function-call punctuation, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag.cs, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor	#E1E1E6	—
meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby, punctuation.definition.variable.makefile	#FF79C6	—
entity.name.function.target.makefile, entity.name.section.toml, entity.name.tag.yaml, variable.other.key.toml	#988bc7	—
constant.other.date, constant.other.timestamp	#E89E64	—
variable.other.alias.yaml	#67e480	italic underline
storage, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def	#FF79C6	regular
entity.name.type, keyword.primitive-datatypes.swift, keyword.type.cs, meta.protocol-list.objc, meta.return-type.objc, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name, storage.class.std.rust, storage.type.attribute.swift, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.groovy, storage.type.objc, storage.type.php, storage.type.haskell, storage.type.ocaml	#988bc7	italic
entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type	#E89E64	—
storage.modifier	#FF79C6	—
string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp	#e7de79	—
punctuation.definition.group.capture.regexp	#FF79C6	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#E96379	—
punctuation.definition.character-class.regexp	#988bc7	—
punctuation.definition.group.regexp	#E89E64	—
punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp	#E96379	—
meta.assertion.look-ahead.regexp	#67e480	—
string	#e7de79	—
punctuation.definition.string.begin, punctuation.definition.string.end	#e7de79	—
punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end	#7159C1	—
string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape	#564f70	—
variable, constant.other.key.perl, support.variable.property, variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx	#E1E1E6	—
meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property, meta.variable.assignment.destructured.object.coffee variable	#E89E64	italic
meta.import variable.other.readwrite.alias, meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable	#E1E1E6	normal
meta.selectionset.graphql variable	#e7de79	—
meta.selectionset.graphql meta.arguments variable	#E1E1E6	—
entity.name.fragment.graphql, variable.fragment.graphql	#988bc7	—
constant.other.symbol.hashkey.ruby, keyword.operator.dereference.java, keyword.operator.navigation.groovy, meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string, storage.modifier.import, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.separator.list.comma.css, constant.language.empty-list.haskell	#E1E1E6	—
source.shell variable.other	#78D1E1	—
support.constant	#78D1E1	normal
meta.scope.prerequisites.makefile	#e7de79	—
meta.attribute-selector.scss	#e7de79	—
punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss	#E1E1E6	—
meta.preprocessor.haskell	#564f70	—

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