Obsidian Pro Theme

Color themes

• 

  Obsidian Pro (Dark)

• 

  Obsidian Pro (Dark Blue Purple)

• 

  Obsidian Pro (Dark Pink Purple)

• 

  Obsidian Pro (Dark 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#050506
• activityBar.border#0f0f0f
• activityBar.foreground#818cf8
• activityBar.inactiveForeground#6b7280
• activityBarBadge.background#818cf8
• activityBarBadge.foreground#ffffff
• breadcrumb.background#09090b
• breadcrumb.focusForeground#e5e7eb
• breadcrumb.foreground#9ca3af
• button.background#6366f1
• button.foreground#ffffff
• button.hoverBackground#4f46e5
• dropdown.background#111113
• dropdown.border#6b7280
• dropdown.foreground#e5e7eb
• editor.background#09090b
• editor.findMatchBackground#818cf860
• editor.findMatchHighlightBackground#818cf830
• editor.foreground#ececf1
• editor.lineHighlightBackground#111113
• editor.selectionBackground#6366f630
• editor.selectionHighlightBackground#818cf830
• editorCursor.foreground#818cf8
• errorForeground#ef4444
• gitDecoration.conflictingResourceForeground#a78bfa
• gitDecoration.deletedResourceForeground#ef4444
• gitDecoration.ignoredResourceForeground#6b7280
• gitDecoration.modifiedResourceForeground#fbbf24
• gitDecoration.untrackedResourceForeground#818cf8
• infoForeground#818cf8
• input.background#111113
• input.border#6b7280
• input.foreground#e5e7eb
• inputOption.activeBorder#818cf8
• list.activeSelectionBackground#818cf830
• list.activeSelectionForeground#ffffff
• list.hoverBackground#1f1f2320
• list.inactiveSelectionBackground#818cf820
• notifications.background#111113
• notifications.border#6b7280
• notifications.foreground#e5e7eb
• panel.background#070708
• panel.border#1f1f23
• panelTitle.activeForeground#e5e7eb
• panelTitle.inactiveForeground#9ca3af
• scrollbarSlider.activeBackground#818cf870
• scrollbarSlider.background#818cf830
• scrollbarSlider.hoverBackground#818cf850
• sideBar.background#070708
• sideBar.border#1f1f23
• sideBar.foreground#e5e7eb
• sideBarSectionHeader.background#131316
• sideBarSectionHeader.foreground#9ca3af
• sideBarTitle.foreground#e5e7eb
• statusBar.background#0f0f10
• statusBar.border#1f1f23
• statusBar.foreground#e5e7eb
• statusBarItem.hoverBackground#818cf830
• tab.activeBackground#111113
• tab.activeBorder#818cf8
• tab.activeForeground#ffffff
• tab.border#1f1f23
• tab.inactiveBackground#070708
• tab.inactiveForeground#9ca3af
• terminal.ansiBlack#111113
• terminal.ansiBlue#6366f1
• terminal.ansiBrightBlack#6b7280
• terminal.ansiBrightBlue#818cf8
• terminal.ansiBrightCyan#a5f3fc
• terminal.ansiBrightGreen#bae6fd
• terminal.ansiBrightMagenta#c4b5fd
• terminal.ansiBrightRed#f87171
• terminal.ansiBrightWhite#f9fafb
• terminal.ansiBrightYellow#fde047
• terminal.ansiCyan#5eead4
• terminal.ansiGreen#7dd3fc
• terminal.ansiMagenta#a78bfa
• terminal.ansiRed#ef4444
• terminal.ansiWhite#f3f4f6
• terminal.ansiYellow#facc15
• terminal.background#09090b
• terminal.foreground#e5e7eb
• titleBar.activeBackground#050506
• titleBar.activeForeground#e5e7eb
• titleBar.border#0f0f0f
• warningForeground#fbbf24

tokenColors

TextMate scopes and font styles (syntax highlighting rules).