Armada Color Theme

Name: Armada Color Theme
Author: SavedRest0Re

Publisher: SavedRest0ReThemes in package: 2

Dark and Light themes based on JetBrains Fleet aesthetics, ported from Armada Core Themes for IntelliJ.

Open in VS Code GitHub

Color themes

VS Code preview

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

Armada Color Theme — Armada Dark

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.

actionBar.toggledBackground#0870E466
activityBar.activeBackground#00000000
activityBar.activeBorder#0870E4
activityBar.background#090909
activityBar.border#323438
activityBar.foreground#E0E1E4
activityBar.inactiveForeground#646B71
activityBarBadge.background#0870E4
activityBarBadge.foreground#FFFFFF
badge.background#E0E1E433
badge.foreground#E0E1E4
banner.background#1F3250
banner.foreground#E0E1E4
banner.iconForeground#6DAAF7
breadcrumb.activeSelectionForeground#E0E1E4
breadcrumb.background#18191B
breadcrumb.focusForeground#E0E1E4
breadcrumb.foreground#9EA3A8
breadcrumbPicker.background#252629
button.background#0870E4
button.foreground#FFFFFF
button.hoverBackground#2A7DEB
button.secondaryBackground#E0E1E426
button.secondaryForeground#E0E1E4
button.secondaryHoverBackground#E0E1E44D
chat.avatarBackground#252629
chat.avatarForeground#E0E1E4
chat.checkpointSeparator#3E4147
chat.editedFileForeground#EBC88D
chat.linesAddedForeground#69B090
chat.linesRemovedForeground#F87C88
chat.requestBackground#252629
chat.requestBorder#323438
chat.requestBubbleBackground#252629
chat.requestBubbleHoverBackground#2E3034
chat.requestCodeBorder#323438
chat.slashCommandBackground#0870E433
chat.slashCommandForeground#6DAAF7
chat.thinkingShimmer#0870E480
checkbox.background#252629
checkbox.border#5D636B
checkbox.foreground#E0E1E4
commandCenter.activeBackground#E0E1E426
commandCenter.activeBorder#0870E4
commandCenter.activeForeground#E0E1E4
commandCenter.background#090909
commandCenter.border#323438
commandCenter.debuggingBackground#9F680C
commandCenter.foreground#E0E1E4
commandCenter.inactiveBorder#323438
commandCenter.inactiveForeground#646B71
debugConsole.errorForeground#EB4056
debugConsole.infoForeground#6DAAF7
debugConsole.sourceForeground#E0E1E4
debugConsole.warningForeground#FAD075
debugExceptionWidget.background#401A1E
debugExceptionWidget.border#922C3B
debugIcon.breakpointForeground#E1465E
debugIcon.pauseForeground#EBC88D
debugIcon.startForeground#169068
debugIcon.stopForeground#E1465E
debugToolBar.background#252629
descriptionForeground#9EA3A8
diffEditor.diagonalFill#323438
diffEditor.insertedLineBackground#14835E26
diffEditor.insertedTextBackground#14835E33
diffEditor.removedLineBackground#D7325126
diffEditor.removedTextBackground#D7325133
diffEditorGutter.insertedLineBackground#14835E40
diffEditorGutter.removedLineBackground#D7325140
disabledForeground#646B71
dropdown.background#252629
dropdown.border#323438
dropdown.foreground#E0E1E4
dropdown.listBackground#252629
editor.background#18191B
editor.findMatchBackground#9F680C80
editor.findMatchHighlightBackground#9F680C4D
editor.findRangeHighlightBackground#0870E426
editor.foldBackground#0870E426
editor.foreground#E0E1E4
editor.inactiveSelectionBackground#3E4147
editor.lineHighlightBackground#152538
editor.lineHighlightBorder#00000000
editor.placeholder.foreground#646B71
editor.rangeHighlightBackground#0870E41A
editor.selectionBackground#225090
editor.selectionHighlightBackground#0870E440
editor.wordHighlightBackground#0870E433
editor.wordHighlightStrongBackground#0870E44D
editorBracketHighlight.foreground1#82D2CE
editorBracketHighlight.foreground2#E394DC
editorBracketHighlight.foreground3#EBC88D
editorBracketHighlight.foreground4#87C3FF
editorBracketHighlight.foreground5#AF9CFF
editorBracketHighlight.foreground6#A8CC7C
editorBracketHighlight.unexpectedBracket.foreground#EC5D6F
editorBracketMatch.background#0870E433
editorBracketMatch.border#0870E480
editorCodeLens.foreground#9EA3A8
editorCursor.foreground#E0E1E4
editorError.foreground#EC5D6F
editorGhostText.background#00000000
editorGhostText.border#00000000
editorGhostText.foreground#646B71
editorGroup.border#323438
editorGroupHeader.border#323438
editorGroupHeader.noTabsBackground#18191B
editorGroupHeader.tabsBackground#18191B
editorGroupHeader.tabsBorder#323438
editorGutter.addedBackground#14835E
editorGutter.background#181818
editorGutter.deletedBackground#D73251
editorGutter.modifiedBackground#0870E4
editorHint.foreground#82D2CE
editorHoverWidget.background#252629
editorHoverWidget.border#323438
editorHoverWidget.foreground#E0E1E4
editorHoverWidget.statusBarBackground#1F2023
editorIndentGuide.activeBackground1#5D636B
editorIndentGuide.background1#353535
editorInfo.foreground#2A7DEB
editorInlayHint.background#E0E1E41A
editorInlayHint.foreground#9EA3A8
editorInlayHint.parameterBackground#E0E1E41A
editorInlayHint.parameterForeground#9EA3A8
editorInlayHint.typeBackground#0870E41A
editorInlayHint.typeForeground#87C3FF
editorLightBulb.foreground#EBC88D
editorLightBulbAutoFix.foreground#2A7DEB
editorLineNumber.activeForeground#E0E1E4
editorLineNumber.foreground#6E747B
editorLink.activeForeground#4B8DEC
editorMultiCursor.primary.background#0870E466
editorMultiCursor.primary.foreground#E0E1E4
editorMultiCursor.secondary.background#3E4147
editorMultiCursor.secondary.foreground#E0E1E4
editorOverviewRuler.addedForeground#14835E
editorOverviewRuler.border#00000000
editorOverviewRuler.deletedForeground#D73251
editorOverviewRuler.errorForeground#E1465E
editorOverviewRuler.findMatchForeground#9F680C
editorOverviewRuler.infoForeground#2A7DEB
editorOverviewRuler.modifiedForeground#0870E4
editorOverviewRuler.warningForeground#CD984D
editorPane.background#18191B
editorRuler.foreground#353535
editorStickyScroll.background#18191B
editorStickyScroll.border#323438
editorStickyScroll.shadow#00000066
editorStickyScrollGutter.background#181818
editorStickyScrollHover.background#252629
editorSuggestWidget.background#252629
editorSuggestWidget.border#323438
editorSuggestWidget.focusHighlightForeground#E0E1E4
editorSuggestWidget.foreground#E0E1E4
editorSuggestWidget.highlightForeground#E0E1E4
editorSuggestWidget.selectedBackground#0870E466
editorSuggestWidget.selectedForeground#E0E1E4
editorUnicodeHighlight.background#9F680C4D
editorUnicodeHighlight.border#CD984D
editorUnnecessaryCode.opacity#00000080
editorWarning.foreground#CD984D
editorWhitespace.foreground#555558
editorWidget.background#252629
editorWidget.border#323438
editorWidget.foreground#E0E1E4
errorForeground#EC5D6F
extensionButton.background#0870E4
extensionButton.border#00000000
extensionButton.foreground#FFFFFF
extensionButton.hoverBackground#2A7DEB
extensionButton.prominentBackground#0870E4
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#2A7DEB
extensionButton.separator#323438
focusBorder#0C6DDD
foreground#E0E1E4
gitDecoration.addedResourceForeground#69B090
gitDecoration.conflictingResourceForeground#CD984D
gitDecoration.deletedResourceForeground#F87C88
gitDecoration.ignoredResourceForeground#6E747B
gitDecoration.modifiedResourceForeground#71A3EF
gitDecoration.renamedResourceForeground#9599F9
gitDecoration.stageDeletedResourceForeground#F87C88
gitDecoration.stageModifiedResourceForeground#71A3EF
gitDecoration.submoduleResourceForeground#9599F9
gitDecoration.untrackedResourceForeground#69B090
icon.foreground#E0E1E4
inlineChat.background#252629
inlineChat.border#323438
inlineChat.foreground#E0E1E4
inlineChat.shadow#00000066
inlineChatDiff.inserted#14835E33
inlineChatDiff.removed#D7325133
inlineChatInput.background#18191B
inlineChatInput.border#323438
inlineChatInput.focusBorder#0C6DDD
inlineChatInput.placeholderForeground#646B71
input.background#252629
input.border#323438
input.foreground#E0E1E4
input.placeholderForeground#646B71
inputOption.activeBackground#0870E466
inputOption.activeBorder#00000000
inputOption.activeForeground#E0E1E4
inputValidation.errorBackground#401A1E
inputValidation.errorBorder#922C3B
inputValidation.errorForeground#EC5D6F
inputValidation.infoBackground#18263C
inputValidation.infoBorder#225090
inputValidation.warningBackground#302412
inputValidation.warningBorder#6C4B18
keybindingLabel.background#252629
keybindingLabel.border#3E4147
keybindingLabel.bottomBorder#3E4147
keybindingLabel.foreground#E0E1E4
list.activeSelectionBackground#113C6B
list.activeSelectionForeground#E0E1E4
list.activeSelectionIconForeground#E0E1E4
list.errorForeground#E1465E
list.focusAndSelectionOutline#0C6DDD
list.focusBackground#0870E466
list.focusForeground#E0E1E4
list.focusOutline#0C6DDD
list.highlightForeground#4B8DEC
list.hoverBackground#E0E1E40D
list.hoverForeground#E0E1E4
list.inactiveSelectionBackground#3E4147
list.inactiveSelectionForeground#E0E1E4
list.inactiveSelectionIconForeground#E0E1E4
list.warningForeground#CD984D
listFilterWidget.background#252629
listFilterWidget.noMatchesOutline#E1465E
listFilterWidget.outline#0870E4
menu.background#252629
menu.border#323438
menu.foreground#E0E1E4
menu.selectionBackground#0870E466
menu.selectionForeground#E0E1E4
menu.separatorBackground#3E4147
menubar.selectionBackground#E0E1E426
menubar.selectionForeground#E0E1E4
merge.border#323438
merge.currentContentBackground#14835E33
merge.currentHeaderBackground#14835E66
merge.incomingContentBackground#0870E433
merge.incomingHeaderBackground#0870E466
minimap.errorHighlight#E1465E
minimap.findMatchHighlight#9F680C
minimap.selectionHighlight#225090
minimap.warningHighlight#CD984D
minimapGutter.addedBackground#14835E
minimapGutter.deletedBackground#D73251
minimapGutter.modifiedBackground#0870E4
notificationCenterHeader.background#252629
notificationCenterHeader.foreground#E0E1E4
notificationLink.foreground#4B8DEC
notifications.background#252629
notifications.border#323438
notifications.foreground#E0E1E4
notificationsErrorIcon.foreground#E1465E
notificationsInfoIcon.foreground#2A7DEB
notificationsWarningIcon.foreground#CD984D
panel.background#18191B
panel.border#323438
panelTitle.activeBorder#0C6DDD
panelTitle.activeForeground#E0E1E4
panelTitle.inactiveForeground#9EA3A8
peekView.border#0870E4
peekViewEditor.background#111926
peekViewEditor.matchHighlightBackground#9F680C66
peekViewResult.background#18191B
peekViewResult.fileForeground#E0E1E4
peekViewResult.lineForeground#C3C5C9
peekViewResult.matchHighlightBackground#9F680C66
peekViewResult.selectionBackground#0870E466
peekViewResult.selectionForeground#E0E1E4
peekViewTitle.background#252629
peekViewTitleDescription.foreground#9EA3A8
peekViewTitleLabel.foreground#E0E1E4
pickerGroup.border#3E4147
pickerGroup.foreground#4B8DEC
progressBar.background#0870E4
quickInput.background#252629
quickInput.foreground#E0E1E4
quickInputList.focusBackground#0870E466
quickInputList.focusForeground#E0E1E4
quickInputTitle.background#252629
sash.hoverBorder#0870E4
scmGraph.foreground1#6DAAF7
scmGraph.foreground2#82D2CE
scmGraph.foreground3#E394DC
scmGraph.foreground4#EBC88D
scmGraph.foreground5#AF9CFF
scmGraph.historyItemBaseRefColor#CD984D
scmGraph.historyItemHoverAdditionsForeground#69B090
scmGraph.historyItemHoverDefaultLabelBackground#3E4147
scmGraph.historyItemHoverDefaultLabelForeground#E0E1E4
scmGraph.historyItemHoverDeletionsForeground#F87C88
scmGraph.historyItemHoverLabelForeground#E0E1E4
scmGraph.historyItemRefColor#0870E4
scmGraph.historyItemRemoteRefColor#9599F9
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#E0E1E44D
scrollbarSlider.background#E0E1E426
scrollbarSlider.hoverBackground#E0E1E433
settings.focusedRowBackground#E0E1E40D
settings.headerForeground#E0E1E4
settings.modifiedItemIndicator#0870E4
settings.rowHoverBackground#E0E1E40D
sideBar.background#18191B
sideBar.border#323438
sideBar.foreground#E0E1E4
sideBarSectionHeader.background#18191B
sideBarSectionHeader.border#323438
sideBarSectionHeader.foreground#E0E1E4
sideBarStickyScroll.background#18191B
sideBarStickyScroll.border#323438
sideBarStickyScroll.shadow#00000066
sideBarTitle.foreground#E0E1E4
statusBar.background#090909
statusBar.border#323438
statusBar.debuggingBackground#9F680C
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#E0E1E4
statusBar.noFolderBackground#090909
statusBarItem.errorBackground#E1465E
statusBarItem.hoverBackground#E0E1E426
statusBarItem.prominentBackground#252629
statusBarItem.remoteBackground#0870E4
statusBarItem.remoteForeground#FFFFFF
statusBarItem.warningBackground#B07203
symbolIcon.classForeground#87C3FF
symbolIcon.constantForeground#AF9CFF
symbolIcon.enumeratorForeground#87C3FF
symbolIcon.enumeratorMemberForeground#AF9CFF
symbolIcon.fieldForeground#AF9CFF
symbolIcon.functionForeground#EBC88D
symbolIcon.interfaceForeground#87C3FF
symbolIcon.keywordForeground#82D2CE
symbolIcon.methodForeground#EBC88D
symbolIcon.namespaceForeground#87C3FF
symbolIcon.numberForeground#EBC88D
symbolIcon.propertyForeground#AF9CFF
symbolIcon.stringForeground#E394DC
symbolIcon.variableForeground#E0E1E4
tab.activeBackground#18191B
tab.activeBorderTop#0870E480
tab.activeForeground#E0E1E4
tab.activeModifiedBorder#E0E1E4
tab.border#00000000
tab.hoverBackground#E0E1E414
tab.inactiveBackground#18191B
tab.inactiveForeground#9EA3A8
tab.inactiveModifiedBorder#6E747B
tab.unfocusedActiveBorderTop#E0E1E414
terminal.ansiBlack#18191B
terminal.ansiBlue#6DAAF7
terminal.ansiBrightBlack#646B71
terminal.ansiBrightBlue#0067E6
terminal.ansiBrightCyan#00BAD6
terminal.ansiBrightGreen#009E6F
terminal.ansiBrightMagenta#EB4DDE
terminal.ansiBrightRed#C7001B
terminal.ansiBrightWhite#F8F8F9
terminal.ansiBrightYellow#E09119
terminal.ansiCyan#2CCCE6
terminal.ansiGreen#82D2CE
terminal.ansiMagenta#EB83E2
terminal.ansiRed#EB4056
terminal.ansiWhite#E0E1E4
terminal.ansiYellow#FAD075
terminal.background#18191B
terminal.findMatchBackground#9F680C80
terminal.findMatchBorder#CD984D
terminal.findMatchHighlightBackground#9F680C4D
terminal.findMatchHighlightBorder#00000000
terminal.foreground#E0E1E4
terminal.hoverHighlightBackground#0870E426
terminal.selectionBackground#225090
terminalCursor.foreground#E0E1E4
terminalOverviewRuler.findMatchForeground#9F680C
terminalStickyScroll.background#18191B
terminalStickyScroll.border#323438
terminalStickyScrollHover.background#252629
textBlockQuote.background#252629
textBlockQuote.border#0870E4
textCodeBlock.background#252629
textLink.activeForeground#2A7DEB
textLink.foreground#4B8DEC
textPreformat.foreground#EBC88D
textSeparator.foreground#323438
titleBar.activeBackground#090909
titleBar.activeForeground#E0E1E4
titleBar.border#323438
titleBar.inactiveBackground#090909
titleBar.inactiveForeground#646B71
tree.indentGuidesStroke#353535
widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#909194	—
string, string.quoted	#E394DC	—
constant.character.escape, string.escape	#82D2CE	—
constant.numeric, constant.language, constant.character, constant.other	#EBC88D	—
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.other, storage, storage.type, storage.modifier	#82D2CE	—
keyword.operator, punctuation.separator, punctuation.terminator	#E0E1E4	—
entity.name.function, meta.function-call, support.function, meta.function-call entity.name.function	#EBC88D	—
entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution, support.class, support.type, entity.other.inherited-class	#87C3FF	—
variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, support.type.property-name	#AF9CFF	—
variable, variable.other, variable.parameter, variable.language, support.variable	#E0E1E4	—
variable.other.constant, variable.other.enummember, support.constant	#AF9CFF	—
entity.name.function.decorator, meta.decorator, meta.annotation, punctuation.definition.annotation, storage.type.annotation	#A8CC7C	—
entity.name.tag, punctuation.definition.tag	#A1C377	—
entity.other.attribute-name, meta.attribute	#AF9CFF	—
constant.character.entity, punctuation.definition.entity	#E09B70	—
support, support.function.builtin, variable.language.this, variable.language.super	#82D2CE	—
invalid, invalid.illegal	#EC5D6F	—
markup.heading, entity.name.section	#87C3FF
markup.bold	#EBC88D
markup.italic	#E394DC
markup.underline.link, string.other.link	#4B8DEC	—
markup.inline.raw, markup.fenced_code, markup.raw	#A8CC7C	—
support.type.property-name.json, meta.object-literal.key.js	#AF9CFF	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, support.constant.property-value.css, support.type.property-name.css	#AF9CFF	—
entity.name.tag.css, entity.name.tag.less	#A1C377	—
string.regexp	#E09B70	—
keyword.other.documentation, storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, entity.name.type.instance.jsdoc	#82D2CE	—
comment, constant.language, emphasis, entity.name.class, entity.name.function, entity.name.section, entity.name.tag, entity.name.type, entity.other.attribute-name, keyword, markup.bold, markup.heading, markup.italic, markup.quote, meta.definition.function entity.name.function, meta.function.definition entity.name.function, storage, storage.modifier, variable.parameter, variable.language	—