Ancient One Dark

Name: Ancient One Dark
Author: uetchy

Publisher: uetchyThemes in package: 3

Violet color theme for the ancient ones

Open in VS Code GitHub

Color themes

VS Code preview

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

Ancient One Dark — Ancient One Dark - Violet

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#19152a
activityBar.activeBorder#ecae7f
activityBar.activeFocusBorder#F2A162
activityBar.background#19152a
activityBar.dropBorder#8573b5
activityBar.inactiveForeground#a49fa8
activityBarBadge.background#f56590
activityBarBadge.foreground#2C2140
badge.background#ecae7f
badge.foreground#2C2140
button.background#8d6bc4
button.foreground#000000
button.hoverBackground#68519d
checkbox.background#19152a
diffEditor.insertedTextBackground#6575bd30
diffEditor.removedTextBackground#7c151535
dropdown.background#373050
dropdown.border#40365a
editor.background#241e3d
editor.findMatchBorder#8773b5
editor.findMatchHighlightBackground#d6cfdb30
editor.foldBackground#bcaee530
editor.foreground#c0bbcb
editor.lineHighlightBackground#3d3552
editor.selectionBackground#8a73b530
editor.selectionHighlightBorder#7368b3
editorBracketMatch.background#2c253e
editorBracketMatch.border#825381
editorCursor.background#000000
editorCursor.foreground#c6bfdd
editorError.foreground#f070a3
editorGroup.border#272036
editorGroup.dropBackground#b573b430
editorGroupHeader.noTabsBackground#19152a
editorGroupHeader.tabsBackground#19152a
editorGutter.addedBackground#b79dff
editorGutter.deletedBackground#F07171
editorGutter.modifiedBackground#d1b959
editorHoverWidget.border#42375d
editorIndentGuide.activeBackground#7559b8
editorIndentGuide.background#393252
editorInfo.foreground#8572e6
editorInlayHint.background#00000036
editorInlayHint.foreground#8f81a8
editorLineNumber.activeForeground#a8a2c8
editorLineNumber.foreground#645a7c
editorLink.activeForeground#b573b4
editorMarkerNavigation.background#302843
editorMarkerNavigationError.background#f070a3
editorMarkerNavigationInfo.background#5437e6
editorMarkerNavigationWarning.background#fad13d
editorOverviewRuler.addedForeground#5d37e6
editorOverviewRuler.border#42375d
editorOverviewRuler.bracketMatchForeground#b573b4
editorOverviewRuler.deletedForeground#F07171
editorOverviewRuler.errorForeground#f070a3
editorOverviewRuler.infoForeground#5437e6
editorOverviewRuler.modifiedForeground#d1b959
editorOverviewRuler.selectionHighlightForeground#8173b5
editorOverviewRuler.warningForeground#fa3d7c
editorPane.background#2D2B49
editorRuler.foreground#42375d
editorSuggestWidget.background#241e3d
editorSuggestWidget.border#42375d
editorSuggestWidget.highlightForeground#bcaee5
editorWarning.foreground#d6b889
editorWhitespace.foreground#544676
editorWidget.background#241e3d
editorWidget.resizeBorder#42375d
errorForeground#f070a3
extensionButton.prominentBackground#9d65c3
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#774b90
focusBorder#8773b5
foreground#c0bbcb
gitDecoration.addedResourceForeground#b79dff
gitDecoration.deletedResourceForeground#F07171
gitDecoration.ignoredResourceForeground#867a96
gitDecoration.modifiedResourceForeground#d1b959
gitDecoration.stageDeletedResourceForeground#F07171
gitDecoration.stageModifiedResourceForeground#d1b959
gitDecoration.untrackedResourceForeground#79cfb3
input.background#19152a
input.border#40365a
inputValidation.errorBackground#f070a390
inputValidation.errorBorder#f070a3
inputValidation.errorForeground#000000
inputValidation.infoBackground#5437e690
inputValidation.infoBorder#5437e6
inputValidation.infoForeground#ffffff
inputValidation.warningBackground#fad13d90
inputValidation.warningBorder#d6b889
inputValidation.warningForeground#000000
list.activeSelectionBackground#8c73b520
list.errorForeground#f070a3
list.focusBackground#8773b530
list.highlightForeground#bcaee5
list.hoverBackground#3b3253
list.inactiveSelectionBackground#b573b425
list.warningForeground#d1b959
menu.background#2d2843
menu.foreground#d6cfdb
menu.selectionBackground#7f73b5dd
menu.selectionForeground#000000
menu.separatorBackground#544676
minimap.background#241e3d
minimap.errorHighlight#f07970
minimap.selectionHighlight#8c73b580
minimap.warningHighlight#fad13d
minimapGutter.addedBackground#b79dff
minimapGutter.deletedBackground#F07171
minimapGutter.modifiedBackground#d1b959
notifications.background#302843
notificationsErrorIcon.foreground#f070a3
notificationsInfoIcon.foreground#5437e6
notificationsWarningIcon.foreground#fad13d
panel.dropBorder#8567d8
panelTitle.activeBorder#8971cc
peekView.border#453ba3
peekViewEditor.background#1a163b
peekViewEditor.matchHighlightBackground#a471b862
peekViewEditorGutter.background#1a163b
peekViewResult.background#19152a
peekViewResult.matchHighlightBackground#a471b862
peekViewTitle.background#272036
pickerGroup.border#1e192a
pickerGroup.foreground#8773b5
problemsErrorIcon.foreground#f070a3
problemsInfoIcon.foreground#8d79f0
problemsWarningIcon.foreground#d6b889
progressBar.background#8573b5
scrollbar.shadow#0c091452
scrollbarSlider.activeBackground#54467640
scrollbarSlider.background#67569050
scrollbarSlider.hoverBackground#7965a940
selection.background#8773b580
settings.modifiedItemIndicator#dfc05a
sideBar.background#19152a
sideBarSectionHeader.background#19152a
statusBar.background#19152a
statusBar.debuggingBackground#4a3b72
statusBar.foreground#b6b2c0
statusBar.noFolderBackground#19152a
statusBarItem.hoverBackground#624e92
statusBarItem.prominentBackground#b573b4
statusBarItem.prominentForeground#000000
statusBarItem.prominentHoverBackground#9c639a
statusBarItem.remoteBackground#ecae7f
statusBarItem.remoteForeground#2D2B49
tab.activeBackground#241e3d
tab.activeBorder#df9f9f00
tab.activeBorderTop#FEC955
tab.activeModifiedBorder#e0bc58
tab.border#00000000
tab.hoverBackground#241e3d
tab.inactiveBackground#19152a
tab.lastPinnedBorder#b573b450
terminal.selectionBackground#8173b5
terminalCursor.background#000000
terminalCursor.foreground#8173b5
textLink.activeForeground#bcaee5
textLink.foreground#b5a5d4
textPreformat.foreground#bcaee5
textSeparator.foreground#1e192a
titleBar.activeBackground#19152a
titleBar.border#19152a
titleBar.inactiveBackground#19152a
widget.shadow#191523

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded, source.groovy.embedded, meta.template.expression	#d6cfdb	—
variable, punctuation.definition.variable, support.variable.property.dom, support.variable.dom, support.variable.property, punctuation.separator.parameter, string.interpolated.pug variable	#d6d6eb	—
variable.parameter, parameter.variable, meta.function.parameter variable, source.rust meta.type_params.rust	#c884ff	—
keyword, constant.language.import-export-all, keyword.control, keyword.operator, storage, support.type, keyword.operator.expression, keyword.operator.new	#8087ee	—
markup.inline.raw	#8087ee	—
punctuation, meta.brace	#9793b5	—
string, punctuation.definition.string	#ddb672	—
meta.tag string	#ddb672	—
entity.name.section.markdown, markup.heading.setext	#ddb672	—
entity.name.function, support.class, support.function, new.expr entity.name.type, entity.other.inherited-class	#fe719e	—
entity.name.tag	#fe719e	—
meta.property-name, support.type.property-name	#fe719e	—
meta.property-value, meta.property-value constant.other, support.constant.property-value	#63ee92	—
comment, punctuation.definition.comment	#7f729c	—
link, markup.underline.link, constant.other.reference.link.markdown	#7f729c	—
constant.character.escape	#dbc7f1	—
entity.other.attribute-name.class, entity.other.attribute-name punctuation.definition.entity	#a37cff	—
entity.name.type, support.type.primitive, support.type.builtin, meta.type.annotation entity.name.type, meta.type.parameters entity.name.type, storage.type.byte	#75bcff	—
punctuation.definition.typeparameters, keyword.operator.type, keyword.operator.optional, punctuation.definition.template-expression, source.tsx punctuation.section.embedded, source.jsx punctuation.section.embedded	#6C607A	—
constant	#f8a066	—
variable.language.this, variable.language.special.self	#d5a7e0	italic
constant.character.entity, punctuation.definition.entity	#c36586	—
punctuation.definition.list	#8c76c0	—
markup.inserted	#96bd65	—
markup.changed	#e0bc58	—
markup.deleted	#d36666	—
meta.diff.header	#375de6	—
meta.diff.range	#bba5d4	—
quote, storage, this, comment, punctuation.definition.comment, modifier	—	italic
invalid	#f070a3	—

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