Orange Flavor Theme
Publisher: Ender BonnetThemes in package: 4
Fresh colors with orange flavor theme.
Color themes
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#0a1a1f
- activityBar.border#0f2329
- activityBar.foreground#f47c20
- activityBar.inactiveForeground#7c3626
- activityBarBadge.background#f47c20
- activityBarBadge.foreground#051014
- badge.background#f47c20
- badge.foreground#051014
- breadcrumb.activeSelectionForeground#f8f4f9
- breadcrumb.background#051014
- breadcrumb.focusForeground#f8f4f9
- breadcrumb.foreground#f47c20
- breadcrumbPicker.background#0a1a1f
- button.background#f47c20
- button.foreground#051014
- button.hoverBackground#7c3626
- debugToolBar.background#0a1a1f
- debugToolBar.border#1a3035
- diffEditor.insertedTextBackground#2a7f7f22
- diffEditor.removedTextBackground#7c362633
- dropdown.background#0f2329
- dropdown.border#1a3035
- dropdown.foreground#f8f4f9
- editor.background#051014
- editor.findMatchBackground#f47c2055
- editor.findMatchHighlightBackground#f47c2033
- editor.findRangeHighlightBackground#2a7f7f22
- editor.focusedStackFrameHighlightBackground#2a7f7f33
- editor.foreground#f8f4f9
- editor.hoverHighlightBackground#2a7f7f22
- editor.inactiveSelectionBackground#0e2e2e66
- editor.lineHighlightBackground#0e2e2e44
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#2a7f7f11
- editor.selectionBackground#31150f
- editor.selectionHighlightBackground#0e2e2eaa
- editor.stackFrameHighlightBackground#f47c2033
- editor.wordHighlightBackground#2a7f7f33
- editor.wordHighlightStrongBackground#2a7f7f55
- editorCodeLens.foreground#7c3626
- editorCursor.foreground#f47c20
- editorError.border#ff6b6b00
- editorError.foreground#ff6b6b
- editorGroupHeader.tabsBackground#0a1a1f
- editorGroupHeader.tabsBorder#0f2329
- editorHoverWidget.background#0f2329
- editorHoverWidget.border#1a3035
- editorIndentGuide.activeBackground1#7c3626
- editorIndentGuide.background1#7c362633
- editorInfo.border#2a7f7f00
- editorInfo.foreground#2a7f7f
- editorLineNumber.activeForeground#f47c20
- editorLineNumber.foreground#7c3626
- editorLink.activeForeground#2a7f7f
- editorRuler.foreground#7c362633
- editorSuggestWidget.background#0f2329
- editorSuggestWidget.border#1a3035
- editorSuggestWidget.foreground#f8f4f9
- editorSuggestWidget.highlightForeground#f47c20
- editorSuggestWidget.selectedBackground#2a7f7f44
- editorWarning.border#f47c2000
- editorWarning.foreground#f47c20
- editorWhitespace.foreground#7c362633
- editorWidget.background#0f2329
- editorWidget.border#1a3035
- foreground#f8f4f9
- gitDecoration.conflictingResourceForeground#f47c20
- gitDecoration.deletedResourceForeground#7c3626
- gitDecoration.ignoredResourceForeground#b8856d99
- gitDecoration.modifiedResourceForeground#f47c20
- gitDecoration.untrackedResourceForeground#2a7f7f
- input.background#0f2329
- input.border#1a3035
- input.foreground#f8f4f9
- input.placeholderForeground#f8f4f9
- inputOption.activeBorder#f47c20
- inputValidation.errorBackground#7c3626
- inputValidation.errorBorder#a85040
- inputValidation.infoBackground#2a7f7f
- inputValidation.infoBorder#2a7f7f
- inputValidation.warningBackground#f47c20
- inputValidation.warningBorder#f47c20
- list.activeSelectionBackground#f47c2044
- list.activeSelectionForeground#f8f4f9
- list.focusBackground#2a7f7f55
- list.focusForeground#f8f4f9
- list.highlightForeground#f47c20
- list.hoverBackground#2a7f7f33
- list.hoverForeground#f8f4f9
- list.inactiveSelectionBackground#2a7f7f44
- list.inactiveSelectionForeground#f8f4f9
- merge.border#1a3035
- merge.currentContentBackground#2a7f7f22
- merge.currentHeaderBackground#2a7f7f44
- merge.incomingContentBackground#f47c2022
- merge.incomingHeaderBackground#f47c2044
- notificationCenter.border#1a3035
- notificationCenterHeader.background#0a1a1f
- notificationCenterHeader.foreground#f47c20
- notificationLink.foreground#2a7f7f
- notifications.background#0a1a1f
- notifications.border#1a3035
- notifications.foreground#f8f4f9
- notificationToast.border#1a3035
- panel.background#0a1a1f
- panel.border#0f2329
- panelTitle.activeBorder#f47c20
- panelTitle.activeForeground#f47c20
- panelTitle.inactiveForeground#7c3626
- peekView.border#f47c20
- peekViewEditor.background#0a1a1f
- peekViewEditor.matchHighlightBackground#f47c2055
- peekViewResult.background#0a1a1f
- peekViewResult.fileForeground#f8f4f9
- peekViewResult.lineForeground#f8f4f9
- peekViewResult.matchHighlightBackground#f47c2055
- peekViewResult.selectionBackground#2a7f7f44
- peekViewResult.selectionForeground#f8f4f9
- peekViewTitle.background#0a1a1f
- peekViewTitleDescription.foreground#7c3626
- peekViewTitleLabel.foreground#f47c20
- progressBar.background#f47c20
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#7c3626
- scrollbarSlider.background#7c362666
- scrollbarSlider.hoverBackground#7c362688
- settings.checkboxBackground#0f2329
- settings.checkboxBorder#1a3035
- settings.checkboxForeground#f8f4f9
- settings.dropdownBackground#0f2329
- settings.dropdownBorder#1a3035
- settings.dropdownForeground#f8f4f9
- settings.headerForeground#f47c20
- settings.modifiedItemIndicator#f47c20
- settings.numberInputBackground#0f2329
- settings.numberInputBorder#1a3035
- settings.numberInputForeground#f8f4f9
- settings.textInputBackground#0f2329
- settings.textInputBorder#1a3035
- settings.textInputForeground#f8f4f9
- sideBar.background#0a1a1f
- sideBar.border#0f2329
- sideBar.foreground#f8f4f9
- sideBarSectionHeader.background#0f2329
- sideBarSectionHeader.border#1a3035
- sideBarSectionHeader.foreground#f47c20
- sideBarTitle.foreground#f47c20
- statusBar.background#2a7f7f
- statusBar.border#0f2329
- statusBar.debuggingBackground#f47c20
- statusBar.debuggingForeground#051014
- statusBar.foreground#f8f4f9
- statusBar.noFolderBackground#051014
- statusBar.noFolderForeground#f8f4f9
- statusBarItem.activeBackground#7c3626
- statusBarItem.hoverBackground#7c362666
- statusBarItem.prominentBackground#7c3626
- statusBarItem.prominentHoverBackground#7c362688
- tab.activeBackground#051014
- tab.activeBorder#2a7f7f
- tab.activeBorderTop#2a7f7f
- tab.activeForeground#f8f4f9
- tab.activeModifiedBorder#ff4757
- tab.border#0f2329
- tab.hoverBackground#2a7f7f
- tab.hoverForeground#051014
- tab.inactiveBackground#0a1a1f
- tab.inactiveForeground#f8f4f9
- tab.inactiveModifiedBorder#8b3a3a
- tab.lastPinnedBorder#2a7f7f
- tab.unfocusedActiveForeground#051014
- tab.unfocusedActiveModifiedBorder#ff6b35
- tab.unfocusedInactiveForeground#7c3626
- tab.unfocusedInactiveModifiedBorder#8b3a3a88
- terminal.ansiBlack#051014
- terminal.ansiBlue#2a7f7f
- terminal.ansiBrightBlack#7c3626
- terminal.ansiBrightBlue#7c3626
- terminal.ansiBrightCyan#2a7f7f
- terminal.ansiBrightGreen#2a7f7f
- terminal.ansiBrightMagenta#f47c20
- terminal.ansiBrightRed#f47c20
- terminal.ansiBrightWhite#f8f4f9
- terminal.ansiBrightYellow#f8f4f9
- terminal.ansiCyan#2a7f7f
- terminal.ansiGreen#2a7f7f
- terminal.ansiMagenta#7c3626
- terminal.ansiRed#7c3626
- terminal.ansiWhite#f8f4f9
- terminal.ansiYellow#f47c20
- terminal.background#0a1a1f
- terminal.foreground#f8f4f9
- terminalCursor.background#0a1a1f
- terminalCursor.foreground#f47c20
- textLink.activeForeground#051014
- textLink.foreground#2a7f7f
- titleBar.activeBackground#0a1a1f
- titleBar.activeForeground#f8f4f9
- titleBar.border#0f2329
- titleBar.inactiveBackground#0a1a1f
- titleBar.inactiveForeground#7c3626
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7c3626 | italic |
| constant | #f47c20 | — |
| entity | #f47c20 | — |
| invalid | #f47c20 | — |
| storage.type.function | #2a7f7f | — |
| keyword, storage.type.class, keyword.control.default.ts | #2a7f7f | — |
| markup.inserted, meta.diff.header.to-file | #2a7f7f | — |
| punctuation.definition.inserted | #2a7f7fcc | — |
| markup.deleted, meta.diff.header.from-file | #f47c20 | — |
| punctuation.definition.deleted | #f47c20cc | — |
| meta | #2a7f7f | — |
| meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx | #f8f4f9 | — |
| meta.brace | #f8f4f9 | — |
| punctuation | #f8f4f9 | — |
| punctuation.definition.parameters | #f47c20 | — |
| punctuation.definition.template-expression | #f47c20 | — |
| storage | #f47c20 | — |
| storage.modifier | #2a7f7f | — |
| storage.type.function.arrow | #f47c20 | — |
| string, punctuation.definition.string | #2a7f7f | — |
| string.template, punctuation.definition.string.template | #2a7f7f | — |
| support | #2a7f7f | — |
| support.function | #2a7f7f | — |
| support.variable.property.dom | #f8f4f9 | — |
| variable | #f8f4f9 | — |
| source.css entity, source.stylus entity | #2a7f7f | — |
| entity.other.attribute-name.id.css | #f47c20 | — |
| entity.name.tag | #2a7f7f | — |
| source.css support, source.stylus support | #2a7f7f | — |
| source.css constant, source.css support.constant, source.stylus constant, source.stylus support.constant | #f47c20 | — |
| source.css string, source.css punctuation.definition.string, source.stylus string, source.stylus punctuation.definition.string | #f47c20 | — |
| source.css variable, source.stylus variable | #2a7f7f | — |
| text.html.basic entity.name | #2a7f7f | — |
| meta.toc-list.id.html | #2a7f7f | — |
| text.html.basic entity.other | #f47c20 | italic |
| meta.tag.metadata.script.html entity.name.tag.html | #f47c20 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #2a7f7f | — |
| source.ini entity | #f8f4f9 | — |
| source.ini keyword | #f47c20 | — |
| source.ini punctuation.definition | #f47c20 | — |
| source.ini punctuation.separator | #2a7f7f | — |
| source.js storage.type.function, source.ts storage.type.function | #7c3626 | — |
| variable.language, entity.name.type.class.js | #7c3626 | — |
| entity.other.inherited-class.js | #f8f4f9 | — |
| variable.parameter.function.language.special.self.python, meta.function-call.generic.python | #2a7f7f | — |
| meta.function-call.arguments.python | #7c3626 | — |
| source.json support | #f47c20 | — |
| source.json string, source.json punctuation.definition.string | #f8f4f9 | — |
| punctuation.definition.heading.markdown | #f8f4f9 | — |
| entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #f47c20 | bold |
| meta.paragraph.markdown | #f8f4f9 | — |
| beginning.punctuation.definition.quote.markdown | #f47c20 | — |
| markup.quote.markdown meta.paragraph.markdown | #2a7f7f | italic |
| meta.separator.markdown | #f47c20 | — |
| markup.bold.markdown | #2a7f7f | bold |
| markup.italic.markdown | #2a7f7f | italic |
| beginning.punctuation.definition.list.markdown | #f47c20 | — |
| string.other.link.title.markdown | #2a7f7f | — |
| string.other.link.title.markdown, string.other.link.description.markdown, string.other.link.description.title.markdown | #2a7f7f | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #2a7f7f | — |
| fenced_code.block.language, markup.inline.raw.markdown | #2a7f7f | — |
| fenced_code.block.language, markup.inline.raw.markdown | #2a7f7f | — |
| text.jade entity.name | #2a7f7f | — |
| text.jade entity.other.attribute-name.tag | — | italic |
| text.jade string.interpolated | #f47c20 | — |
| source.ts entity.name.type | #2a7f7f | — |
| source.ts keyword | #f47c20 | — |
| source.ts punctuation.definition.parameters | #f8f4f9 | — |
| meta.arrow.ts punctuation.definition.parameters | #f47c20 | — |
| source.php entity | #2a7f7f | — |
| variable.other.php | #f47c20 | — |
| storage.type.cs | #2a7f7f | — |
| entity.name.variable.property.cs | #2a7f7f | — |
| storage.modifier.cs | #2a7f7f | — |
| modifier, this, comment, storage.modifier, entity.other.attribute-name.js, entity.other.attribute-name.ts, entity.other.attribute-name.tsx, entity.other.attribute-name.html | — | italic |
| keyword.control.export | #2a7f7f | italic |
| meta.return.type.ts | #7c3626 | italic |