Slate Saffron PS Theme
Publisher: Pranav S SThemes in package: 2
A VS Code color theme with warm slate saffron 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#13141e
- activityBar.border#22233280
- activityBar.foreground#f0eff8
- activityBar.inactiveForeground#3a3b52
- activityBarBadge.background#eb9486
- activityBarBadge.foreground#13141e
- badge.background#eb9486
- badge.foreground#13141e
- breadcrumb.activeSelectionForeground#7e7f9a
- breadcrumb.focusForeground#f0eff8
- breadcrumb.foreground#3a3b52
- breadcrumbPicker.background#22233260
- button.background#c47060
- button.foreground#f9f8f8
- button.hoverBackground#d07870
- button.secondaryBackground#272838
- button.secondaryForeground#f0eff8
- button.secondaryHoverBackground#35364c
- debugToolBar.background#22233260
- debugToolBar.border#3a3b52
- descriptionForeground#7e7f9a
- diffEditor.insertedLineBackground#6aaa8010
- diffEditor.insertedTextBackground#6aaa8018
- diffEditor.removedLineBackground#eb948612
- diffEditor.removedTextBackground#eb948620
- diffEditorGutter.insertedLineBackground#6aaa8025
- diffEditorGutter.removedLineBackground#eb948628
- dropdown.background#22233260
- dropdown.border#3a3b52
- dropdown.foreground#f0eff8
- editor.background#1b1c28
- editor.findMatchBackground#f3de8a50
- editor.findMatchHighlightBackground#f3de8a28
- editor.foreground#f0eff8
- editor.inactiveSelectionBackground#eb948620
- editor.lineHighlightBackground#22233200
- editor.rangeHighlightBackground#f3de8a15
- editor.selectionBackground#eb948640
- editor.selectionForeground#f0eff8
- editor.wordHighlightBackground#7e7f9a28
- editor.wordHighlightStrongBackground#7e7f9a45
- editorBracketMatch.background#7e7f9a28
- editorBracketMatch.border#7e7f9a
- editorCursor.foreground#f3de8a
- editorError.foreground#f14c4c
- editorGroupHeader.tabsBackground#13141e
- editorGroupHeader.tabsBorder#22233280
- editorGutter.addedBackground#6aaa80
- editorGutter.background#1b1c28
- editorGutter.deletedBackground#eb9486
- editorGutter.modifiedBackground#7e7f9a
- editorHint.foreground#5a5b72
- editorHoverWidget.background#22233260
- editorHoverWidget.border#3a3b52
- editorHoverWidget.foreground#f0eff8
- editorIndentGuide.activeBackground1#5a5b72
- editorIndentGuide.background1#2c2d40
- editorInfo.foreground#7e7f9a
- editorLineNumber.activeForeground#7e7f9a
- editorLineNumber.foreground#3a3b52
- editorRuler.foreground#2c2d40
- editorSuggestWidget.background#22233260
- editorSuggestWidget.border#3a3b52
- editorSuggestWidget.foreground#f0eff8
- editorSuggestWidget.highlightForeground#f3de8a
- editorSuggestWidget.selectedBackground#eb948630
- editorWarning.foreground#cca700
- editorWhitespace.foreground#2c2d40
- editorWidget.background#22233260
- editorWidget.border#3a3b52
- editorWidget.foreground#f0eff8
- errorForeground#eb9486
- extensionButton.prominentBackground#c47060
- extensionButton.prominentForeground#f9f8f8
- extensionButton.prominentHoverBackground#d07878
- focusBorder#7e7f9a
- foreground#f0eff8
- gitDecoration.addedResourceForeground#6aaa80
- gitDecoration.conflictingResourceForeground#cca700
- gitDecoration.deletedResourceForeground#eb9486
- gitDecoration.ignoredResourceForeground#3a3b52
- gitDecoration.modifiedResourceForeground#7e7f9a
- gitDecoration.untrackedResourceForeground#b0b2c8
- icon.foreground#7e7f9a
- input.background#22233260
- input.border#3a3b52
- input.foreground#f0eff8
- input.placeholderForeground#3a3b52
- inputOption.activeBackground#7e7f9a28
- inputOption.activeBorder#7e7f9a
- inputOption.activeForeground#f0eff8
- inputValidation.errorBackground#1e0a0a
- inputValidation.errorBorder#f14c4c
- inputValidation.warningBackground#1e1808
- inputValidation.warningBorder#cca700
- list.activeSelectionBackground#eb948630
- list.activeSelectionForeground#f0eff8
- list.focusBackground#eb948630
- list.focusForeground#f0eff8
- list.highlightForeground#f3de8a
- list.hoverBackground#22233260
- list.hoverForeground#f0eff8
- list.inactiveSelectionBackground#22233260
- list.inactiveSelectionForeground#b0b2c8
- listFilterWidget.background#22233260
- listFilterWidget.outline#7e7f9a
- menu.background#13141e
- menu.border#22233280
- menu.foreground#f0eff8
- menu.selectionBackground#eb948625
- menu.selectionForeground#f0eff8
- menu.separatorBackground#22233280
- menubar.selectionBackground#22233260
- menubar.selectionForeground#f0eff8
- minimap.background#13141e
- minimap.errorHighlight#f14c4c
- minimap.findMatchHighlight#f3de8a70
- minimap.selectionHighlight#eb948645
- minimap.warningHighlight#cca700
- minimapGutter.addedBackground#6aaa80
- minimapGutter.deletedBackground#eb9486
- minimapGutter.modifiedBackground#7e7f9a
- notifications.background#22233260
- notifications.border#22233280
- notifications.foreground#f0eff8
- notificationsErrorIcon.foreground#f14c4c
- notificationsInfoIcon.foreground#7e7f9a
- notificationsWarningIcon.foreground#cca700
- notificationToast.border#7e7f9a
- panel.background#13141e
- panel.border#22233280
- panelTitle.activeBorder#eb9486
- panelTitle.activeForeground#f0eff8
- panelTitle.inactiveForeground#5a5b72
- peekView.border#7e7f9a
- peekViewEditor.background#161722
- peekViewEditor.matchHighlightBackground#f3de8a28
- peekViewResult.background#13141e
- peekViewResult.fileForeground#f0eff8
- peekViewResult.lineForeground#b0b2c8
- peekViewResult.matchHighlightBackground#eb948628
- peekViewResult.selectionBackground#eb948630
- peekViewResult.selectionForeground#f0eff8
- peekViewTitle.background#161722
- peekViewTitleDescription.foreground#7e7f9a
- peekViewTitleLabel.foreground#f0eff8
- pickerGroup.border#22233280
- pickerGroup.foreground#7e7f9a
- quickInput.background#22233260
- quickInput.foreground#f0eff8
- quickInputList.focusBackground#eb948632
- quickInputList.focusForeground#f0eff8
- quickInputTitle.background#13141e
- scrollbar.shadow#00000080
- scrollbarSlider.activeBackground#7e7f9a90
- scrollbarSlider.background#3a3b5280
- scrollbarSlider.hoverBackground#7e7f9a55
- selection.background#eb948630
- sideBar.background#16172280
- sideBar.border#22233280
- sideBar.foreground#b0b2c8
- sideBarSectionHeader.background#1b1c28
- sideBarSectionHeader.border#22233280
- sideBarSectionHeader.foreground#7e7f9a
- sideBarTitle.foreground#7e7f9a
- statusBar.background#c47060
- statusBar.border#9a5848
- statusBar.debuggingBackground#f3de8a
- statusBar.debuggingBorder#c0aa60
- statusBar.debuggingForeground#13141e
- statusBar.foreground#f9f8f8
- statusBar.noFolderBackground#1b1c28
- statusBar.noFolderForeground#7e7f9a
- statusBarItem.activeBackground#d07870
- statusBarItem.hoverBackground#b06058
- statusBarItem.remoteBackground#7e7f9a
- statusBarItem.remoteForeground#f9f8f8
- symbolIcon.classForeground#f3de8a
- symbolIcon.functionForeground#9fb8d8
- symbolIcon.keywordForeground#eb9486
- symbolIcon.stringForeground#a8d4a0
- symbolIcon.variableForeground#f0eff8
- tab.activeBackground#1b1c28
- tab.activeBorder#eb9486
- tab.activeForeground#f0eff8
- tab.border#22233280
- tab.hoverBackground#22233260
- tab.hoverForeground#b0b2c8
- tab.inactiveBackground#13141e
- tab.inactiveForeground#3a3b52
- tab.unfocusedActiveBackground#13141e
- tab.unfocusedActiveForeground#5a5b72
- terminal.ansiBlack#22233260
- terminal.ansiBlue#7e7f9a
- terminal.ansiBrightBlack#5a5b72
- terminal.ansiBrightBlue#9fb8d8
- terminal.ansiBrightCyan#a0dada
- terminal.ansiBrightGreen#88cc98
- terminal.ansiBrightMagenta#ccb0dc
- terminal.ansiBrightRed#f0a898
- terminal.ansiBrightWhite#f0eff8
- terminal.ansiBrightYellow#f8eca8
- terminal.ansiCyan#7ec8c8
- terminal.ansiGreen#6aaa80
- terminal.ansiMagenta#b898c8
- terminal.ansiRed#eb9486
- terminal.ansiWhite#b0b2c8
- terminal.ansiYellow#f3de8a
- terminal.background#13141e
- terminal.foreground#f0eff8
- terminal.selectionBackground#eb948630
- terminalCursor.foreground#f3de8a
- textBlockQuote.background#22233260
- textBlockQuote.border#7e7f9a
- textCodeBlock.background#22233260
- textLink.activeForeground#f0eff8
- textLink.foreground#9fb8d8
- textPreformat.foreground#9fb8d8
- textSeparator.foreground#3a3b52
- titleBar.activeBackground#13141e
- titleBar.activeForeground#f0eff8
- titleBar.border#22233280
- titleBar.inactiveBackground#13141e
- titleBar.inactiveForeground#5a5b72
- toolbar.activeBackground#eb948628
- toolbar.hoverBackground#22233260
- tree.indentGuidesStroke#3a3b52
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #3a3b52 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, storage.modifier | #eb9486 | — |
| storage.type.function, storage.type.class, storage.type | #eb9486 | italic |
| keyword.operator, keyword.operator.logical, keyword.operator.comparison | #5a5b72 | — |
| string, string.quoted, string.template | #a8d4a0 | — |
| constant.character.escape, string.regexp | #c0e8b8 | — |
| constant.numeric | #f3de8a | — |
| constant.language | #f3de8a | italic |
| constant.other, variable.other.constant | #b8c8e8 | — |
| entity.name.function, meta.function entity.name.function | #9fb8d8 | — |
| meta.function-call.generic, meta.function-call entity.name.function | #b8d0e8 | — |
| variable.parameter, meta.parameter | #c8d8e8 | italic |
| entity.name.class, entity.name.type.class | #f3de8a | — |
| entity.other.inherited-class | #f3de8a | italic |
| entity.name.type, support.type | #b8c8e8 | — |
| entity.name.type.interface | #b8c8e8 | italic |
| variable, variable.other.readwrite | #f0eff8 | — |
| variable.other.property, support.variable.property | #d8d8e8 | — |
| variable.language | #eb9486 | italic |
| punctuation, meta.brace, meta.delimiter | #3a3b52 | — |
| entity.name.tag, meta.tag.sgml | #eb9486 | — |
| entity.other.attribute-name | #9fb8d8 | — |
| string.quoted.double.html, string.quoted.single.html | #a8d4a0 | — |
| support.type.property-name.css, entity.name.tag.css | #9fb8d8 | — |
| support.constant.property-value.css | #c8d8e8 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #f3de8a | — |
| constant.numeric.css, keyword.other.unit.css | #f3de8a | — |
| support.type.property-name.json | #9fb8d8 | — |
| entity.name.section.markdown, markup.heading | #f0eff8 | bold |
| markup.bold | #f3de8a | bold |
| markup.italic | #9fb8d8 | italic |
| markup.inline.raw, markup.fenced_code.block | #a8d4a0 | — |
| markup.underline.link | #b8c8e8 | — |
| meta.decorator, entity.name.function.decorator | #f3de8a | italic |
| support.function, support.function.builtin | #b8d0e8 | — |
| support.class | #f3de8a | — |
| invalid, invalid.illegal | #13141e | — |
| invalid.deprecated | #3a3b52 | strikethrough |