Obsidian Pro Theme
Publisher: williamkollerThemes in package: 8
A sleek dark theme for professional developers
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.background#050505
- activityBar.border#0f0f0f
- activityBar.foreground#b9a1ff
- activityBar.inactiveForeground#6b7280
- activityBarBadge.background#b9a1ff
- activityBarBadge.foreground#000000
- breadcrumb.background#0b0b0b
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#9ca3af
- button.background#b9a1ff
- button.foreground#000000
- button.hoverBackground#a78bfa
- dropdown.background#121212
- dropdown.border#6b7280
- dropdown.foreground#eaeaec
- editor.background#0b0b0b
- editor.findMatchBackground#c4b5fd55
- editor.findMatchHighlightBackground#c4b5fd33
- editor.foreground#eaeaec
- editor.lineHighlightBackground#121212
- editor.selectionBackground#b9a1ff33
- editor.selectionHighlightBackground#c4b5fd22
- editorCursor.foreground#b9a1ff
- errorForeground#ef4444
- gitDecoration.conflictingResourceForeground#b9a1ff
- gitDecoration.deletedResourceForeground#ef4444
- gitDecoration.ignoredResourceForeground#6b7280
- gitDecoration.modifiedResourceForeground#f5d487
- gitDecoration.untrackedResourceForeground#c4b5fd
- infoForeground#b9a1ff
- input.background#121212
- input.border#6b7280
- input.foreground#eaeaec
- inputOption.activeBorder#b9a1ff
- list.activeSelectionBackground#b9a1ff33
- list.activeSelectionForeground#ffffff
- list.hoverBackground#1f1f2320
- list.inactiveSelectionBackground#b9a1ff22
- notifications.background#121212
- notifications.border#6b7280
- notifications.foreground#eaeaec
- panel.background#080808
- panel.border#1e1e1e
- panelTitle.activeForeground#eaeaec
- panelTitle.inactiveForeground#9ca3af
- scrollbarSlider.activeBackground#b9a1ff70
- scrollbarSlider.background#b9a1ff30
- scrollbarSlider.hoverBackground#b9a1ff50
- sideBar.background#080808
- sideBar.border#1e1e1e
- sideBar.foreground#eaeaec
- sideBarSectionHeader.background#131313
- sideBarSectionHeader.foreground#9ca3af
- sideBarTitle.foreground#eaeaec
- statusBar.background#101010
- statusBar.border#1e1e1e
- statusBar.foreground#ffffff
- tab.activeBackground#121212
- tab.activeBorder#b9a1ff
- tab.activeForeground#ffffff
- tab.border#1e1e1e
- tab.inactiveBackground#080808
- tab.inactiveForeground#9ca3af
- terminal.ansiBlack#111111
- terminal.ansiBlue#a78bfa
- terminal.ansiBrightBlack#6b7280
- terminal.ansiBrightBlue#c4b5fd
- terminal.ansiBrightCyan#e9e3ff
- terminal.ansiBrightGreen#ddd6fe
- terminal.ansiBrightMagenta#dcd2ff
- terminal.ansiBrightRed#f87171
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f8e29a
- terminal.ansiCyan#ddd6fe
- terminal.ansiGreen#c4b5fd
- terminal.ansiMagenta#b9a1ff
- terminal.ansiRed#ef4444
- terminal.ansiWhite#f2f2f2
- terminal.ansiYellow#f5d487
- terminal.background#0b0b0b
- terminal.foreground#eaeaec
- titleBar.activeBackground#050505
- titleBar.activeForeground#eaeaec
- titleBar.border#0f0f0f
- warningForeground#f5d487
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6b7280 | italic |
| string | #c4b5fd | — |
| string.template | #ddd6fe | — |
| constant.numeric | #f5d487 | — |
| constant.language.boolean | #ddd6fe | — |
| keyword | #b9a1ff | bold |
| keyword.control | #c4b5fd | italic |
| keyword.operator | #a78bfa | — |
| entity.name.function | #c4b5fd | bold |
| entity.name.class | #b9a1ff | bold |
| variable | #eaeaec | — |
| variable.parameter | #f5d487 | italic |
| meta.object-literal.key | #c4b5fd | — |
| entity.name.tag | #b9a1ff | — |
| entity.other.attribute-name | #c4b5fd | — |
| support.constant.property-value.css | #ddd6fe | — |