Blue PSL 10K
Publisher: Jeremy CombsThemes in package: 1
Eye-friendly pastels. Unapologetically posh. Blue PSL 10K brings the spice.
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.activeBackground#eff1f5
- activityBar.activeBorder#3465a4
- activityBar.background#e6e9ef
- activityBar.dropBorder#3465a4
- activityBar.foreground#3c3f54
- activityBar.inactiveForeground#6c6f85
- activityBarBadge.background#3465a4
- activityBarBadge.foreground#eff1f5
- button.background#3465a4
- button.foreground#eff1f5
- button.hoverBackground#2855a3
- diffEditor.insertedTextBackground#40a02b20
- diffEditor.removedTextBackground#d20f3920
- editor.background#eff1f5
- editor.foreground#4c4f69
- editor.lineHighlightBackground#4c4f6910
- editor.selectionBackground#a9c1e2
- editor.selectionForeground#24292f
- editorCursor.foreground#dc8a78
- editorError.foreground#d20f39
- editorGroupHeader.border#ccd0da
- editorGroupHeader.noTabsBackground#e6e9ef
- editorGroupHeader.tabsBackground#e6e9ef
- editorInfo.foreground#179299
- editorLineNumber.activeForeground#7287fd
- editorLineNumber.foreground#8c8fa1
- editorWarning.foreground#df8e1d
- focusBorder#3465a4
- gitDecoration.addedResourceForeground#40a02b
- gitDecoration.conflictingResourceForeground#e64553
- gitDecoration.deletedResourceForeground#d20f39
- gitDecoration.modifiedResourceForeground#df8e1d
- gitDecoration.untrackedResourceForeground#40a02b
- icon.foreground#3465a4
- input.background#eff1f5
- input.border#ccd0da
- input.foreground#4c4f69
- input.placeholderForeground#9ca0b0
- list.activeSelectionBackground#3465a4
- list.activeSelectionForeground#eff1f5
- list.activeSelectionIconForeground#eff1f5
- list.focusBackground#dce0e8
- list.focusForeground#4c4f69
- list.focusHighlightForeground#eff1f5
- list.highlightForeground#3465a4
- list.hoverBackground#eff1f5
- list.hoverForeground#4c4f69
- list.inactiveSelectionBackground#ccd0da
- list.inactiveSelectionForeground#4c4f69
- panel.background#e6e9ef
- panel.border#ccd0da
- panelTitle.activeBorder#3465a4
- panelTitle.activeForeground#4c4f69
- panelTitle.inactiveForeground#6c6f85
- pickerGroup.border#ccd0da
- pickerGroup.foreground#3465a4
- quickInput.background#e6e9ef
- quickInput.foreground#4c4f69
- quickInputList.focusBackground#3465a4
- quickInputList.focusForeground#eff1f5
- quickInputList.focusIconForeground#eff1f5
- quickInputTitle.background#e6e9ef
- sideBar.background#e6e9ef
- sideBar.dropBackground#ccd0da80
- sideBar.foreground#5c5f77
- sideBarSectionHeader.background#e6e9ef
- sideBarSectionHeader.border#ccd0da
- sideBarSectionHeader.foreground#5c5f77
- sideBarTitle.foreground#5c5f77
- statusBar.background#3465a4
- statusBar.border#2855a3
- statusBar.debuggingBackground#fe640b
- statusBar.debuggingBorder#fe640b
- statusBar.debuggingForeground#eff1f5
- statusBar.foreground#eff1f5
- statusBar.noFolderBackground#3465a4
- statusBar.noFolderBorder#2855a3
- statusBar.noFolderForeground#eff1f5
- statusBarItem.activeBackground#2855a3
- statusBarItem.errorBackground#d20f39
- statusBarItem.errorForeground#eff1f5
- statusBarItem.errorHoverBackground#e6475f
- statusBarItem.errorHoverForeground#eff1f5
- statusBarItem.hoverBackground#5a85c2
- statusBarItem.prominentBackground#ccd0da
- statusBarItem.prominentForeground#4c4f69
- statusBarItem.prominentHoverBackground#eff1f5
- statusBarItem.remoteBackground#3465a4
- statusBarItem.remoteForeground#eff1f5
- statusBarItem.remoteHoverBackground#5a85c2
- statusBarItem.remoteHoverForeground#eff1f5
- statusBarItem.warningBackground#df8e1d
- statusBarItem.warningForeground#eff1f5
- statusBarItem.warningHoverBackground#e9a84d
- statusBarItem.warningHoverForeground#eff1f5
- tab.activeBackground#eff1f5
- tab.activeForeground#4c4f69
- tab.border#ccd0da
- tab.hoverBackground#e6e9ef
- tab.hoverForeground#4c4f69
- tab.inactiveBackground#e6e9ef
- tab.inactiveForeground#6c6f85
- terminal.ansiBlack#5c5f77
- terminal.ansiBlue#3465a4
- terminal.ansiBrightBlack#6c6f85
- terminal.ansiBrightBlue#3465a4
- terminal.ansiBrightCyan#179299
- terminal.ansiBrightGreen#40a02b
- terminal.ansiBrightMagenta#ea76cb
- terminal.ansiBrightRed#d20f39
- terminal.ansiBrightWhite#bcc0cc
- terminal.ansiBrightYellow#df8e1d
- terminal.ansiCyan#179299
- terminal.ansiGreen#40a02b
- terminal.ansiMagenta#ea76cb
- terminal.ansiRed#d20f39
- terminal.ansiWhite#acb0be
- terminal.ansiYellow#df8e1d
- terminal.background#eff1f5
- terminal.foreground#4c4f69
- titleBar.activeBackground#e6e9ef
- titleBar.activeForeground#4c4f69
- titleBar.inactiveBackground#eff1f5
- titleBar.inactiveForeground#6c6f85
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7c7f93 | italic |
| string, string.quoted | #40a02b | — |
| constant.numeric, constant.language, constant.character | #fe640b | — |
| keyword, storage.type, storage.modifier | #8839ef | — |
| entity.name.function, support.function | #3465a4 | — |
| entity.name.type, entity.name.class, support.class | #df8e1d | — |
| variable, variable.other | #4c4f69 | — |
| variable.parameter | #e64553 | — |
| entity.name.tag | #8839ef | — |
| entity.other.attribute-name | #df8e1d | — |
| keyword.operator | #04a5e5 | — |
| punctuation.definition.string, string.regexp | #ea76cb | — |
| support.type.property-name, meta.object-literal.key | #3465a4 | — |
| entity.name.function.macro, meta.preprocessor | #dc8a78 | — |
| text.html.markdown, meta.paragraph.markdown | #3465a4 | — |
| markup.heading, punctuation.definition.heading.markdown | #8839ef | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.raw.inline.markdown | #fe640b | — |
| markup.underline.link | #1e66f5 | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #179299 | — |
| markup.quote | #7c7f93 | italic |
| punctuation.definition.list.begin.markdown | #df8e1d | — |
| fenced_code.block.language.markdown | #40a02b | — |
| entity.name.tag.yaml, punctuation.definition.block.sequence.item.yaml | #3465a4 | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml | #df8e1d | — |
| storage.type.tag-handle.yaml, constant.language.yaml | #fe640b | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #8839ef | — |
| support.type.property-name.css, meta.property-name.css | #3465a4 | — |
| support.constant.property-value.css, keyword.other.unit.css, constant.other.color.css | #fe640b | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #179299 | — |
| variable.scss, variable.sass, variable.css | #e64553 | — |
| entity.name.function.scss, keyword.control.at-rule.mixin.scss, keyword.control.at-rule.include.scss | #3465a4 | — |
| variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell, variable.other.bracket.shell, punctuation.definition.variable.shell | #e64553 | — |
| support.function.builtin.shell, entity.name.command.shell | #3465a4 | — |
| comment.line.shebang, punctuation.definition.comment.shebang | #dc8a78 | |
| entity.name.section.toml, punctuation.definition.table.toml, punctuation.definition.table.array.toml | #8839ef | bold |
| support.type.property-name.toml, variable.key.toml | #3465a4 | — |
| constant.other.date.toml, constant.other.datetime.toml | #179299 | — |
| markup.inserted.diff, punctuation.definition.inserted.diff | #40a02b | — |
| markup.deleted.diff, punctuation.definition.deleted.diff | #d20f39 | — |
| markup.changed.diff | #df8e1d | — |
| meta.diff.header, meta.diff.range, punctuation.definition.range.diff | #7287fd | — |
| entity.other.attribute-name.namespace.xml | #df8e1d | — |
| variable.language.documentroot.xml, constant.character.entity.xml, punctuation.definition.entity.xml | #fe640b | — |
| entity.name.section.group-title.ini | #8839ef | bold |
| keyword.other.definition.ini | #3465a4 | — |
| entity.name.function.target.makefile | #3465a4 | bold |
| variable.other.makefile, variable.language.makefile | #e64553 | — |
| variable.language.automatic.makefile | #dc8a78 | — |
| markup.heading.restructuredtext, punctuation.definition.heading.restructuredtext | #8839ef | bold |
| meta.directive.restructuredtext, punctuation.definition.directive.restructuredtext | #3465a4 | — |
| string.other.interpreted.restructuredtext | #179299 | — |
| punctuation.definition.block.begin, punctuation.definition.block.end, punctuation.brackets, meta.brace | #6c6f85 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor | #6c6f85 | — |
| constant.character.escape | #ea76cb | — |
| invalid, invalid.deprecated | #d20f39 | strikethrough |