Auralis — Smart Theme & Icon Suite

Name: Auralis — Smart Theme & Icon Suite
Author: Auralis

Publisher: AuralisThemes in package: 5

Premium theme suite that auto-detects your stack and adapts colors, icons and editor styling. JetBrains-grade polish, Material/GitHub/Vercel inspired.

Open in VS Code GitHub

Color themes

VS Code preview

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

Auralis — Smart Theme & Icon Suite — Auralis Corporate

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.activeBorder#7AA2C8
activityBar.background#171A1F
activityBar.foreground#C4C9D4
activityBarBadge.background#7AA2C8
badge.background#7AA2C8
badge.foreground#1B1E24
button.background#7AA2C8
button.foreground#1B1E24
button.hoverBackground#8FB3D4
button.secondaryBackground#2A2F38
button.secondaryForeground#C4C9D4
editor.background#1B1E24
editor.findMatchBackground#C8A66855
editor.foreground#C4C9D4
editor.lineHighlightBackground#22262E
editor.selectionBackground#7AA2C835
editorBracketMatch.border#7AA2C8
editorCursor.foreground#7AA2C8
editorGroupHeader.tabsBackground#171A1F
editorIndentGuide.activeBackground1#3E444F
editorIndentGuide.background1#2A2F38
editorLineNumber.activeForeground#7AA2C8
editorLineNumber.foreground#3E444F
editorSuggestWidget.selectedBackground#7AA2C822
editorWidget.background#22262E
editorWidget.border#333944
focusBorder#7AA2C8
foreground#C4C9D4
gitDecoration.modifiedResourceForeground#C8A668
gitDecoration.untrackedResourceForeground#6FB3A8
input.background#22262E
input.border#333944
list.activeSelectionBackground#7AA2C822
list.highlightForeground#6FB3A8
list.hoverBackground#22262E
panel.background#171A1F
panelTitle.activeBorder#7AA2C8
panelTitle.activeForeground#7AA2C8
progressBar.background#7AA2C8
scrollbarSlider.background#7AA2C822
scrollbarSlider.hoverBackground#7AA2C844
sideBar.background#171A1F
sideBar.foreground#8B92A0
sideBarSectionHeader.background#171A1F
sideBarTitle.foreground#7AA2C8
statusBar.background#171A1F
statusBar.foreground#8B92A0
tab.activeBackground#1B1E24
tab.activeBorderTop#7AA2C8
tab.activeForeground#FFFFFF
tab.inactiveBackground#171A1F
tab.inactiveForeground#6B7280
terminal.ansiBlue#7AA2C8
terminal.ansiCyan#6FB3A8
terminal.ansiGreen#6FB3A8
terminal.ansiMagenta#9A89B8
terminal.ansiRed#C16A75
terminal.ansiYellow#C8A668
terminal.background#171A1F
terminal.foreground#C4C9D4
textLink.foreground#7AA2C8
titleBar.activeBackground#171A1F
titleBar.activeForeground#C4C9D4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#5C636F	italic
string, string.quoted	#6FB3A8	—
constant.numeric, constant.language	#C8A668	—
keyword, storage.type, storage.modifier	#9A89B8	—
keyword.operator	#7AA2C8	—
entity.name.function, support.function	#7AA2C8	—
entity.name.type, entity.name.class, support.type	#6FB3A8	—
variable.parameter	#B0A088	italic
entity.name.tag	#C16A75	—
entity.other.attribute-name	#C8A668	italic
support.type.property-name, meta.object-literal.key	#7AA2C8	—
markup.heading	#7AA2C8	bold
invalid	#C16A75	—