Absolute Violet Theme

Name: Absolute Violet Theme
Author: md_antu

Publisher: md_antuThemes in package: 1

Official Absolute Violet Theme for VS Code by MD Antu

Open in VS Code GitHub

VS Code preview

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

Absolute Violet Theme — Absolute Violte 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#ffffff00
activityBar.background#282c35
activityBar.border#ffffff00
activityBar.foreground#8c2afd
activityBar.inactiveForeground#8c2afd81
activityBarBadge.background#282c35
activityBarBadge.foreground#ffffff
badge.background#4d4d4d
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#0cf574
breadcrumb.background#292c3f
breadcrumb.focusForeground#0cf574
breadcrumb.foreground#ffffffcc
button.background#692fff
button.foreground#ffffff
button.hoverBackground#692fff81
button.secondaryBackground#21242b
button.secondaryForeground#ffffff
button.secondaryHoverBackground#21242b81
checkbox.background#3c3c3c
checkbox.border#00000000
checkbox.foreground#E2E2E2
debugExceptionWidget.background#2b2b2b
debugExceptionWidget.border#383838
debugToolBar.background#2b2b2b
debugToolBar.border#383838
diffEditor.border#444444
diffEditor.insertedTextBackground#9bb95533
diffEditor.removedTextBackground#ff000033
dropdown.background#3c3c3c
dropdown.border#00000000
dropdown.foreground#E2E2E2
editor.background#292c3f
editor.findMatchBackground#515c6a
editor.findMatchBorder#74879f
editor.findMatchHighlightBackground#ea5c0055
editor.findMatchHighlightBorder#ffffff00
editor.findRangeHighlightBackground#3a3d4166
editor.findRangeHighlightBorder#ffffff00
editor.foldBackground#264f784d
editor.foreground#d4d4d4
editor.hoverHighlightBackground#264f7840
editor.inactiveSelectionBackground#FFFFFF20
editor.lineHighlightBackground#ffffff0A
editor.lineHighlightBorder#282828
editor.rangeHighlightBackground#ffffff0b
editor.rangeHighlightBorder#ffffff00
editor.selectionBackground#264f78
editor.selectionHighlightBackground#add6ff26
editor.selectionHighlightBorder#495F77
editor.wordHighlightBackground#575757b8
editor.wordHighlightStrongBackground#004972b8
editorBracketMatch.background#0064001a
editorBracketMatch.border#888888
editorCodeLens.foreground#999999
editorCursor.background#000000
editorCursor.foreground#0cf574
editorError.background#B73A3400
editorError.border#ffffff00
editorError.foreground#f48771
editorGroup.border#444444
editorGroup.emptyBackground#292c3f
editorGroupHeader.border#ffffff00
editorGroupHeader.tabsBackground#282c35
editorGroupHeader.tabsBorder#ffffff00
editorGutter.addedBackground#587c0c
editorGutter.background#ffffff00
editorGutter.commentRangeForeground#c5c5c5
editorGutter.deletedBackground#94151b
editorGutter.foldingControlForeground#c5c5c5
editorGutter.modifiedBackground#0c7d9d
editorHoverWidget.background#252526
editorHoverWidget.border#454545
editorHoverWidget.foreground#cccccc
editorIndentGuide.activeBackground#707070
editorIndentGuide.background#404040
editorInfo.background#4490BF00
editorInfo.border#4490BF00
editorInfo.foreground#75beff
editorLineNumber.activeForeground#0cf574
editorLineNumber.foreground#ffffff34
editorLink.activeForeground#4e94ce
editorMarkerNavigation.background#2d2d30
editorMarkerNavigationError.background#f48771
editorMarkerNavigationInfo.background#75beff
editorMarkerNavigationWarning.background#cca700
editorOverviewRuler.background#25252500
editorOverviewRuler.border#7f7f7f4d
editorRuler.foreground#5a5a5a
editorSuggestWidget.background#252526
editorSuggestWidget.border#454545
editorSuggestWidget.foreground#d4d4d4
editorSuggestWidget.highlightForeground#0097fb
editorSuggestWidget.selectedBackground#062f4a
editorWarning.background#A9904000
editorWarning.border#ffffff00
editorWarning.foreground#cca700
editorWhitespace.foreground#e3e4e229
editorWidget.background#21242b
editorWidget.foreground#ffffff
editorWidget.resizeBorder#0cf574
focusBorder#8c2afd
foreground#0cf574
gitDecoration.addedResourceForeground#81b88b
gitDecoration.conflictingResourceForeground#6c6cc4
gitDecoration.deletedResourceForeground#c74e39
gitDecoration.ignoredResourceForeground#8c8c8c
gitDecoration.modifiedResourceForeground#e2c08d
gitDecoration.stageDeletedResourceForeground#c74e39
gitDecoration.stageModifiedResourceForeground#e2c08d
gitDecoration.submoduleResourceForeground#8db9e2
gitDecoration.untrackedResourceForeground#73c991
icon.foreground#0cf574
input.background#3c3c3c
input.border#00000000
input.foreground#E2E2E2
input.placeholderForeground#808080
inputOption.activeBackground#0cf57480
inputOption.activeBorder#ffffff00
inputOption.activeForeground#ffffff
list.activeSelectionBackground#0cf5744e
list.activeSelectionForeground#0cf574
list.dropBackground#FFFFFF25
list.focusBackground#0cf5741c
list.focusForeground#0cf574
list.highlightForeground#0097fb
list.hoverBackground#0cf57400
list.hoverForeground#0cf574
list.inactiveSelectionBackground#0cf5741c
list.inactiveSelectionForeground#ffffff
listFilterWidget.background#692fff
listFilterWidget.noMatchesOutline#cb0c0ce7
listFilterWidget.outline#ffffff00
menu.background#21242b
menu.border#1d222c80
menu.foreground#ffffff
menu.selectionBackground#ffffff26
menu.selectionBorder#ffffff00
menu.selectionForeground#0cf574
menu.separatorBackground#8c2afd
menubar.selectionBackground#FFFFFF25
menubar.selectionBorder#ff000000
menubar.selectionForeground#ffffff
merge.commonContentBackground#282828
merge.commonHeaderBackground#383838
merge.currentContentBackground#27403B
merge.currentHeaderBackground#367366
merge.incomingContentBackground#28384B
merge.incomingHeaderBackground#395F8F
minimap.background#292c3f
minimap.errorHighlight#f48771
minimap.findMatchHighlight#515c6a
minimap.selectionHighlight#264f78
minimap.warningHighlight#cca700
minimapGutter.addedBackground#587c0c
minimapGutter.deletedBackground#94151b
minimapGutter.modifiedBackground#0c7d9d
notificationCenter.border#21242b
notificationCenterHeader.background#b6b6b6
notificationCenterHeader.foreground#ffffff
notifications.background#282c35
notifications.border#21242b
notifications.foreground#ffffffb3
notificationsErrorIcon.foreground#f74f2e
notificationsInfoIcon.foreground#6fbbff
notificationsWarningIcon.foreground#e4bd0e
notificationToast.border#21242b
panel.background#1e1e1e
panel.border#0cf57480
panelSection.border#80808059
panelTitle.activeBorder#8c2afd
panelTitle.activeForeground#ffffff
panelTitle.inactiveForeground#999999
peekView.border#007acc
peekViewEditor.background#001f33
peekViewEditor.matchHighlightBackground#ff8f0099
peekViewEditor.matchHighlightBorder#ee931e
peekViewEditorGutter.background#001f33
peekViewResult.background#252526
peekViewResult.fileForeground#ffffff
peekViewResult.lineForeground#bbbbbb
peekViewResult.matchHighlightBackground#ea5c004d
peekViewResult.selectionBackground#3399ff33
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#1e1e1e
peekViewTitleDescription.foreground#ccccccb3
peekViewTitleLabel.foreground#ffffff
pickerGroup.border#0cf5749b
pickerGroup.foreground#60A9FF
progressBar.background#0cf574
scrollbar.shadow#000000
scrollbarSlider.activeBackground#0cf574
scrollbarSlider.background#ffffff10
scrollbarSlider.hoverBackground#FFFFFF25
selection.background#8c2afd
settings.focusedRowBackground#ffffff07
settings.headerForeground#0cf574
sideBar.background#282c35
sideBar.border#ffffff00
sideBar.dropBackground#FFFFFF25
sideBar.foreground#ffffff
sideBarSectionHeader.background#ffffff00
sideBarSectionHeader.border#0cf5741c
sideBarSectionHeader.foreground#0cf574
sideBarTitle.foreground#0cf574
statusBar.background#8c2afd
statusBar.border#21242b
statusBar.debuggingBackground#cc6633
statusBar.debuggingForeground#ffffff
statusBar.foreground#ffffff
statusBar.noFolderBackground#68217a
statusBar.noFolderForeground#ffffff
statusBarItem.activeBackground#FFFFFF25
statusBarItem.hoverBackground#FFFFFF25
statusBarItem.remoteBackground#16825d
statusBarItem.remoteForeground#ffffff
tab.activeBackground#292c3f
tab.activeBorder#8c2afd00
tab.activeBorderTop#ff000000
tab.activeForeground#0cf574
tab.border#8c2afd00
tab.hoverBackground#292c3f
tab.hoverBorder#0cf574
tab.hoverForeground#0cf574
tab.inactiveBackground#00000000
tab.inactiveForeground#999999
terminal.ansiBlack#000000
terminal.ansiBlue#2472c8
terminal.ansiBrightBlack#666666
terminal.ansiBrightBlue#3b8eea
terminal.ansiBrightCyan#29b8db
terminal.ansiBrightGreen#23d18b
terminal.ansiBrightMagenta#d670d6
terminal.ansiBrightRed#f14c4c
terminal.ansiBrightWhite#e5e5e5
terminal.ansiBrightYellow#f5f543
terminal.ansiCyan#11a8cd
terminal.ansiGreen#0dbc79
terminal.ansiMagenta#bc3fbc
terminal.ansiRed#cd3131
terminal.ansiWhite#e5e5e5
terminal.ansiYellow#e5e510
terminal.border#80808059
terminal.foreground#cccccc
terminal.selectionBackground#ffffff40
terminalCursor.background#0087FF
terminalCursor.foreground#ffffff
textLink.foreground#0cf574
titleBar.activeBackground#8c2afd
titleBar.activeForeground#ffffff
titleBar.border#21242b00
titleBar.inactiveBackground#21242b
titleBar.inactiveForeground#ffffff81
tree.indentGuidesStroke#0cf574
walkThrough.embeddedEditorBackground#00000050
widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment.unused.elixir	#abb2bf	—
comment, punctuation.definition.comment, comment.block.documentation punctuation.definition, string.comment, comment.block.documentation, comment.block	#636d83	—
comment.block.documentation variable, keyword.other.documentation, storage.type.class.jsdoc, comment.block variable.parameter, keyword.other.phpdoc, comment.block.documentation entity.name.type, meta.other.type.phpdoc support class	#7c8495	—
punctuation.comma.graphql, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array, punctuation.definition.function, punctuation.brace, punctuation.terminator.statement, punctuation.delimiter.object.comma, punctuation.definition.entity, punctuation.definition, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.separator.key-value, punctuation.separator.dictionary, punctuation.terminator, punctuation.delimiter.comma, punctuation.separator.comma, punctuation.accessor, punctuation.separator.array, punctuation.section, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly, punctuation.separator.statement, punctuation.section.array.elixir, punctuation.separator.object.elixir, punctuation.section.embedded.elixir, punctuation.section.function.elixir, punctuation.section.scope.elixir, punctuation.separator.parameter, meta.brace.round, meta.brace.square, meta.brace.curly, constant.name.attribute.tag.pug, punctuation.section.embedded, punctuation.separator.method, punctuation.separator, punctuation.other.comma, punctuation.bracket, keyword.control.ternary, string.interpolated.pug, support.function.interpolation.sass, punctuation.parenthesis.begin, punctuation.parenthesis.end, punctuation.operation.graphql, punctuation.colon.graphql	#7a82da	—
none	#abb2bf	—
keyword.operator	#7a82da	—
keyword, keyword.operator.expression, variable.language, keyword.other.special-method.elixir, meta.control.flow	#10b1fe	—
support.type.primitive	#10b1fe	—
variable, source.elixir.embedded.source, string source.groovy, string meta.embedded.line.ruby	#abb2bf	—
entity.name.function, meta.require, support.function.any-method, meta.function-call, meta.method-call, variable.function	#3fc56b	—
support.class, entity.name.class, entity.name.type.class, meta.class.instance, meta.class.inheritance, entity.other.inherited-class, entity.name.type, variable.other.constant.elixir, storage.type.haskell, support.type.graphql, support.type.enum.graphql	#ff6480	—
keyword.other.special-method	#3fc56b	—
storage, constant.language	#10b1fe	—
support.function	#3fc56b	—
string, punctuation.definition.string, support.constant.property-value, string.quoted.double.shell, support.function.variable.quoted.single.elixir, storage.type.string	#f9c859	—
constant.numeric, variable.other.anonymous.elixir	#ff78f8	—
none	#ff78f8	—
none	#10b1fe	—
constant, variable.other.constant, punctuation.definition.constant, constant.other.symbol, constant.language.symbol, support.constant, support.variable.magic.python, variable.other.enummember	#9f7efe	—
entity.name.tag, punctuation.definition.tag	#3691ff	—
entity.other.attribute-name, string.unquoted.alias.graphql	#ff936a	—
meta.selector	#7a82da	—
none	#ff78f8	—
markup.heading, punctuation.definition.heading, entity.name.section, markup.heading.setext	#f9c859
keyword.other.unit	#f9c859	—
markup.bold, punctuation.definition.bold	#ff6480	bold
markup.italic, punctuation.definition.italic	#ff936a	—
markup.raw.inline	#f9c859	—
string.other.link	#3691ff	—
meta.link	#10b1fe	—
beginning.punctuation.definition.list	#ce9887	—
markup.quote	#9f7efe	—
meta.separator	#abb2bf	—
markup.inserted	#3fc56b	—
markup.deleted	#ff6480	—
markup.changed	#10b1fe	—
string.regexp	#f9c859	—
constant.character.escape, constant.other.character-class	#ff936a	—
variable.interpolation	#10b1fe	—
invalid	#fc2f52	—
keyword.operator.new	#10b1fe	—
entity.other.attribute-name.id	#ff6480	—
meta.function-call.arguments	#abb2bf	—
meta.object-literal.key, meta.object.member, variable.other.property, variable.other.object.property, support.variable.property, variable.object.property, support.type.property-name, meta.property-name, entity.name.tag.yaml, constant.other.key, constant.other.object.key.js, string.unquoted.label.js, support.type.map.key, variable.graphql	#ce9887	—
markup.inline.raw, markup.fenced_code.block, markup.raw.block	#ce9887	—
markup.underline.link.image	#3fc56b	—
variable.parameter, parameter.variable.function.elixir, variable.other.block.ruby	#8bcdef	—
support.type.primitive, support.type.builtin	#10b1fe	—
string.interpolated.dollar.shell	#ff6480	—
string.other.math.shell	#3691ff	—
punctuation.definition.string.begin.shell, punctuation.definition.string.end.shell	#7a82da	—
comment.rainbow4	#ce9887	—
markup.bold.rainbow9	#9f7efe
invalid.rainbow10	#ff936a	—

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