Omni Dracula VSCode Theme

Name: Omni Dracula VSCode Theme
Author: Thiago Lúcio Bittencourt

Publisher: Thiago Lúcio BittencourtThemes in package: 5

A mix Inspired in Omni and Dracula VSCode Colors Themes

GitHub

Color themes

Omni Dracula Wine Theme

VS Code preview

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

Omni Dracula VSCode Theme — Omni Dracula Wine Theme

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#B382D910
activityBar.activeBorder#FF82C380
activityBar.background#2E2228
activityBar.foreground#E6DAE0
activityBar.inactiveForeground#AA717A
activityBarBadge.background#FF82C3
activityBarBadge.foreground#E6DAE0
badge.background#4A3640
badge.foreground#E6DAE0
breadcrumb.activeSelectionForeground#E6DAE0
breadcrumb.background#1A1316
breadcrumb.focusForeground#E6DAE0
breadcrumb.foreground#AA717A
breadcrumbPicker.background#1A1316
button.background#4A3640
button.foreground#E6DAE0
contrastBorder#1A1316
debugToolBar.background#1F171B
diffEditor.insertedTextBackground#8AFD8020
diffEditor.removedTextBackground#FA7F7F50
dropdown.background#2E2228
dropdown.border#1A1316
dropdown.foreground#E6DAE0
editor.background#2C2122
editor.findMatchBackground#FBC87F80
editor.findMatchHighlightBackground#FFF2F940
editor.findRangeHighlightBackground#39282B
editor.foldBackground#1F171B
editor.foreground#E6DAE0
editor.hoverHighlightBackground#1A1316
editor.lineHighlightBorder#4A3640
editor.rangeHighlightBackground#B382D915
editor.selectionBackground#4A3640
editor.selectionHighlightBackground#382A31
editor.snippetFinalTabstopHighlightBackground#2C2122
editor.snippetFinalTabstopHighlightBorder#8AFD80
editor.snippetTabstopHighlightBackground#2C2122
editor.snippetTabstopHighlightBorder#AA717A
editor.wordHighlightBackground#82FFEC50
editor.wordHighlightStrongBackground#8AFD8050
editorCodeLens.foreground#AA717A
editorError.foreground#FA7F7F
editorGroup.border#B382D9
editorGroup.dropBackground#2C2122
editorGroupHeader.tabsBackground#1A1316
editorGutter.addedBackground#8AFD8080
editorGutter.deletedBackground#FA7F7F80
editorGutter.modifiedBackground#82FFEC80
editorHoverWidget.background#2C2122
editorHoverWidget.border#AA717A
editorIndentGuide.activeBackground#FFF2F945
editorIndentGuide.background#2E2228
editorLineNumber.foreground#AA717A
editorLink.activeForeground#82FFEC
editorMarkerNavigation.background#1F171B
editorOverviewRuler.addedForeground#8AFD8080
editorOverviewRuler.border#1A1316
editorOverviewRuler.currentContentForeground#8AFD80
editorOverviewRuler.deletedForeground#FA7F7F80
editorOverviewRuler.errorForeground#FA7F7F80
editorOverviewRuler.incomingContentForeground#B382D9
editorOverviewRuler.infoForeground#82FFEC80
editorOverviewRuler.modifiedForeground#82FFEC80
editorOverviewRuler.selectionHighlightForeground#FBC87F
editorOverviewRuler.warningForeground#FBC87F80
editorOverviewRuler.wordHighlightForeground#82FFEC
editorOverviewRuler.wordHighlightStrongForeground#8AFD80
editorRuler.foreground#2E2228
editorSuggestWidget.background#1F171B
editorSuggestWidget.foreground#E6DAE0
editorSuggestWidget.selectedBackground#4A3640
editorWarning.foreground#82FFEC
editorWhitespace.foreground#2E2228
editorWidget.background#1F171B
errorForeground#FA7F7F
extensionButton.prominentBackground#8AFD8090
extensionButton.prominentForeground#E6DAE0
extensionButton.prominentHoverBackground#8AFD8060
focusBorder#AA717A
foreground#E6DAE0
gitDecoration.conflictingResourceForeground#FBC87F
gitDecoration.deletedResourceForeground#FA7F7F
gitDecoration.ignoredResourceForeground#AA717A
gitDecoration.modifiedResourceForeground#82FFEC
gitDecoration.untrackedResourceForeground#8AFD80
input.background#2C2122
input.border#1A1316
input.foreground#E6DAE0
input.placeholderForeground#AA717A
inputOption.activeBorder#B382D9
inputValidation.errorBorder#FA7F7F
inputValidation.infoBorder#FF82C3
inputValidation.warningBorder#FBC87F
list.activeSelectionBackground#4A3640
list.activeSelectionForeground#E6DAE0
list.dropBackground#4A3640
list.errorForeground#FA7F7F
list.focusBackground#39282B
list.highlightForeground#82FFEC
list.hoverBackground#39282B
list.inactiveSelectionBackground#39282B
list.warningForeground#FBC87F
listFilterWidget.background#2E2228
listFilterWidget.noMatchesOutline#FA7F7F
listFilterWidget.outline#382A31
merge.currentHeaderBackground#8AFD8090
merge.incomingHeaderBackground#B382D990
notification.background#2C2122
notification.buttonBackground#4A3640
notification.buttonForeground#E6DAE0
notification.buttonHoverBackground#39282B
notification.errorBackground#FA7F7F
notification.errorForeground#E6DAE0
notification.foreground#E6DAE0
notification.infoBackground#82FFEC
notification.infoForeground#2C2122
notification.warningBackground#FBC87F
notification.warningForeground#2C2122
panel.background#2C2122
panel.border#B382D9
panelTitle.activeBorder#FF82C3
panelTitle.activeForeground#E6DAE0
panelTitle.inactiveForeground#AA717A
peekView.border#4A3640
peekViewEditor.background#2C2122
peekViewEditor.matchHighlightBackground#FFFF8180
peekViewResult.background#1F171B
peekViewResult.fileForeground#E6DAE0
peekViewResult.lineForeground#E6DAE0
peekViewResult.matchHighlightBackground#FFFF8180
peekViewResult.selectionBackground#4A3640
peekViewResult.selectionForeground#E6DAE0
peekViewTitle.background#1A1316
peekViewTitleDescription.foreground#AA717A
peekViewTitleLabel.foreground#E6DAE0
pickerGroup.border#B382D9
pickerGroup.foreground#82FFEC
progressBar.background#FF82C3
selection.background#B382D9
settings.checkboxBackground#1F171B
settings.checkboxBorder#1A1316
settings.checkboxForeground#E6DAE0
settings.dropdownBackground#1F171B
settings.dropdownBorder#1A1316
settings.dropdownForeground#E6DAE0
settings.headerForeground#E6DAE0
settings.modifiedItemForeground#FBC87F
settings.modifiedItemIndicator#FBC87F
settings.numberInputBackground#1F171B
settings.numberInputBorder#1A1316
settings.numberInputForeground#E6DAE0
settings.textInputBackground#1F171B
settings.textInputBorder#1A1316
settings.textInputForeground#E6DAE0
sideBar.background#1F171B
sideBarSectionHeader.background#2C2122
sideBarSectionHeader.border#1A1316
sideBarTitle.foreground#E6DAE0
statusBar.background#1A1316
statusBar.debuggingBackground#FA7F7F
statusBar.debuggingForeground#1A1316
statusBar.foreground#E6DAE0
statusBar.noFolderBackground#1A1316
statusBar.noFolderForeground#E6DAE0
statusBarItem.prominentBackground#FA7F7F
statusBarItem.prominentHoverBackground#FBC87F
statusBarItem.remoteBackground#B382D9
statusBarItem.remoteForeground#E6DAE0
tab.activeBackground#2C2122
tab.activeBorder#B382D9
tab.activeForeground#E6DAE0
tab.border#1A1316
tab.inactiveBackground#1F171B
tab.inactiveForeground#AA717A
terminal.ansiBlack#2C2122
terminal.ansiBlue#B382D9
terminal.ansiBrightBlack#6272A4
terminal.ansiBrightBlue#D6ACFF
terminal.ansiBrightCyan#A4FFFF
terminal.ansiBrightGreen#2CDA9D
terminal.ansiBrightMagenta#F786AA
terminal.ansiBrightRed#FF6E6E
terminal.ansiBrightWhite#FFF2F9
terminal.ansiBrightYellow#FFFFA5
terminal.ansiCyan#82FFEC
terminal.ansiGreen#8AFD80
terminal.ansiMagenta#FF82C3
terminal.ansiRed#FA7F7F
terminal.ansiWhite#E6DAE0
terminal.ansiYellow#FFFF81
terminal.background#2C2122
terminal.foreground#E6DAE0
titleBar.activeBackground#1F171B
titleBar.activeForeground#E6DAE0
titleBar.inactiveBackground#1A1316
titleBar.inactiveForeground#AA717A
walkThrough.embeddedEditorBackground#1F171B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#B382D9	—
source	#E6DAE0	—
meta.diff, meta.diff.header	#AA717A	—
markup.inserted	#8AFD80	—
markup.deleted	#FA7F7F	—
markup.changed	#FBC87F	—
invalid	#FA7F7F	underline italic
invalid.deprecated	#E6DAE0	underline italic
entity.name.filename	#FFFF81	—
markup.error	#FA7F7F	—
markup.underline	—	underline
markup.bold	#FBC87F	bold
markup.heading	#B382D9	bold
markup.italic	#FFFF81	italic
beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext	#82FFEC	—
markup.inline.raw, markup.raw.restructuredtext	#8AFD80	—
markup.underline.link, markup.underline.link.image	#82FFEC	—
meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title	#FFFFFF	—
entity.name.directive.restructuredtext, markup.quote	#FFFF81	italic
meta.separator.markdown	#AA717A	—
fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown	#8AFD80	—
punctuation.definition.constant.restructuredtext	#B382D9	—
markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end	#B382D9	—
meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end	#E6DAE0	—
markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end	#FFFF81	—
entity.name.type.class, entity.name.class	#82FFEC	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	#B382D9	italic
entity.other.inherited-class	#82FFEC	italic
token.package	#ffffff	—
comment, punctuation.definition.comment, unused.comment, wildcard.comment	#EEEEEE	—
comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class	#FF82C3	—
comment.block.documentation entity.name.type	#82FFEC	italic
comment.block.documentation entity.name.type punctuation.definition.bracket	#82FFEC	—
comment.block.documentation variable	#FBC87F	italic
constant, variable.other.constant	#B382D9	—
constant.character.escape, constant.character.string.escape, constant.regexp	#FF82C3	—
entity.name.tag	#FF82C3	—
entity.other.attribute-name.parent-selector	#FF82C3	—
entity.other.attribute-name	#8AFD80	italic
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	#8AFD80	—
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	#FBC87F	italic
meta.decorator variable.other.readwrite, meta.decorator variable.other.property	#8AFD80	italic
meta.decorator variable.other.object	#8AFD80	—
keyword, punctuation.definition.keyword	#FF82C3	—
keyword.control.new, keyword.operator.new	—	bold
meta.selector	#FF82C3	—
support	#82FFEC	italic
support.function.magic, support.variable, variable.other.predefined	#B382D9	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	#FF82C3	—
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	#E6DAE0	—
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	#FF82C3	—
entity.name.function.target.makefile, entity.name.section.toml, entity.name.tag.yaml, variable.other.key.toml	#82FFEC	—
constant.other.date, constant.other.timestamp	#FBC87F	—
variable.other.alias.yaml	#8AFD80	italic underline
storage, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def	#FF82C3	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	#82FFEC	italic
entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type	#FBC87F	—
storage.modifier	#FF82C3	—
string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp	#FFFF81	—
punctuation.definition.group.capture.regexp	#FF82C3	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#FA7F7F	—
punctuation.definition.character-class.regexp	#82FFEC	—
punctuation.definition.group.regexp	#FBC87F	—
punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp	#FA7F7F	—
meta.assertion.look-ahead.regexp	#8AFD80	—
string	#FFFF81	—
punctuation.definition.string.begin, punctuation.definition.string.end	#FFFF81	—
punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end	#82FFEC	—
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	#AA717A	—
variable, constant.other.key.perl, support.variable.property, variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx	#E6DAE0	—
meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property, meta.variable.assignment.destructured.object.coffee variable	#FBC87F	italic
meta.import variable.other.readwrite.alias, meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable	#E6DAE0	normal
meta.selectionset.graphql variable	#FFFF81	—
meta.selectionset.graphql meta.arguments variable	#E6DAE0	—
entity.name.fragment.graphql, variable.fragment.graphql	#82FFEC	—
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	#E6DAE0	—
source.shell variable.other	#B382D9	—
support.constant	#B382D9	normal
meta.scope.prerequisites.makefile	#FFFF81	—
meta.attribute-selector.scss	#FFFF81	—
punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss	#E6DAE0	—
meta.preprocessor.haskell	#AA717A	—

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