Origin Theme
Publisher: Astr3xusThemes in package: 1
A multi-language dark theme for Python, TypeScript/JavaScript, C/C++, JSON, Markdown and more.
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#82AAFF
- activityBar.background#181818
- activityBar.border#2A2A2A
- activityBar.foreground#C5CAD3
- activityBar.inactiveForeground#6A6A72
- activityBarBadge.background#82AAFF
- activityBarBadge.foreground#181818
- badge.background#82AAFF
- badge.foreground#181818
- breadcrumb.activeSelectionForeground#82AAFF
- breadcrumb.focusForeground#C5CAD3
- breadcrumb.foreground#7A7A82
- breadcrumbPicker.background#181818
- button.background#82AAFF
- button.foreground#181818
- button.hoverBackground#9CBEFF
- button.secondaryBackground#2A2A2A
- button.secondaryForeground#C5CAD3
- button.secondaryHoverBackground#33333A
- checkbox.background#181818
- checkbox.border#2A2A2A
- descriptionForeground#8A8F98
- diffEditor.insertedLineBackground#86E05A14
- diffEditor.insertedTextBackground#86E05A1A
- diffEditor.removedLineBackground#FF5C7A14
- diffEditor.removedTextBackground#FF5C7A1A
- dropdown.background#181818
- dropdown.border#2A2A2A
- dropdown.foreground#C5CAD3
- editor.background#181818
- editor.findMatchBackground#FFC93D66
- editor.findMatchBorder#FFC93D
- editor.findMatchHighlightBackground#FFC93D33
- editor.foldBackground#FFFFFF0A
- editor.foreground#C5CAD3
- editor.hoverHighlightBackground#82AAFF26
- editor.inactiveSelectionBackground#FFFFFF15
- editor.lineHighlightBackground#82AAFF1F
- editor.selectionBackground#FFFFFF25
- editor.selectionHighlightBackground#FFFFFF14
- editor.wordHighlightBackground#FFFFFF1A
- editor.wordHighlightStrongBackground#FFFFFF22
- editorBracketHighlight.foreground1#BE83FF
- editorBracketHighlight.foreground2#FFC93D
- editorBracketHighlight.foreground3#FF9357
- editorBracketHighlight.foreground4#FF5C7A
- editorBracketHighlight.foreground5#FF8FBE
- editorBracketHighlight.foreground6#82AAFF
- editorBracketHighlight.unexpectedBracket.foreground#FF5C7A
- editorBracketMatch.background#82AAFF20
- editorBracketMatch.border#82AAFF66
- editorBracketPairGuide.activeBackground1#BE83FF
- editorBracketPairGuide.activeBackground2#FFC93D
- editorBracketPairGuide.activeBackground3#FF9357
- editorBracketPairGuide.activeBackground4#FF5C7A
- editorBracketPairGuide.activeBackground5#FF8FBE
- editorBracketPairGuide.activeBackground6#82AAFF
- editorCursor.foreground#C5CAD3
- editorError.background#FF5C7A40
- editorError.foreground#FF5C7A
- editorGhostText.foreground#6A6A72
- editorGroup.border#2A2A2A
- editorGroupHeader.noTabsBackground#181818
- editorGroupHeader.tabsBackground#181818
- editorGroupHeader.tabsBorder#2A2A2A
- editorGutter.addedBackground#86E05A
- editorGutter.deletedBackground#FF5C7A
- editorGutter.modifiedBackground#FF9357
- editorHoverWidget.background#181818
- editorHoverWidget.border#2A2A2A
- editorIndentGuide.activeBackground1#82AAFF
- editorIndentGuide.background1#FFFFFF12
- editorInfo.foreground#2FE0C8
- editorInlayHint.background#FFFFFF0A
- editorInlayHint.foreground#8A8F98
- editorInlayHint.parameterForeground#8A8F98
- editorInlayHint.typeForeground#8A8F98
- editorLineNumber.activeForeground#C5CAD3
- editorLineNumber.foreground#5A5A66
- editorLink.activeForeground#82AAFF
- editorOverviewRuler.addedForeground#86E05A
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#82AAFF66
- editorOverviewRuler.deletedForeground#FF5C7A
- editorOverviewRuler.errorForeground#FF5C7A
- editorOverviewRuler.findMatchForeground#FFC93D
- editorOverviewRuler.infoForeground#2FE0C8
- editorOverviewRuler.modifiedForeground#FF9357
- editorOverviewRuler.selectionHighlightForeground#FFFFFF33
- editorOverviewRuler.warningForeground#FFC93D
- editorOverviewRuler.wordHighlightForeground#FFFFFF44
- editorOverviewRuler.wordHighlightStrongForeground#FFFFFF66
- editorRuler.foreground#FFFFFF12
- editorStickyScroll.background#161616
- editorStickyScrollHover.background#1F1F1F
- editorSuggestWidget.background#181818
- editorSuggestWidget.border#2A2A2A
- editorSuggestWidget.foreground#C5CAD3
- editorSuggestWidget.highlightForeground#82AAFF
- editorSuggestWidget.selectedBackground#FFFFFF14
- editorUnnecessaryCode.border#FF5C7A66
- editorWarning.background#FFC93D33
- editorWarning.foreground#FFC93D
- editorWhitespace.foreground#FFFFFF14
- editorWidget.background#181818
- editorWidget.border#2A2A2A
- errorForeground#FF5C7A
- extensionButton.prominentBackground#82AAFF
- extensionButton.prominentForeground#181818
- extensionButton.prominentHoverBackground#9CBEFF
- focusBorder#82AAFF
- foreground#C5CAD3
- gitDecoration.addedResourceForeground#86E05A
- gitDecoration.conflictingResourceForeground#FFC93D
- gitDecoration.deletedResourceForeground#FF5C7A
- gitDecoration.ignoredResourceForeground#5A5A62
- gitDecoration.modifiedResourceForeground#FF9357
- gitDecoration.untrackedResourceForeground#86E05A
- icon.foreground#8A8F98
- input.background#181818
- input.border#2A2A2A
- input.foreground#C5CAD3
- input.placeholderForeground#6A6A72
- inputOption.activeBackground#82AAFF33
- inputOption.activeBorder#82AAFF
- inputValidation.errorBackground#3A1E22
- inputValidation.errorBorder#FF5C7A
- inputValidation.infoBackground#1E2C3A
- inputValidation.infoBorder#2FE0C8
- inputValidation.warningBackground#3A331E
- inputValidation.warningBorder#FFC93D
- list.activeSelectionBackground#FFFFFF14
- list.activeSelectionForeground#C5CAD3
- list.errorForeground#FF5C7A
- list.focusBackground#FFFFFF14
- list.focusOutline#82AAFF
- list.highlightForeground#82AAFF
- list.hoverBackground#FFFFFF0A
- list.inactiveSelectionBackground#FFFFFF0D
- list.warningForeground#FFC93D
- menu.background#181818
- menu.foreground#C5CAD3
- menu.selectionBackground#FFFFFF14
- menu.selectionForeground#C5CAD3
- menu.separatorBackground#2A2A2A
- menubar.selectionBackground#FFFFFF14
- merge.commonContentBackground#FFC93D14
- merge.commonHeaderBackground#FFC93D33
- merge.currentContentBackground#82AAFF1A
- merge.currentHeaderBackground#82AAFF40
- merge.incomingContentBackground#86E05A1A
- merge.incomingHeaderBackground#86E05A40
- minimap.findMatchHighlight#FFC93D
- minimap.selectionHighlight#FFFFFF40
- minimapSlider.activeBackground#82AAFF66
- minimapSlider.background#FFFFFF14
- minimapSlider.hoverBackground#82AAFF40
- notificationLink.foreground#82AAFF
- notifications.background#181818
- notifications.border#2A2A2A
- notifications.foreground#C5CAD3
- notificationsErrorIcon.foreground#FF5C7A
- notificationsInfoIcon.foreground#2FE0C8
- notificationsWarningIcon.foreground#FFC93D
- panel.background#181818
- panel.border#2A2A2A
- panelTitle.activeBorder#82AAFF
- panelTitle.activeForeground#C5CAD3
- panelTitle.inactiveForeground#7A7A82
- peekView.border#82AAFF
- peekViewEditor.background#181818
- peekViewEditor.matchHighlightBackground#FFC93D33
- peekViewResult.background#181818
- peekViewResult.matchHighlightBackground#FFC93D33
- peekViewResult.selectionBackground#FFFFFF14
- peekViewTitle.background#181818
- peekViewTitleDescription.foreground#8A8F98
- pickerGroup.border#2A2A2A
- pickerGroup.foreground#82AAFF
- progressBar.background#82AAFF
- quickInput.background#181818
- quickInput.foreground#C5CAD3
- quickInputList.focusBackground#FFFFFF14
- sash.hoverBorder#82AAFF
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#82AAFF99
- scrollbarSlider.background#FFFFFF20
- scrollbarSlider.hoverBackground#82AAFF66
- selection.background#82AAFF40
- sideBar.background#181818
- sideBar.border#2A2A2A
- sideBar.foreground#CFCFD4
- sideBarSectionHeader.background#181818
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#C5CAD3
- sideBarTitle.foreground#8A8F98
- statusBar.background#181818
- statusBar.border#2A2A2A
- statusBar.debuggingBackground#BE83FF
- statusBar.debuggingForeground#181818
- statusBar.foreground#CFCFD4
- statusBar.noFolderBackground#181818
- statusBarItem.hoverBackground#FFFFFF12
- statusBarItem.remoteBackground#82AAFF
- statusBarItem.remoteForeground#181818
- tab.activeBackground#181818
- tab.activeBorder#181818
- tab.activeBorderTop#82AAFF
- tab.activeForeground#C5CAD3
- tab.border#2A2A2A
- tab.hoverBackground#18181880
- tab.inactiveBackground#181818
- tab.inactiveForeground#7A7A82
- tab.unfocusedActiveForeground#9A9AA2
- terminal.ansiBlack#3A3A42
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#5A5A62
- terminal.ansiBrightBlue#9CBEFF
- terminal.ansiBrightCyan#8FE3F0
- terminal.ansiBrightGreen#C3F09A
- terminal.ansiBrightMagenta#D6A0FF
- terminal.ansiBrightRed#FF6F8C
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFE07A
- terminal.ansiCyan#2FE0C8
- terminal.ansiGreen#86E05A
- terminal.ansiMagenta#BE83FF
- terminal.ansiRed#FF5C7A
- terminal.ansiWhite#C5CAD3
- terminal.ansiYellow#FFC93D
- terminal.background#181818
- terminal.findMatchBackground#FFC93D66
- terminal.findMatchHighlightBackground#FFC93D33
- terminal.foreground#C5CAD3
- terminal.inactiveSelectionBackground#FFFFFF15
- terminal.selectionBackground#FFFFFF25
- terminalCursor.background#181818
- terminalCursor.foreground#82AAFF
- textBlockQuote.background#181818
- textBlockQuote.border#2A2A2A
- textLink.activeForeground#9CBEFF
- textLink.foreground#82AAFF
- textPreformat.foreground#BE83FF
- titleBar.activeBackground#181818
- titleBar.activeForeground#CFCFD4
- titleBar.border#2A2A2A
- titleBar.inactiveBackground#181818
- titleBar.inactiveForeground#7A7A82
- tree.indentGuidesStroke#FFFFFF1A
- welcomePage.progress.foreground#82AAFF
- welcomePage.tileBackground#181818
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #828D9E | italic |
| keyword, storage.type, storage.modifier | #BE83FF | — |
| keyword.control | #BE83FF | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, storage.type.function.arrow | #BE83FF | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.section, meta.tag punctuation.definition.tag | #8C97B2 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, entity.name.method.js, meta.class-method.js entity.name.function.js, variable.function.constructor | #36C6FF | — |
| string, constant.other.symbol, constant.other.key, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #86E05A | — |
| constant.numeric, constant.character | #FF9F40 | — |
| constant.language, support.constant | #FF6F8C | — |
| variable.other.constant, constant.other, variable.other.enummember, entity.name.constant | #FFC93D | — |
| entity.name.type, entity.name.class, entity.name, support.type, support.class, entity.other.inherited-class, support.type.sys-types, storage.type.cs, meta.use.php, support.other.namespace.use.php, support.other.namespace.php | #FFC777 | italic |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| variable, string constant.other.placeholder, meta.definition.variable, variable.other.readwrite | #C5CAD3 | — |
| variable.parameter, meta.function.parameters variable.other | #FF8FBE | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key | #B9C0CC | — |
| variable.language | #FF5C7A | italic |
| meta.decorator, entity.name.function.decorator, meta.decorator entity.name.function, meta.decorator variable.other, punctuation.decorator, punctuation.definition.decorator, meta.function.decorator, meta.function.decorator support.function, meta.function.decorator support.function.builtin, meta.function.decorator entity.name.function, meta.function.decorator variable.other, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #2FE0C8 | italic |
| keyword.control.directive, meta.preprocessor, punctuation.definition.directive, keyword.control.import, keyword.control.directive.include | #BE83FF | — |
| entity.name.function.preprocessor, entity.name.other.preprocessor.macro, variable.other.macro, meta.preprocessor.macro entity.name.function | #FF8FBE | — |
| constant.character.escape, constant.character.escape.regexp | #FFC93D | — |
| string.regexp, string.regexp keyword.other, keyword.control.anchor.regexp, punctuation.definition.group.regexp | #FF5C7A | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #FF5C7A | — |
| entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #BE83FF | italic |
| entity.other.attribute-name.class | #FFC93D | — |
| invalid, invalid.illegal | #FF5C7A | — |
| constant.other.color | #FFFFFF | — |
| *url*, *link*, *uri* | — | underline |
| markup.inserted, markup.inserted.git_gutter | #86E05A | — |
| markup.deleted | #FF5C7A | — |
| markup.changed, markup.changed.git_gutter | #BE83FF | — |
| support.type.property-name.json | #BE83FF | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #C5CAD3 | — |
| markup.heading, markup.heading entity.name, entity.name.section.markdown, markup.heading.markdown punctuation.definition.heading.markdown | #86E05A | bold |
| markup.bold, markup.bold string | #FF5C7A | bold |
| markup.italic, markup.italic string | #FF5C7A | italic |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #FF5C7A | bold italic |
| string.other.link.title.markdown, markup.underline.link | #82AAFF | underline |
| string.other.link.description.title.markdown | #BE83FF | — |
| constant.other.reference.link.markdown | #FFC93D | — |
| text.html.markdown markup.inline.raw.markdown, markup.inline.raw, markup.fenced_code.block.markdown | #BE83FF | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown, punctuation.definition.markdown | #828D9E | — |
| punctuation.definition.list.begin.markdown, markup.list punctuation.definition.list_item | #2FE0C8 | — |
| markup.quote, markup.quote punctuation.definition.blockquote.markdown | #828D9E | italic |
| meta.separator | #828D9E | bold |
| variable.language.fenced.markdown | #828D9E | — |