Potter Theme
Publisher: Lucas StrandThemes in package: 1
A dark, almost black theme with soft pastel colors for Cursor
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#0a0a0a
- activityBar.foreground#808080
- activityBarBadge.background#1a1a1a
- activityBarBadge.foreground#e0e0e0
- badge.background#1a1a1a
- badge.foreground#e0e0e0
- button.background#1a1a1a
- button.foreground#e0e0e0
- button.hoverBackground#2a2a2a
- checkboxes.background#1a1a1a
- checkboxes.foreground#e0e0e0
- dropdown.background#1a1a1a
- dropdown.border#2a2a2a
- dropdown.foreground#e0e0e0
- editor.background#0a0a0a
- editor.findMatchBackground#2a2a2a
- editor.findMatchHighlightBackground#1a1a1a
- editor.foreground#e0e0e0
- editor.lineHighlightBorder#151515
- editor.selectionBackground#1a1a1a
- editor.selectionHighlightBackground#1a1a1a
- editor.wordHighlightBackground#1a1a1a40
- editor.wordHighlightStrongBackground#1a1a1a60
- editorBracketMatchR.background#1a1a1a
- editorBracketMatchR.border#404040
- editorCursor.foreground#ffffff
- editorIndentGuide.activeBackground#2a2a2a
- editorIndentGuide.background#1a1a1a
- editorLineHighlight.background#151515
- editorLineNumber.activeForeground#808080
- editorLineNumber.foreground#404040
- editorMarkerNavigationError.background#2a1a1a
- editorMarkerNavigationInfo.background#1a1a1a
- editorMarkerNavigationWarning.background#2a2a1a
- editorWhitespace.foreground#1a1a1a
- gitDecoration.conflictingResourceForeground#ff6b6b
- gitDecoration.deletedResourceForeground#ff6b6b
- gitDecoration.ignoredResourceForeground#404040
- gitDecoration.modifiedResourceForeground#e0c080
- gitDecoration.untrackedResourceForeground#6bcf7f
- input.background#1a1a1a
- input.border#2a2a2a
- input.foreground#e0e0e0
- inputOption.activeBorder#808080
- inputValidation.errorBackground#2a1a1a
- inputValidation.errorBorder#4a0000
- inputValidation.infoBackground#1a1a2a
- inputValidation.infoBorder#00004a
- inputValidation.warningBackground#2a2a1a
- inputValidation.warningBorder#4a4a00
- list.activeSelectionBackground#1a1a1a
- list.activeSelectionForeground#e0e0e0
- list.hoverBackground#151515
- list.hoverForeground#e0e0e0
- list.inactiveSelectionBackground#151515
- list.inactiveSelectionForeground#e0e0e0
- menu.background#0a0a0a
- menu.foreground#e0e0e0
- menu.selectionBackground#1a1a1a
- menu.selectionForeground#e0e0e0
- menu.separatorBackground#1a1a1a
- menubar.selectionBackground#1a1a1a
- menubar.selectionForeground#e0e0e0
- notifications.background#0a0a0a
- notifications.border#1a1a1a
- notifications.foreground#e0e0e0
- notificationsErrorIcon.foreground#ff6b6b
- notificationsInfoIcon.foreground#6bcf7f
- notificationsWarningIcon.foreground#ffd93d
- panel.background#0a0a0a
- panel.border#1a1a1a
- panelTitle.activeForeground#e0e0e0
- panelTitle.inactiveForeground#808080
- peekView.border#1a1a1a
- peekViewEditor.background#0a0a0a
- peekViewEditor.matchHighlightBackground#1a1a1a40
- peekViewResult.background#0a0a0a
- peekViewResult.selectionBackground#1a1a1a
- peekViewTitle.background#0a0a0a
- peekViewTitleDescription.foreground#808080
- peekViewTitleLabel.foreground#e0e0e0
- progressBar.background#1a1a1a
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#40404080
- scrollbarSlider.background#1a1a1a80
- scrollbarSlider.hoverBackground#2a2a2a80
- sideBar.background#0a0a0a
- sideBar.foreground#e0e0e0
- sideBarSectionHeader.background#0a0a0a
- sideBarSectionHeader.foreground#e0e0e0
- sideBarTitle.foreground#e0e0e0
- statusBar.background#0a0a0a
- statusBar.debuggingBackground#1a1a1a
- statusBar.debuggingForeground#e0e0e0
- statusBar.foreground#e0e0e0
- statusBar.noFolderBackground#0a0a0a
- statusBar.noFolderForeground#e0e0e0
- tab.activeBackground#0a0a0a
- tab.activeBorder#1a1a1a
- tab.activeForeground#e0e0e0
- tab.border#1a1a1a
- tab.inactiveBackground#0a0a0a
- tab.inactiveForeground#808080
- titleBar.activeBackground#0a0a0a
- titleBar.activeForeground#e0e0e0
- titleBar.inactiveBackground#0a0a0a
- titleBar.inactiveForeground#808080
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8e8e93 | italic |
| string, string.quoted, string.template | #d4edda | — |
| constant.numeric | #fbbbaa | — |
| keyword, storage.type, storage.modifier | #dda4dd | italic |
| entity.name.function, support.function | #a5d5f8 | — |
| variable, entity.name.variable | #f8f9fa | — |
| entity.name.class, entity.name.type.class | #fff2cc | — |
| entity.name.type, support.type | #bae6ff | — |
| constant, entity.name.constant | #fbbbaa | — |
| entity.name.tag | #f5c2c7 | — |
| entity.other.attribute-name | #ffd9b3 | — |
| keyword.operator | #dda4dd | — |
| variable.parameter | #ffd9b3 | — |
| variable.other.property | #d4edda | — |
| invalid | #f5c2c7 | bold underline |
| invalid.deprecated | #f5c2c7 | italic |
| support.type.property-name.json | #bae6ff | — |
| string.quoted.double.json | #d4edda | — |
| entity.other.attribute-name.class | #fff2cc | — |
| entity.other.attribute-name.id | #fff2cc | — |
| string.template meta.template.expression | #bae6ff | — |
| string.regexp | #dda4dd | — |
| markup.heading | #dda4dd | bold |
| markup.bold | #fff2cc | bold |
| markup.italic | #dda4dd | italic |
| markup.inline.raw | #d4edda | — |
| markup.underline.link | #bae6ff | — |