theme armada

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.activeBackground#00000000
• activityBar.activeBorder#00000000
• activityBar.activeFocusBorder#1D2839
• activityBar.background#1D2839
• activityBar.border#00000000
• activityBar.dropBorder#ea3131
• activityBar.foreground#ea3131
• activityBar.inactiveForeground#526D82
• activityBarBadge.background#ea3131
• activityBarBadge.foreground#1D2839
• badge.background#ea3131
• badge.foreground#1D2839
• breadcrumb.activeSelectionForeground#ea3131
• breadcrumb.background#223043
• breadcrumb.focusForeground#ea3131
• breadcrumb.foreground#95A1B2
• breadcrumbPicker.background#1D2839
• button.background#223043
• button.border#1D2839
• button.foreground#D2D5DB
• button.hoverBackground#354A68
• button.secondaryBackground#354A68
• button.secondaryForeground#D2D5DB
• button.secondaryHoverBackground#425E83
• checkbox.background#223043
• checkbox.border#1D2839
• checkbox.foreground#D2D5DB
• commandCenter.activeBackground#223043
• commandCenter.activeBorder#00000000
• commandCenter.activeForeground#9DB2BF
• commandCenter.background#223043
• commandCenter.border#00000000
• commandCenter.foreground#95A1B2
• commandCenter.inactiveBorder#00000000
• commandCenter.inactiveForeground#95A1B2
• debugConsole.errorForeground#F2593F
• debugConsole.infoForeground#4688D8
• debugConsole.sourceForeground#95A1B2
• debugConsole.warningForeground#FFD166
• debugExceptionWidget.background#223043
• debugExceptionWidget.border#00000000
• debugToolBar.background#1D2839
• debugToolBar.border#ea3131
• descriptionForeground#526D82
• diffEditor.border#95A1B230
• diffEditor.diagonalFill#F2593F20
• diffEditor.insertedLineBackground#10BC9720
• diffEditor.insertedTextBackground#10BC9730
• diffEditor.insertedTextBorder#223043
• diffEditor.removedLineBackground#F2593F20
• diffEditor.removedTextBackground#F2593F30
• diffEditor.removedTextBorder#223043
• diffEditor.unchangedRegionBackground#27374D
• dropdown.background#223043
• dropdown.border#1D2839
• dropdown.foreground#D2D5DB
• dropdown.listBackground#223043
• editor.background#223043
• editor.findMatchBackground#50719E90
• editor.findMatchBorder#6686B1
• editor.findMatchHighlightBackground#50719E80
• editor.findMatchHighlightBorder#00000000
• editor.findRangeHighlightBackground#50719E50
• editor.findRangeHighlightBorder#00000000
• editor.foldBackground#95A1B230
• editor.foreground#D2D5DB
• editor.hoverHighlightBackground#95A1B230
• editor.inactiveSelectionBackground#95A1B230
• editor.lineHighlightBackground#00000000
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#27374D
• editor.rangeHighlightBorder#27374D
• editor.selectionBackground#50719E50
• editor.selectionForeground#ea3131
• editor.selectionHighlightBackground#95A1B230
• editor.selectionHighlightBorder#00000000
• editor.wordHighlightBackground#354A6870
• editor.wordHighlightBorder#00000000
• editor.wordHighlightStrongBackground#00000000
• editorBracketHighlight.foreground1#50719E
• editorBracketHighlight.foreground2#50719E
• editorBracketHighlight.foreground3#50719E
• editorBracketHighlight.foreground4#50719E
• editorBracketHighlight.foreground5#50719E
• editorBracketHighlight.foreground6#50719E
• editorBracketHighlight.unexpectedBracket.foreground#F2593F
• editorBracketMatch.background#00000000
• editorBracketMatch.border#50719E
• editorCursor.background#223043
• editorCursor.foreground#ea3131
• editorError.background#00000000
• editorError.border#00000000
• editorError.foreground#F2593F
• editorGroup.border#1D2839
• editorGroup.dropBackground#1D2839
• editorGroup.emptyBackground#1D2839
• editorGroupHeader.tabsBackground#1D2839
• editorGroupHeader.tabsBorder#1D2839
• editorGutter.addedBackground#10BC97
• editorGutter.background#223043
• editorGutter.commentRangeForeground#425E83
• editorGutter.deletedBackground#F2593F
• editorGutter.foldingControlForeground#ea3131
• editorGutter.modifiedBackground#4688D8
• editorHoverWidget.background#1D2839
• editorHoverWidget.border#95A1B230
• editorHoverWidget.foreground#95A1B2
• editorHoverWidget.statusBarBackground#1D2839
• editorInfo.background#00000000
• editorInfo.border#00000000
• editorInfo.foreground#FFD166
• editorInlayHint.background#354A68
• editorInlayHint.foreground#D2D5DB
• editorLightBulb.foreground#ea3131
• editorLightBulbAutoFix.foreground#ea3131
• editorLineNumber.activeForeground#ea3131
• editorLineNumber.foreground#6686B1
• editorLink.activeForeground#4688D8
• editorMarkerNavigation.background#223043
• editorMarkerNavigationError.background#223043
• editorMarkerNavigationError.headerBackground#223043
• editorMarkerNavigationInfo.background#223043
• editorMarkerNavigationInfo.headerBackground#223043
• editorMarkerNavigationWarning.background#223043
• editorMarkerNavigationWarning.headerBackground#223043
• editorOverviewRuler.addedForeground#10BC97
• editorOverviewRuler.background#223043
• editorOverviewRuler.border#00000000
• editorOverviewRuler.bracketMatchForeground#50719E
• editorOverviewRuler.commonContentForeground#D2D5DB
• editorOverviewRuler.currentContentForeground#95A1B2
• editorOverviewRuler.deletedForeground#F2593F
• editorOverviewRuler.errorForeground#F2593F
• editorOverviewRuler.findMatchForeground#50719E
• editorOverviewRuler.incomingContentForeground#F2593F
• editorOverviewRuler.infoForeground#4688D8
• editorOverviewRuler.modifiedForeground#4688D8
• editorOverviewRuler.rangeHighlightForeground#95A1B230
• editorOverviewRuler.selectionHighlightForeground#95A1B230
• editorOverviewRuler.warningForeground#FFD166
• editorOverviewRuler.wordHighlightForeground#526D82
• editorOverviewRuler.wordHighlightStrongForeground#D2D5DB
• editorOverviewRuler.wordHighlightTextForeground#9DB2BF
• editorRuler.foreground#9DB2BF
• editorStickyScroll.background#223043
• editorStickyScrollHover.background#1D2839
• editorSuggestWidget.background#1D2839
• editorSuggestWidget.border#ea3131
• editorSuggestWidget.focusHighlightForeground#ea3131
• editorSuggestWidget.foreground#9DB2BF
• editorSuggestWidget.highlightForeground#ea3131
• editorSuggestWidget.selectedBackground#27374D
• editorSuggestWidget.selectedForeground#9DB2BF
• editorSuggestWidget.selectedIconForeground#6686B1
• editorWarning.background#00000000
• editorWarning.border#00000000
• editorWarning.foreground#FFD166
• editorWhitespace.foreground#9DB2BF
• editorWidget.background#1D2839
• editorWidget.border#95A1B230
• editorWidget.foreground#95A1B2
• editorWidget.resizeBorder#ea3131
• extensionButton.background#1D2839
• extensionButton.hoverBackground#223043
• extensionButton.prominentBackground#223043
• extensionButton.prominentHoverBackground#223043
• focusBorder#354A68
• foreground#D2D5DB
• gitDecoration.addedResourceForeground#10BC97
• gitDecoration.conflictingResourceForeground#F46D46
• gitDecoration.deletedResourceForeground#F2593F
• gitDecoration.ignoredResourceForeground#546E7A
• gitDecoration.modifiedResourceForeground#4688D8
• gitDecoration.renamedResourceForeground#FFD166
• gitDecoration.stageDeletedResourceForeground#F2593F
• gitDecoration.stageModifiedResourceForeground#4688D8
• gitDecoration.submoduleResourceForeground#A4ADB6
• gitDecoration.untrackedResourceForeground#10BC97
• icon.foreground#95A1B2
• input.background#27374D
• input.border#1D2839
• input.foreground#D2D5DB
• input.placeholderForeground#526D82
• inputOption.activeBackground#425E83
• inputOption.activeBorder#1D2839
• inputOption.activeForeground#223043
• inputOption.hoverBackground#354A68
• inputValidation.errorBackground#F2593F33
• inputValidation.errorBorder#F2593F
• inputValidation.errorForeground#F2593F
• inputValidation.infoBackground#4688D833
• inputValidation.infoBorder#4688D8
• inputValidation.infoForeground#4688D8
• inputValidation.warningBackground#FFD16633
• inputValidation.warningBorder#FFD166
• inputValidation.warningForeground#FFD166
• keybindingLabel.background#1D2839
• keybindingLabel.border#95A1B230
• keybindingLabel.bottomBorder#95A1B230
• keybindingLabel.foreground#9DB2BF
• list.activeSelectionBackground#223043
• list.activeSelectionForeground#9DB2BF
• list.activeSelectionIconForeground#9DB2BF
• list.deemphasizedForeground#9DB2BF
• list.dropBackground#223043
• list.errorForeground#F2593F
• list.filterMatchBackground#50719E90
• list.filterMatchBorder#50719E
• list.focusBackground#223043
• list.focusForeground#9DB2BF
• list.focusHighlightForeground#9DB2BF
• list.highlightForeground#95A1B2
• list.hoverBackground#223043
• list.hoverForeground#9DB2BF
• list.inactiveFocusOutline#223043
• list.inactiveSelectionBackground#223043
• list.inactiveSelectionForeground#95A1B2
• list.inactiveSelectionIconForeground#95A1B2
• list.invalidItemForeground#95A1B2
• list.warningForeground#FFD166
• listFilterWidget.background#223043
• listFilterWidget.noMatchesOutline#F2593F
• listFilterWidget.outline#223043
• listFilterWidget.shadow#00000000
• menu.background#1D2839
• menu.border#00000000
• menu.foreground#D2D5DB
• menu.selectionBackground#00000000
• menu.selectionBorder#00000000
• menu.selectionForeground#ea3131
• menu.separatorBackground#D2D5DB
• menubar.selectionBackground#1D2839
• menubar.selectionBorder#00000000
• menubar.selectionForeground#ea3131
• merge.border#ea3131
• merge.commonContentBackground#95A1B2
• merge.commonHeaderBackground#95A1B2
• merge.currentContentBackground#10BC97
• merge.currentHeaderBackground#10BC97
• merge.incomingContentBackground#F46D46
• merge.incomingHeaderBackground#F46D46
• minimap.background#223043
• minimap.errorHighlight#F2593F
• minimap.findMatchHighlight#50719E
• minimap.selectionHighlight#95A1B2
• minimap.warningHighlight#FFD166
• minimapGutter.addedBackground#10BC97
• minimapGutter.deletedBackground#F2593F
• minimapGutter.modifiedBackground#4688D8
• minimapSlider.activeBackground#95A1B230
• minimapSlider.background#95A1B230
• minimapSlider.hoverBackground#95A1B230
• multiDiffEditor.background#223043
• multiDiffEditor.border#27374D
• multiDiffEditor.headerBackground#27374D
• notificationCenter.border#ea3131
• notificationCenterHeader.background#223043
• notificationCenterHeader.foreground#D2D5DB
• notificationLink.foreground#3B82F6
• notifications.background#223043
• notifications.border#ea3131
• notifications.foreground#D2D5DB
• notificationsErrorIcon.foreground#F2593F
• notificationsInfoIcon.foreground#4688D8
• notificationsWarningIcon.foreground#FFD166
• notificationToast.border#ea3131
• panel.background#1D2839
• panel.border#00000000
• panel.dropBorder#ea3131
• panelInput.border#00000000
• panelSection.border#00000000
• panelSection.dropBackground#223043
• panelSectionHeader.background#223043
• panelTitle.activeBorder#00000000
• panelTitle.activeForeground#ea3131
• panelTitle.inactiveForeground#95A1B2
• peekView.border#223043
• peekViewEditor.background#27374D
• peekViewEditor.matchHighlightBackground#50719E90
• peekViewEditor.matchHighlightBorder#6686B1
• peekViewEditorGutter.background#27374D
• peekViewEditorStickyScroll.background#27374D
• peekViewResult.background#27374D
• peekViewResult.fileForeground#9DB2BF
• peekViewResult.lineForeground#95A1B2
• peekViewResult.matchHighlightBackground#354A68
• peekViewResult.selectionBackground#223043
• peekViewResult.selectionForeground#95A1B2
• peekViewTitle.background#223043
• peekViewTitleDescription.foreground#D2D5DB
• peekViewTitleLabel.foreground#D2D5DB
• pickerGroup.border#27374D
• pickerGroup.foreground#526D82
• problemsErrorIcon.foreground#F2593F
• problemsInfoIcon.foreground#4688D8
• problemsWarningIcon.foreground#FFD166
• progressBar.background#ea3131
• quickInput.foreground#95A1B2
• quickInputList.focusBackground#223043
• quickInputList.focusForeground#95A1B2
• quickInputList.focusIconForeground#95A1B2
• sash.hoverBorder#ea3131
• scrollbar.shadow#00000000
• scrollbarSlider.activeBackground#18212F80
• scrollbarSlider.background#18212F40
• scrollbarSlider.hoverBackground#18212F60
• searchEditor.findMatchBackground#50719E80
• searchEditor.findMatchBorder#00000000
• selection.background#95A1B2
• sideBar.background#1D2839
• sideBar.border#223043
• sideBar.dropBackground#1D2839
• sideBar.foreground#95A1B2
• sideBarSectionHeader.background#00000000
• sideBarSectionHeader.border#27374D
• sideBarSectionHeader.foreground#526D82
• sideBarTitle.foreground#526D82
• statusBar.background#1D2839
• statusBar.border#00000000
• statusBar.debuggingBackground#ea3131
• statusBar.debuggingBorder#00000000
• statusBar.debuggingForeground#D2D5DB
• statusBar.focusBorder#00000000
• statusBar.foreground#D2D5DB
• statusBar.noFolderBackground#18212F
• statusBar.noFolderBorder#00000000
• statusBar.noFolderForeground#D2D5DB
• statusBarItem.activeBackground#1D2839
• statusBarItem.compactHoverBackground#95A1B230
• statusBarItem.errorBackground#F2593F
• statusBarItem.errorForeground#1D2839
• statusBarItem.focusBorder#00000000
• statusBarItem.hoverBackground#95A1B230
• statusBarItem.prominentBackground#ea3131
• statusBarItem.prominentForeground#1D2839
• statusBarItem.prominentHoverBackground#ea3131
• statusBarItem.remoteBackground#ea3131
• statusBarItem.remoteForeground#1D2839
• statusBarItem.warningBackground#FFD166
• statusBarItem.warningForeground#1D2839
• tab.activeBackground#223043
• tab.activeBorder#223043
• tab.activeBorderTop#223043
• tab.activeForeground#D2D5DB
• tab.border#1D2839
• tab.hoverBackground#223043
• tab.hoverBorder#223043
• tab.hoverForeground#D2D5DB
• tab.inactiveBackground#1D2839
• tab.inactiveForeground#D2D5DB
• tab.lastPinnedBorder#00000000
• tab.unfocusedActiveBorder#223043
• tab.unfocusedActiveForeground#D2D5DB
• tab.unfocusedHoverBackground#223043
• tab.unfocusedHoverBorder#223043
• tab.unfocusedHoverForeground#D2D5DB
• tab.unfocusedInactiveForeground#D2D5DB
• terminal.ansiBlack#010b13
• terminal.ansiBlue#4688D8
• terminal.ansiBrightBlack#546E7A
• terminal.ansiBrightBlue#139FCD
• terminal.ansiBrightCyan#1FB7EA
• terminal.ansiBrightGreen#10BC97
• terminal.ansiBrightMagenta#9500ff
• terminal.ansiBrightRed#ff5909
• terminal.ansiBrightWhite#e5e5e5
• terminal.ansiBrightYellow#F6EF87
• terminal.ansiCyan#11a8cd
• terminal.ansiGreen#8dcc33
• terminal.ansiMagenta#8f26d9
• terminal.ansiRed#f20d5e
• terminal.ansiWhite#e5e5e5
• terminal.ansiYellow#e5f20d
• terminal.border#00000000
• terminal.foreground#D2D5DB
• terminal.selectionBackground#95A1B2
• terminal.tab.activeBorder#ea3131
• terminalCursor.background#ea3131
• terminalCursor.foreground#ea3131
• textLink.activeForeground#ea3131
• textLink.foreground#ee5a5a
• titleBar.activeBackground#1D2839
• titleBar.activeForeground#95A1B2
• titleBar.border#223043
• titleBar.inactiveBackground#1D2839
• titleBar.inactiveForeground#95A1B2
• toolbar.activeBackground#526D82
• toolbar.hoverBackground#526D82
• toolbar.hoverOutline#526D82
• tree.indentGuidesStroke#00000000
• tree.tableColumnsBorder#00000000
• walkThrough.embeddedEditorBackground#223043
• widget.border#27374D
• widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...