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#f5f5f5
- activityBar.border#dcdcdc
- activityBar.foreground#8b5cf6
- activityBar.inactiveForeground#8f8f8f
- activityBarBadge.background#8b5cf6
- activityBarBadge.foreground#ffffff
- breadcrumb.background#f8f8f8
- breadcrumb.focusForeground#333333
- breadcrumb.foreground#8b8b8b
- button.background#8b5cf6
- button.foreground#ffffff
- button.hoverBackground#7c3aed
- dropdown.background#ffffff
- dropdown.border#cccccc
- dropdown.foreground#222222
- editor.background#fafafa
- editor.findMatchBackground#c4b5fd60
- editor.findMatchHighlightBackground#c4b5fd30
- editor.foreground#222222
- editor.lineHighlightBackground#f0f0ff
- editor.selectionBackground#c4b5fd44
- editor.selectionHighlightBackground#c4b5fd33
- editorCursor.foreground#8b5cf6
- errorForeground#ef5d9c
- gitDecoration.conflictingResourceForeground#c084fc
- gitDecoration.deletedResourceForeground#ef5d9c
- gitDecoration.ignoredResourceForeground#bbbbbb
- gitDecoration.modifiedResourceForeground#d9b03d
- gitDecoration.untrackedResourceForeground#8b5cf6
- infoForeground#8b5cf6
- input.background#ffffff
- input.border#cfcfcf
- input.foreground#222222
- inputOption.activeBorder#8b5cf6
- list.activeSelectionBackground#c4b5fd40
- list.activeSelectionForeground#111111
- list.hoverBackground#00000008
- list.inactiveSelectionBackground#c4b5fd22
- notifications.background#ffffff
- notifications.border#cccccc
- notifications.foreground#222222
- panel.background#fafafa
- panel.border#dcdcdc
- panelTitle.activeForeground#333333
- panelTitle.inactiveForeground#999999
- scrollbarSlider.activeBackground#c4b5fd80
- scrollbarSlider.background#c4b5fd40
- scrollbarSlider.hoverBackground#c4b5fd60
- sideBar.background#f2f2f2
- sideBar.border#dddddd
- sideBar.foreground#2e2e2e
- sideBarSectionHeader.background#ececec
- sideBarSectionHeader.foreground#7d7d7d
- sideBarTitle.foreground#222222
- statusBar.background#efefef
- statusBar.border#dcdcdc
- statusBar.foreground#222222
- statusBarItem.hoverBackground#e9e1ff
- tab.activeBackground#ffffff
- tab.activeBorder#8b5cf6
- tab.activeForeground#1b1b1b
- tab.border#dcdcdc
- tab.inactiveBackground#f2f2f2
- tab.inactiveForeground#999999
- terminal.ansiBlack#888888
- terminal.ansiBlue#8b5cf6
- terminal.ansiBrightBlack#aaaaaa
- terminal.ansiBrightBlue#a78bfa
- terminal.ansiBrightCyan#cfc6ff
- terminal.ansiBrightGreen#d6baff
- terminal.ansiBrightMagenta#d8b4fe
- terminal.ansiBrightRed#f788c8
- terminal.ansiBrightWhite#222222
- terminal.ansiBrightYellow#f3ce54
- terminal.ansiCyan#b5a6ff
- terminal.ansiGreen#b084f6
- terminal.ansiMagenta#c084fc
- terminal.ansiRed#ef5d9c
- terminal.ansiWhite#4a4a4a
- terminal.ansiYellow#d9b03d
- terminal.background#ffffff
- terminal.foreground#333333
- titleBar.activeBackground#ffffff
- titleBar.activeForeground#333333
- titleBar.border#dcdcdc
- warningForeground#d9b03d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #999999 | italic |
| string | #a78bfa | — |
| string.template | #c4b5fd | — |
| constant.numeric | #c084fc | — |
| constant.language.boolean | #a78bfa | — |
| keyword | #8b5cf6 | bold |
| keyword.control | #a78bfa | italic |
| keyword.operator | #8b5cf6 | — |
| entity.name.function | #a78bfa | bold |
| entity.name.class | #8b5cf6 | bold |
| variable | #111111 | — |
| variable.parameter | #c084fc | italic |
| meta.object-literal.key | #8b5cf6 | — |
| entity.name.tag | #8b5cf6 | — |
| entity.other.attribute-name | #a78bfa | — |
| support.constant.property-value.css | #a78bfa | — |