Orion Dark
Publisher: schulke-214Themes in package: 1
A beautiful darkish theme for Visual Studio Code.
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#131316
- activityBar.border#80808035
- activityBar.foreground#ffffff
- editor.background#131316
- editor.foreground#abb2bf
- editor.selectionBackground#354350
- editorGroupHeader.noTabsBackground#131316
- editorGroupHeader.tabsBackground#131316
- editorGutter.modifiedBackground#6796e6
- editorMarkerNavigation.background#2d2d30
- editorMarkerNavigationError.background#e26852
- editorMarkerNavigationInfo.background#8db9e2
- editorMarkerNavigationWarning.background#e2c08d
- editorOverviewRuler.addedForeground#6796e699
- editorOverviewRuler.border#7f7f7f4d
- editorOverviewRuler.bracketMatchForeground#a0a0a0
- editorOverviewRuler.commonContentForeground#60606066
- editorOverviewRuler.currentContentForeground#81b88b99
- editorOverviewRuler.deletedForeground#6796e699
- editorOverviewRuler.errorForeground#e2685299
- editorOverviewRuler.findMatchForeground#e2c08d99
- editorOverviewRuler.incomingContentForeground#6796e699
- editorOverviewRuler.infoForeground#8db9e2
- editorOverviewRuler.modifiedForeground#6796e699
- editorOverviewRuler.rangeHighlightForeground#6796e699
- editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
- editorOverviewRuler.warningForeground#e2c08d
- editorOverviewRuler.wordHighlightForeground#a0a0a0cc
- editorOverviewRuler.wordHighlightStrongForeground#6c6cc499
- focusBorder#e2c08d99
- foreground#abb2bf
- gitDecoration.addedResourceForeground#81b88b
- gitDecoration.conflictingResourceForeground#6c6cc4
- gitDecoration.deletedResourceForeground#e26852
- gitDecoration.ignoredResourceForeground#8c8c8c
- gitDecoration.modifiedResourceForeground#e2c08d
- gitDecoration.submoduleResourceForeground#8db9e2
- gitDecoration.untrackedResourceForeground#73c991
- input.background#131316
- input.border#515c664c
- input.foreground#abb2bf
- list.activeSelectionBackground#8db9e299
- list.activeSelectionForeground#ffffff
- list.dropBackground#2d2d30
- list.errorForeground#e26852
- list.focusBackground#2d2d30
- list.highlightForeground#0097fb
- list.hoverBackground#2d2d3099
- list.inactiveSelectionBackground#2d2d30
- list.invalidItemForeground#d3652c99
- list.warningForeground#e2c08d
- panel.background#131316
- settings.modifiedItemIndicator#6796e6
- sideBar.background#131316
- sideBar.border#80808035
- statusBar.background#d3652c
- statusBar.border#80808035
- statusBar.debuggingBackground#14191f
- statusBar.debuggingForeground#515c66
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#131316
- statusBarItem.activeBackground#f09253
- statusBarItem.hoverBackground#e7813d
- statusBarItem.prominentBackground#e7813d
- statusBarItem.prominentHoverBackground#e7813d
- tab.activeBackground#131316
- tab.activeForeground#ffffff
- tab.inactiveBackground#18181b
- tab.inactiveForeground#ffffff80
- terminal.ansiBlack#000000
- terminal.ansiBlue#3C93FD
- terminal.ansiBrightBlack#2F3239
- terminal.ansiBrightBlue#B3D7FF
- terminal.ansiBrightCyan#B3F1FF
- terminal.ansiBrightGreen#8AD1C3
- terminal.ansiBrightMagenta#B9BBF8
- terminal.ansiBrightRed#FF816F
- terminal.ansiBrightWhite#DFDFE0
- terminal.ansiBrightYellow#e0bc87
- terminal.ansiCyan#84F0EB
- terminal.ansiGreen#91D462
- terminal.ansiMagenta#A79DF8
- terminal.ansiRed#FC6A5D
- terminal.ansiWhite#C2C3C5
- terminal.ansiYellow#FD8F3F
- terminal.background#131316
- terminal.border#80808059
- terminal.foreground#cccccc
- titleBar.activeBackground#262629
- titleBar.activeForeground#cccccc
- titleBar.inactiveBackground#131316
- titleBar.inactiveForeground#cccccc99
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source | #ffffff | — |
| comment | #5c5c5c | — |
| string | #e0bc87 | — |
| constant.numeric | #c25664 | — |
| constant.character, constant.regexp, constant.rgb-value, constant.language, constant.other | #c25664 | — |
| new.expr entity.name | #a77283 | — |
| constant.character, constant.other | #a77283 | — |
| variable | #a77283 | |
| keyword, storage, storage.type | #e7813d | — |
| keyword.operator, keyword.operator.assignment, storage.type.function.arrow, meta.template.expression punctuation, punctuation.separator.key-value, meta.object-literal.key meta.brace.square, meta.template.expression keyword.operator, keyword.operator.or.regexp, keyword.operator.quantifier, punctuation.definition.group.regexp, punctuation.definition.character-class | #ffffff | — |
| support.type, support.class | #a77283 | italic |
| entity.name.class | #a77283 | — |
| entity.other.inherited-class | #C8AE9D | italic underline |
| entity.name.function | #EBEBFF | |
| variable.parameter | #e0bc87 | italic |
| entity.name.tag | #c25664 | |
| entity.other.attribute-name | #d18466 | |
| support.class, support.other, support.variable | #c25664 | |
| support.constant | #d18466 | |
| support.function, support.other.variable | #ffffff | — |
| invalid | #FFFFFF | |
| invalid.deprecated | #F8F8F0 | — |
| markup.quote | #d18466 | — |
| markup.bold | #d18466 | bold |
| markup.italic | #d18466 | italic |
| markup.inline.raw | #C8AE9D | — |
| markup.heading.setext | #E06C75 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #d18466 | — |
| token.error-token | #E06C75 | — |
| token.debug-token | #A79DF8 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...