Aesir Theme

Color themes

• 

  Aesir Theme - Blue

• 

  Aesir Theme - Green

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#1F2228
• activityBar.border#1F2228
• activityBar.dropBackground#3E4651
• activityBar.foreground#8D92A0
• activityBarBadge.background#5D6879
• activityBarBadge.foreground#1F2228
• badge.background#5D6879
• badge.foreground#1F2228
• button.background#557cb0
• button.foreground#1F2228
• button.hoverBackground#5e89c3
• debugExceptionWidget.background#3E4651
• debugExceptionWidget.border#3E4651
• debugToolBar.background#3E4651
• diffEditor.insertedTextBackground#5D68793f
• diffEditor.insertedTextBorder#00000000
• diffEditor.removedTextBackground#E74C3C3f
• diffEditor.removedTextBorder#00000000
• dropdown.background#3E4651
• dropdown.border#3E4651
• dropdown.foreground#D4D4D4
• editor.background#1F2228
• editor.findMatchBackground#2C3E50
• editor.findMatchHighlightBackground#272b33
• editor.findRangeHighlightBackground#272b33
• editor.foreground#D4D4D4
• editor.hoverHighlightBackground#2C3E50
• editor.inactiveSelectionBackground#3E4651
• editor.lineHighlightBackground#272b33
• editor.lineHighlightBorder#272b33
• editor.rangeHighlightBackground#3E4651
• editor.selectionBackground#3E4651
• editor.selectionHighlightBackground#3E4651
• editor.wordHighlightBackground#5D68797f
• editor.wordHighlightStrongBackground#5D68797f
• editorBracketMatch.background#3E4651
• editorBracketMatch.border#3E4651
• editorCodeLens.foreground#8D92A0
• editorCursor.foreground#5D6879
• editorError.border#1F2228
• editorError.foreground#E74C3C
• editorGroup.background#3E4651
• editorGroup.border#1F2228
• editorGroup.dropBackground#2C3E507f
• editorGroupHeader.noTabsBackground#1F2228
• editorGroupHeader.tabsBackground#1F2228
• editorGroupHeader.tabsBorder#1F2228
• editorGutter.addedBackground#5D6879
• editorGutter.background#1F2228
• editorGutter.deletedBackground#E74C3C
• editorGutter.modifiedBackground#5D6879
• editorHoverWidget.background#3E4651
• editorHoverWidget.border#3E4651
• editorIndentGuide.background#2C3E50
• editorLineNumber.foreground#2C3E50
• editorLink.activeForeground#5e89c3
• editorMarkerNavigation.background#3E4651
• editorMarkerNavigationError.background#E74C3C
• editorMarkerNavigationWarning.background#C0392B
• editorOverviewRuler.border#8d92a0
• editorOverviewRuler.currentContentForeground#5e89c3
• editorOverviewRuler.incomingContentForeground#557cb0
• editorRuler.foreground#2C3E50
• editorSuggestWidget.background#3E4651
• editorSuggestWidget.border#3E4651
• editorSuggestWidget.foreground#D4D4D4
• editorSuggestWidget.highlightForeground#5D6879
• editorSuggestWidget.selectedBackground#2C3E50
• editorWarning.border#1F2228
• editorWarning.foreground#FEC606
• editorWhitespace.foreground#3E4651
• editorWidget.background#3E4651
• editorWidget.border#3E4651
• errorForeground#E74C3C
• extensionButton.prominentBackground#557cb0
• extensionButton.prominentForeground#1F2228
• extensionButton.prominentHoverBackground#5e89c3
• focusBorder#5D6879
• foreground#D4D4D4
• input.background#3E4651
• input.border#3E4651
• input.foreground#D4D4D4
• input.placeholderForeground#5d6879
• inputOption.activeBorder#5e89c3
• inputValidation.errorBackground#3E4651
• inputValidation.errorBorder#E74C3C
• inputValidation.infoBackground#3E4651
• inputValidation.infoBorder#557cb0
• inputValidation.warningBackground#3E4651
• inputValidation.warningBorder#C0392B
• list.activeSelectionBackground#5D6879
• list.activeSelectionForeground#1F2228
• list.dropBackground#34495E
• list.focusBackground#34495E
• list.focusForeground#1F2228
• list.highlightForeground#5D6879
• list.hoverBackground#3E4651
• list.hoverForeground#8D92A0
• list.inactiveSelectionBackground#3E4651
• list.inactiveSelectionForeground#D4D4D4
• merge.border#5D6879
• merge.currentContentBackground#5e89c37f
• merge.currentHeaderBackground#5e89c3
• merge.incomingContentBackground#557cb07f
• merge.incomingHeaderBackground#557cb0
• notification.background#3E4651
• notification.buttonBackground#557cb0
• notification.buttonForeground#1F2228
• notification.buttonHoverBackground#5e89c3
• notification.errorBackground#E74C3C
• notification.errorForeground#1F2228
• notification.foreground#D4D4D4
• notification.infoBackground#557cb0
• notification.infoForeground#1F2228
• notification.warningBackground#C0392B
• notification.warningForeground#1F2228
• panel.background#1F2228
• panel.border#3E4651
• panelTitle.activeBorder#34495E
• panelTitle.activeForeground#D4D4D4
• panelTitle.inactiveForeground#5D6879
• peekView.border#5D6879
• peekViewEditor.background#3E4651
• peekViewEditor.matchHighlightBackground#5D6879
• peekViewEditorGutter.background#3E4651
• peekViewResult.background#3E4651
• peekViewResult.fileForeground#D4D4D4
• peekViewResult.lineForeground#2C3E50
• peekViewResult.matchHighlightBackground#5D6879
• peekViewResult.selectionBackground#34495E
• peekViewResult.selectionForeground#D4D4D4
• peekViewTitle.background#2C3E50
• peekViewTitleDescription.foreground#8D92A0
• peekViewTitleLabel.foreground#D4D4D4
• pickerGroup.border#8D92A0
• pickerGroup.foreground#D4D4D4
• progressBar.background#5D6879
• scrollbar.shadow#1F222866
• scrollbarSlider.activeBackground#8D92A07f
• scrollbarSlider.background#34495E7f
• scrollbarSlider.hoverBackground#5D68797f
• selection.background#2C3E50
• sideBar.background#1F2228
• sideBar.border#1F2228
• sideBar.foreground#5D6879
• sideBarSectionHeader.background#272b33
• sideBarSectionHeader.foreground#8D92A0
• sideBarTitle.foreground#8D92A0
• statusBar.background#272b33
• statusBar.border#1F2228
• statusBar.debuggingBackground#C0392B
• statusBar.debuggingForeground#1F2228
• statusBar.foreground#5d6879
• statusBar.noFolderBackground#5D6879
• statusBar.noFolderForeground#1F2228
• statusBarItem.activeBackground#5e89c3
• statusBarItem.hoverBackground#5D6879
• statusBarItem.prominentBackground#5e89c3
• statusBarItem.prominentHoverBackground#5D6879
• tab.activeBackground#272b33
• tab.activeForeground#8D92A0
• tab.border#1F2228
• tab.inactiveBackground#1F2228
• tab.inactiveForeground#5D6879
• tab.unfocusedActiveForeground#34495E
• tab.unfocusedInactiveForeground#2C3E50
• terminal.ansiBlack#1F2228
• terminal.ansiBlue#557cb0
• terminal.ansiBrightBlack#3E4651
• terminal.ansiBrightBlue#557cb0
• terminal.ansiBrightCyan#5e89c3
• terminal.ansiBrightGreen#5e89c3
• terminal.ansiBrightMagenta#5D6879
• terminal.ansiBrightRed#C0392B
• terminal.ansiBrightWhite#D4D4D4
• terminal.ansiBrightYellow#5D6879
• terminal.ansiCyan#5e89c3
• terminal.ansiGreen#5D6879
• terminal.ansiMagenta#5D6879
• terminal.ansiRed#E74C3C
• terminal.ansiWhite#D4D4D4
• terminal.ansiYellow#5D6879
• terminal.background#1F2228
• terminal.foreground#D4D4D4
• titleBar.activeBackground#1F2228
• titleBar.activeForeground#8D92A0
• titleBar.inactiveBackground#1F2228
• titleBar.inactiveForeground#5D6879
• walkThrough.embeddedEditorBackground#1F2228
• welcomePage.buttonBackground#3E4651
• welcomePage.buttonHoverBackground#2C3E50
• widget.shadow#1F222866

tokenColors

TextMate scopes and font styles (syntax highlighting rules).