Aliens Themes

Name: Aliens Themes
Author: Himanshu Nayak

Publisher: Himanshu NayakThemes in package: 5

VS Code theme pack with Aliens Dark, AnilCyborg Light, and Apple-inspired Liquid Glass light and dark themes, with matching file icons

Open in VS Code GitHub

Color themes

VS Code preview

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

Aliens Themes — %anilCyborgThemeLabel%

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.activeBackground#4F46E50D
activityBar.activeBorder#4F46E5
activityBar.background#FFFFFF
activityBar.border#0A0B0F14
activityBar.foreground#0A0B0F
activityBar.inactiveForeground#6B7185
activityBarBadge.background#4F46E5
activityBarBadge.foreground#FFFFFF
badge.background#4F46E5
badge.foreground#FFFFFF
button.background#4F46E5
button.foreground#FFFFFF
button.hoverBackground#6D28D9
button.secondaryBackground#FFFFFF
button.secondaryForeground#0A0B0F
button.secondaryHoverBackground#FDFCF8
checkbox.border#0A0B0F47
commandCenter.activeBackground#F2F0E9
commandCenter.activeBorder#4F46E5
commandCenter.activeForeground#0A0B0F
commandCenter.background#FFFFFF
commandCenter.border#0A0B0F24
commandCenter.foreground#0A0B0F
commandCenter.inactiveBorder#0A0B0F14
commandCenter.inactiveForeground#6B7185
descriptionForeground#3C4254
disabledForeground#6B7185
dropdown.background#FFFFFF
dropdown.border#0A0B0F24
dropdown.foreground#0A0B0F
dropdown.listBackground#FFFFFF
editor.background#FDFCF8
editor.findMatchBackground#D9770652
editor.findMatchHighlightBackground#D977061F
editor.findRangeHighlightBackground#7C3AED14
editor.foreground#0A0B0F
editor.hoverHighlightBackground#0A0B0F0A
editor.lineHighlightBackground#F2F0E9
editor.lineHighlightBorder#FFFFFF00
editor.rangeHighlightBackground#4F46E512
editor.selectionBackground#7C3AED22
editor.selectionHighlightBackground#4F46E514
editor.wordHighlightBackground#0891B214
editor.wordHighlightStrongBackground#4F46E51F
editorActionList.background#FFFFFF
editorActionList.focusBackground#4F46E510
editorActionList.focusForeground#0A0B0F
editorActionList.foreground#0A0B0F
editorBracketHighlight.foreground1#4F46E5
editorBracketHighlight.foreground2#7C3AED
editorBracketHighlight.foreground3#0891B2
editorBracketHighlight.foreground4#9A5A00
editorBracketHighlight.foreground5#059669
editorBracketHighlight.foreground6#DC2626
editorBracketMatch.background#4F46E512
editorBracketMatch.border#4F46E5
editorCursor.foreground#0A0B0F
editorError.foreground#DC2626
editorGroup.border#0A0B0F14
editorGroupHeader.border#0A0B0F14
editorGroupHeader.tabsBackground#F8F7F2
editorGroupHeader.tabsBorder#0A0B0F14
editorGutter.addedBackground#059669
editorGutter.background#FDFCF8
editorGutter.deletedBackground#DC2626
editorGutter.modifiedBackground#0284C7
editorHint.foreground#7C3AED
editorHoverWidget.background#FFFFFF
editorHoverWidget.border#0A0B0F24
editorIndentGuide.activeBackground1#0A0B0F47
editorIndentGuide.background1#0A0B0F14
editorInfo.foreground#0284C7
editorLineNumber.activeForeground#3C4254
editorLineNumber.foreground#9AA1B2
editorOverviewRuler.border#0A0B0F14
editorOverviewRuler.errorForeground#DC2626
editorOverviewRuler.infoForeground#0284C7
editorOverviewRuler.warningForeground#D97706
editorStickyScroll.background#FDFCF8
editorStickyScroll.border#0A0B0F14
editorSuggestWidget.background#FFFFFF
editorSuggestWidget.border#0A0B0F24
editorSuggestWidget.foreground#0A0B0F
editorSuggestWidget.highlightForeground#4F46E5
editorSuggestWidget.selectedBackground#4F46E510
editorWarning.foreground#D97706
editorWhitespace.foreground#0A0B0F14
editorWidget.background#FFFFFF
editorWidget.border#0A0B0F24
editorWidget.resizeBorder#4F46E5
errorForeground#DC2626
focusBorder#4F46E5
foreground#0A0B0F
gitDecoration.addedResourceForeground#059669
gitDecoration.deletedResourceForeground#DC2626
gitDecoration.ignoredResourceForeground#9AA1B2
gitDecoration.modifiedResourceForeground#0284C7
gitDecoration.untrackedResourceForeground#10B981
icon.foreground#3C4254
input.background#FFFFFF
input.border#0A0B0F24
input.foreground#0A0B0F
input.placeholderForeground#6B7185
inputOption.activeBorder#4F46E5
inputValidation.errorBorder#DC2626
inputValidation.infoBorder#0284C7
inputValidation.warningBorder#D97706
list.activeSelectionBackground#4F46E51A
list.activeSelectionForeground#0A0B0F
list.errorForeground#DC2626
list.focusOutline#4F46E5
list.highlightForeground#4F46E5
list.hoverBackground#4F46E510
list.inactiveSelectionBackground#7C3AED14
list.warningForeground#D97706
listFilterWidget.background#FFFFFF
listFilterWidget.noMatchesOutline#DC2626
listFilterWidget.outline#0A0B0F24
menu.background#FFFFFF
menu.foreground#0A0B0F
menu.selectionBackground#4F46E510
menu.selectionForeground#0A0B0F
menu.separatorBackground#0A0B0F14
minimap.background#FDFCF8
notifications.background#FFFFFF
notifications.border#0A0B0F24
notifications.foreground#0A0B0F
panel.background#F8F7F2
panel.border#0A0B0F14
panelTitle.activeBorder#4F46E5
panelTitle.activeForeground#0A0B0F
panelTitle.inactiveForeground#6B7185
peekView.border#4F46E5
peekViewEditor.background#FDFCF8
peekViewResult.background#FFFFFF
peekViewResult.matchHighlightBackground#4F46E522
peekViewResult.selectionBackground#4F46E51A
peekViewTitle.background#F2F0E9
pickerGroup.border#0A0B0F24
pickerGroup.foreground#4F46E5
progressBar.background#4F46E5
quickInput.background#FFFFFF
quickInput.foreground#0A0B0F
quickInputList.focusBackground#4F46E510
quickInputList.focusForeground#0A0B0F
quickInputList.focusIconForeground#4F46E5
sash.hoverBackground#4F46E512
sash.hoverBorder#4F46E5
scrollbarSlider.activeBackground#0A0B0F47
scrollbarSlider.background#0A0B0F1A
scrollbarSlider.hoverBackground#0A0B0F2B
selection.background#7C3AED24
sideBar.background#F8F7F2
sideBar.border#0A0B0F14
sideBar.foreground#0A0B0F
sideBarSectionHeader.background#F2F0E9
sideBarSectionHeader.border#0A0B0F14
sideBarSectionHeader.foreground#3C4254
sideBarTitle.foreground#0A0B0F
statusBar.background#FFFFFF
statusBar.border#0A0B0F14
statusBar.debuggingBackground#4F46E5
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#0A0B0F
statusBar.noFolderBackground#FFFFFF
statusBarItem.hoverBackground#4F46E510
statusBarItem.remoteBackground#0891B2
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#FFFFFF
tab.activeBorderTop#4F46E5
tab.activeForeground#0A0B0F
tab.activeModifiedBorder#7C3AED
tab.border#0A0B0F14
tab.hoverBackground#FDFCF8
tab.inactiveBackground#F2F0E9
tab.inactiveForeground#6B7185
tab.inactiveModifiedBorder#7C3AED80
terminal.ansiBlack#0A0B0F
terminal.ansiBlue#0284C7
terminal.ansiBrightBlack#6B7185
terminal.ansiBrightBlue#0EA5E9
terminal.ansiBrightCyan#22D3EE
terminal.ansiBrightGreen#10B981
terminal.ansiBrightMagenta#A855F7
terminal.ansiBrightRed#EF4444
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#F59E0B
terminal.ansiCyan#0891B2
terminal.ansiGreen#059669
terminal.ansiMagenta#7C3AED
terminal.ansiRed#DC2626
terminal.ansiWhite#FDFCF8
terminal.ansiYellow#D97706
terminal.background#FDFCF8
terminal.foreground#0A0B0F
terminal.selectionBackground#7C3AED24
terminalCursor.foreground#0A0B0F
textBlockQuote.background#F2F0E9
textBlockQuote.border#4F46E5
textCodeBlock.background#F2F0E9
textLink.activeForeground#7C3AED
textLink.foreground#4F46E5
textPreformat.background#FDFCF8
textPreformat.foreground#7C3AED
textSeparator.foreground#0A0B0F14
titleBar.activeBackground#F8F7F2
titleBar.activeForeground#0A0B0F
titleBar.border#0A0B0F14
titleBar.inactiveBackground#F8F7F2
titleBar.inactiveForeground#6B7185
tree.indentGuidesStroke#0A0B0F14
widget.border#0A0B0F24
widget.shadow#1414282E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#5A6075	italic
string, string.quoted, string.template	#7C3AED	—
constant.numeric, constant.language.boolean, constant.language.null	#9A5A00	—
keyword, storage, storage.type	#4F46E5	—
keyword.control, keyword.operator.new, keyword.operator.expression	#7C3AED	—
keyword.operator, punctuation.separator, punctuation.terminator	#3C4254	—
entity.name.function, support.function, meta.function-call, variable.function	#006A8C	—
entity.name.type, entity.name.class, support.type, support.class	#4F46E5	—
variable, variable.other.readwrite, variable.parameter	#0A0B0F	—
variable.other.property, meta.object-literal.key, support.type.property-name, entity.other.attribute-name	#006F87	—
entity.name.tag, meta.tag, punctuation.definition.tag	#4F46E5	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, support.constant.property-value, support.type.property-name.css	#9A5A00	—
constant.character.escape, string.regexp, constant.regexp	#9D1C7F	—
invalid, invalid.illegal	#DC2626	—
markup.bold	#0A0B0F	bold
markup.italic	#3C4254	italic
markup.heading, markup.heading entity.name	#4F46E5	bold
markup.inserted	#059669	—
markup.deleted	#DC2626	—
markup.changed	#9A5A00	—
punctuation.section.embedded, meta.embedded	#5A6075	—