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#f0eff8
- activityBar.border#e0dff0
- activityBar.foreground#272838
- activityBar.inactiveForeground#c0bfd8
- activityBarBadge.background#272838
- activityBarBadge.foreground#f9f8f8
- badge.background#272838
- badge.foreground#f9f8f8
- breadcrumb.activeSelectionForeground#7e7f9a
- breadcrumb.focusForeground#272838
- breadcrumb.foreground#c0bfd8
- breadcrumbPicker.background#ffffff
- button.background#272838
- button.foreground#f9f8f8
- button.hoverBackground#35364c
- button.secondaryBackground#7e7f9a
- button.secondaryForeground#f9f8f8
- button.secondaryHoverBackground#9898b8
- descriptionForeground#7e7f9a
- diffEditor.insertedLineBackground#3a806010
- diffEditor.insertedTextBackground#3a806018
- diffEditor.removedLineBackground#c8685810
- diffEditor.removedTextBackground#c8685818
- diffEditorGutter.insertedLineBackground#3a806025
- diffEditorGutter.removedLineBackground#c8685825
- dropdown.background#ffffff
- dropdown.border#d8d7e8
- dropdown.foreground#272838
- editor.background#fefefe
- editor.findMatchBackground#f3de8a60
- editor.findMatchHighlightBackground#f3de8a35
- editor.foreground#272838
- editor.inactiveSelectionBackground#eb948615
- editor.lineHighlightBackground#f5f4fc
- editor.rangeHighlightBackground#f3de8a18
- editor.selectionBackground#eb948628
- editor.selectionForeground#272838
- editor.wordHighlightBackground#7e7f9a18
- editor.wordHighlightStrongBackground#7e7f9a30
- editorBracketMatch.background#7e7f9a20
- editorBracketMatch.border#7e7f9a
- editorCursor.foreground#272838
- editorError.foreground#f14c4c
- editorGroupHeader.tabsBackground#f0eff8
- editorGroupHeader.tabsBorder#e0dff0
- editorGutter.addedBackground#4a9068
- editorGutter.background#fefefe
- editorGutter.deletedBackground#c86858
- editorGutter.modifiedBackground#7e7f9a
- editorHint.foreground#9898b8
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#d8d7e8
- editorHoverWidget.foreground#272838
- editorIndentGuide.activeBackground1#7e7f9a
- editorIndentGuide.background1#e0dff0
- editorInfo.foreground#5a5b8a
- editorLineNumber.activeForeground#7e7f9a
- editorLineNumber.foreground#c8c8d8
- editorRuler.foreground#e0dff0
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#d8d7e8
- editorSuggestWidget.foreground#272838
- editorSuggestWidget.highlightForeground#b86858
- editorSuggestWidget.selectedBackground#eb948618
- editorWarning.foreground#cca700
- editorWhitespace.foreground#e0dff0
- editorWidget.background#ffffff
- editorWidget.border#d8d7e8
- editorWidget.foreground#272838
- errorForeground#c86858
- extensionButton.prominentBackground#272838
- extensionButton.prominentForeground#f9f8f8
- extensionButton.prominentHoverBackground#35364c
- focusBorder#7e7f9a
- foreground#272838
- gitDecoration.addedResourceForeground#3a8060
- gitDecoration.conflictingResourceForeground#cca700
- gitDecoration.deletedResourceForeground#c86858
- gitDecoration.ignoredResourceForeground#c0bfd8
- gitDecoration.modifiedResourceForeground#5a5b8a
- gitDecoration.untrackedResourceForeground#7e7f9a
- icon.foreground#7e7f9a
- input.background#ffffff
- input.border#d8d7e8
- input.foreground#272838
- input.placeholderForeground#c0bfd8
- inputOption.activeBackground#7e7f9a18
- inputOption.activeBorder#7e7f9a
- inputOption.activeForeground#272838
- inputValidation.errorBackground#fff0f0
- inputValidation.errorBorder#f14c4c
- inputValidation.warningBackground#fff8e0
- inputValidation.warningBorder#cca700
- list.activeSelectionBackground#eb948620
- list.activeSelectionForeground#272838
- list.focusBackground#eb948620
- list.focusForeground#272838
- list.highlightForeground#b86858
- list.hoverBackground#eceaf8
- list.hoverForeground#272838
- list.inactiveSelectionBackground#eceaf8
- list.inactiveSelectionForeground#35364c
- listFilterWidget.background#f4f3fc
- listFilterWidget.outline#7e7f9a
- menu.background#fefefe
- menu.border#e0dff0
- menu.foreground#272838
- menu.selectionBackground#eb948618
- menu.selectionForeground#272838
- menu.separatorBackground#e0dff0
- menubar.selectionBackground#eceaf8
- menubar.selectionForeground#272838
- minimap.background#f4f3fc
- minimap.errorHighlight#f14c4c
- minimap.findMatchHighlight#f3de8a70
- minimap.selectionHighlight#eb948630
- minimap.warningHighlight#cca700
- minimapGutter.addedBackground#3a8060
- minimapGutter.deletedBackground#c86858
- minimapGutter.modifiedBackground#7e7f9a
- notifications.background#ffffff
- notifications.border#e0dff0
- notifications.foreground#272838
- notificationsErrorIcon.foreground#f14c4c
- notificationsInfoIcon.foreground#5a5b8a
- notificationsWarningIcon.foreground#cca700
- notificationToast.border#7e7f9a
- panel.background#f4f3fc
- panel.border#e0dff0
- panelTitle.activeBorder#c86858
- panelTitle.activeForeground#272838
- panelTitle.inactiveForeground#9898b8
- peekView.border#7e7f9a
- peekViewEditor.background#faf9fe
- peekViewEditor.matchHighlightBackground#f3de8a28
- peekViewResult.background#f4f3fc
- peekViewResult.fileForeground#272838
- peekViewResult.lineForeground#5a5b72
- peekViewResult.matchHighlightBackground#eb948625
- peekViewResult.selectionBackground#eb948620
- peekViewResult.selectionForeground#272838
- peekViewTitle.background#eceaf8
- peekViewTitleDescription.foreground#7e7f9a
- peekViewTitleLabel.foreground#272838
- pickerGroup.border#e0dff0
- pickerGroup.foreground#7e7f9a
- quickInput.background#ffffff
- quickInput.foreground#272838
- quickInputList.focusBackground#eb948618
- quickInputList.focusForeground#272838
- quickInputTitle.background#f0eff8
- scrollbar.shadow#00000015
- scrollbarSlider.activeBackground#7e7f9aa0
- scrollbarSlider.background#d0cfe880
- scrollbarSlider.hoverBackground#7e7f9a55
- selection.background#eb948620
- sideBar.background#f4f3fc
- sideBar.border#e0dff0
- sideBar.foreground#35364c
- sideBarSectionHeader.background#eceaf8
- sideBarSectionHeader.border#e0dff0
- sideBarSectionHeader.foreground#272838
- sideBarTitle.foreground#272838
- statusBar.background#272838
- statusBar.border#13141e
- statusBar.debuggingBackground#eb9486
- statusBar.debuggingBorder#c07060
- statusBar.debuggingForeground#fefefe
- statusBar.foreground#f9f8f8
- statusBar.noFolderBackground#fefefe
- statusBar.noFolderForeground#7e7f9a
- statusBarItem.activeBackground#424360
- statusBarItem.hoverBackground#35364c
- statusBarItem.remoteBackground#7e7f9a
- statusBarItem.remoteForeground#f9f8f8
- symbolIcon.classForeground#a08800
- symbolIcon.functionForeground#4858a0
- symbolIcon.keywordForeground#b85848
- symbolIcon.stringForeground#3a8060
- symbolIcon.variableForeground#272838
- tab.activeBackground#fefefe
- tab.activeBorder#c86858
- tab.activeForeground#272838
- tab.border#e0dff0
- tab.hoverBackground#eceaf8
- tab.hoverForeground#35364c
- tab.inactiveBackground#f0eff8
- tab.inactiveForeground#b0b0c8
- tab.unfocusedActiveBackground#f0eff8
- tab.unfocusedActiveForeground#9898b8
- terminal.ansiBlack#272838
- terminal.ansiBlue#4858a0
- terminal.ansiBrightBlack#5a5b72
- terminal.ansiBrightBlue#6878b8
- terminal.ansiBrightCyan#50a8a8
- terminal.ansiBrightGreen#4a9870
- terminal.ansiBrightMagenta#a880b8
- terminal.ansiBrightRed#eb9486
- terminal.ansiBrightWhite#fefefe
- terminal.ansiBrightYellow#c8aa20
- terminal.ansiCyan#3a8888
- terminal.ansiGreen#3a8060
- terminal.ansiMagenta#8860a0
- terminal.ansiRed#b85848
- terminal.ansiWhite#d0d0e0
- terminal.ansiYellow#a08800
- terminal.background#f4f3fc
- terminal.foreground#272838
- terminal.selectionBackground#eb948620
- terminalCursor.foreground#272838
- textBlockQuote.background#f0eff8
- textBlockQuote.border#7e7f9a
- textCodeBlock.background#f0eff8
- textLink.activeForeground#7e7f9a
- textLink.foreground#5a5b8a
- textPreformat.foreground#35364c
- textSeparator.foreground#e0dff0
- titleBar.activeBackground#f0eff8
- titleBar.activeForeground#272838
- titleBar.border#e0dff0
- titleBar.inactiveBackground#f0eff8
- titleBar.inactiveForeground#9898b8
- toolbar.activeBackground#eb948618
- toolbar.hoverBackground#eceaf8
- tree.indentGuidesStroke#d0cfe8
- widget.shadow#00000015
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #b0b2c8 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, storage.modifier | #b85848 | — |
| storage.type.function, storage.type.class, storage.type | #b85848 | italic |
| keyword.operator, keyword.operator.logical, keyword.operator.comparison | #9898b8 | — |
| string, string.quoted, string.template | #3a8060 | — |
| constant.character.escape, string.regexp | #4a9870 | — |
| constant.numeric | #a08800 | — |
| constant.language | #a08800 | italic |
| constant.other, variable.other.constant | #4858a0 | — |
| entity.name.function, meta.function entity.name.function | #3a4898 | — |
| meta.function-call.generic, meta.function-call entity.name.function | #4858b8 | — |
| variable.parameter, meta.parameter | #5878a0 | italic |
| entity.name.class, entity.name.type.class | #a08800 | — |
| entity.other.inherited-class | #a08800 | italic |
| entity.name.type, support.type | #4858a0 | — |
| entity.name.type.interface | #4858a0 | italic |
| variable, variable.other.readwrite | #272838 | — |
| variable.other.property, support.variable.property | #35364c | — |
| variable.language | #b85848 | italic |
| punctuation, meta.brace, meta.delimiter | #c0bfd8 | — |
| entity.name.tag, meta.tag.sgml | #b85848 | — |
| entity.other.attribute-name | #3a4898 | — |
| string.quoted.double.html, string.quoted.single.html | #3a8060 | — |
| support.type.property-name.css, entity.name.tag.css | #3a4898 | — |
| support.constant.property-value.css | #5878a0 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #a08800 | — |
| constant.numeric.css, keyword.other.unit.css | #a08800 | — |
| support.type.property-name.json | #3a4898 | — |
| entity.name.section.markdown, markup.heading | #272838 | bold |
| markup.bold | #a08800 | bold |
| markup.italic | #3a4898 | italic |
| markup.inline.raw, markup.fenced_code.block | #3a8060 | — |
| markup.underline.link | #4858a0 | — |
| meta.decorator, entity.name.function.decorator | #a08800 | italic |
| support.function, support.function.builtin | #4858b8 | — |
| support.class | #a08800 | — |
| invalid, invalid.illegal | #f9f8f8 | — |
| invalid.deprecated | #c0bfd8 | strikethrough |