dark-violet-theme-vscode

Name: dark-violet-theme-vscode
Author: Pedro Vinícius Gallo Menegasso

Publisher: Pedro Vinícius Gallo MenegassoThemes in package: 1

Dark Color Theme with Violet as main color pallet

Open in VS Code GitHub

VS Code preview

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

dark-violet-theme-vscode — Dark Violet Theme

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#160222
activityBar.activeBorder#78ffddce
activityBar.background#22022c
activityBar.border#38e1ff57
activityBar.foreground#78ffddce
activityBarBadge.background#880444
activityBarBadge.foreground#ebf786
badge.background#55017f
badge.foreground#e3f8fd
button.background#f59cc2be
button.foreground#3d2e40
button.hoverBackground#88c0d0
button.secondaryBackground#434c5e
button.secondaryForeground#d8dee9
button.secondaryHoverBackground#5c7c92
charts.blue#81a1c1
charts.foreground#d8dee9
charts.green#a3be8c
charts.lines#88c0d0
charts.orange#d08770
charts.purple#b48ead
charts.red#bf616a
charts.yellow#ebcb8b
debugConsole.errorForeground#bf616a
debugConsole.infoForeground#88c0d0
debugConsole.sourceForeground#616e88
debugConsole.warningForeground#ebcb8b
debugConsoleInputIcon.foreground#81a1c1
debugExceptionWidget.background#4c566a
debugExceptionWidget.border#2e3440
debugToolBar.background#3b4252
descriptionForeground#e8d8e9e6
diffEditor.insertedTextBackground#81a1c133
diffEditor.removedTextBackground#bf616a4d
dropdown.background#3b4252
dropdown.border#3b4252
dropdown.foreground#d8dee9
editor.background#0a0011
editor.findMatchBackground#4d5f770e
editor.findMatchHighlightBackground#ad5ace21
editor.findRangeHighlightBackground#88c0d033
editor.focusedStackFrameHighlightBackground#5e81ac8e
editor.foreground#eeeeee
editor.hoverHighlightBackground#b578dd69
editor.inactiveSelectionBackground#434c5ecc
editor.inlineValuesBackground#4c566a
editor.inlineValuesForeground#eceff4
editor.lineHighlightBackground#9a17d61c
editor.lineHighlightBorder#c04ee21e
editor.rangeHighlightBackground#434c5e52
editor.selectionBackground#485e43cc
editor.selectionHighlightBackground#434c5ecc
editor.stackFrameHighlightBackground#5e81ac69
editor.wordHighlightBackground#b481c166
editor.wordHighlightStrongBackground#81a1c199
editorBracketHighlight.foreground1#8fbcbb
editorBracketHighlight.foreground2#88c0d0
editorBracketHighlight.foreground3#81a1c1
editorBracketHighlight.foreground4#5e81ac
editorBracketHighlight.foreground5#8fbcbb
editorBracketHighlight.foreground6#88c0d0
editorBracketHighlight.unexpectedBracket.foreground#bf616a
editorBracketMatch.background#2e344000
editorBracketMatch.border#88c0d0
editorCodeLens.foreground#4c566a
editorCursor.foreground#d397e7
editorError.border#bf616a00
editorError.foreground#bf616a
editorGroup.border#3b425201
editorGroup.dropBackground#bf00ff39
editorGroupHeader.border#3b425200
editorGroupHeader.noTabsBackground#2e3440
editorGroupHeader.tabsBackground#d3acdf42
editorGroupHeader.tabsBorder#189cee84
editorGutter.addedBackground#54af6f
editorGutter.background#20074242
editorGutter.deletedBackground#a54952
editorGutter.modifiedBackground#af8c47
editorHint.border#ebcb8b00
editorHint.foreground#bd8beba2
editorHoverWidget.background#3b4252
editorHoverWidget.border#3b4252
editorIndentGuide.activeBackground#4c566a
editorIndentGuide.background#434c5eb3
editorInlayHint.background#9cbcda59
editorInlayHint.foreground#e955bc
editorLineNumber.activeForeground#ff48c2
editorLineNumber.foreground#9fd1ffce
editorLink.activeForeground#88c0d0
editorMarkerNavigation.background#5e81acc0
editorMarkerNavigationError.background#bf616ac0
editorMarkerNavigationWarning.background#ebcb8bc0
editorOverviewRuler.addedForeground#a3be8c
editorOverviewRuler.border#3b4252
editorOverviewRuler.currentContentForeground#3b4252
editorOverviewRuler.deletedForeground#bf616a
editorOverviewRuler.errorForeground#ff0019af
editorOverviewRuler.findMatchForeground#88c0d066
editorOverviewRuler.incomingContentForeground#3b4252
editorOverviewRuler.infoForeground#81a1c1
editorOverviewRuler.modifiedForeground#ebcb8b
editorOverviewRuler.rangeHighlightForeground#88c0d066
editorOverviewRuler.selectionHighlightForeground#88c0d066
editorOverviewRuler.warningForeground#eab310af
editorOverviewRuler.wordHighlightForeground#88c0d066
editorOverviewRuler.wordHighlightStrongForeground#88c0d066
editorRuler.foreground#434c5e
editorSuggestWidget.background#2e3440
editorSuggestWidget.border#3b4252
editorSuggestWidget.focusHighlightForeground#88c0d0
editorSuggestWidget.foreground#d8dee9
editorSuggestWidget.highlightForeground#88c0d0
editorSuggestWidget.selectedBackground#434c5e
editorSuggestWidget.selectedForeground#d8dee9
editorWarning.border#ebcb8b00
editorWarning.foreground#ebcb8b
editorWhitespace.foreground#4c566ab3
editorWidget.background#2e3440
editorWidget.border#3b4252
errorForeground#bf616a
extensionButton.prominentBackground#434c5e
extensionButton.prominentForeground#d8dee9
extensionButton.prominentHoverBackground#869bc4
focusBorder#a9e4ff6b
foreground#ecf6c8
gitDecoration.conflictingResourceForeground#5e81ac
gitDecoration.deletedResourceForeground#bf616a
gitDecoration.ignoredResourceForeground#d8dee966
gitDecoration.modifiedResourceForeground#ebcb8b
gitDecoration.stageDeletedResourceForeground#bf616a
gitDecoration.stageModifiedResourceForeground#ebcb8b
gitDecoration.submoduleResourceForeground#8fbcbb
gitDecoration.untrackedResourceForeground#a3be8c
icon.foreground#ad9bfd
input.background#3b4252
input.border#3b4252
input.foreground#d8dee9
input.placeholderForeground#d8dee999
inputOption.activeBackground#5e81ac
inputOption.activeBorder#5e81ac
inputOption.activeForeground#eceff4
inputValidation.errorBackground#bf616a
inputValidation.errorBorder#bf616a
inputValidation.infoBackground#81a1c1
inputValidation.infoBorder#81a1c1
inputValidation.warningBackground#d08770
inputValidation.warningBorder#d08770
keybindingLabel.background#4c566a
keybindingLabel.border#4c566a
keybindingLabel.bottomBorder#4c566a
keybindingLabel.foreground#d8dee9
list.activeSelectionBackground#c0539656
list.activeSelectionForeground#afbbd3
list.dropBackground#c0539685
list.errorForeground#ec614f
list.focusBackground#c94bc985
list.focusForeground#d8dee9
list.focusHighlightForeground#eceff4
list.highlightForeground#88c0d0
list.hoverBackground#c0539623
list.hoverForeground#eceff4
list.inactiveFocusBackground#c0539648
list.inactiveSelectionBackground#bd457d33
list.inactiveSelectionForeground#d8dee9
list.warningForeground#eaec4d
menubar.selectionBackground#9e2626
merge.border#3b425200
merge.currentContentBackground#81a1c14d
merge.currentHeaderBackground#81a1c166
merge.incomingContentBackground#8fbcbb4d
merge.incomingHeaderBackground#8fbcbb66
minimap.background#39093fe7
minimap.errorHighlight#fa583b
minimap.findMatchHighlight#a6e5f7
minimap.selectionHighlight#88c0d0cc
minimap.warningHighlight#fff12c
minimapGutter.addedBackground#a3be8c
minimapGutter.deletedBackground#bf616a
minimapGutter.modifiedBackground#ebcb8b
minimapSlider.activeBackground#b535f0d5
minimapSlider.background#8439da7e
minimapSlider.hoverBackground#8439dabd
notificationCenter.border#3b425200
notificationCenterHeader.background#e0a8546c
notificationCenterHeader.foreground#ffffff
notificationLink.foreground#ffffff
notifications.background#283d6e
notifications.border#2e3440
notifications.foreground#d8dee9
notificationToast.border#70067eee
panel.background#1a0124
panel.border#7ea783f5
panel.dropBorder#ff000097
panelSection.border#ff0000
panelSection.dropBackground#ff00006a
panelSectionHeader.background#b94141
panelSectionHeader.foreground#33ff00
panelTitle.activeBorder#88c0d000
panelTitle.activeForeground#d8a2a2
panelTitle.inactiveForeground#d8dee9
peekView.border#4c566a
peekViewEditor.background#2e3440
peekViewEditor.matchHighlightBackground#88c0d04d
peekViewEditorGutter.background#2e3440
peekViewResult.background#2e3440
peekViewResult.fileForeground#88c0d0
peekViewResult.lineForeground#d8dee966
peekViewResult.matchHighlightBackground#88c0d0cc
peekViewResult.selectionBackground#434c5e
peekViewResult.selectionForeground#d8dee9
peekViewTitle.background#3b4252
peekViewTitleDescription.foreground#d8dee9
peekViewTitleLabel.foreground#88c0d0
pickerGroup.border#a45add8e
pickerGroup.foreground#dfbdf9f5
progressBar.background#88c0d0
quickInputList.focusBackground#a872fad2
quickInputList.focusForeground#68e0f0
sash.hoverBorder#88c0d0
scrollbar.shadow#6fe8ec77
scrollbarSlider.activeBackground#b324b8aa
scrollbarSlider.background#b8247a42
scrollbarSlider.hoverBackground#b8247a73
selection.background#0fbff099
sideBar.background#160222
sideBar.border#200231b6
sideBar.dropBackground#000000
sideBar.foreground#dbccd3
sideBarSectionHeader.background#7163ac62
sideBarSectionHeader.border#220312
sideBarSectionHeader.foreground#ebcfdd
sideBarTitle.foreground#facbf4
statusBar.background#200429
statusBar.border#7e2c9f4d
statusBar.debuggingBackground#8c00ff
statusBar.debuggingForeground#fff5e9
statusBar.foreground#ffffff
statusBar.noFolderBackground#3d145b
statusBar.noFolderForeground#d8dee9
statusBarItem.activeBackground#ff0c9e
statusBarItem.errorBackground#3b4252
statusBarItem.errorForeground#bf616a
statusBarItem.hoverBackground#d49ad24d
statusBarItem.prominentBackground#783296
statusBarItem.prominentHoverBackground#434c5e
statusBarItem.warningBackground#ebcb8b
statusBarItem.warningForeground#2e3440
tab.activeBackground#6429948a
tab.activeBorder#88c0d000
tab.activeBorderTop#b11b73e1
tab.activeForeground#b1fff2
tab.border#9900ff
tab.hoverBackground#3b4252cc
tab.hoverBorder#88c0d000
tab.inactiveBackground#57355e32
tab.inactiveForeground#d8dee966
tab.lastPinnedBorder#4c566a
tab.unfocusedActiveBorder#88c0d000
tab.unfocusedActiveBorderTop#88c0d000
tab.unfocusedActiveForeground#d8dee999
tab.unfocusedHoverBackground#3b4252b3
tab.unfocusedHoverBorder#88c0d000
tab.unfocusedInactiveForeground#d8dee966
terminal.ansiBlack#3b4252
terminal.ansiBlue#81a1c1
terminal.ansiBrightBlack#4c566a
terminal.ansiBrightBlue#81a1c1
terminal.ansiBrightCyan#8fbcbb
terminal.ansiBrightGreen#a3be8c
terminal.ansiBrightMagenta#b48ead
terminal.ansiBrightRed#bf616a
terminal.ansiBrightWhite#eceff4
terminal.ansiBrightYellow#ebcb8b
terminal.ansiCyan#88c0d0
terminal.ansiGreen#a3be8c
terminal.ansiMagenta#b48ead
terminal.ansiRed#bf616a
terminal.ansiWhite#e5e9f0
terminal.ansiYellow#ebcb8b
terminal.background#1f02288e
terminal.foreground#fb97df
terminal.tab.activeBorder#1e1612
textBlockQuote.background#3b4252
textBlockQuote.border#81a1c1
textCodeBlock.background#4c566a
textLink.activeForeground#88c0d0
textLink.foreground#88c0d0
textPreformat.foreground#8fbcbb
textSeparator.foreground#eceff4
titleBar.activeBackground#ecddf867
titleBar.activeForeground#d8dee9
titleBar.border#2e344000
titleBar.inactiveBackground#2e3440
titleBar.inactiveForeground#d8dee966
tree.indentGuidesStroke#616e88
walkThrough.embeddedEditorBackground#2e3440
widget.shadow#00000066
window.activeBorder#030101

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, punctuation.definition.string, string.quoted.docstring	#8748c2	italic
variable, string constant.other.placeholder	#c0fdf0	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
storage.type, storage.modifier	#ff9e27	—
punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded	#bc3a8c	—
keyword.control, keyword.operator.logical	#cb4bfd	bold
keyword.operator	#b029ce	—
entity.name.function, meta.function-call, meta.function, variable.function, support.function	#affe76	—
support.function.magic	#7edf6f	—
meta.function-call.arguments	#ff2fa5	—
variable.parameter.function-call, variable.parameter	#7bc4ff	italic bold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#f07178	—
meta.block variable.other	#00ff04	—
constant.numeric, constant.character, constant.escape, keyword.other.unit, keyword.other	#ff8d23	—
entity.name, support.type, support.class, support.type.sys-types	#9060ff	bold
source.python module, entity.name.namespace	#fd9eb0	bold italic
source.python meta.class.inheritance.python	#B2CCD6	—
variable.other.property	#ff85fd	italic
variable.language	#FF5370	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
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	—
url, link, uri	#00b7ff	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, meta.function.decorator, punctuation.definition.decorator	#2eff8c	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}!`;
}