Auralis

Name: Auralis
Author: Bertrand Mbanwi · Auralis

Publisher: Bertrand Mbanwi · AuralisThemes in package: 8

A premium AI-era VS Code theme system for Terraform, cloud infrastructure, React, Rust, and long deep-work sessions.

GitHub

Color themes

VS Code preview

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

Auralis — Auralis Frost Colorblind

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#040a10
activityBar.border#25354166
activityBar.foreground#ddeff5
activityBar.inactiveForeground#7f979f
activityBarBadge.background#00d8f6
activityBarBadge.foreground#060e14
badge.background#00d8f6
badge.foreground#060e14
banner.background#00d8f638
banner.foreground#ddeff5
banner.iconForeground#00d8f6
breadcrumb.activeSelectionForeground#00d8f6
breadcrumb.background#101c25
breadcrumb.focusForeground#ddeff5
breadcrumb.foreground#7f979f
button.background#00d8f6
button.foreground#060e14
button.hoverBackground#ed9e2f
button.secondaryBackground#0d171f
button.secondaryForeground#ddeff5
button.secondaryHoverBackground#00d8f638
charts.blue#00e2ff
charts.foreground#ddeff5
charts.green#49c7c0
charts.lines#25354166
charts.orange#ff9173
charts.purple#ed9e2f
charts.red#ff5169
charts.yellow#e6b816
chat.avatarBackground#02080e
chat.avatarForeground#00d8f6
chat.editedFileForeground#f4a437
chat.requestBackground#0d171f
chat.requestBorder#25354166
chat.slashCommandBackground#00d8f638
chat.slashCommandForeground#00d8f6
checkbox.background#060e14
checkbox.border#25354166
checkbox.foreground#ddeff5
commandCenter.activeBackground#0d171f
commandCenter.activeBorder#00d8f685
commandCenter.activeForeground#ddeff5
commandCenter.background#060e14
commandCenter.border#25354166
commandCenter.foreground#7f979f
commentsView.resolvedIcon#49c7c0
commentsView.unresolvedIcon#e6b816
debugConsole.errorForeground#ff5169
debugConsole.infoForeground#00d7e4
debugConsole.sourceForeground#60e7d8
debugConsole.warningForeground#e6b816
debugConsoleInputIcon.foreground#00d8f6
debugIcon.continueForeground#49c7c0
debugIcon.disconnectForeground#ff5169
debugIcon.pauseForeground#e6b816
debugIcon.restartForeground#00d8f6
debugIcon.startForeground#49c7c0
debugIcon.stepBackForeground#00e2ff
debugIcon.stepIntoForeground#00e2ff
debugIcon.stepOutForeground#00e2ff
debugIcon.stepOverForeground#00e2ff
debugIcon.stopForeground#ff5169
debugToolBar.background#0d171f
debugToolBar.border#25354166
descriptionForeground#7f979f
diffEditor.border#25354166
diffEditor.diagonalFill#7f979f2e
diffEditor.insertedLineBackground#49c7c026
diffEditor.insertedTextBackground#49c7c040
diffEditor.move.border#00d8f685
diffEditor.moveActive.border#00d8f6
diffEditor.removedLineBackground#f2716a26
diffEditor.removedTextBackground#f2716a40
diffEditor.unchangedCodeBackground#02080e94
diffEditor.unchangedRegionBackground#02080e
diffEditor.unchangedRegionForeground#7f979f
disabledForeground#5b6c74
dropdown.background#0d171f
dropdown.border#25354166
dropdown.foreground#ddeff5
editor.background#060e14
editor.findMatchBackground#00d8f659
editor.findMatchBorder#00d8f6
editor.findMatchHighlightBackground#ed9e2f3d
editor.foreground#ddeff5
editor.inactiveSelectionBackground#00d8f638
editor.inlineValuesBackground#0d171f
editor.inlineValuesForeground#7f979f
editor.lineHighlightBackground#0d171fb3
editor.lineHighlightBorder#00d8f638
editor.selectionBackground#00758c6b
editor.selectionHighlightBackground#00d8f638
editor.wordHighlightBackground#00d8f638
editor.wordHighlightStrongBackground#ed9e2f40
editorBracketHighlight.foreground1#00d8f6
editorBracketHighlight.foreground2#ed9e2f
editorBracketHighlight.foreground3#a8a2ff
editorBracketHighlight.foreground4#d1c95d
editorBracketHighlight.foreground5#00d8f6
editorBracketHighlight.foreground6#ed9e2f
editorBracketHighlight.unexpectedBracket.foreground#ff5169
editorBracketMatch.background#00d8f638
editorBracketMatch.border#00d8f6
editorBracketPairGuide.activeBackground1#00d8f6
editorBracketPairGuide.activeBackground2#ed9e2f
editorBracketPairGuide.activeBackground3#a8a2ff
editorBracketPairGuide.activeBackground4#d1c95d
editorBracketPairGuide.activeBackground5#00d8f6
editorBracketPairGuide.activeBackground6#ed9e2f
editorBracketPairGuide.background1#00d8f647
editorBracketPairGuide.background2#ed9e2f47
editorBracketPairGuide.background3#a8a2ff47
editorBracketPairGuide.background4#d1c95d47
editorBracketPairGuide.background5#00d8f647
editorBracketPairGuide.background6#ed9e2f47
editorCodeLens.foreground#5b6c74
editorCursor.foreground#00efff
editorError.border#ff516999
editorError.foreground#ff5169
editorGhostText.background#00d8f638
editorGhostText.border#25354166
editorGhostText.foreground#5b6c74
editorGroup.border#25354166
editorGroupHeader.tabsBackground#060e14
editorGroupHeader.tabsBorder#25354166
editorGutter.addedBackground#49c7c0
editorGutter.background#060e14
editorGutter.commentRangeForeground#5b6c74
editorGutter.deletedBackground#f2716a
editorGutter.foldingControlForeground#7f979f
editorGutter.itemBackground#00d8f638
editorGutter.itemGlyphForeground#00d8f6
editorGutter.modifiedBackground#f4a437
editorHint.foreground#00d8f6
editorHoverWidget.background#0d171f
editorHoverWidget.border#25354166
editorHoverWidget.foreground#ddeff5
editorIndentGuide.activeBackground1#00d7e48c
editorIndentGuide.background1#23303980
editorInfo.border#00d7e480
editorInfo.foreground#00d7e4
editorInlayHint.background#0d171f
editorInlayHint.foreground#7f979f
editorInlayHint.parameterBackground#0d171f
editorInlayHint.parameterForeground#7adaf8
editorInlayHint.typeBackground#0d171f
editorInlayHint.typeForeground#60e7d8
editorLightBulb.foreground#00d8f6
editorLightBulbAutoFix.foreground#ed9e2f
editorLineNumber.activeForeground#00d8f6
editorLineNumber.foreground#5b6c74
editorLink.activeForeground#00d8f6
editorOverviewRuler.addedForeground#49c7c0
editorOverviewRuler.border#25354166
editorOverviewRuler.bracketMatchForeground#00d8f6
editorOverviewRuler.deletedForeground#f2716a
editorOverviewRuler.errorForeground#ff5169
editorOverviewRuler.infoForeground#00d7e4
editorOverviewRuler.modifiedForeground#f4a437
editorOverviewRuler.warningForeground#e6b816
editorRuler.foreground#25354166
editorStickyScroll.background#060e14
editorStickyScrollHover.background#0d171f
editorSuggestWidget.background#0d171f
editorSuggestWidget.border#25354166
editorSuggestWidget.foreground#ddeff5
editorSuggestWidget.highlightForeground#00d8f6
editorSuggestWidget.selectedBackground#00d8f638
editorSuggestWidget.selectedForeground#ddeff5
editorSuggestWidgetStatus.foreground#7f979f
editorWarning.border#e6b8168c
editorWarning.foreground#e6b816
editorWhitespace.foreground#4b5b638c
editorWidget.background#0d171f
editorWidget.border#25354166
editorWidget.foreground#ddeff5
editorWidget.resizeBorder#00d8f685
errorForeground#ff5169
extensionBadge.remoteBackground#00d8f6
extensionBadge.remoteForeground#060e14
extensionButton.background#0d171f
extensionButton.foreground#ddeff5
extensionButton.hoverBackground#00d8f638
extensionButton.prominentBackground#00d8f6
extensionButton.prominentForeground#060e14
extensionButton.prominentHoverBackground#ed9e2f
extensionIcon.preReleaseForeground#ed9e2f
extensionIcon.sponsorForeground#ed9e2f
extensionIcon.starForeground#e6b816
extensionIcon.verifiedForeground#00e2ff
focusBorder#00d8f685
foreground#ddeff5
gitDecoration.addedResourceForeground#49c7c0
gitDecoration.conflictingResourceForeground#e6b816
gitDecoration.deletedResourceForeground#f2716a
gitDecoration.ignoredResourceForeground#4b5b63
gitDecoration.modifiedResourceForeground#f4a437
gitDecoration.renamedResourceForeground#60e7d8
gitDecoration.submoduleResourceForeground#00e2ff
gitDecoration.untrackedResourceForeground#49c7c0
inlineChat.background#0d171f
inlineChat.border#00d8f685
inlineChat.foreground#ddeff5
inlineChat.shadow#02080e73
inlineChatDiff.inserted#49c7c040
inlineChatDiff.removed#f2716a40
inlineChatInput.background#060e14
inlineChatInput.border#25354166
inlineChatInput.focusBorder#00d8f685
inlineChatInput.placeholderForeground#5b6c74
input.background#060e14
input.border#25354166
input.foreground#ddeff5
input.placeholderForeground#5b6c74
inputOption.activeBackground#00d8f638
inputOption.activeBorder#00d8f6
inputValidation.errorBorder#ff5169
inputValidation.infoBorder#00d7e4
inputValidation.warningBorder#e6b816
interactive.activeCodeBorder#00d8f685
interactive.inactiveCodeBorder#25354166
keybindingLabel.background#0d171f
keybindingLabel.border#25354166
keybindingLabel.bottomBorder#25354166
keybindingLabel.foreground#ddeff5
list.activeSelectionBackground#00d8f638
list.activeSelectionForeground#ddeff5
list.errorForeground#ff5169
list.focusOutline#00d8f685
list.highlightForeground#00d8f6
list.hoverBackground#0d171f
list.hoverForeground#ddeff5
list.inactiveSelectionBackground#0d171f
list.inactiveSelectionForeground#ddeff5
list.warningForeground#e6b816
listFilterWidget.background#0d171f
listFilterWidget.noMatchesOutline#ff5169
listFilterWidget.outline#00d8f685
menu.background#0d171f
menu.foreground#ddeff5
menu.selectionBackground#00d8f638
menu.selectionForeground#ddeff5
menu.separatorBackground#25354166
menubar.selectionBackground#00d8f638
menubar.selectionForeground#ddeff5
merge.border#25354166
merge.commonContentBackground#02080e
merge.commonHeaderBackground#0d171f
merge.currentContentBackground#00d8f61a
merge.currentHeaderBackground#00d8f633
merge.incomingContentBackground#ed9e2f1a
merge.incomingHeaderBackground#ed9e2f33
minimap.background#060e14
minimap.errorHighlight#ff5169
minimap.findMatchHighlight#00d8f6
minimap.selectionHighlight#00758c6b
minimap.warningHighlight#e6b816
minimapGutter.addedBackground#49c7c0
minimapGutter.deletedBackground#f2716a
minimapGutter.modifiedBackground#f4a437
minimapSlider.activeBackground#00d8f673
minimapSlider.background#00d8f638
minimapSlider.hoverBackground#00d8f652
multiDiffEditor.background#060e14
multiDiffEditor.border#25354166
multiDiffEditor.headerBackground#0d171f
notebook.cellBorderColor#25354166
notebook.cellHoverBackground#0d171f
notebook.cellInsertionIndicator#00d8f6
notebook.cellStatusBarItemHoverBackground#00d8f638
notebook.cellToolbarSeparator#25354166
notebook.editorBackground#060e14
notebook.focusedCellBackground#060e14
notebook.focusedCellBorder#00d8f685
notebook.focusedEditorBorder#00d8f6
notebook.inactiveFocusedCellBorder#25354166
notebook.outputContainerBackgroundColor#02080e
notebook.outputContainerBorderColor#25354166
notebook.selectedCellBackground#0d171fb3
notebook.selectedCellBorder#00d8f685
notebook.symbolHighlightBackground#00d8f638
notebookEditorOverviewRuler.runningCellForeground#00d8f6
notebookScrollbarSlider.activeBackground#00d8f67a
notebookScrollbarSlider.background#7f979f2e
notebookScrollbarSlider.hoverBackground#7f979f4d
notificationCenterHeader.background#0d171f
notificationCenterHeader.foreground#ddeff5
notificationLink.foreground#00d8f6
notifications.background#0d171f
notifications.border#25354166
notifications.foreground#ddeff5
notificationsErrorIcon.foreground#ff5169
notificationsInfoIcon.foreground#00d7e4
notificationsWarningIcon.foreground#e6b816
panel.background#02080e
panel.border#25354166
panelInput.border#25354166
panelTitle.activeBorder#00d8f6
panelTitle.activeForeground#ddeff5
panelTitle.inactiveForeground#7f979f
peekView.border#00d8f685
peekViewEditor.background#060e14
peekViewEditor.matchHighlightBackground#00d8f642
peekViewResult.background#02080e
peekViewResult.fileForeground#ddeff5
peekViewResult.lineForeground#7f979f
peekViewResult.matchHighlightBackground#ed9e2f3d
peekViewTitle.background#0d171f
peekViewTitleDescription.foreground#7f979f
peekViewTitleLabel.foreground#ddeff5
pickerGroup.border#25354166
pickerGroup.foreground#00d8f6
ports.iconRunningProcessForeground#49c7c0
problemsErrorIcon.foreground#ff5169
problemsInfoIcon.foreground#00d7e4
problemsWarningIcon.foreground#e6b816
profileBadge.background#00d8f6
profileBadge.foreground#060e14
progressBar.background#00d8f6
quickInput.background#0d171f
quickInput.foreground#ddeff5
quickInputTitle.background#00d8f61f
scrollbar.shadow#02080e4d
scrollbarSlider.activeBackground#00d8f68c
scrollbarSlider.background#7f979f38
scrollbarSlider.hoverBackground#7f979f57
selection.background#00758c6b
settings.checkboxBackground#060e14
settings.checkboxBorder#25354166
settings.checkboxForeground#ddeff5
settings.dropdownBackground#0d171f
settings.dropdownBorder#25354166
settings.dropdownForeground#ddeff5
settings.headerForeground#ddeff5
settings.modifiedItemIndicator#00d8f6
settings.textInputBackground#060e14
settings.textInputBorder#25354166
settings.textInputForeground#ddeff5
sideBar.background#040a10
sideBar.border#25354166
sideBar.dropBackground#00d8f638
sideBar.foreground#7f979f
sideBarActivityBarTop.border#25354166
sideBarSectionHeader.background#0d171f
sideBarSectionHeader.border#25354166
sideBarSectionHeader.foreground#ddeff5
sideBarTitle.foreground#ddeff5
statusBar.background#02080e
statusBar.border#25354166
statusBar.debuggingBackground#00d8f6
statusBar.debuggingForeground#060e14
statusBar.foreground#7f979f
statusBar.noFolderBackground#02080e
statusBarItem.errorBackground#ff5169
statusBarItem.focusBorder#00d8f685
statusBarItem.hoverBackground#00d8f638
statusBarItem.remoteBackground#00d8f6
statusBarItem.remoteForeground#060e14
statusBarItem.warningBackground#e6b816
tab.activeBackground#101c25
tab.activeBorderTop#00d8f6
tab.activeForeground#ddeff5
tab.activeModifiedBorder#ed9e2f
tab.border#25354166
tab.hoverBackground#0d171f
tab.hoverForeground#ddeff5
tab.inactiveBackground#060e14
tab.inactiveForeground#7f979f
tab.inactiveModifiedBorder#00d8f685
terminal.ansiBlack#060e14
terminal.ansiBlue#00e2ff
terminal.ansiBrightBlack#4b5b63
terminal.ansiBrightBlue#00e2ff
terminal.ansiBrightCyan#60e7d8
terminal.ansiBrightGreen#49c7c0
terminal.ansiBrightMagenta#ed9e2f
terminal.ansiBrightRed#ff5169
terminal.ansiBrightWhite#ddeff5
terminal.ansiBrightYellow#e6b816
terminal.ansiCyan#60e7d8
terminal.ansiGreen#49c7c0
terminal.ansiMagenta#ed9e2f
terminal.ansiRed#ff5169
terminal.ansiWhite#ddeff5
terminal.ansiYellow#e6b816
terminal.background#02080e
terminal.dropBackground#00d8f638
terminal.findMatchBackground#00d8f659
terminal.findMatchBorder#00d8f6
terminal.findMatchHighlightBackground#ed9e2f38
terminal.foreground#ddeff5
terminal.initialHintForeground#7f979f
terminal.tab.activeBorder#00d8f6
terminalCommandDecoration.defaultBackground#7f979f
terminalCommandDecoration.errorBackground#ff5169
terminalCommandDecoration.successBackground#49c7c0
terminalCursor.foreground#00efff
terminalOverviewRuler.cursorForeground#00efff
terminalOverviewRuler.findMatchForeground#00d8f6
terminalStickyScroll.background#02080e
terminalStickyScrollHover.background#0d171f
testing.iconErrored#ff5169
testing.iconFailed#ff5169
testing.iconPassed#49c7c0
testing.iconQueued#e6b816
testing.iconSkipped#7f979f
testing.iconUnset#5b6c74
testing.runAction#00d8f6
textLink.activeForeground#ed9e2f
textLink.foreground#00d8f6
titleBar.activeBackground#0d171f
titleBar.activeForeground#ddeff5
titleBar.border#25354166
titleBar.inactiveBackground#060e14
titleBar.inactiveForeground#7f979f
toolbar.activeBackground#00d8f64d
toolbar.hoverBackground#00d8f638
toolbar.hoverOutline#00d8f685
tree.indentGuidesStroke#25354166
walkThrough.embeddedEditorBackground#02080e
walkthrough.stepTitle.foreground#ddeff5
welcomePage.background#060e14
welcomePage.progress.background#0d171f
welcomePage.progress.foreground#00d8f6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6b7d8b	italic
string, string.quoted, string.template	#f3ae58	—
string.regexp, constant.other.character-class.regexp	#d1c95d	—
constant.numeric, constant.language, constant.character, variable.other.constant	#ff9173	—
keyword, storage, storage.type, storage.modifier	#a8a2ff	—
keyword.operator, storage.type.function.arrow	#b2adff	—
entity.name.function, support.function, meta.function-call, variable.function	#00e2ff	—
entity.name.type, entity.name.class, entity.name.struct, support.type, support.class, storage.type.cs	#60e7d8	—
variable, variable.other.readwrite, variable.parameter, meta.definition.variable	#d7e8ee	—
variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, meta.property-name	#7adaf8	—
entity.name.tag, punctuation.definition.tag	#a8a2ff	—
entity.other.attribute-name, meta.attribute	#00e2ff	—
punctuation, meta.brace, meta.delimiter	#88949d	—
support.type.property-name.json, string.quoted.double.json	#7adaf8	—
support.type.primitive.ts, support.type.primitive.tsx, entity.name.type.interface.ts, entity.name.type.interface.tsx, entity.name.type.alias.ts, entity.name.type.alias.tsx, support.class.component.tsx	#60e7d8	—
entity.name.tag.tsx, entity.name.tag.jsx, support.class.component.tsx, support.class.component.jsx	#a8a2ff	—
entity.other.attribute-name.tsx, entity.other.attribute-name.jsx, meta.jsx.children	#00e2ff	—
entity.name.type.rust, entity.name.function.rust, support.macro.rust, storage.modifier.rust, keyword.unsafe.rust, variable.language.self.rust	#60e7d8	—
entity.name.function.python, support.function.magic.python, support.type.python, variable.parameter.function.language.python, constant.language.python	#00e2ff	—
entity.name.function.go, storage.type.go, keyword.operator.address.go, variable.other.assignment.go	#60e7d8	—
keyword.other.hcl, entity.name.section.hcl, support.type.property-name.terraform	#60d4fe	—
keyword.other.resource.terraform, keyword.other.data.terraform, keyword.other.module.terraform, keyword.other.provider.terraform, keyword.other.hcl, storage.type.terraform, storage.type.hcl	#00e0f5	bold
entity.name.type.terraform, entity.name.type.hcl	#48e8c5	—
entity.name.section.hcl, entity.name.label.terraform, string.quoted.double.block.terraform, string.quoted.double.label.terraform	#e5c226	—
support.type.property-name.terraform, support.type.property-name.hcl, variable.other.property.terraform, variable.other.member.terraform, meta.attribute.terraform	#60d4fe	—
variable.other.readwrite.terraform, variable.other.terraform, variable.other.hcl, support.variable.terraform, variable.other.property.hcl	#b7a0ff	—
support.variable.terraform, variable.language.terraform, variable.language.hcl	#f094ff	italic
string.quoted.double.terraform, string.quoted.double.hcl, punctuation.definition.string.begin.terraform, punctuation.definition.string.end.terraform	#37e4aa	—
constant.numeric.terraform, constant.numeric.hcl, constant.language.terraform, constant.language.hcl	#f094ff	—
constant.language.boolean.terraform, constant.language.boolean.hcl	#ff9550	bold
keyword.operator.terraform, keyword.operator.hcl, punctuation.section.interpolation.terraform, punctuation.definition.template-expression.terraform	#b2adff	—
markup.underline.link, constant.other.reference.link, string.other.link	#00e5f2	underline
entity.name.tag.yaml, string.unquoted.yaml, support.type.property-name.yaml	#7adaf8	—
keyword.other.special-method.dockerfile, entity.name.function.dockerfile, variable.other.dockerfile	#a8a2ff	—
markup.heading, entity.name.section.markdown	#00e2ff	bold
markup.bold, markup.italic, markup.underline.link, string.other.link.title.markdown	#00d8f6	—
markup.inline.raw, markup.fenced_code	#f3ae58	—
invalid, invalid.illegal	#ff5169	—

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