Aardvark Blue Theme
Publisher: Sehyun ChungThemes in package: 1
Professional dark theme inspired by Ghostty's Aardvark Blue terminal. Features comprehensive TypeScript/JSX support with semantic token highlighting and optimal readability.
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#102040
- activityBar.border#2a4060
- activityBar.foreground#dddddd
- activityBar.inactiveForeground#7a8a9a
- activityBarBadge.background#60a4ec
- activityBarBadge.foreground#102040
- badge.background#60a4ec
- badge.foreground#102040
- breadcrumb.background#102040
- breadcrumb.focusForeground#dddddd
- breadcrumb.foreground#7a8a9a
- editor.background#102040
- editor.findMatchBackground#ffe76350
- editor.findMatchHighlightBackground#ffe76330
- editor.foreground#dddddd
- editor.lineHighlightBackground#1a305020
- editor.selectionBackground#bfdbfe30
- editor.selectionHighlightBackground#bfdbfe20
- editorCursor.foreground#007acc
- editorGroupHeader.tabsBackground#0a1530
- editorHoverWidget.background#0a1530
- editorHoverWidget.border#2a4060
- editorIndentGuide.activeBackground1#7a8a9a60
- editorIndentGuide.background1#7a8a9a30
- editorLineNumber.activeForeground#dddddd
- editorLineNumber.foreground#7a8a9a
- editorRuler.foreground#7a8a9a40
- editorSuggestWidget.background#0a1530
- editorSuggestWidget.border#2a4060
- editorSuggestWidget.selectedBackground#1a3050
- editorWhitespace.foreground#7a8a9a40
- editorWidget.background#0a1530
- editorWidget.border#2a4060
- gitDecoration.conflictingResourceForeground#c43ac3
- gitDecoration.deletedResourceForeground#f05b50
- gitDecoration.ignoredResourceForeground#7a8a9a
- gitDecoration.modifiedResourceForeground#ffe763
- gitDecoration.untrackedResourceForeground#95dc55
- list.activeSelectionBackground#1a3050
- list.activeSelectionForeground#dddddd
- list.dropBackground#60a4ec30
- list.hoverBackground#1a305050
- list.inactiveSelectionBackground#1a305030
- notificationCenter.border#2a4060
- notificationCenterHeader.background#0a1530
- notificationCenterHeader.foreground#dddddd
- notificationLink.foreground#60a4ec
- notifications.background#0a1530
- notifications.border#2a4060
- notifications.foreground#dddddd
- notificationToast.border#2a4060
- panel.background#0a1530
- panel.border#2a4060
- panelTitle.activeForeground#dddddd
- panelTitle.inactiveForeground#7a8a9a
- progressBar.background#60a4ec
- scrollbar.shadow#0a153080
- scrollbarSlider.activeBackground#7a8a9a70
- scrollbarSlider.background#7a8a9a30
- scrollbarSlider.hoverBackground#7a8a9a50
- sideBar.background#0a1530
- sideBar.border#2a4060
- sideBar.foreground#dddddd
- sideBarSectionHeader.background#1a3050
- sideBarSectionHeader.foreground#dddddd
- sideBarTitle.foreground#dddddd
- statusBar.background#102040
- statusBar.border#2a4060
- statusBar.debuggingBackground#c43ac3
- statusBar.debuggingForeground#dddddd
- statusBar.foreground#dddddd
- statusBar.noFolderBackground#102040
- tab.activeBackground#102040
- tab.activeForeground#dddddd
- tab.border#2a4060
- tab.inactiveBackground#0a1530
- tab.inactiveForeground#7a8a9a
- terminal.ansiBlack#191919
- terminal.ansiBlue#1370d3
- terminal.ansiBrightBlack#454545
- terminal.ansiBrightBlue#60a4ec
- terminal.ansiBrightCyan#60b6cb
- terminal.ansiBrightGreen#95dc55
- terminal.ansiBrightMagenta#e26be2
- terminal.ansiBrightRed#f05b50
- terminal.ansiBrightWhite#f7f7f7
- terminal.ansiBrightYellow#ffe763
- terminal.ansiCyan#008eb0
- terminal.ansiGreen#4b8c0f
- terminal.ansiMagenta#c43ac3
- terminal.ansiRed#aa342e
- terminal.ansiWhite#bebebe
- terminal.ansiYellow#dbba00
- terminal.background#102040
- terminal.foreground#dddddd
- titleBar.activeBackground#102040
- titleBar.activeForeground#dddddd
- titleBar.border#2a4060
- titleBar.inactiveBackground#0a1530
- titleBar.inactiveForeground#7a8a9a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #dddddd | — |
| comment, comment.line, comment.block, punctuation.definition.comment | #7a8a9a | italic |
| keyword, keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.flow, keyword.other.interface, keyword.other.interface.ts, keyword.other.interface.tsx, storage.type.interface, storage.type.interface.ts, storage.type.interface.tsx, storage.type, storage.type.ts, storage.type.tsx, storage.modifier, storage.modifier.ts, storage.modifier.tsx, keyword.other.type, keyword.other.type.ts, keyword.other.type.tsx, keyword.other.enum, keyword.other.enum.ts, keyword.other.enum.tsx, keyword.interface, keyword.interface.ts, keyword.interface.tsx | #c43ac3 | — |
| entity.name.function, entity.name.function.ts, entity.name.function.tsx, support.function, support.function.ts, support.function.tsx, variable:callable, variable.declaration:callable, property:callable, meta.function-call, meta.function-call.ts, meta.function-call.tsx, entity.name.function.member, entity.name.method, entity.name.method.ts, entity.name.method.tsx | #ffe763 | — |
| variable, variable.declaration, variable.other.readwrite, parameter, variable.parameter, property | #dddddd | — |
| string, string.quoted, constant.numeric, constant.language, meta.string | #95dc55 | — |
| entity.name.type, entity.name.type.ts, entity.name.type.tsx, entity.name.type.class, entity.name.type.class.ts, entity.name.type.class.tsx, entity.name.type.interface, entity.name.type.interface.ts, entity.name.type.interface.tsx, support.type, support.type.ts, support.type.tsx, storage.type.class, storage.type.class.ts, storage.type.class.tsx, variable.declaration:type, entity.other.inherited-class, entity.name.namespace, entity.name.namespace.ts, entity.name.namespace.tsx | #60b6cb | — |
| constant, constant.other, variable.other.constant, support.constant | #dddddd | — |
| storage.modifier.access, storage.modifier.async, storage.modifier.static, keyword.other.readonly, storage.modifier.ts | #dbba00 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, punctuation.accessor | #008eb0 | — |
| support.class.component.tsx, support.class.component.jsx | #f05b50 | — |
| entity.name.tag.tsx, entity.name.tag.jsx | #60b6cb | — |
| entity.other.attribute-name.tsx, entity.other.attribute-name.jsx | #ffe763 | — |
| punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx | #7a8a9a | — |