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#f0e8eb
- activityBar.border#7c3626
- activityBar.foreground#f47c20
- activityBar.inactiveForeground#7c3626
- activityBarBadge.background#f47c20
- activityBarBadge.foreground#f8f4f9
- badge.background#f47c20
- badge.foreground#f8f4f9
- breadcrumb.activeSelectionForeground#051014
- breadcrumb.background#ffffff
- breadcrumb.focusForeground#051014
- breadcrumb.foreground#f47c20
- breadcrumbPicker.background#f0e8eb
- button.background#f47c20
- button.foreground#f8f4f9
- button.hoverBackground#d66810
- debugToolBar.background#f0e8eb
- debugToolBar.border#7c3626
- diffEditor.insertedTextBackground#2a7f7f22
- diffEditor.removedTextBackground#7c362633
- dropdown.background#e8dce0
- dropdown.border#7c3626
- dropdown.foreground#051014
- editor.background#ffffff
- editor.findMatchBackground#f47c2055
- editor.findMatchHighlightBackground#f47c2033
- editor.findRangeHighlightBackground#2a7f7f22
- editor.focusedStackFrameHighlightBackground#2a7f7f33
- editor.foreground#051014
- editor.hoverHighlightBackground#2a7f7f22
- editor.inactiveSelectionBackground#2a7f7f22
- editor.lineHighlightBackground#f8f4f9
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#2a7f7f11
- editor.selectionBackground#f4c9be
- editor.selectionHighlightBackground#2a7f7f33
- editor.stackFrameHighlightBackground#f47c2033
- editor.wordHighlightBackground#2a7f7f22
- editor.wordHighlightStrongBackground#2a7f7f33
- editorCodeLens.foreground#7c3626
- editorCursor.foreground#f47c20
- editorError.border#d6303100
- editorError.foreground#d63031
- editorGroupHeader.tabsBackground#f0e8eb
- editorGroupHeader.tabsBorder#7c3626
- editorHoverWidget.background#e8dce0
- editorHoverWidget.border#7c3626
- editorIndentGuide.activeBackground1#7c3626
- editorIndentGuide.background1#b8856d44
- editorInfo.border#2a7f7f00
- editorInfo.foreground#2a7f7f
- editorLineNumber.activeForeground#f47c20
- editorLineNumber.foreground#b8856d
- editorLink.activeForeground#2a7f7f
- editorRuler.foreground#b8856d44
- editorSuggestWidget.background#e8dce0
- editorSuggestWidget.border#7c3626
- editorSuggestWidget.foreground#051014
- editorSuggestWidget.highlightForeground#f47c20
- editorSuggestWidget.selectedBackground#2a7f7f44
- editorWarning.border#f47c2000
- editorWarning.foreground#f47c20
- editorWhitespace.foreground#b8856d66
- editorWidget.background#e8dce0
- editorWidget.border#7c3626
- foreground#051014
- gitDecoration.conflictingResourceForeground#f47c20
- gitDecoration.deletedResourceForeground#7c3626
- gitDecoration.ignoredResourceForeground#c9a08a
- gitDecoration.modifiedResourceForeground#f47c20
- gitDecoration.untrackedResourceForeground#2a7f7f
- input.background#e8dce0
- input.border#7c3626
- input.foreground#051014
- input.placeholderForeground#051014
- inputOption.activeBorder#f47c20
- inputValidation.errorBackground#f4c9be
- inputValidation.errorBorder#7c3626
- inputValidation.infoBackground#c0e8e8
- inputValidation.infoBorder#2a7f7f
- inputValidation.warningBackground#fce0d0
- inputValidation.warningBorder#f47c20
- list.activeSelectionBackground#f47c2044
- list.activeSelectionForeground#051014
- list.focusBackground#2a7f7f55
- list.focusForeground#051014
- list.highlightForeground#f47c20
- list.hoverBackground#2a7f7f33
- list.hoverForeground#051014
- list.inactiveSelectionBackground#2a7f7f44
- list.inactiveSelectionForeground#051014
- merge.border#7c3626
- merge.currentContentBackground#2a7f7f22
- merge.currentHeaderBackground#2a7f7f44
- merge.incomingContentBackground#f47c2022
- merge.incomingHeaderBackground#f47c2044
- notificationCenter.border#7c3626
- notificationCenterHeader.background#f0e8eb
- notificationCenterHeader.foreground#f47c20
- notificationLink.foreground#2a7f7f
- notifications.background#f0e8eb
- notifications.border#7c3626
- notifications.foreground#051014
- notificationToast.border#7c3626
- panel.background#f0e8eb
- panel.border#7c3626
- panelTitle.activeBorder#f47c20
- panelTitle.activeForeground#f47c20
- panelTitle.inactiveForeground#7c3626
- peekView.border#f47c20
- peekViewEditor.background#f0e8eb
- peekViewEditor.matchHighlightBackground#f47c2055
- peekViewResult.background#f0e8eb
- peekViewResult.fileForeground#051014
- peekViewResult.lineForeground#051014
- peekViewResult.matchHighlightBackground#f47c2055
- peekViewResult.selectionBackground#2a7f7f44
- peekViewResult.selectionForeground#051014
- peekViewTitle.background#f0e8eb
- peekViewTitleDescription.foreground#7c3626
- peekViewTitleLabel.foreground#f47c20
- progressBar.background#f47c20
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#7c3626
- scrollbarSlider.background#b8856d66
- scrollbarSlider.hoverBackground#b8856d88
- settings.checkboxBackground#e8dce0
- settings.checkboxBorder#7c3626
- settings.checkboxForeground#051014
- settings.dropdownBackground#e8dce0
- settings.dropdownBorder#7c3626
- settings.dropdownForeground#051014
- settings.headerForeground#f47c20
- settings.modifiedItemIndicator#f47c20
- settings.numberInputBackground#e8dce0
- settings.numberInputBorder#7c3626
- settings.numberInputForeground#051014
- settings.textInputBackground#e8dce0
- settings.textInputBorder#7c3626
- settings.textInputForeground#051014
- sideBar.background#f0e8eb
- sideBar.border#7c3626
- sideBar.foreground#051014
- sideBarSectionHeader.background#e8dce0
- sideBarSectionHeader.border#7c3626
- sideBarSectionHeader.foreground#f47c20
- sideBarTitle.foreground#f47c20
- statusBar.background#2a7f7f
- statusBar.border#7c3626
- statusBar.debuggingBackground#f47c20
- statusBar.debuggingForeground#f8f4f9
- statusBar.foreground#f8f4f9
- statusBar.noFolderBackground#f0e8eb
- statusBar.noFolderForeground#051014
- statusBarItem.activeBackground#7c3626
- statusBarItem.hoverBackground#1f6060
- statusBarItem.prominentBackground#7c3626
- statusBarItem.prominentHoverBackground#5c2616
- tab.activeBackground#ffffff
- tab.activeBorder#f47c20
- tab.activeBorderTop#f47c20
- tab.activeForeground#051014
- tab.activeModifiedBorder#f47c20
- tab.border#7c3626
- tab.hoverBackground#2a7f7f
- tab.hoverForeground#f8f4f9
- tab.inactiveBackground#f0e8eb
- tab.inactiveForeground#051014
- tab.inactiveModifiedBorder#b8856d
- tab.lastPinnedBorder#2a7f7f
- tab.unfocusedActiveForeground#051014
- tab.unfocusedActiveModifiedBorder#f47c20
- tab.unfocusedInactiveForeground#7c3626
- tab.unfocusedInactiveModifiedBorder#b8856d88
- 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#f0e8eb
- terminal.foreground#051014
- terminalCursor.background#f0e8eb
- terminalCursor.foreground#f47c20
- textLink.activeForeground#051014
- textLink.foreground#2a7f7f
- titleBar.activeBackground#f0e8eb
- titleBar.activeForeground#051014
- titleBar.border#7c3626
- titleBar.inactiveBackground#f0e8eb
- 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 | #051014 | — |
| meta.brace | #051014 | — |
| punctuation | #051014 | — |
| 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 | #051014 | — |
| variable | #051014 | — |
| 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 | #051014 | — |
| 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 | #051014 | — |
| 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 | #051014 | — |
| punctuation.definition.heading.markdown | #051014 | — |
| entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #f47c20 | bold |
| meta.paragraph.markdown | #051014 | — |
| 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 | #051014 | — |
| 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 |