Aurora Dark Theme

Color themes

• 

  Aurora Theme

• 

  Aurora Theme (Pastel Shades)

• 

  Aurora Theme (Soft Text)

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.activeBorder#F79C42
• activityBar.background#2A2A3C
• activityBar.foreground#FF79C6
• activityBarBadge.background#FF8C8C
• activityBarBadge.foreground#1A1A2E
• button.activeBackground#FFD700
• button.activeForeground#1A1A2E
• button.background#F79C42
• button.border#F79C42
• button.disabledBackground#8A8A8A
• button.disabledBorder#8A8A8A
• button.disabledForeground#1A1A2E
• button.focusBorder#FF79C6
• button.foreground#1A1A2E
• button.hoverBackground#FF8C8C
• button.hoverForeground#1A1A2E
• editor.background#1A1A2E
• editor.findMatchBackground#F79C42
• editor.findMatchHighlightBackground#FF8C8C
• editor.foreground#E0E0E0
• editor.hoverHighlightBackground#F79C42
• editor.inactiveSelectionBackground#9C78A5
• editor.lineHighlightBackground#2E2E3A
• editor.lineHighlightBorder#FF79C6
• editor.selectionBackground#A77F99
• editor.selectionHighlightBackground#FFD700
• editor.wordHighlightBackground#A77F99
• editorBracketMatch.background#A77F99
• editorBracketMatch.border#FF79C6
• editorCursor.foreground#F79C42
• editorError.border#FF79C6
• editorError.foreground#FF8C8C
• editorGutter.addedBackground#50FA7B
• editorGutter.background#2E2E3A
• editorGutter.deletedBackground#FF8C8C
• editorGutter.modifiedBackground#FF79C6
• editorHint.border#FFD700
• editorHint.foreground#FFD700
• editorHoverWidget.background#2A2A3C
• editorHoverWidget.border#F79C42
• editorHoverWidget.foreground#FFD700
• editorHoverWidget.shadow0 0 10px rgba(255, 121, 198, 0.5)
• editorIndentGuide.activeBackground#FFD700
• editorIndentGuide.background1#2E2E3A
• editorInfo.border#50FA7B
• editorInfo.foreground#50FA7B
• editorLineNumber.activeForeground#FF8C8C
• editorLineNumber.foreground#8A8A8A
• editorSuggestWidget.background#2A2A3C
• editorSuggestWidget.border#F79C42
• editorSuggestWidget.foreground#FFD700
• editorSuggestWidget.highlightForeground#FF79C6
• editorSuggestWidget.selectedBackground#F79C42
• editorWarning.border#FF8C8C
• editorWarning.foreground#FFEA00
• editorWidget.background#1A1A2E
• editorWidget.foreground#FFD700
• input.background#2A2A3C
• input.border#F79C42
• input.focusBorder#FF79C6
• input.foreground#F79C42
• input.placeholderForeground#8A8A8A
• list.activeSelectionBackground#A77F99
• list.activeSelectionForeground#F79C42
• list.focusBackground#FFD700
• list.focusForeground#F79C42
• list.hoverBackground#3C3C4A
• list.hoverForeground#FF79C6
• list.inactiveSelectionBackground#2A2A3C
• list.inactiveSelectionForeground#8A8A8A
• progressBar.background#50FA7B
• progressBar.border#FF79C6
• scrollbarSlider.activeBackground#FF8C8C
• scrollbarSlider.background#FF79C6
• scrollbarSlider.hoverBackground#F79C42
• sideBar.background#252533
• sideBar.foreground#E0E0E0
• sideBarSectionHeader.background#2A2A3C
• sideBarSectionHeader.foreground#FFD700
• statusBar.background#1A1A2E
• statusBar.debuggingBackground#50FA7B
• statusBar.debuggingForeground#1A1A2E
• statusBar.foreground#F79C42
• terminal.background#1A1A2E
• terminal.foreground#E0E0E0
• titleBar.activeBackground#2A2A3C
• titleBar.activeForeground#F79C42
• titleBar.inactiveBackground#2A2A3C
• titleBar.inactiveForeground#8A8A8A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).