Papilio
Publisher: Felipe LazzariniThemes in package: 2
A warm dark theme built on deep red-brown, crimson and antique gold. Fan-made and unaffiliated with HoYoverse; inspired by Hu Tao's palette from Genshin Impact.
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#251517
- activityBar.foreground#ece0d1
- activityBar.inactiveForeground#897987
- activityBarBadge.background#f44853
- activityBarBadge.foreground#1c1012
- badge.background#f44853
- badge.foreground#1c1012
- breadcrumb.activeSelectionForeground#f44853
- breadcrumb.background#1c1012
- breadcrumb.focusForeground#ece0d1
- breadcrumb.foreground#897987
- breadcrumbPicker.background#251517
- button.background#f44853
- button.foreground#1c1012
- button.hoverBackground#f9a25f
- button.secondaryBackground#402726
- button.secondaryForeground#ece0d1
- button.secondaryHoverBackground#572f2e
- checkbox.background#321d1f
- checkbox.border#402726
- checkbox.foreground#ece0d1
- debugConsole.errorForeground#f9422f
- debugConsole.infoForeground#7ed6ee
- debugConsole.sourceForeground#897987
- debugConsole.warningForeground#e0be3c
- debugConsoleInputIcon.foreground#f44853
- debugIcon.breakpointDisabledForeground#897987
- debugIcon.breakpointForeground#f9422f
- debugTokenExpression.boolean#d392e6
- debugTokenExpression.error#f9422f
- debugTokenExpression.name#ece0d1
- debugTokenExpression.number#d392e6
- debugTokenExpression.string#ffa49e
- debugTokenExpression.value#a39187
- debugToolBar.background#321d1f
- debugToolBar.border#402726
- descriptionForeground#897987
- diffEditor.border#402726
- diffEditor.diagonalFill#40272680
- diffEditor.insertedLineBackground#57955214
- diffEditor.insertedTextBackground#5795521f
- diffEditor.removedLineBackground#f9422f14
- diffEditor.removedTextBackground#f9422f1f
- diffEditor.unchangedRegionBackground#251517
- diffEditor.unchangedRegionForeground#897987
- diffEditorGutter.insertedLineBackground#5795521f
- diffEditorGutter.removedLineBackground#f9422f1f
- dropdown.background#321d1f
- dropdown.border#402726
- dropdown.foreground#ece0d1
- editor.background#1c1012
- editor.findMatchBackground#cb9b5236
- editor.findMatchBorder#cb9b52
- editor.findMatchHighlightBackground#cb9b5229
- editor.findMatchHighlightBorder#cb9b5280
- editor.focusedStackFrameHighlightBackground#57955233
- editor.foreground#ece0d1
- editor.hoverHighlightBackground#7ed6ee1f
- editor.lineHighlightBackground#321d1f80
- editor.lineHighlightBorder#321d1f00
- editor.rangeHighlightBackground#321d1f99
- editor.selectionBackground#572f2e
- editor.selectionHighlightBackground#572f2e99
- editor.stackFrameHighlightBackground#cb9b522e
- editor.wordHighlightBackground#402726b3
- editorBracketHighlight.foreground1#6a86dc
- editorBracketHighlight.foreground2#cb9b52
- editorBracketHighlight.foreground3#7ed6ee
- editorBracketHighlight.foreground4#ffa49e
- editorBracketHighlight.foreground5#d392e6
- editorBracketHighlight.foreground6#a39187
- editorBracketHighlight.unexpectedBracket.foreground#f9422f
- editorBracketMatch.background#7ed6ee26
- editorBracketMatch.border#7ed6ee
- editorCodeLens.foreground#897987
- editorCursor.foreground#f44853
- editorError.foreground#f9422f
- editorGroup.border#402726
- editorGroupHeader.noTabsBackground#251517
- editorGroupHeader.tabsBackground#251517
- editorGutter.addedBackground#579552
- editorGutter.deletedBackground#f9422f
- editorGutter.foldingControlForeground#897987
- editorGutter.modifiedBackground#cb9b52
- editorHoverWidget.background#251517
- editorHoverWidget.border#402726
- editorHoverWidget.foreground#a39187
- editorIndentGuide.activeBackground1#897987
- editorIndentGuide.background1#402726
- editorInfo.foreground#7ed6ee
- editorInlayHint.background#321d1fb3
- editorInlayHint.foreground#a39187
- editorInlayHint.parameterBackground#321d1fb3
- editorInlayHint.parameterForeground#a39187
- editorInlayHint.typeBackground#321d1fb3
- editorInlayHint.typeForeground#f9a25f
- editorLightBulb.foreground#cb9b52
- editorLightBulbAi.foreground#d392e6
- editorLightBulbAutoFix.foreground#579552
- editorLineNumber.activeForeground#a39187
- editorLineNumber.foreground#897987
- editorLink.activeForeground#7ed6ee
- editorOverviewRuler.addedForeground#579552
- editorOverviewRuler.border#402726
- editorOverviewRuler.commonContentForeground#89798799
- editorOverviewRuler.currentContentForeground#f4485399
- editorOverviewRuler.deletedForeground#f9422f
- editorOverviewRuler.errorForeground#f9422f
- editorOverviewRuler.findMatchForeground#cb9b5299
- editorOverviewRuler.incomingContentForeground#6a86dc99
- editorOverviewRuler.infoForeground#7ed6ee
- editorOverviewRuler.modifiedForeground#cb9b52
- editorOverviewRuler.warningForeground#e0be3c
- editorStickyScroll.background#251517
- editorStickyScrollHover.background#321d1f
- editorSuggestWidget.background#251517
- editorSuggestWidget.border#402726
- editorSuggestWidget.focusHighlightForeground#f44853
- editorSuggestWidget.foreground#a39187
- editorSuggestWidget.highlightForeground#f44853
- editorSuggestWidget.selectedBackground#321d1f
- editorSuggestWidget.selectedForeground#ece0d1
- editorWarning.foreground#e0be3c
- editorWhitespace.foreground#402726
- editorWidget.background#251517
- editorWidget.border#402726
- editorWidget.foreground#a39187
- errorForeground#f9422f
- extensionButton.prominentBackground#f44853
- extensionButton.prominentForeground#1c1012
- extensionButton.prominentHoverBackground#f9a25f
- focusBorder#f44853
- foreground#a39187
- gitDecoration.addedResourceForeground#579552
- gitDecoration.conflictingResourceForeground#f9a25f
- gitDecoration.deletedResourceForeground#f9422f
- gitDecoration.ignoredResourceForeground#897987
- gitDecoration.modifiedResourceForeground#cb9b52
- gitDecoration.renamedResourceForeground#579552
- gitDecoration.stageDeletedResourceForeground#f9422f
- gitDecoration.stageModifiedResourceForeground#cb9b52
- gitDecoration.submoduleResourceForeground#d392e6
- gitDecoration.untrackedResourceForeground#7ed6ee
- icon.foreground#a39187
- input.background#321d1f
- input.border#402726
- input.foreground#ece0d1
- input.placeholderForeground#978995
- inputOption.activeBackground#f4485340
- inputOption.activeBorder#f44853
- inputOption.activeForeground#ece0d1
- inputValidation.errorBackground#321d1f
- inputValidation.errorBorder#f9422f
- inputValidation.infoBackground#321d1f
- inputValidation.infoBorder#7ed6ee
- inputValidation.warningBackground#321d1f
- inputValidation.warningBorder#e0be3c
- keybindingLabel.background#321d1f
- keybindingLabel.border#402726
- keybindingLabel.bottomBorder#402726
- keybindingLabel.foreground#ece0d1
- list.activeSelectionBackground#321d1f
- list.activeSelectionForeground#ece0d1
- list.dropBackground#321d1fcc
- list.errorForeground#f9422f
- list.focusBackground#321d1f
- list.focusForeground#ece0d1
- list.focusHighlightForeground#f9a25f
- list.focusOutline#f44853
- list.highlightForeground#f9a25f
- list.hoverBackground#321d1f80
- list.hoverForeground#ece0d1
- list.inactiveSelectionBackground#321d1fb3
- list.inactiveSelectionForeground#ece0d1
- list.warningForeground#e0be3c
- menu.background#251517
- menu.border#402726
- menu.foreground#a39187
- menu.selectionBackground#321d1f
- menu.selectionForeground#ece0d1
- menu.separatorBackground#402726
- menubar.selectionBackground#321d1f
- menubar.selectionForeground#ece0d1
- merge.border#402726
- merge.commonContentBackground#40272659
- merge.commonHeaderBackground#402726b3
- merge.currentContentBackground#f4485324
- merge.currentHeaderBackground#f4485342
- merge.incomingContentBackground#6a86dc24
- merge.incomingHeaderBackground#6a86dc42
- mergeEditor.change.background#cb9b5224
- mergeEditor.change.word.background#cb9b5236
- mergeEditor.conflict.handledFocused.border#579552
- mergeEditor.conflict.handledUnfocused.border#57955266
- mergeEditor.conflict.unhandledFocused.border#f9422f
- mergeEditor.conflict.unhandledUnfocused.border#f9422f80
- minimap.errorHighlight#f9422fb3
- minimap.findMatchHighlight#cb9b5280
- minimap.selectionHighlight#572f2e
- minimap.warningHighlight#e0be3cb3
- minimapSlider.activeBackground#89798780
- minimapSlider.background#40272666
- minimapSlider.hoverBackground#40272699
- notebook.cellBorderColor#402726
- notebook.cellEditorBackground#1c1012
- notebook.focusedCellBorder#f44853
- notificationCenterHeader.background#321d1f
- notificationLink.foreground#7ed6ee
- notifications.background#251517
- notifications.border#402726
- notificationsErrorIcon.foreground#f9422f
- notificationsInfoIcon.foreground#7ed6ee
- notificationsWarningIcon.foreground#e0be3c
- panel.background#251517
- panel.border#402726
- panelInput.border#402726
- panelTitle.activeBorder#f44853
- panelTitle.activeForeground#ece0d1
- panelTitle.inactiveForeground#897987
- peekView.border#f44853
- peekViewEditor.background#251517
- peekViewEditor.matchHighlightBackground#cb9b522b
- peekViewResult.background#251517
- peekViewResult.fileForeground#ece0d1
- peekViewResult.lineForeground#a39187
- peekViewResult.matchHighlightBackground#cb9b522b
- peekViewResult.selectionBackground#321d1f
- peekViewResult.selectionForeground#ece0d1
- peekViewTitle.background#321d1f
- peekViewTitleDescription.foreground#897987
- peekViewTitleLabel.foreground#ece0d1
- pickerGroup.border#402726
- pickerGroup.foreground#f44853
- progressBar.background#f44853
- quickInput.background#251517
- quickInput.foreground#a39187
- quickInputList.focusBackground#321d1f
- quickInputList.focusForeground#ece0d1
- quickInputTitle.background#321d1f
- sash.hoverBorder#f44853
- scrollbarSlider.activeBackground#89798799
- scrollbarSlider.background#40272680
- scrollbarSlider.hoverBackground#402726cc
- selection.background#572f2e
- settings.focusedRowBackground#321d1f80
- settings.headerForeground#ece0d1
- settings.modifiedItemIndicator#cb9b52
- settings.rowHoverBackground#321d1f4d
- sideBar.background#251517
- sideBar.border#402726
- sideBar.foreground#a39187
- sideBarSectionHeader.background#251517
- sideBarSectionHeader.border#402726
- sideBarSectionHeader.foreground#a39187
- sideBarTitle.foreground#ece0d1
- statusBar.background#251517
- statusBar.border#402726
- statusBar.debuggingBackground#f9a25f
- statusBar.debuggingForeground#1c1012
- statusBar.foreground#a39187
- statusBar.noFolderBackground#251517
- statusBarItem.activeBackground#402726e6
- statusBarItem.errorBackground#f9422f
- statusBarItem.errorForeground#1c1012
- statusBarItem.hoverBackground#40272699
- statusBarItem.remoteBackground#f44853
- statusBarItem.remoteForeground#1c1012
- statusBarItem.warningBackground#e0be3c
- statusBarItem.warningForeground#1c1012
- symbolIcon.arrayForeground#a39187
- symbolIcon.booleanForeground#d392e6
- symbolIcon.classForeground#f9a25f
- symbolIcon.colorForeground#a39187
- symbolIcon.constantForeground#d392e6
- symbolIcon.constructorForeground#7ed6ee
- symbolIcon.enumeratorForeground#f9a25f
- symbolIcon.enumeratorMemberForeground#d392e6
- symbolIcon.eventForeground#7ed6ee
- symbolIcon.fieldForeground#ece0d1
- symbolIcon.fileForeground#a39187
- symbolIcon.folderForeground#a39187
- symbolIcon.functionForeground#7ed6ee
- symbolIcon.interfaceForeground#f9a25f
- symbolIcon.keyForeground#ece0d1
- symbolIcon.keywordForeground#f44853
- symbolIcon.methodForeground#7ed6ee
- symbolIcon.moduleForeground#f9a25f
- symbolIcon.namespaceForeground#f9a25f
- symbolIcon.nullForeground#d392e6
- symbolIcon.numberForeground#d392e6
- symbolIcon.objectForeground#ece0d1
- symbolIcon.operatorForeground#a39187
- symbolIcon.packageForeground#f9a25f
- symbolIcon.propertyForeground#ece0d1
- symbolIcon.referenceForeground#a39187
- symbolIcon.snippetForeground#a39187
- symbolIcon.stringForeground#ffa49e
- symbolIcon.structForeground#f9a25f
- symbolIcon.textForeground#ece0d1
- symbolIcon.typeParameterForeground#f9a25f
- symbolIcon.unitForeground#a39187
- symbolIcon.variableForeground#ece0d1
- tab.activeBackground#1c1012
- tab.activeBorderTop#f44853
- tab.activeForeground#ece0d1
- tab.activeModifiedBorder#cb9b52
- tab.border#251517
- tab.hoverBackground#321d1f
- tab.inactiveBackground#251517
- tab.inactiveForeground#897987
- tab.unfocusedActiveForeground#a39187
- tab.unfocusedInactiveForeground#897987
- terminal.ansiBlack#402726
- terminal.ansiBlue#6a86dc
- terminal.ansiBrightBlack#897987
- terminal.ansiBrightBlue#8ba1e4
- terminal.ansiBrightCyan#9adff2
- terminal.ansiBrightGreen#7cac78
- terminal.ansiBrightMagenta#ddaaec
- terminal.ansiBrightRed#f67079
- terminal.ansiBrightWhite#b7a9a1
- terminal.ansiBrightYellow#d6b178
- terminal.ansiCyan#7ed6ee
- terminal.ansiGreen#579552
- terminal.ansiMagenta#d392e6
- terminal.ansiRed#f44853
- terminal.ansiWhite#a39187
- terminal.ansiYellow#cb9b52
- terminal.background#1c1012
- terminal.border#402726
- terminal.foreground#ece0d1
- terminal.selectionBackground#572f2eb3
- terminalCommandDecoration.defaultBackground#897987
- terminalCommandDecoration.errorBackground#f9422f
- terminalCommandDecoration.successBackground#579552
- terminalCursor.foreground#f44853
- testing.iconFailed#f9422f
- testing.iconPassed#579552
- testing.iconQueued#e0be3c
- testing.iconSkipped#897987
- textBlockQuote.background#251517
- textBlockQuote.border#f44853
- textLink.activeForeground#ece0d1
- textLink.foreground#7ed6ee
- textPreformat.foreground#ffa49e
- textSeparator.foreground#402726
- titleBar.activeBackground#251517
- titleBar.activeForeground#a39187
- titleBar.inactiveBackground#251517
- titleBar.inactiveForeground#897987
- tree.inactiveIndentGuidesStroke#40272680
- tree.indentGuidesStroke#402726
- welcomePage.progress.background#402726
- welcomePage.progress.foreground#f44853
- welcomePage.tileBackground#251517
- welcomePage.tileBorder#402726
- welcomePage.tileHoverBackground#321d1f
- widget.shadow#1c101299
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #897987 | italic |
| keyword, keyword.control, storage.type, storage.modifier | #f44853 | — |
| string, string.quoted, punctuation.definition.string | #ffa49e | — |
| constant.numeric | #d392e6 | — |
| constant.language, constant.character, variable.other.constant, support.constant | #d392e6 | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #7ed6ee | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class | #f9a25f | — |
| variable, meta.definition.variable | #ece0d1 | — |
| variable.language | #f44853 | — |
| entity.name.namespace, entity.name.module, storage.modifier.package | #f9a25f | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #d392e6 | — |
| variable.parameter | #ece0d1 | italic |
| variable.other.property, support.variable.property, meta.object-literal.key | #ece0d1 | — |
| keyword.operator | #a39187 | — |
| punctuation, meta.brace | #a39187 | — |
| entity.name.tag | #f44853 | — |
| entity.other.attribute-name | #6a86dc | italic |
| string.regexp | #f9a25f | — |
| constant.character.escape | #f9a25f | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #f9a25f | — |
| meta.embedded, meta.template.expression | #ece0d1 | — |
| markup.heading, entity.name.section | #f44853 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.fenced_code | #ffa49e | — |
| markup.underline.link | #7ed6ee | — |
| markup.quote | #897987 | — |
| markup.list punctuation.definition.list, beginning.punctuation.definition.list | #f44853 | — |
| markup.inserted, meta.diff.header.to-file | #579552 | — |
| markup.deleted, meta.diff.header.from-file | #f9422f | — |
| markup.changed | #cb9b52 | — |
| meta.diff.range, punctuation.definition.range.diff | #7ed6ee | — |
| support.type.property-name.json | #7ed6ee | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.placeholder.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.class.less, entity.other.attribute-name.id.less, entity.other.attribute-name.pseudo-class.less, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-class.extend.less, entity.other.attribute-name.parent.less | #f9a25f | |
| support.type.property-name.css | #ece0d1 | — |
| keyword.other.unit.css, constant.numeric.css | #d392e6 | — |
| invalid, invalid.illegal | #f9422f | — |