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#050506
- activityBar.border#0f0f0f
- activityBar.foreground#e879f9
- activityBar.inactiveForeground#6b7280
- activityBarBadge.background#e879f9
- activityBarBadge.foreground#ffffff
- breadcrumb.background#0a0a0c
- breadcrumb.focusForeground#ededf2
- breadcrumb.foreground#a1a1aa
- button.background#e879f9
- button.foreground#ffffff
- button.hoverBackground#d946ef
- dropdown.background#111113
- dropdown.border#6b7280
- dropdown.foreground#ededf2
- editor.background#0a0a0c
- editor.findMatchBackground#f0abfc60
- editor.findMatchHighlightBackground#f0abfc30
- editor.foreground#ededf2
- editor.lineHighlightBackground#111113
- editor.selectionBackground#e879f933
- editor.selectionHighlightBackground#f0abfc33
- editorCursor.foreground#e879f9
- errorForeground#fb7185
- gitDecoration.conflictingResourceForeground#f0abfc
- gitDecoration.deletedResourceForeground#fb7185
- gitDecoration.ignoredResourceForeground#6b7280
- gitDecoration.modifiedResourceForeground#fbbf24
- gitDecoration.untrackedResourceForeground#e879f9
- infoForeground#e879f9
- input.background#111113
- input.border#6b7280
- input.foreground#ededf2
- inputOption.activeBorder#e879f9
- list.activeSelectionBackground#e879f933
- list.activeSelectionForeground#ffffff
- list.hoverBackground#1f1f2320
- list.inactiveSelectionBackground#e879f920
- notifications.background#111113
- notifications.border#6b7280
- notifications.foreground#ededf2
- panel.background#070708
- panel.border#1f1f23
- panelTitle.activeForeground#ededf2
- panelTitle.inactiveForeground#a1a1aa
- scrollbarSlider.activeBackground#e879f970
- scrollbarSlider.background#e879f930
- scrollbarSlider.hoverBackground#e879f950
- sideBar.background#070708
- sideBar.border#1f1f23
- sideBar.foreground#ededf2
- sideBarSectionHeader.background#101012
- sideBarSectionHeader.foreground#a1a1aa
- sideBarTitle.foreground#ededf2
- statusBar.background#0e0e10
- statusBar.border#1f1f23
- statusBar.foreground#ededf2
- statusBarItem.hoverBackground#e879f933
- tab.activeBackground#111113
- tab.activeBorder#e879f9
- tab.activeForeground#ffffff
- tab.border#1f1f23
- tab.inactiveBackground#08080a
- tab.inactiveForeground#a1a1aa
- terminal.ansiBlack#1d1d20
- terminal.ansiBlue#c084fc
- terminal.ansiBrightBlack#6b7280
- terminal.ansiBrightBlue#d8b4fe
- terminal.ansiBrightCyan#fbcfe8
- terminal.ansiBrightGreen#f5d0fe
- terminal.ansiBrightMagenta#f0abfc
- terminal.ansiBrightRed#fb7185
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fcd34d
- terminal.ansiCyan#f9a8d4
- terminal.ansiGreen#f0abfc
- terminal.ansiMagenta#e879f9
- terminal.ansiRed#f472b6
- terminal.ansiWhite#fafafa
- terminal.ansiYellow#fbbf24
- terminal.background#0a0a0c
- terminal.foreground#ededf2
- titleBar.activeBackground#050506
- titleBar.activeForeground#ededf2
- titleBar.border#0f0f0f
- warningForeground#fbbf24
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6b7280 | italic |
| string | #f0abfc | — |
| string.template | #f5d0fe | — |
| constant.numeric | #fbbf24 | — |
| constant.language.boolean | #f0abfc | — |
| keyword | #e879f9 | bold |
| keyword.control | #f0abfc | italic |
| keyword.operator | #f472b6 | — |
| entity.name.function | #d8b4fe | bold |
| entity.name.class | #e879f9 | bold |
| variable | #ffffff | — |
| variable.parameter | #fbbf24 | italic |
| meta.object-literal.key | #f0abfc | — |
| entity.name.tag | #f0abfc | — |
| entity.other.attribute-name | #e879f9 | — |
| support.constant.property-value.css | #f5d0fe | — |