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#FF6B00
- activityBar.background#241809
- activityBar.foreground#FF9500
- activityBar.inactiveForeground#8A6038
- activityBarBadge.background#FF5C2D
- activityBarBadge.foreground#FFFFFF
- badge.background#FF5C2D
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#FF6B00
- breadcrumb.background#1A1206
- breadcrumb.foreground#8A6038
- breadcrumbPicker.background#1F1509
- button.background#FF6B00
- button.foreground#1A1206
- button.hoverBackground#FF8C1A
- dropdown.background#241809
- dropdown.border#3A2812
- dropdown.foreground#FFE6CC
- editor.background#1A1206
- editor.findMatchBackground#FF8A0066
- editor.findMatchHighlightBackground#FF8A0033
- editor.foreground#FFE6CC
- editor.lineHighlightBackground#241A0C
- editor.selectionBackground#FF8A0033
- editor.selectionHighlightBackground#FF8A0022
- editor.wordHighlightBackground#FFA02A26
- editorCursor.foreground#FF6B00
- editorError.foreground#FF5C2D
- editorGroupHeader.tabsBackground#1F1509
- editorGutter.addedBackground#5FD938
- editorGutter.deletedBackground#FF5C2D
- editorGutter.modifiedBackground#FF9500
- editorIndentGuide.activeBackground1#FF9500
- editorIndentGuide.background1#2E2010
- editorInfo.foreground#2DD4E8
- editorLineNumber.activeForeground#FF9500
- editorLineNumber.foreground#6B4A2A
- editorOverviewRuler.addedForeground#5FD938
- editorOverviewRuler.errorForeground#FF5C2D
- editorOverviewRuler.modifiedForeground#FF9500
- editorWarning.foreground#FFB300
- editorWhitespace.foreground#3A2812
- gitDecoration.addedResourceForeground#5FD938
- gitDecoration.deletedResourceForeground#FF5C2D
- gitDecoration.modifiedResourceForeground#FF9500
- gitDecoration.untrackedResourceForeground#8A6038
- input.background#241809
- input.border#3A2812
- input.foreground#FFE6CC
- input.placeholderForeground#8A6038
- inputOption.activeBackground#FF8A002A
- inputOption.activeBorder#FF6B00
- list.activeSelectionBackground#FF8C1A
- list.activeSelectionForeground#1A1206
- list.focusBackground#FF95003A
- list.hoverBackground#FF8A001A
- list.inactiveSelectionBackground#2A1C0C
- notificationCenterHeader.background#241809
- notificationCenterHeader.foreground#FF9500
- notifications.background#241809
- notifications.border#3A2812
- panel.background#1F1509
- panel.border#3A2812
- panelTitle.activeBorder#FF6B00
- panelTitle.activeForeground#FF6B00
- quickInput.background#1F1509
- quickInputList.focusBackground#FF8C1A
- scrollbarSlider.activeBackground#FF6B00AA
- scrollbarSlider.background#FF8A0033
- scrollbarSlider.hoverBackground#FF8A0055
- sideBar.background#1F1509
- sideBar.border#3A2812
- sideBar.foreground#FFE6CC
- sideBarSectionHeader.background#2A1C0C
- sideBarSectionHeader.foreground#FFB300
- sideBarTitle.foreground#FF9500
- statusBar.background#241809
- statusBar.debuggingBackground#FF5C2D
- statusBar.foreground#FF9500
- statusBar.noFolderBackground#2A1C0C
- statusBarItem.hoverBackground#FF8A0022
- tab.activeBackground#1A1206
- tab.activeBorderTop#FF6B00
- tab.activeForeground#FFE6CC
- tab.border#241809
- tab.hoverBackground#FF8A001A
- tab.inactiveBackground#1F1509
- tab.inactiveForeground#8A6038
- terminal.ansiBlack#2A1C0C
- terminal.ansiBlue#4D9FFF
- terminal.ansiBrightBlack#8A6038
- terminal.ansiBrightBlue#8FC0FF
- terminal.ansiBrightCyan#66E8F0
- terminal.ansiBrightGreen#80FF44
- terminal.ansiBrightMagenta#FF9A6D
- terminal.ansiBrightRed#FF8A5D
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFD24D
- terminal.ansiCyan#2DD4E8
- terminal.ansiGreen#5FD938
- terminal.ansiMagenta#FF6B3D
- terminal.ansiRed#FF5C2D
- terminal.ansiWhite#FFE6CC
- terminal.ansiYellow#FFB300
- terminal.background#140D04
- terminal.foreground#FFE6CC
- terminalCursor.foreground#FF6B00
- titleBar.activeBackground#241809
- titleBar.activeForeground#FF9500
- titleBar.inactiveBackground#1A1206
- titleBar.inactiveForeground#8A6038
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A5A3A | italic |
| string, string.quoted | #E8B84D | — |
| constant.character.escape | #FF6B3D | bold |
| constant.numeric, constant.language | #FF9F40 | bold |
| keyword, keyword.control, keyword.operator.new | #FF7E1A | bold |
| storage, storage.type | #E07A2E | bold |
| entity.name.function, meta.function-call entity.name.function | #FF5C2D | bold |
| variable.parameter | #E0944D | — |
| entity.name.class, entity.name.type, support.class | #FFA040 | bold |
| entity.other.inherited-class | #FFB870 | italic |
| variable, variable.other | #FFE6CC | — |
| variable.language, support.variable | #E07A2E | — |
| variable.other.property, support.type.property-name, entity.other.attribute-name | #2DD4E8 | — |
| support.function, support.function.builtin | #FFA060 | — |
| keyword.operator, punctuation.separator.key-value | #FF5C2D | — |
| punctuation, meta.brace | #B58A5E | — |
| entity.name.tag, meta.tag | #FF7E1A | bold |
| entity.other.attribute-name.html | #FFA060 | — |
| support.type.property-name.css, meta.property-name.css | #2DD4E8 | — |
| meta.property-value.css, support.constant.property-value.css | #FFA060 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FF5C2D | bold |
| keyword.control.import, keyword.control.from, support.module | #FF7E1A | bold |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #FFC247 | italic |
| meta.type.annotation, support.type.primitive | #FFA040 | — |
| variable.other.constant | #FF9F40 | bold |
| invalid | #FF5C2D | bold underline |
| markup.heading, entity.name.section.markdown | #FF7E1A | bold |
| markup.bold | #FF5C2D | bold |
| markup.italic | #FFB870 | italic |
| markup.inline.raw, markup.fenced_code.block | #2DD4E8 | — |
| markup.underline.link | #FFA060 | underline |