Printemps Theme
Publisher: Julien PerradinThemes in package: 1
A clean light grey and dark theme for VS Code
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#C5C7D3
- activityBar.border#C5C7D3
- activityBar.foreground#666666
- activityBar.inactiveForeground#999999
- activityBarBadge.background#545567
- activityBarBadge.foreground#E2E9F1
- badge.background#DDDDDD
- badge.foreground#333333
- button.background#545567
- button.foreground#F1F3F6
- button.hoverBackground#6F6A7E
- diffEditor.insertedTextBackground#C3E88D20
- diffEditor.removedTextBackground#FF537020
- dropdown.background#F1F3F6
- dropdown.border#F1F3F6
- dropdown.foreground#333333
- editor.background#F1F3F6
- editor.findMatchBackground#FFEF9A
- editor.findMatchHighlightBackground#FFEF9A88
- editor.foreground#15162B
- editor.inactiveSelectionBackground#E0E0E0
- editor.selectionBackground#D0E8F2
- editor.selectionHighlightBackground#E8F3F8
- editor.wordHighlightBackground#E8E8E8
- editorBracketHighlight.foreground1#0376A7
- editorBracketHighlight.foreground2#6A460C
- editorBracketHighlight.foreground3#094B67
- editorBracketHighlight.foreground4#C37C07
- editorBracketHighlight.foreground5#CD8001
- editorBracketMatch.background#E0E0E0
- editorBracketMatch.border#F1F3F6
- editorCursor.foreground#545567
- editorIndentGuide.activeBackground#CCCCCC
- editorIndentGuide.background#E0E0E0
- editorLineNumber.activeForeground#707070
- editorLineNumber.foreground#AAAAAA
- editorRuler.foreground#E0E0E0
- editorSuggestWidget.background#F1F3F6
- editorSuggestWidget.border#F1F3F6
- editorSuggestWidget.foreground#333333
- editorSuggestWidget.highlightForeground#D0E8F2
- editorSuggestWidget.selectedBackground#C5C7D3
- editorWhitespace.foreground#DDDDDD
- editorWidget.background#F1F3F6
- editorWidget.border#F1F3F6
- input.background#F1F3F6
- input.border#F1F3F6
- input.foreground#333333
- input.placeholderForeground#AAAAAA
- inputOption.activeBorder#6F6A7E
- inputValidation.errorBackground#F2DEDE
- inputValidation.errorBorder#D16969
- inputValidation.infoBackground#D6EAF8
- inputValidation.infoBorder#D0E8F2
- inputValidation.warningBackground#FCF8E3
- inputValidation.warningBorder#DCDCAA
- list.activeSelectionBackground#E0E0E0
- list.activeSelectionForeground#333333
- list.focusBackground#DDDDDD
- list.highlightForeground#555555
- list.hoverBackground#ECECEC
- list.hoverForeground#333333
- list.inactiveSelectionBackground#E8E8E8
- list.inactiveSelectionForeground#333333
- panel.background#E2E9F1
- panel.border#F1F3F6
- panelTitle.activeForeground#545567
- panelTitle.inactiveForeground#999999
- peekView.border#F1F3F6
- peekViewEditor.background#F1F3F6
- peekViewEditor.matchHighlightBackground#FFEF9A88
- peekViewResult.background#F1F3F6
- peekViewResult.fileForeground#555555
- peekViewResult.lineForeground#555555
- peekViewResult.matchHighlightBackground#FFEF9A88
- peekViewResult.selectionBackground#E0E0E0
- peekViewTitle.background#ECECEC
- peekViewTitleDescription.foreground#777777
- peekViewTitleLabel.foreground#555555
- progressBar.background#6fb3ec
- sideBar.background#E2E9F1
- sideBar.border#E2E9F1
- sideBar.foreground#555555
- sideBarSectionHeader.background#ECECEC
- sideBarSectionHeader.border#F1F3F6
- sideBarSectionHeader.foreground#555555
- sideBarTitle.foreground#555555
- statusBar.background#F1F3F6
- statusBar.border#F1F3F6
- statusBar.debuggingBackground#F5CAA5
- statusBar.debuggingForeground#705000
- statusBar.foreground#666666
- statusBar.noFolderBackground#F0F0F0
- statusBarItem.hoverBackground#E0E0E0
- statusBarItem.prominentBackground#E0E0E0
- statusBarItem.prominentHoverBackground#DDDDDD
- tab.activeBackground#F1F3F6
- tab.activeBorderTop#D0E8F2
- tab.activeForeground#333333
- tab.border#F1F3F6
- tab.inactiveBackground#F0F0F0
- tab.inactiveForeground#999999
- tab.unfocusedActiveBorderTop#AAAAAA
- terminal.ansiBlack#333333
- terminal.ansiBlue#6fb3ec
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#6fb3ec
- terminal.ansiBrightCyan#4EC9B0
- terminal.ansiBrightGreen#608B4E
- terminal.ansiBrightMagenta#c586c0
- terminal.ansiBrightRed#D16969
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#DCDCAA
- terminal.ansiCyan#4EC9B0
- terminal.ansiGreen#608B4E
- terminal.ansiMagenta#C586C0
- terminal.ansiRed#D16969
- terminal.ansiWhite#D4D4D4
- terminal.ansiYellow#DCDCAA
- terminal.background#E2E9F1
- terminal.foreground#333333
- titleBar.activeBackground#F0F0F0
- titleBar.activeForeground#555555
- titleBar.border#F1F3F6
- titleBar.inactiveBackground#F1F3F6
- titleBar.inactiveForeground#999999
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8E908C | italic |
| variable, string constant.other.placeholder | #495157 | — |
| constant.other.color | #6fb3ec | — |
| invalid, invalid.illegal | #D16969 | — |
| keyword, storage.type, storage.modifier | #563b65 | — |
| keyword.operator, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded | #8E8271 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #4B6EAF | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #555555 | — |
| meta.block variable.other | #4B6EAF | — |
| support.other.variable, string.other.link | #4B6EAF | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #986801 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #7F784A | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #563b65 | — |
| support.type | #0451A5 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #0451A5 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #4B6EAF | — |
| variable.language | #4B6EAF | italic |
| entity.name.method.js | #555555 | — |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #555555 | — |
| entity.other.attribute-name | #8959A8 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #8959A8 | italic |
| markup.inserted | #608B4E | — |
| markup.deleted | #D16969 | — |
| markup.changed | #C586C0 | — |
| string.regexp | #8E8271 | — |
| constant.character.escape | #8E8271 | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #555555 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #4B6EAF | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #4B6EAF | — |
| markup.italic | #4B6EAF | italic |
| markup.bold, markup.bold string | #4B6EAF | bold |
| string.other.link.title.markdown | #6fb3ec | — |