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 Paper Contrast

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#f7f3ec
activityBar.border#b9b0a366
activityBar.foreground#1f1610
activityBar.inactiveForeground#4b4038
activityBarBadge.background#d45b3d
activityBarBadge.foreground#fffcf8
badge.background#d45b3d
badge.foreground#fffcf8
banner.background#d45b3d38
banner.foreground#1f1610
banner.iconForeground#d45b3d
breadcrumb.activeSelectionForeground#d45b3d
breadcrumb.background#fffcf8
breadcrumb.focusForeground#1f1610
breadcrumb.foreground#4b4038
button.background#d45b3d
button.foreground#fffcf8
button.hoverBackground#6365c1
button.secondaryBackground#f5f0ea
button.secondaryForeground#1f1610
button.secondaryHoverBackground#d45b3d38
charts.blue#044cb6
charts.foreground#1f1610
charts.green#308639
charts.lines#b9b0a366
charts.orange#b25400
charts.purple#6365c1
charts.red#cc272e
charts.yellow#bb6a00
chat.avatarBackground#f3ede5
chat.avatarForeground#d45b3d
chat.editedFileForeground#b07100
chat.requestBackground#f5f0ea
chat.requestBorder#b9b0a366
chat.slashCommandBackground#d45b3d38
chat.slashCommandForeground#d45b3d
checkbox.background#fffcf8
checkbox.border#b9b0a366
checkbox.foreground#1f1610
commandCenter.activeBackground#f5f0ea
commandCenter.activeBorder#d45b3d85
commandCenter.activeForeground#1f1610
commandCenter.background#fffcf8
commandCenter.border#b9b0a366
commandCenter.foreground#4b4038
commentsView.resolvedIcon#308639
commentsView.unresolvedIcon#bb6a00
debugConsole.errorForeground#cc272e
debugConsole.infoForeground#006fab
debugConsole.sourceForeground#007982
debugConsole.warningForeground#bb6a00
debugConsoleInputIcon.foreground#d45b3d
debugIcon.continueForeground#308639
debugIcon.disconnectForeground#cc272e
debugIcon.pauseForeground#bb6a00
debugIcon.restartForeground#d45b3d
debugIcon.startForeground#308639
debugIcon.stepBackForeground#044cb6
debugIcon.stepIntoForeground#044cb6
debugIcon.stepOutForeground#044cb6
debugIcon.stepOverForeground#044cb6
debugIcon.stopForeground#cc272e
debugToolBar.background#f5f0ea
debugToolBar.border#b9b0a366
descriptionForeground#4b4038
diffEditor.border#b9b0a366
diffEditor.diagonalFill#4b40382e
diffEditor.insertedLineBackground#30863926
diffEditor.insertedTextBackground#30863940
diffEditor.move.border#d45b3d85
diffEditor.moveActive.border#d45b3d
diffEditor.removedLineBackground#c5363726
diffEditor.removedTextBackground#c5363740
diffEditor.unchangedCodeBackground#f3ede594
diffEditor.unchangedRegionBackground#f3ede5
diffEditor.unchangedRegionForeground#4b4038
disabledForeground#71675f
dropdown.background#f5f0ea
dropdown.border#b9b0a366
dropdown.foreground#1f1610
editor.background#fffcf8
editor.findMatchBackground#d45b3d59
editor.findMatchBorder#d45b3d
editor.findMatchHighlightBackground#6365c13d
editor.foreground#1f1610
editor.inactiveSelectionBackground#d45b3d38
editor.inlineValuesBackground#f5f0ea
editor.inlineValuesForeground#4b4038
editor.lineHighlightBackground#f5efe7b3
editor.lineHighlightBorder#d45b3d38
editor.selectionBackground#ec8e767a
editor.selectionHighlightBackground#d45b3d38
editor.wordHighlightBackground#d45b3d38
editor.wordHighlightStrongBackground#6365c140
editorBracketHighlight.foreground1#bc4527
editorBracketHighlight.foreground2#007b87
editorBracketHighlight.foreground3#5656b0
editorBracketHighlight.foreground4#1e7729
editorBracketHighlight.foreground5#bc4527
editorBracketHighlight.foreground6#007b87
editorBracketHighlight.unexpectedBracket.foreground#cc272e
editorBracketMatch.background#d45b3d38
editorBracketMatch.border#d45b3d
editorBracketPairGuide.activeBackground1#bc4527
editorBracketPairGuide.activeBackground2#007b87
editorBracketPairGuide.activeBackground3#5656b0
editorBracketPairGuide.activeBackground4#1e7729
editorBracketPairGuide.activeBackground5#bc4527
editorBracketPairGuide.activeBackground6#007b87
editorBracketPairGuide.background1#bc452747
editorBracketPairGuide.background2#007b8747
editorBracketPairGuide.background3#5656b047
editorBracketPairGuide.background4#1e772947
editorBracketPairGuide.background5#bc452747
editorBracketPairGuide.background6#007b8747
editorCodeLens.foreground#71675f
editorCursor.foreground#c43b15
editorError.border#cc272e99
editorError.foreground#cc272e
editorGhostText.background#d45b3d38
editorGhostText.border#b9b0a366
editorGhostText.foreground#71675f
editorGroup.border#b9b0a366
editorGroupHeader.tabsBackground#f0eae3
editorGroupHeader.tabsBorder#b9b0a366
editorGutter.addedBackground#308639
editorGutter.background#fffcf8
editorGutter.commentRangeForeground#71675f
editorGutter.deletedBackground#c53637
editorGutter.foldingControlForeground#4b4038
editorGutter.itemBackground#d45b3d38
editorGutter.itemGlyphForeground#d45b3d
editorGutter.modifiedBackground#b07100
editorHint.foreground#d45b3d
editorHoverWidget.background#f5f0ea
editorHoverWidget.border#b9b0a366
editorHoverWidget.foreground#1f1610
editorIndentGuide.activeBackground1#d45b3d8c
editorIndentGuide.background1#d3cdc4
editorInfo.border#006fab80
editorInfo.foreground#006fab
editorInlayHint.background#f5f0ea
editorInlayHint.foreground#4b4038
editorInlayHint.parameterBackground#f5f0ea
editorInlayHint.parameterForeground#6d3800
editorInlayHint.typeBackground#f5f0ea
editorInlayHint.typeForeground#007982
editorLightBulb.foreground#d45b3d
editorLightBulbAutoFix.foreground#6365c1
editorLineNumber.activeForeground#c54d2f
editorLineNumber.foreground#71675f
editorLink.activeForeground#d45b3d
editorOverviewRuler.addedForeground#308639
editorOverviewRuler.border#b9b0a366
editorOverviewRuler.bracketMatchForeground#d45b3d
editorOverviewRuler.deletedForeground#c53637
editorOverviewRuler.errorForeground#cc272e
editorOverviewRuler.infoForeground#006fab
editorOverviewRuler.modifiedForeground#b07100
editorOverviewRuler.warningForeground#bb6a00
editorRuler.foreground#b9b0a366
editorStickyScroll.background#fffcf8
editorStickyScrollHover.background#f5f0ea
editorSuggestWidget.background#f5f0ea
editorSuggestWidget.border#b9b0a366
editorSuggestWidget.foreground#1f1610
editorSuggestWidget.highlightForeground#d45b3d
editorSuggestWidget.selectedBackground#d45b3d38
editorSuggestWidget.selectedForeground#1f1610
editorSuggestWidgetStatus.foreground#4b4038
editorWarning.border#bb6a008c
editorWarning.foreground#bb6a00
editorWhitespace.foreground#71675f8c
editorWidget.background#f5f0ea
editorWidget.border#b9b0a366
editorWidget.foreground#1f1610
editorWidget.resizeBorder#d45b3d85
errorForeground#cc272e
extensionBadge.remoteBackground#d45b3d
extensionBadge.remoteForeground#fffcf8
extensionButton.background#f5f0ea
extensionButton.foreground#1f1610
extensionButton.hoverBackground#d45b3d38
extensionButton.prominentBackground#d45b3d
extensionButton.prominentForeground#fffcf8
extensionButton.prominentHoverBackground#6365c1
extensionIcon.preReleaseForeground#6365c1
extensionIcon.sponsorForeground#6365c1
extensionIcon.starForeground#bb6a00
extensionIcon.verifiedForeground#044cb6
focusBorder#d45b3d85
foreground#1f1610
gitDecoration.addedResourceForeground#308639
gitDecoration.conflictingResourceForeground#bb6a00
gitDecoration.deletedResourceForeground#c53637
gitDecoration.ignoredResourceForeground#71675f
gitDecoration.modifiedResourceForeground#b07100
gitDecoration.renamedResourceForeground#007982
gitDecoration.submoduleResourceForeground#044cb6
gitDecoration.untrackedResourceForeground#308639
inlineChat.background#f5f0ea
inlineChat.border#d45b3d85
inlineChat.foreground#1f1610
inlineChat.shadow#f3ede573
inlineChatDiff.inserted#30863940
inlineChatDiff.removed#c5363740
inlineChatInput.background#fffcf8
inlineChatInput.border#b9b0a366
inlineChatInput.focusBorder#d45b3d85
inlineChatInput.placeholderForeground#71675f
input.background#fffcf8
input.border#b9b0a366
input.foreground#1f1610
input.placeholderForeground#71675f
inputOption.activeBackground#d45b3d38
inputOption.activeBorder#d45b3d
inputValidation.errorBorder#cc272e
inputValidation.infoBorder#006fab
inputValidation.warningBorder#bb6a00
interactive.activeCodeBorder#d45b3d85
interactive.inactiveCodeBorder#b9b0a366
keybindingLabel.background#f5f0ea
keybindingLabel.border#b9b0a366
keybindingLabel.bottomBorder#b9b0a366
keybindingLabel.foreground#1f1610
list.activeSelectionBackground#d45b3d38
list.activeSelectionForeground#1f1610
list.errorForeground#cc272e
list.focusOutline#d45b3d85
list.highlightForeground#d45b3d
list.hoverBackground#f5f0ea
list.hoverForeground#1f1610
list.inactiveSelectionBackground#f5efe7
list.inactiveSelectionForeground#1f1610
list.warningForeground#bb6a00
listFilterWidget.background#f5f0ea
listFilterWidget.noMatchesOutline#cc272e
listFilterWidget.outline#d45b3d85
menu.background#f5f0ea
menu.foreground#1f1610
menu.selectionBackground#d45b3d38
menu.selectionForeground#1f1610
menu.separatorBackground#b9b0a366
menubar.selectionBackground#d45b3d38
menubar.selectionForeground#1f1610
merge.border#b9b0a366
merge.commonContentBackground#f3ede5
merge.commonHeaderBackground#f5f0ea
merge.currentContentBackground#d45b3d1a
merge.currentHeaderBackground#d45b3d33
merge.incomingContentBackground#6365c11a
merge.incomingHeaderBackground#6365c133
minimap.background#fffcf8
minimap.errorHighlight#cc272e
minimap.findMatchHighlight#d45b3d
minimap.selectionHighlight#ec8e767a
minimap.warningHighlight#bb6a00
minimapGutter.addedBackground#308639
minimapGutter.deletedBackground#c53637
minimapGutter.modifiedBackground#b07100
minimapSlider.activeBackground#d45b3d73
minimapSlider.background#d45b3d38
minimapSlider.hoverBackground#d45b3d52
multiDiffEditor.background#fffcf8
multiDiffEditor.border#b9b0a366
multiDiffEditor.headerBackground#f5f0ea
notebook.cellBorderColor#b9b0a366
notebook.cellHoverBackground#f5f0ea
notebook.cellInsertionIndicator#d45b3d
notebook.cellStatusBarItemHoverBackground#d45b3d38
notebook.cellToolbarSeparator#b9b0a366
notebook.editorBackground#fffcf8
notebook.focusedCellBackground#fffcf8
notebook.focusedCellBorder#d45b3d85
notebook.focusedEditorBorder#d45b3d
notebook.inactiveFocusedCellBorder#b9b0a366
notebook.outputContainerBackgroundColor#f3ede5
notebook.outputContainerBorderColor#b9b0a366
notebook.selectedCellBackground#f5efe7b3
notebook.selectedCellBorder#d45b3d85
notebook.symbolHighlightBackground#d45b3d38
notebookEditorOverviewRuler.runningCellForeground#d45b3d
notebookScrollbarSlider.activeBackground#d45b3d7a
notebookScrollbarSlider.background#4b40382e
notebookScrollbarSlider.hoverBackground#4b40384d
notificationCenterHeader.background#f5f0ea
notificationCenterHeader.foreground#1f1610
notificationLink.foreground#d45b3d
notifications.background#f5f0ea
notifications.border#b9b0a366
notifications.foreground#1f1610
notificationsErrorIcon.foreground#cc272e
notificationsInfoIcon.foreground#006fab
notificationsWarningIcon.foreground#bb6a00
panel.background#f3ede5
panel.border#b9b0a366
panelInput.border#b9b0a366
panelTitle.activeBorder#d45b3d
panelTitle.activeForeground#1f1610
panelTitle.inactiveForeground#4b4038
peekView.border#d45b3d85
peekViewEditor.background#fffcf8
peekViewEditor.matchHighlightBackground#d45b3d42
peekViewResult.background#f3ede5
peekViewResult.fileForeground#1f1610
peekViewResult.lineForeground#4b4038
peekViewResult.matchHighlightBackground#6365c13d
peekViewTitle.background#f5f0ea
peekViewTitleDescription.foreground#4b4038
peekViewTitleLabel.foreground#1f1610
pickerGroup.border#b9b0a366
pickerGroup.foreground#d45b3d
ports.iconRunningProcessForeground#308639
problemsErrorIcon.foreground#cc272e
problemsInfoIcon.foreground#006fab
problemsWarningIcon.foreground#bb6a00
profileBadge.background#d45b3d
profileBadge.foreground#fffcf8
progressBar.background#d45b3d
quickInput.background#f5f0ea
quickInput.foreground#1f1610
quickInputTitle.background#d45b3d1f
scrollbar.shadow#f3ede54d
scrollbarSlider.activeBackground#d45b3d8c
scrollbarSlider.background#4b403838
scrollbarSlider.hoverBackground#4b403857
selection.background#ec8e767a
settings.checkboxBackground#fffcf8
settings.checkboxBorder#b9b0a366
settings.checkboxForeground#1f1610
settings.dropdownBackground#f5f0ea
settings.dropdownBorder#b9b0a366
settings.dropdownForeground#1f1610
settings.headerForeground#1f1610
settings.modifiedItemIndicator#d45b3d
settings.textInputBackground#fffcf8
settings.textInputBorder#b9b0a366
settings.textInputForeground#1f1610
sideBar.background#f7f3ec
sideBar.border#b9b0a366
sideBar.dropBackground#d45b3d38
sideBar.foreground#4b4038
sideBarActivityBarTop.border#b9b0a366
sideBarSectionHeader.background#f5f0ea
sideBarSectionHeader.border#b9b0a366
sideBarSectionHeader.foreground#1f1610
sideBarTitle.foreground#1f1610
statusBar.background#f3ede5
statusBar.border#b9b0a366
statusBar.debuggingBackground#d45b3d
statusBar.debuggingForeground#fffcf8
statusBar.foreground#4b4038
statusBar.noFolderBackground#f3ede5
statusBarItem.errorBackground#cc272e
statusBarItem.focusBorder#d45b3d85
statusBarItem.hoverBackground#d45b3d38
statusBarItem.remoteBackground#d45b3d
statusBarItem.remoteForeground#fffcf8
statusBarItem.warningBackground#bb6a00
tab.activeBackground#fffcf8
tab.activeBorderTop#d45b3d
tab.activeForeground#1f1610
tab.activeModifiedBorder#6365c1
tab.border#b9b0a366
tab.hoverBackground#f5f0ea
tab.hoverForeground#1f1610
tab.inactiveBackground#f0eae3
tab.inactiveForeground#4b4038
tab.inactiveModifiedBorder#d45b3d85
terminal.ansiBlack#fffcf8
terminal.ansiBlue#044cb6
terminal.ansiBrightBlack#71675f
terminal.ansiBrightBlue#044cb6
terminal.ansiBrightCyan#007982
terminal.ansiBrightGreen#308639
terminal.ansiBrightMagenta#6365c1
terminal.ansiBrightRed#cc272e
terminal.ansiBrightWhite#1f1610
terminal.ansiBrightYellow#bb6a00
terminal.ansiCyan#007982
terminal.ansiGreen#308639
terminal.ansiMagenta#6365c1
terminal.ansiRed#cc272e
terminal.ansiWhite#1f1610
terminal.ansiYellow#bb6a00
terminal.background#f3ede5
terminal.dropBackground#d45b3d38
terminal.findMatchBackground#d45b3d59
terminal.findMatchBorder#d45b3d
terminal.findMatchHighlightBackground#6365c138
terminal.foreground#1f1610
terminal.initialHintForeground#4b4038
terminal.tab.activeBorder#d45b3d
terminalCommandDecoration.defaultBackground#4b4038
terminalCommandDecoration.errorBackground#cc272e
terminalCommandDecoration.successBackground#308639
terminalCursor.foreground#c43b15
terminalOverviewRuler.cursorForeground#c43b15
terminalOverviewRuler.findMatchForeground#d45b3d
terminalStickyScroll.background#f3ede5
terminalStickyScrollHover.background#f5f0ea
testing.iconErrored#cc272e
testing.iconFailed#cc272e
testing.iconPassed#308639
testing.iconQueued#bb6a00
testing.iconSkipped#4b4038
testing.iconUnset#71675f
testing.runAction#d45b3d
textLink.activeForeground#6365c1
textLink.foreground#d45b3d
titleBar.activeBackground#f5f0ea
titleBar.activeForeground#1f1610
titleBar.border#b9b0a366
titleBar.inactiveBackground#f0eae3
titleBar.inactiveForeground#4b4038
toolbar.activeBackground#d45b3d4d
toolbar.hoverBackground#d45b3d38
toolbar.hoverOutline#d45b3d85
tree.indentGuidesStroke#b9b0a366
walkThrough.embeddedEditorBackground#f3ede5
walkthrough.stepTitle.foreground#1f1610
welcomePage.background#fffcf8
welcomePage.progress.background#f5f0ea
welcomePage.progress.foreground#d45b3d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#736046	italic
string, string.quoted, string.template	#1e7729	—
string.regexp, constant.other.character-class.regexp	#1e7729	—
constant.numeric, constant.language, constant.character, variable.other.constant	#b25400	—
keyword, storage, storage.type, storage.modifier	#ad215f	—
keyword.operator, storage.type.function.arrow	#a43c2f	—
entity.name.function, support.function, meta.function-call, variable.function	#044cb6	—
entity.name.type, entity.name.class, entity.name.struct, support.type, support.class, storage.type.cs	#007982	—
variable, variable.other.readwrite, variable.parameter, meta.definition.variable	#3a312a	—
variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, meta.property-name	#6d3800	—
entity.name.tag, punctuation.definition.tag	#ad215f	—
entity.other.attribute-name, meta.attribute	#044cb6	—
punctuation, meta.brace, meta.delimiter	#564b42	—
support.type.property-name.json, string.quoted.double.json	#6d3800	—
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	#007982	—
entity.name.tag.tsx, entity.name.tag.jsx, support.class.component.tsx, support.class.component.jsx	#ad215f	—
entity.other.attribute-name.tsx, entity.other.attribute-name.jsx, meta.jsx.children	#044cb6	—
entity.name.type.rust, entity.name.function.rust, support.macro.rust, storage.modifier.rust, keyword.unsafe.rust, variable.language.self.rust	#007982	—
entity.name.function.python, support.function.magic.python, support.type.python, variable.parameter.function.language.python, constant.language.python	#044cb6	—
entity.name.function.go, storage.type.go, keyword.operator.address.go, variable.other.assignment.go	#007982	—
keyword.other.hcl, entity.name.section.hcl, support.type.property-name.terraform	#6c3a00	—
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	#a9231e	bold
entity.name.type.terraform, entity.name.type.hcl	#006577	—
entity.name.section.hcl, entity.name.label.terraform, string.quoted.double.block.terraform, string.quoted.double.label.terraform	#0f641d	—
support.type.property-name.terraform, support.type.property-name.hcl, variable.other.property.terraform, variable.other.member.terraform, meta.attribute.terraform	#6c3a00	—
variable.other.readwrite.terraform, variable.other.terraform, variable.other.hcl, support.variable.terraform, variable.other.property.hcl	#12479d	—
support.variable.terraform, variable.language.terraform, variable.language.hcl	#6c44a4	italic
string.quoted.double.terraform, string.quoted.double.hcl, punctuation.definition.string.begin.terraform, punctuation.definition.string.end.terraform	#186a23	—
constant.numeric.terraform, constant.numeric.hcl, constant.language.terraform, constant.language.hcl	#9e4700	—
constant.language.boolean.terraform, constant.language.boolean.hcl	#a3215a	bold
keyword.operator.terraform, keyword.operator.hcl, punctuation.section.interpolation.terraform, punctuation.definition.template-expression.terraform	#a43c2f	—
markup.underline.link, constant.other.reference.link, string.other.link	#005187	underline
entity.name.tag.yaml, string.unquoted.yaml, support.type.property-name.yaml	#6d3800	—
keyword.other.special-method.dockerfile, entity.name.function.dockerfile, variable.other.dockerfile	#ad215f	—
markup.heading, entity.name.section.markdown	#044cb6	bold
markup.bold, markup.italic, markup.underline.link, string.other.link.title.markdown	#d45b3d	—
markup.inline.raw, markup.fenced_code	#1e7729	—
invalid, invalid.illegal	#cc272e	—

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