Precipi Themes
Publisher: precipiThemes in package: 6
A curated collection of themes by precipi
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.activeBorder#FF2D78
- activityBar.background#2D0057
- activityBar.foreground#FF6EC7
- activityBar.inactiveForeground#9B5FCC
- activityBarBadge.background#FF2D78
- activityBarBadge.foreground#FFFFFF
- badge.background#FF2D78
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#FF2D78
- breadcrumb.background#EDE4FF
- breadcrumb.foreground#7B4F9E
- breadcrumbPicker.background#EDE4FF
- button.background#7B2FBE
- button.foreground#FFFFFF
- button.hoverBackground#9B30FF
- dropdown.background#EDE4FF
- dropdown.border#C77DFF
- dropdown.foreground#1A0533
- editor.background#F5F0FF
- editor.findMatchBackground#FF6EC766
- editor.findMatchHighlightBackground#FF6EC733
- editor.foreground#1A0533
- editor.lineHighlightBackground#EDE4FF
- editor.selectionBackground#D4A0FF55
- editor.selectionHighlightBackground#FF6EC733
- editor.wordHighlightBackground#C77DFF33
- editorCursor.foreground#FF2D78
- editorError.foreground#FF2D78
- editorGroupHeader.tabsBackground#EDE4FF
- editorGutter.addedBackground#39FF14
- editorGutter.deletedBackground#FF2D78
- editorGutter.modifiedBackground#FF6EC7
- editorIndentGuide.activeBackground1#C77DFF
- editorIndentGuide.background1#E0D0F8
- editorInfo.foreground#00F5FF
- editorLineNumber.activeForeground#9B30FF
- editorLineNumber.foreground#C4A8E8
- editorOverviewRuler.addedForeground#39FF14
- editorOverviewRuler.errorForeground#FF2D78
- editorOverviewRuler.modifiedForeground#FF6EC7
- editorWarning.foreground#FFD700
- editorWhitespace.foreground#D8C8F0
- gitDecoration.addedResourceForeground#39FF14
- gitDecoration.deletedResourceForeground#FF2D78
- gitDecoration.modifiedResourceForeground#FF6EC7
- gitDecoration.untrackedResourceForeground#9B5FCC
- input.background#F5F0FF
- input.border#C77DFF
- input.foreground#1A0533
- input.placeholderForeground#C4A8E8
- inputOption.activeBackground#C77DFF33
- inputOption.activeBorder#FF2D78
- list.activeSelectionBackground#C77DFF
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#C77DFF88
- list.hoverBackground#D4A0FF44
- list.inactiveSelectionBackground#E0D0F8
- notificationCenterHeader.background#2D0057
- notificationCenterHeader.foreground#FF6EC7
- notifications.background#EDE4FF
- notifications.border#C77DFF
- panel.background#EDE4FF
- panel.border#C77DFF
- panelTitle.activeBorder#FF2D78
- panelTitle.activeForeground#FF2D78
- quickInput.background#EDE4FF
- quickInputList.focusBackground#C77DFF
- scrollbarSlider.activeBackground#FF2D78AA
- scrollbarSlider.background#C77DFF44
- scrollbarSlider.hoverBackground#C77DFF88
- sideBar.background#EDE4FF
- sideBar.border#C77DFF
- sideBar.foreground#1A0533
- sideBarSectionHeader.background#D8C4FF
- sideBarSectionHeader.foreground#4A0080
- sideBarTitle.foreground#7B2FBE
- statusBar.background#2D0057
- statusBar.debuggingBackground#FF2D78
- statusBar.foreground#FF6EC7
- statusBar.noFolderBackground#4A0080
- statusBarItem.hoverBackground#FF6EC733
- tab.activeBackground#F5F0FF
- tab.activeBorderTop#FF2D78
- tab.activeForeground#1A0533
- tab.border#C77DFF44
- tab.hoverBackground#D4A0FF44
- tab.inactiveBackground#E0D0F8
- tab.inactiveForeground#7B4F9E
- terminal.ansiBlack#2D0057
- terminal.ansiBlue#6E44FF
- terminal.ansiBrightBlack#7B4F9E
- terminal.ansiBrightBlue#AE8FFF
- terminal.ansiBrightCyan#66FAFF
- terminal.ansiBrightGreen#80FF44
- terminal.ansiBrightMagenta#FF6EC7
- terminal.ansiBrightRed#FF6EC7
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFE84D
- terminal.ansiCyan#00F5FF
- terminal.ansiGreen#39FF14
- terminal.ansiMagenta#FF2D78
- terminal.ansiRed#FF2D78
- terminal.ansiWhite#E8D5FF
- terminal.ansiYellow#FFD700
- terminal.background#1A0030
- terminal.foreground#E8D5FF
- terminalCursor.foreground#FF2D78
- titleBar.activeBackground#2D0057
- titleBar.activeForeground#FF6EC7
- titleBar.inactiveBackground#3D0075
- titleBar.inactiveForeground#9B5FCC
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #B39DCC | italic |
| string, string.quoted | #C2185B | — |
| constant.character.escape | #FF2D78 | bold |
| constant.numeric, constant.language | #FF6EC7 | bold |
| keyword, keyword.control, keyword.operator.new | #9B30FF | bold |
| storage, storage.type | #7B2FBE | bold |
| entity.name.function, meta.function-call entity.name.function | #FF2D78 | bold |
| variable.parameter | #C77DFF | — |
| entity.name.class, entity.name.type, support.class | #6E44FF | bold |
| entity.other.inherited-class | #AE8FFF | italic |
| variable, variable.other | #1A0533 | — |
| variable.language, support.variable | #7B2FBE | — |
| variable.other.property, support.type.property-name, entity.other.attribute-name | #00B4D8 | — |
| support.function, support.function.builtin | #FF6EC7 | — |
| keyword.operator, punctuation.separator.key-value | #FF2D78 | — |
| punctuation, meta.brace | #7B4F9E | — |
| entity.name.tag, meta.tag | #9B30FF | bold |
| entity.other.attribute-name.html | #FF6EC7 | — |
| support.type.property-name.css, meta.property-name.css | #00B4D8 | — |
| meta.property-value.css, support.constant.property-value.css | #FF6EC7 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FF2D78 | bold |
| keyword.control.import, keyword.control.from, support.module | #9B30FF | bold |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #FFD700 | italic |
| meta.type.annotation, support.type.primitive | #6E44FF | — |
| variable.other.constant | #FF6EC7 | bold |
| invalid | #FF2D78 | bold underline |
| markup.heading, entity.name.section.markdown | #9B30FF | bold |
| markup.bold | #FF2D78 | bold |
| markup.italic | #C77DFF | italic |
| markup.inline.raw, markup.fenced_code.block | #00B4D8 | — |
| markup.underline.link | #FF6EC7 | underline |