Ayu Adaptive Personalized

Name: Ayu Adaptive Personalized
Author: tinywaves

Publisher: tinywavesThemes in package: 3

A personalized theme of Ayu and Ayu Adaptive.

GitHub

Color themes

VS Code preview

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

Ayu Adaptive Personalized — Ayu Mojave Personalized

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#323334
activityBar.border#181A1F
activityBar.foreground#bababb
activityBarBadge.background#959596
activityBarBadge.foreground#fff
badge.background#959596
badge.foreground#fff
button.background#ffcc66AA
button.foreground#fff
button.hoverBackground#ffcc66BB
debugExceptionWidget.background#323334
debugExceptionWidget.border#181A1F
debugToolBar.background#323334
diffEditor.insertedTextBackground#95e6cb44
diffEditor.removedTextBackground#f0717844
dropdown.background#323334
editor.background#292a2f
editor.findMatchBackground#ffcc6633
editor.findMatchHighlightBackground#ffcc6633
editor.findRangeHighlightBackground#ffcc6633
editor.foldBackground#0000
editor.foreground#d9d7ce
editor.lineHighlightBackground#57575950
editor.rangeHighlightBackground#57575950
editor.selectionBackground#57575990
editor.wordHighlightBackground#ffcc6633
editor.wordHighlightStrongBackground#ffcc6633
editorBracketMatch.border#ffcc6690
editorCursor.foreground#ffcc66
editorError.foreground#ff3333
editorGroup.background#323334
editorGroup.border#181A1F
editorGroupHeader.noTabsBackground#323334
editorGroupHeader.tabsBackground#262627
editorGroupHeader.tabsBorder#181A1F
editorGutter.addedBackground#bae67e
editorGutter.deletedBackground#ff3333
editorGutter.modifiedBackground#5ccfe6
editorHoverWidget.background#323334
editorHoverWidget.border#181A1F
editorIndentGuide.activeBackground#dfe9f20a
editorIndentGuide.background#dfe9f20a
editorLineNumber.foreground#3d4752
editorLink.activeForeground#ffcc66
editorLink.foreground#ffcc66
editorMarkerNavigation.background#323334
editorOverviewRuler.border#181A1F
editorOverviewRuler.errorForeground#ff3333
editorOverviewRuler.warningForeground#ffcc66
editorRuler.foreground#181A1F
editorSuggestWidget.background#323334
editorSuggestWidget.border#181A1F
editorSuggestWidget.highlightForeground#ffcc66
editorSuggestWidget.selectedBackground#404041
editorWarning.foreground#ffcc66
editorWhitespace.foreground#3d4752
editorWidget.background#323334
extensionButton.prominentBackground#ffcc66AA
extensionButton.prominentForeground#fff
extensionButton.prominentHoverBackground#ffcc66BB
focusBorder#00000000
foreground#bababb
input.background#323334
input.border#bababb4C
input.foreground#d9d7ce
input.placeholderForeground#bababb8A
inputOption.activeBorder#bababb8A
inputValidation.errorBackground#323334
inputValidation.errorBorder#ff3333
inputValidation.infoBackground#323334
inputValidation.infoBorder#5ccfe6
inputValidation.warningBackground#323334
inputValidation.warningBorder#ffd580
list.activeSelectionBackground#171717
list.activeSelectionForeground#d9d7ce
list.focusAndSelectionBackground#171717
list.focusAndSelectionForeground#d9d7ce
list.focusBackground#404041
list.focusForeground#d9d7ce
list.highlightForeground#ffcc66
list.hoverBackground#00000000
list.hoverForeground#959596
list.inactiveSelectionBackground#171717
list.inactiveSelectionForeground#d9d7ce
notification.background#181A1F
panel.background#323334
panel.border#181A1F
panelTitle.activeBorder#ffcc66
panelTitle.activeForeground#d9d7ce
panelTitle.inactiveForeground#bababb
peekView.border#181A1F
peekViewEditor.background#323334
peekViewEditor.matchHighlightBackground#ffcc6633
peekViewResult.background#323334
peekViewResult.fileForeground#bababb
peekViewResult.matchHighlightBackground#ffcc6633
peekViewTitle.background#323334
peekViewTitleDescription.foreground#bababb
peekViewTitleLabel.foreground#bababb
pickerGroup.border#181A1F
pickerGroup.foreground#ffcc66
progressBar.background#ffcc66
scrollbar.shadow#11141a11
scrollbarSlider.activeBackground#ffffff22
scrollbarSlider.background#ffffff11
scrollbarSlider.hoverBackground#ffffff22
selection.background#575759fd
sideBar.background#323334
sideBar.border#181A1F
sideBarSectionHeader.background#575759A0
sideBarSectionHeader.foreground#bababb
sideBarTitle.foreground#bababb
statusBar.background#323334
statusBar.border#181A1F
statusBar.debuggingBackground#323334
statusBar.debuggingForeground#bababb
statusBar.foreground#bababb
statusBar.noFolderBackground#323334
statusBarItem.activeBackground#181A1F
statusBarItem.prominentBackground#181A1F
statusBarItem.prominentHoverBackground#404041
statusBarItem.remoteBackground#ffcc66
statusBarItem.remoteForeground#323334
tab.activeBackground#323334
tab.activeBorder#ffcc66
tab.activeForeground#d9d7ce
tab.border#181A1F
tab.inactiveBackground#262627
tab.inactiveForeground#bababb
tab.unfocusedActiveBorder#ffcc66
tab.unfocusedActiveForeground#d9d7ceAA
tab.unfocusedInactiveForeground#bababb
terminal.ansiBlack#181A1F
terminal.ansiBlue#36a3d9
terminal.ansiBrightBlack#686868
terminal.ansiBrightBlue#6871ff
terminal.ansiBrightCyan#a6fde1
terminal.ansiBrightGreen#cbe645
terminal.ansiBrightMagenta#ff77ff
terminal.ansiBrightRed#f07178
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffdf80
terminal.ansiCyan#95e6cb
terminal.ansiGreen#bae67e
terminal.ansiMagenta#d4bfff
terminal.ansiRed#f07178
terminal.ansiWhite#c7c7c7
terminal.ansiYellow#ffcc66
terminal.background#323334
terminal.foreground#d9d7ce
textBlockQuote.background#323334
textLink.activeForeground#ffcc66
textLink.foreground#ffcc66
textPreformat.foreground#d9d7ce
titleBar.activeBackground#323334
titleBar.activeForeground#bababb
titleBar.border#181A1F
titleBar.inactiveBackground#323334
titleBar.inactiveForeground#bababb
walkThrough.embeddedEditorBackground#323334
welcomeOverlay.foreground#d9d7ce
welcomePage.quickLinkBackground#404041
welcomePage.quickLinkHoverBackground#181A1F
widget.shadow#11141ab3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#d9d7ceff	—
comment, punctuation.definition.comment	#5C6773	—
variable	#D9D7CE	—
keyword, storage.type, storage.modifier	#FFAE57	—
constant.other.color, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.substitution	#80D4FF	—
meta.tag	#d1d5da	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#5CCFE6	—
meta.tag.jsx	#D9D7CE	—
entity.name.function, keyword.other.special-method, variable.function, meta.block-level, support.function	#FFD580	—
support.other.variable, string.other.link	#F07178	—
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit	#D4BFFF	—
string, keyword.other.template, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#BAE67E	normal
entity.name.class, entity.name.type.class, entity.name.instance, entity.name.type.instance, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter	#5CCFE6	—
entity.name.module, entity.name.type.module, variable.import.parameter.js, variable.other.class.js	#5CCFE6	—
variable.language	#5CCFE6	italic
invalid	#FF3333	—
invalid.deprecated	#FFFFFF	—
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag	#5CCFE690	—
entity.other.attribute-name	#FFAE57	—
markup.inserted	#BAE67E	—
markup.deleted	#5CCFE6	—
markup.changed	#FFAE57	—
string.regexp, constant.character.escape	#95E6CB	—
url, link, uri	—	underline
constant.numeric.line-number.find-in-files - match	#5C6773	—
entity.name.filename.find-in-files	#BAE67E	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#FFC44C	italic
source.js constant.other.object.key.js string.unquoted.label.js	#5CCFE6	italic
entity.name.method.js	#FFC44C	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#FFC44C	—
markup.italic	#F07178	italic
markup.bold	#F07178	bold
markup.underline	#D4BFFF	underline
markup.strike	#FFC44C	strike
markup.quote	#80D4FF	italic
markup.fenced_code.block.markdown	#FFAE57	—
markup.table	#5CCFE6	—
text.html.markdown, punctuation.definition.list_item.markdown	#D9D7CE	—
text.html.markdown markup.inline.raw.string.markdown	#5CCFE6	—
text.html.markdown meta.dummy.line-break	#5C6773	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#BAE67E	—
markup.quote, punctuation.definition.blockquote.markdown	#80D4FF	italic
string.other.link.title.markdown	#FFC44C	underline
markup.raw.block.fenced.markdown	#D9D7CE	—
punctuation.definition.fenced.markdown, variable.language.fenced.markdown	#5C6773	—
variable.language.fenced.markdown	#5C6773
meta.separator	#5C6773	bold
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#5CCFE6	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#5CCFE6	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#5CCFE6	—
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#5CCFE6	—
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#5CCFE6	—
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#5CCFE6	—
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#5CCFE6	—
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#5CCFE6	—
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#5CCFE6	—
acejump.label.blue	#FFFFFF	—
acejump.label.green	#FFFFFF	—
acejump.label.orange	#FFFFFF	—
acejump.label.purple	#FFFFFF	—
sublimelinter.mark.warning	#5CCFE6	—
sublimelinter.gutter-mark	#FFFFFF	—
sublimelinter.mark.error	#FF3333	—
markup.ignored.git_gutter	#5C6773	—
markup.untracked.git_gutter	#5C6773	—
gutter_color	#FFFFFF	—
token.info-token	#6796e6	—
token.warn-token	#cd9731	—
token.error-token	#f44747	—
token.debug-token	#b267e6	—

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