Magic Orange | Color theme
Publisher: anridevThemes in package: 1
Beautiful Color theme with mix of orange and arcane colors
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#EE5A24
- activityBar.background#212121
- activityBar.foreground#f8f8f2
- activityBarBadge.background#ff5100
- badge.background#EE5A24
- badge.foreground#f8f8f2
- button.background#ff5100
- checkbox.border#ff5100
- dropdown.background#31332e
- editor.background#212121
- editor.foreground#d1d8e0
- editor.lineHighlightBackground#31332e
- editor.selectionBackground#31332e
- editorCursor.foreground#f8f8f0
- editorGroupHeader.tabsBackground#212121
- editorWhitespace.foreground#31332e
- focusBorder#EE5A24
- foreground#f8f8f0
- input.background#212121
- list.activeSelectionBackground#31332e
- list.dropBackground#31332e
- list.focusBackground#1b1d1a
- list.hoverBackground#1b1d1a
- list.inactiveSelectionBackground#31332e
- menu.background#212121
- menu.selectionBackground#833d1d
- scrollbarSlider.background#31332e
- selection.background#949690
- sideBar.background#212121
- statusBar.background#EE5A24
- statusBar.noFolderBackground#EE5A24
- tab.inactiveBackground#212121
- textLink.activeForeground#833d1d
- textLink.foreground#EE5A24
- titleBar.activeBackground#212121
- titleBar.inactiveBackground#212121
- window.activeBorder#EE5A24
- window.inactiveBorder#212121
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string | #1EB322 | — |
| constant.numeric | #66D9EF | — |
| variable | #FCB065 | — |
| entity.name.function | #1dd1a1 | — |
| variable.parameter | #AE81FF | — |
| entity.name.tag | #79E99B | — |
| entity.other.attribute-name | #35E99B | — |
| constant.language | #E6583E | — |
| constant.character, constant.other | #E6583E | — |
| keyword | #E6583E | — |
| meta.template.expression | #f8f2f2 | — |
| comment | #75715E | — |
| storage | #FD971F | — |
| storage.type | #EE5A24 | — |
| 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 | #FD971F | — |
| entity.name.class | #A6E22E | — |
| entity.other.inherited-class | #A6E22E | — |
| support.function | #1dd1a1 | — |
| support.constant | #66D9EF | — |
| support.type, support.class | #1dd1a1 | — |
| support.other.variable | — | — |
| invalid | #F8F8F0 | — |
| invalid.deprecated | #F8F8F0 | — |
| punctuation.separator, punctuation.accessor | #EE5A24 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...