Orange Peach Light
Publisher: Ingo SteinkeThemes in package: 1
A colorful orange light theme for VS Code inspired by IntelliJ Orange Rain Light.
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#FFB37A
- activityBar.foreground#223255
- activityBarBadge.background#49BEFF
- activityBarBadge.foreground#FFFFFF
- badge.background#49BEFF
- badge.foreground#FFFFFF
- button.background#F38300
- button.foreground#FFFFFF
- button.hoverBackground#FD9649
- dropdown.background#FFE8B7
- dropdown.border#49BEFF
- editor.background#F9F5D5
- editor.findMatchBackground#FD964933
- editor.findMatchHighlightBackground#FD964922
- editor.findRangeHighlightBackground#F294631A
- editor.foreground#223255
- editor.hoverHighlightBackground#3581FF22
- editor.inactiveSelectionBackground#F2946333
- editor.selectionBackground#F3830033
- editor.selectionHighlightBackground#49BEFF22
- editor.wordHighlightBackground#49BEFF22
- editorBracketMatch.background#F7DEB650
- editorBracketMatch.border#49BEFF
- editorCursor.foreground#223255
- editorError.foreground#F38300
- editorGutter.background#FFE8B7
- editorHoverWidget.background#F9F5D5
- editorHoverWidget.border#49BEFF
- editorIndentGuide.activeBackground1#A9542477
- editorIndentGuide.background1#E3CA9877
- editorInfo.foreground#0DA0DF
- editorLineNumber.activeForeground#223255
- editorLineNumber.foreground#800E34
- editorLink.activeForeground#3581FF
- editorSuggestWidget.background#FFE8B7
- editorSuggestWidget.border#49BEFF
- editorSuggestWidget.foreground#223255
- editorSuggestWidget.highlightForeground#3581FF
- editorWarning.foreground#E49D41
- editorWhitespace.foreground#E3CA98
- editorWidget.background#FFE8B7
- editorWidget.border#49BEFF
- errorForeground#F38300
- focusBorder#49BEFF
- input.background#FFE8B7
- input.border#49BEFF
- input.foreground#223255
- panel.background#FFE8B7
- panel.border#49BEFF
- panelSectionHeader.background#F7DEB6
- panelSectionHeader.foreground#223255
- panelTitle.activeForeground#223255
- panelTitle.inactiveForeground#3A5477
- progressBar.background#49BEFF
- scrollbarSlider.activeBackground#22325577
- scrollbarSlider.background#22325533
- scrollbarSlider.hoverBackground#22325555
- sideBar.background#FFE8B7
- sideBar.foreground#223255
- sideBarSectionHeader.background#F7DEB6
- sideBarSectionHeader.foreground#223255
- sideBarTitle.foreground#223255
- statusBar.background#FFB37A
- statusBar.debuggingBackground#F38300
- statusBar.foreground#223255
- statusBarItem.hoverBackground#F7DEB6
- tab.activeBackground#F9F5D5
- tab.activeBorder#49BEFF
- tab.activeForeground#223255
- tab.border#FFB37A
- tab.inactiveBackground#FFE8B7
- tab.inactiveForeground#783D00
- titleBar.activeBackground#FFB37A
- titleBar.activeForeground#223255
- titleBar.border#49BEFF
- titleBar.inactiveBackground#FFE8B7
- titleBar.inactiveForeground#3A5477
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block.documentation, punctuation.definition.comment | #A95424 | italic |
| string, constant.other.symbol, constant.other.key | #F29463 | — |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined | #E49D41 | — |
| keyword, storage.type, storage.modifier, storage.type.annotation | #3581FF | bold |
| entity.name.function, support.function, meta.function-call | #3A5477 | — |
| variable.parameter, variable.other.readwrite, variable.other | #223255 | — |
| entity.name.type, entity.name.class, entity.name.namespace, support.type, support.class, storage.type.class | #0DA0DF | — |
| entity.name.tag, meta.tag, markup.heading, punctuation.definition.tag | #A35B24 | — |
| entity.other.attribute-name, meta.attribute, support.constant.property-value | #E49000 | — |
| punctuation, meta.brace, meta.delimiter, punctuation.separator | #223255 | — |
| invalid, invalid.deprecated | #F38300 | underline |