Citrus Dusk PS Theme
Publisher: Pranav S SThemes in package: 2
A VS Code color theme with warm citrus dusk tones. Includes dark and light variants.
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#fdf0e0
- activityBar.border#f0d8c0
- activityBar.foreground#2a1f40
- activityBar.inactiveForeground#c8b8d8
- activityBarBadge.background#392f5a
- activityBarBadge.foreground#fff8f0
- badge.background#392f5a
- badge.foreground#fff8f0
- breadcrumb.activeSelectionForeground#392f5a
- breadcrumb.focusForeground#2a1f40
- breadcrumb.foreground#c8b8d8
- breadcrumbPicker.background#ffffff
- button.background#cc6800
- button.foreground#fff8f0
- button.hoverBackground#e07000
- button.secondaryBackground#9dd9d2
- button.secondaryForeground#2a1f40
- button.secondaryHoverBackground#7ec8c0
- descriptionForeground#392f5a
- diffEditor.insertedLineBackground#2a785810
- diffEditor.insertedTextBackground#2a785818
- diffEditor.removedLineBackground#cc550010
- diffEditor.removedTextBackground#cc550018
- diffEditorGutter.insertedLineBackground#2a785825
- diffEditorGutter.removedLineBackground#cc550025
- dropdown.background#ffffff
- dropdown.border#e8d0c0
- dropdown.foreground#2a1f40
- editor.background#fffaf4
- editor.findMatchBackground#f4d06f55
- editor.findMatchHighlightBackground#f4d06f30
- editor.foreground#2a1f40
- editor.inactiveSelectionBackground#ff881115
- editor.lineHighlightBackground#fff4e8
- editor.rangeHighlightBackground#f4d06f15
- editor.selectionBackground#ff881128
- editor.selectionForeground#2a1f40
- editor.wordHighlightBackground#9dd9d220
- editor.wordHighlightStrongBackground#9dd9d238
- editorBracketMatch.background#9dd9d228
- editorBracketMatch.border#9dd9d2
- editorCursor.foreground#392f5a
- editorError.foreground#f14c4c
- editorGroupHeader.tabsBackground#fdf0e0
- editorGroupHeader.tabsBorder#f0d8c0
- editorGutter.addedBackground#3a9070
- editorGutter.background#fffaf4
- editorGutter.deletedBackground#cc5500
- editorGutter.modifiedBackground#392f5a
- editorHint.foreground#9dd9d2
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#f0d8c0
- editorHoverWidget.foreground#2a1f40
- editorIndentGuide.activeBackground1#9dd9d2
- editorIndentGuide.background1#e8d8f0
- editorInfo.foreground#392f5a
- editorLineNumber.activeForeground#392f5a
- editorLineNumber.foreground#c8b8d8
- editorRuler.foreground#e8d8f0
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#f0d8c0
- editorSuggestWidget.foreground#2a1f40
- editorSuggestWidget.highlightForeground#cc5500
- editorSuggestWidget.selectedBackground#ff881118
- editorWarning.foreground#cca700
- editorWhitespace.foreground#e8d8f0
- editorWidget.background#ffffff
- editorWidget.border#f0d8c0
- editorWidget.foreground#2a1f40
- errorForeground#cc5500
- extensionButton.prominentBackground#cc6800
- extensionButton.prominentForeground#fff8f0
- extensionButton.prominentHoverBackground#e07000
- focusBorder#392f5a
- foreground#2a1f40
- gitDecoration.addedResourceForeground#2a7858
- gitDecoration.conflictingResourceForeground#cca700
- gitDecoration.deletedResourceForeground#cc5500
- gitDecoration.ignoredResourceForeground#d0b8e8
- gitDecoration.modifiedResourceForeground#392f5a
- gitDecoration.untrackedResourceForeground#9888b8
- icon.foreground#392f5a
- input.background#ffffff
- input.border#e8d0c0
- input.foreground#2a1f40
- input.placeholderForeground#c8b8d8
- inputOption.activeBackground#9dd9d220
- inputOption.activeBorder#392f5a
- inputOption.activeForeground#2a1f40
- inputValidation.errorBackground#fff0f0
- inputValidation.errorBorder#f14c4c
- inputValidation.warningBackground#fff8e0
- inputValidation.warningBorder#cca700
- list.activeSelectionBackground#ff881120
- list.activeSelectionForeground#2a1f40
- list.focusBackground#ff881120
- list.focusForeground#2a1f40
- list.highlightForeground#cc5500
- list.hoverBackground#fce8cc
- list.hoverForeground#2a1f40
- list.inactiveSelectionBackground#fce8cc
- list.inactiveSelectionForeground#3a2860
- listFilterWidget.background#fdf0e0
- listFilterWidget.outline#392f5a
- menu.background#fffaf4
- menu.border#f0d8c0
- menu.foreground#2a1f40
- menu.selectionBackground#ff881118
- menu.selectionForeground#2a1f40
- menu.separatorBackground#f0d8c0
- menubar.selectionBackground#fce8cc
- menubar.selectionForeground#2a1f40
- minimap.background#fdf0e0
- minimap.errorHighlight#f14c4c
- minimap.findMatchHighlight#f4d06f70
- minimap.selectionHighlight#ff881130
- minimap.warningHighlight#cca700
- minimapGutter.addedBackground#2a7858
- minimapGutter.deletedBackground#cc5500
- minimapGutter.modifiedBackground#392f5a
- notifications.background#ffffff
- notifications.border#f0d8c0
- notifications.foreground#2a1f40
- notificationsErrorIcon.foreground#f14c4c
- notificationsInfoIcon.foreground#392f5a
- notificationsWarningIcon.foreground#cca700
- notificationToast.border#392f5a
- panel.background#fdf0e0
- panel.border#f0d8c0
- panelTitle.activeBorder#cc5500
- panelTitle.activeForeground#2a1f40
- panelTitle.inactiveForeground#9888b8
- peekView.border#392f5a
- peekViewEditor.background#fff4ec
- peekViewEditor.matchHighlightBackground#ff881120
- peekViewResult.background#fdf0e0
- peekViewResult.fileForeground#2a1f40
- peekViewResult.lineForeground#392f5a
- peekViewResult.matchHighlightBackground#f4d06f30
- peekViewResult.selectionBackground#ff881118
- peekViewResult.selectionForeground#2a1f40
- peekViewTitle.background#fce8cc
- peekViewTitleDescription.foreground#392f5a
- peekViewTitleLabel.foreground#2a1f40
- pickerGroup.border#f0d8c0
- pickerGroup.foreground#392f5a
- quickInput.background#ffffff
- quickInput.foreground#2a1f40
- quickInputList.focusBackground#ff881118
- quickInputList.focusForeground#2a1f40
- quickInputTitle.background#fdf0e0
- scrollbar.shadow#00000015
- scrollbarSlider.activeBackground#9dd9d2a0
- scrollbarSlider.background#d8c0e080
- scrollbarSlider.hoverBackground#9dd9d260
- selection.background#ff881120
- sideBar.background#fdf0e0
- sideBar.border#f0d8c0
- sideBar.foreground#3a2860
- sideBarSectionHeader.background#fce8cc
- sideBarSectionHeader.border#f0d8c0
- sideBarSectionHeader.foreground#392f5a
- sideBarTitle.foreground#392f5a
- statusBar.background#cc6800
- statusBar.border#9a5000
- statusBar.debuggingBackground#392f5a
- statusBar.debuggingBorder#2a1f40
- statusBar.debuggingForeground#fff8f0
- statusBar.foreground#fff8f0
- statusBar.noFolderBackground#fffaf4
- statusBar.noFolderForeground#392f5a
- statusBarItem.activeBackground#e07000
- statusBarItem.hoverBackground#b85e00
- statusBarItem.remoteBackground#392f5a
- statusBarItem.remoteForeground#fff8f0
- symbolIcon.classForeground#b08800
- symbolIcon.functionForeground#392f5a
- symbolIcon.keywordForeground#cc5500
- symbolIcon.stringForeground#2a7858
- symbolIcon.variableForeground#2a1f40
- tab.activeBackground#fffaf4
- tab.activeBorder#cc5500
- tab.activeForeground#2a1f40
- tab.border#f0d8c0
- tab.hoverBackground#fce8cc
- tab.hoverForeground#3a2860
- tab.inactiveBackground#fdf0e0
- tab.inactiveForeground#c8b0d0
- tab.unfocusedActiveBackground#fdf0e0
- tab.unfocusedActiveForeground#9888b8
- terminal.ansiBlack#2a1f40
- terminal.ansiBlue#3a6888
- terminal.ansiBrightBlack#392f5a
- terminal.ansiBrightBlue#5080a8
- terminal.ansiBrightCyan#5ab0b0
- terminal.ansiBrightGreen#3a9070
- terminal.ansiBrightMagenta#9070c0
- terminal.ansiBrightRed#ff6622
- terminal.ansiBrightWhite#fffaf4
- terminal.ansiBrightYellow#d4a800
- terminal.ansiCyan#3a9090
- terminal.ansiGreen#2a7858
- terminal.ansiMagenta#7060a8
- terminal.ansiRed#cc4400
- terminal.ansiWhite#e8d8f0
- terminal.ansiYellow#b08800
- terminal.background#fdf0e0
- terminal.foreground#2a1f40
- terminal.selectionBackground#ff881120
- terminalCursor.foreground#392f5a
- textBlockQuote.background#fdf0e0
- textBlockQuote.border#392f5a
- textCodeBlock.background#fdf0e0
- textLink.activeForeground#9dd9d2
- textLink.foreground#392f5a
- textPreformat.foreground#3a2860
- textSeparator.foreground#f0d8c0
- titleBar.activeBackground#fdf0e0
- titleBar.activeForeground#2a1f40
- titleBar.border#f0d8c0
- titleBar.inactiveBackground#fdf0e0
- titleBar.inactiveForeground#9888b8
- toolbar.activeBackground#ff881118
- toolbar.hoverBackground#fce8cc
- tree.indentGuidesStroke#d8c0e0
- widget.shadow#00000015
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #b8a8d0 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, storage.modifier | #cc5500 | — |
| storage.type.function, storage.type.class, storage.type | #cc5500 | italic |
| keyword.operator, keyword.operator.logical, keyword.operator.comparison | #9888b8 | — |
| string, string.quoted, string.template | #2a8880 | — |
| constant.character.escape, string.regexp | #3aaa98 | — |
| constant.numeric | #b08800 | — |
| constant.language | #b08800 | italic |
| constant.other, variable.other.constant | #3a6888 | — |
| entity.name.function, meta.function entity.name.function | #5848a0 | — |
| meta.function-call.generic, meta.function-call entity.name.function | #7060c0 | — |
| variable.parameter, meta.parameter | #3a7878 | italic |
| entity.name.class, entity.name.type.class | #b08800 | — |
| entity.other.inherited-class | #b08800 | italic |
| entity.name.type, support.type | #3a6888 | — |
| entity.name.type.interface | #3a6888 | italic |
| variable, variable.other.readwrite | #2a1f40 | — |
| variable.other.property, support.variable.property | #3a2860 | — |
| variable.language | #cc5500 | italic |
| punctuation, meta.brace, meta.delimiter | #c0a8d8 | — |
| entity.name.tag, meta.tag.sgml | #cc5500 | — |
| entity.other.attribute-name | #2a8880 | — |
| string.quoted.double.html, string.quoted.single.html | #2a8880 | — |
| support.type.property-name.css, entity.name.tag.css | #2a8880 | — |
| support.constant.property-value.css | #3a7878 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #b08800 | — |
| constant.numeric.css, keyword.other.unit.css | #b08800 | — |
| support.type.property-name.json | #2a8880 | — |
| entity.name.section.markdown, markup.heading | #392f5a | bold |
| markup.bold | #b08800 | bold |
| markup.italic | #2a8880 | italic |
| markup.inline.raw, markup.fenced_code.block | #2a8880 | — |
| markup.underline.link | #3a6888 | — |
| meta.decorator, entity.name.function.decorator | #b08800 | italic |
| support.function, support.function.builtin | #7060c0 | — |
| support.class | #b08800 | — |
| invalid, invalid.illegal | #fff8f0 | — |
| invalid.deprecated | #c0a8d8 | strikethrough |