Molten Aurora — Dark Theme

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#FF7B29
• activityBar.activeFocusBorder#3FB8C0
• activityBar.background#101317
• activityBar.border#141922
• activityBar.foreground#FF7B29
• activityBar.inactiveForeground#9A9896
• activityBarBadge.background#FF7B29
• activityBarBadge.foreground#0C0D0F
• badge.background#FF7B29
• badge.foreground#0C0D0F
• breadcrumb.activeSelectionForeground#FF7B29
• breadcrumb.background#101317
• breadcrumb.focusForeground#E9E6E1
• breadcrumb.foreground#8E8A84
• button.background#FF7B29
• button.foreground#0C0D0F
• button.hoverBackground#FF8E4A
• diffEditor.insertedTextBackground#193A2FAA
• diffEditor.removedTextBackground#3A1D1DAA
• dropdown.background#11151B
• dropdown.foreground#E9E6E1
• editor.background#0C0D0F
• editor.foreground#E9E6E1
• editor.lineHighlightBackground#141922
• editor.selectionBackground#153238
• editor.selectionHighlightBackground#132A30
• editorBracketHighlight.foreground1#3FB8C0
• editorBracketHighlight.foreground2#A77DFF
• editorBracketHighlight.foreground3#58C08D
• editorBracketMatch.border#273148
• editorCursor.foreground#FF7B29
• editorGroup.border#141922
• editorGutter.addedBackground#2ea043
• editorGutter.deletedBackground#f85149
• editorGutter.modifiedBackground#58a6ff
• editorIndentGuide.activeBackground#273148
• editorIndentGuide.background#1A2130
• editorInlayHint.background#101317
• editorInlayHint.foreground#B9B2AA
• gitDecoration.addedResourceForeground#58C08D
• gitDecoration.deletedResourceForeground#E25544
• gitDecoration.modifiedResourceForeground#7AA9FF
• gitDecoration.renamedResourceForeground#FF7B29
• gitDecoration.untrackedResourceForeground#58C08D
• input.background#11151B
• input.foreground#E9E6E1
• input.placeholderForeground#A39B93
• list.activeSelectionBackground#17253A
• list.activeSelectionForeground#FFFFFF
• list.filterMatchBackground#FF7B2933
• list.focusBackground#1A2A3F
• list.highlightForeground#FF7B29
• list.hoverBackground#121A28
• list.inactiveSelectionBackground#141D2E
• list.inactiveSelectionForeground#E9E6E1
• menubar.selectionBackground#141D2E
• notificationCenterHeader.background#101317
• notifications.background#11151B
• notifications.border#141922
• panel.background#101317
• panel.border#141922
• scrollbarSlider.activeBackground#FF7B2966
• scrollbarSlider.background#1A213033
• scrollbarSlider.hoverBackground#273148
• sideBar.background#101317
• sideBar.border#141922
• sideBar.foreground#D9D6D1
• sideBarSectionHeader.background#101317
• sideBarSectionHeader.foreground#E9E6E1
• sideBarTitle.foreground#E9E6E1
• statusBar.background#101317
• statusBar.debuggingBackground#3FB8C0
• statusBar.debuggingForeground#0C0D0F
• statusBar.foreground#D9D6D1
• statusBar.noFolderBackground#101317
• tab.activeBackground#141922
• tab.activeForeground#FFFFFF
• tab.border#101317
• tab.hoverBackground#121725
• tab.inactiveBackground#101317
• tab.inactiveForeground#B9B2AA
• terminal.ansiBlack#1A1E2A
• terminal.ansiBlue#7AA9FF
• terminal.ansiCyan#3FB8C0
• terminal.ansiGreen#58C08D
• terminal.ansiMagenta#A77DFF
• terminal.ansiRed#E25544
• terminal.ansiWhite#DDE0E6
• terminal.ansiYellow#F5C15C
• terminal.background#0C0D0F
• terminal.foreground#E9E6E1
• textLink.activeForeground#A8C5FF
• textLink.foreground#7AA9FF
• titleBar.activeBackground#101317
• titleBar.activeForeground#D9D6D1
• tree.inactiveIndentGuidesStroke#192233
• tree.indentGuidesStroke#1E2738
• tree.tableColumnsBorder#1A2030

tokenColors

TextMate scopes and font styles (syntax highlighting rules).