Aurorain Theme
Publisher: Mostafa-GholamiThemes in package: 1
Aurorain theme with a celestial touch.
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#80cb81
- activityBar.background#0f1816
- activityBar.border#2C423A60
- activityBar.foreground#C2EDD3
- activityBarBadge.background#c5efd6
- activityBarBadge.foreground#000000
- badge.background#00000030
- badge.foreground#80CBC4
- breadcrumb.activeSelectionForeground#80cbc3d0
- breadcrumb.background#131E1C
- breadcrumb.focusForeground#C2EDD3
- breadcrumb.foreground#485e5e
- breadcrumbPicker.background#101917
- button.background#416b63
- button.foreground#e3ffee
- debugConsole.errorForeground#f07178
- debugConsole.infoForeground#74C9DE
- debugConsole.warningForeground#FFCB6B
- debugToolBar.background#141F1D
- diffEditor.insertedTextBackground#74C9DE20
- diffEditor.removedTextBackground#D3959B20
- dropdown.background#141F1D
- dropdown.border#FFFFFF10
- editor.background#131E1C
- editor.findMatchBackground#066c6c
- editor.findMatchHighlightBackground#31436571
- editor.foreground#BfE5C7
- editor.lineHighlightBackground#00000034
- editor.selectionBackground#80aecb20
- editorBracketMatch.background#141F1D
- editorBracketMatch.border#FFCC0050
- editorCursor.foreground#f8f8f0
- editorError.foreground#f0717870
- editorGroup.border#00000030
- editorGroup.dropBackground#f0717880
- editorGroup.focusedEmptyBorder#f07178
- editorGroupHeader.tabsBackground#131E1C
- editorGutter.addedBackground#C3E88D60
- editorGutter.deletedBackground#f0717860
- editorGutter.modifiedBackground#6FA0DE60
- editorHoverWidget.background#141F1D
- editorHoverWidget.border#FFFFFF10
- editorInfo.foreground#6FA0DE70
- editorLineNumber.activeForeground#607189
- editorLineNumber.foreground#52735C80
- editorLink.activeForeground#C2EDD3
- editorMarkerNavigation.background#C2EDD305
- editorOverviewRuler.border#141F1D
- editorOverviewRuler.errorForeground#f0717840
- editorOverviewRuler.findMatchForeground#80cbc3fa
- editorOverviewRuler.infoForeground#6FA0DE40
- editorOverviewRuler.warningForeground#FFCB6B40
- editorRuler.foreground#52735C
- editorSuggestWidget.background#141F1D
- editorSuggestWidget.border#FFFFFF10
- editorSuggestWidget.foreground#C2EDD3
- editorSuggestWidget.highlightForeground#80CBC4
- editorSuggestWidget.selectedBackground#00000050
- editorWarning.foreground#FFCB6B70
- editorWhitespace.foreground#cffef715
- editorWidget.background#0f1816
- editorWidget.border#80CBC4
- editorWidget.resizeBorder#80CBC4
- extensionBadge.remoteForeground#C2EDD3
- extensionButton.prominentBackground#C3E88D90
- extensionButton.prominentForeground#C2EDD3
- extensionButton.prominentHoverBackground#C3E88D
- focusBorder#FFFFFF00
- foreground#C2EDD3
- gitDecoration.conflictingResourceForeground#FFCB6B90
- gitDecoration.deletedResourceForeground#fd4a52c4
- gitDecoration.ignoredResourceForeground#485E5190
- gitDecoration.modifiedResourceForeground#316bff
- gitDecoration.untrackedResourceForeground#479d43
- input.background#1A2520
- input.border#FFFFFF10
- input.foreground#C2EDD3
- input.placeholderForeground#C2EDD360
- inputOption.activeBackground#C2EDD330
- inputOption.activeBorder#C2EDD330
- inputValidation.errorBorder#f07178
- inputValidation.infoBorder#6FA0DE
- inputValidation.warningBorder#FFCB6B
- list.activeSelectionBackground#131E1C
- list.activeSelectionForeground#80CBC4
- list.dropBackground#f0717880
- list.focusBackground#C2EDD320
- list.focusForeground#C2EDD3
- list.highlightForeground#80CBC4
- list.hoverBackground#00000000
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#00000030
- list.inactiveSelectionForeground#80CBC4
- listFilterWidget.background#00000030
- listFilterWidget.noMatchesOutline#00000030
- listFilterWidget.outline#00000030
- menu.background#141F1D
- menu.foreground#C2EDD3
- menu.selectionBackground#00000050
- menu.selectionBorder#00000030
- menu.selectionForeground#80CBC4
- menu.separatorBackground#C2EDD3
- menubar.selectionBackground#00000030
- menubar.selectionBorder#00000030
- menubar.selectionForeground#80CBC4
- notebook.focusedCellBorder#80CBC4
- notebook.inactiveFocusedCellBorder#80CBC450
- notificationLink.foreground#80CBC4
- notifications.background#141F1D
- notifications.foreground#C2EDD3
- panel.background#0f1816
- panel.border#2C423A60
- panelTitle.activeBorder#80CBC4
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#c2edd359
- peekView.border#00000030
- peekViewEditor.background#1A2520
- peekViewEditor.matchHighlightBackground#71B48050
- peekViewEditorGutter.background#1A2520
- peekViewResult.background#1A2520
- peekViewResult.matchHighlightBackground#71B48050
- peekViewResult.selectionBackground#485E5170
- peekViewTitle.background#1A2520
- peekViewTitleDescription.foreground#C2EDD360
- pickerGroup.border#FFFFFF1a
- pickerGroup.foreground#80CBC4
- progressBar.background#80CBC4
- quickInput.background#141F1D
- quickInput.foreground#485E51
- scrollbar.shadow#00000030
- scrollbarSlider.activeBackground#80CBC4
- scrollbarSlider.background#8CA59920
- scrollbarSlider.hoverBackground#8CA59910
- selection.background#00000080
- settings.checkboxBackground#101917
- settings.checkboxForeground#C2EDD3
- settings.dropdownBackground#101917
- settings.dropdownForeground#C2EDD3
- settings.headerForeground#80CBC4
- settings.modifiedItemIndicator#80CBC4
- settings.numberInputBackground#101917
- settings.numberInputForeground#C2EDD3
- settings.textInputBackground#101917
- settings.textInputForeground#C2EDD3
- sideBar.background#0f1816
- sideBar.border#131e1c
- sideBar.foreground#638d86
- sideBarSectionHeader.background#101917
- sideBarSectionHeader.border#3b514a1b
- sideBarTitle.foreground#d6feef
- statusBar.background#0a1517be
- statusBar.border#2C423A60
- statusBar.debuggingBackground#8570a89a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#9da5b4c3
- statusBar.noFolderBackground#141F1D
- statusBarItem.activeBackground#001d3280
- statusBarItem.hoverBackground#47635220
- statusBarItem.remoteBackground#84b6e3
- statusBarItem.remoteForeground#000000
- tab.activeBackground#192724d4
- tab.activeBorder#80cb81
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#485E51
- tab.border#131E1C
- tab.inactiveBackground#131E1C
- tab.inactiveForeground#485E51
- tab.unfocusedActiveBorder#476352
- tab.unfocusedActiveForeground#C2EDD3
- terminal.ansiBlack#000000
- terminal.ansiBlue#6FA0DE
- terminal.ansiBrightBlack#476352
- terminal.ansiBrightBlue#6FA0DE
- terminal.ansiBrightCyan#74C9DE
- terminal.ansiBrightGreen#C3E88D
- terminal.ansiBrightMagenta#A68DCD
- terminal.ansiBrightRed#f07178
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#FFCB6B
- terminal.ansiCyan#74C9DE
- terminal.ansiGreen#C3E88D
- terminal.ansiMagenta#A68DCD
- terminal.ansiRed#f07178
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#FFCB6B
- terminalCommandGuide.foreground#52735C80
- terminalCursor.background#000000
- terminalCursor.foreground#FFCB6B
- textLink.activeForeground#C2EDD3
- textLink.foreground#80CBC4
- titleBar.activeBackground#0f1816
- titleBar.activeForeground#c5efd6
- titleBar.inactiveBackground#182523d4
- titleBar.inactiveForeground#8da5ab93
- tree.indentGuidesStroke#52735C
- widget.shadow#00000030
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, string.comment | #676f7d | — |
| string, string.template | #ccb384 | — |
| constant.numeric | #c678dd | — |
| string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded | #c678dd | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.erb, punctuation.section.embedded.end.erb, source.elixir.embedded, punctuation.separator, punctuation.accessor, meta.brace | #abb2bf | — |
| constant.language | #56b6c2 | — |
| constant.character, constant.other | #56b6c2 | — |
| variable.language | #e06c75 | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #e06c75 | — |
| keyword.operator | #e06c75 | — |
| storage | #e06c75 | — |
| storage.type | #56b6c2 | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #61afef | — |
| variable.other.object, variable.other.constant, variable.other.global, variable.other.readwrite.class, variable.other.readwrite.instance, variable.other.readwrite.batchfile, variable.readwrite, variable.readwrite.other.block | #a2d5ffdb | italic |
| variable.other, variable.other.property, variable.other.block | #abb2bf | — |
| entity.other.inherited-class | #98c379 | — |
| storage.modifier.import, storage.modifier.package | #61afef | — |
| entity.name.function, support.function | #98c379 | — |
| variable.parameter, entity.name.variable.parameter, parameter.variable | #d19a66 | italic |
| entity.name.function-call | #abb2bf | — |
| function.support.builtin, function.support.core | #98c379 | — |
| entity.name.tag, entity.name.tag.class.js | #e06c75 | — |
| entity.name.tag.class, entity.name.tag.id | #56b6c2 | — |
| entity.other.attribute-name | #799cc3e1 | italic |
| support.constant | #56b6c2 | — |
| support.type, support.variable | #56b6c2 | — |
| support.dictionary.json | #56b6c2 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #abb2bf | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-class.less, entity.other.attribute-name.pseudo-class.sass, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-element.sass | #56b6c2 | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #98c379 | — |
| variable.css, variable.scss, variable.less, variable.sass | #56b6c2 | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #e5c07b | — |
| unit.css, unit.scss, unit.less, unit.sass | #c678dd | — |
| function.css, function.scss, function.less, function.sass | #56b6c2 | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | — |
| invalid.deprecated | #F8F8F0 | — |
| support.type.property-name.json | #ff7d7d | — |
| string.detected-link | #61afef | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #e06c75 | — |
| markup.inserted | #98c379 | — |
| markup.changed | #e5c07b | — |
| constant.numeric.line-number.find-in-files - match | #56b6c2A0 | — |
| entity.name.filename.find-in-files | #e5c07b | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #676f7d | — |
| punctuation.definition.italic.markdown | — | italic |
| markup.underline.link.markdown | #61afef | — |
| markup.bold.markdown | — | bold |
| markup.heading.markdown | #e06c75 | bold |
| markup.quote.markdown | #98c379 | — |
| meta.separator.markdown | #c678dd | bold |
| markup.inline.raw, markup.raw.block.markdown | #56b6c2 | — |
| punctuation.definition.list_item.markdown | #ffffff | bold |
| meta.method-call.python, meta.function-call.python | #bd9ab9 | — |
| support.function.builtin.python | #598cc2 | — |
| entity, entity.name | #c96dcee1 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...