Obsidian Pro Theme

Color themes

• 

  Obsidian Pro (Dark Purple Neon)

• 

  Obsidian Pro (Dark Purple Pastel)

• 

  Obsidian Pro (White)

• 

  Obsidian Pro (White Purple)

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#c084fc
• activityBar.inactiveForeground#6b7280
• activityBarBadge.background#c084fc
• activityBarBadge.foreground#ffffff
• breadcrumb.background#0a0a0a
• breadcrumb.focusForeground#ffffff
• breadcrumb.foreground#a3a3a3
• button.background#c084fc
• button.foreground#000000
• button.hoverBackground#a855f7
• dropdown.background#111111
• dropdown.border#6b7280
• dropdown.foreground#ffffff
• editor.background#0a0a0a
• editor.findMatchBackground#c084fc55
• editor.findMatchHighlightBackground#c084fc33
• editor.foreground#f4f4f5
• editor.lineHighlightBackground#111111
• editor.selectionBackground#c084fc33
• editor.selectionHighlightBackground#c084fc22
• editorCursor.foreground#c084fc
• errorForeground#f43f5e
• gitDecoration.conflictingResourceForeground#e879f9
• gitDecoration.deletedResourceForeground#f43f5e
• gitDecoration.ignoredResourceForeground#6b7280
• gitDecoration.modifiedResourceForeground#facc15
• gitDecoration.untrackedResourceForeground#c084fc
• infoForeground#c084fc
• input.background#111111
• input.border#6b7280
• input.foreground#ffffff
• inputOption.activeBorder#c084fc
• list.activeSelectionBackground#c084fc33
• list.activeSelectionForeground#ffffff
• list.hoverBackground#1f1f2333
• list.inactiveSelectionBackground#c084fc22
• notifications.background#111111
• notifications.border#6b7280
• notifications.foreground#ffffff
• panel.background#070707
• panel.border#1f1f23
• panelTitle.activeForeground#ffffff
• panelTitle.inactiveForeground#a3a3a3
• scrollbarSlider.activeBackground#c084fc77
• scrollbarSlider.background#c084fc33
• scrollbarSlider.hoverBackground#c084fc55
• sideBar.background#070707
• sideBar.border#1f1f23
• sideBar.foreground#f4f4f5
• sideBarSectionHeader.background#111111
• sideBarSectionHeader.foreground#a3a3a3
• sideBarTitle.foreground#ffffff
• statusBar.background#0f0f0f
• statusBar.border#1f1f23
• statusBar.foreground#f4f4f5
• tab.activeBackground#111111
• tab.activeBorder#c084fc
• tab.activeForeground#ffffff
• tab.border#1f1f23
• tab.inactiveBackground#080808
• tab.inactiveForeground#a3a3a3
• terminal.ansiBlack#111111
• terminal.ansiBlue#c084fc
• terminal.ansiBrightBlack#6b7280
• terminal.ansiBrightBlue#d8b4fe
• terminal.ansiBrightCyan#f5e8ff
• terminal.ansiBrightGreen#e9d5ff
• terminal.ansiBrightMagenta#e9d5ff
• terminal.ansiBrightRed#fb7185
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#fde047
• terminal.ansiCyan#e9d5ff
• terminal.ansiGreen#c084fc
• terminal.ansiMagenta#e879f9
• terminal.ansiRed#f43f5e
• terminal.ansiWhite#fafafa
• terminal.ansiYellow#facc15
• terminal.background#0a0a0a
• terminal.foreground#f4f4f5
• titleBar.activeBackground#050505
• titleBar.activeForeground#f4f4f5
• titleBar.border#0f0f0f
• warningForeground#facc15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).