DevBarDevBar

Visuals & Themes

Make DevBar look exactly the way you want — from the overall theme down to letter spacing.

Themes

Settings → Visuals → Theme

Obsidian

Default

Deep charcoal dark theme with subtle blue-grey accents — the out-of-the-box experience.

Frosted

Dark

Translucent panels that blur the content beneath, giving a glass-effect aesthetic.

Phosphor

Dark

Green-on-black terminal palette inspired by classic phosphor CRT monitors.

Sepia

Light

Warm amber tones that reduce eye strain in well-lit environments.

Twilight

Dark

Rich purple-indigo dark theme with violet accent highlights.

Bauhaus

High Contrast

Maximum contrast with bold borders and no transparency — designed for accessibility.

Cupertino

Light

macOS-native light appearance that mirrors system UI colors and feels fully at home on the desktop.

Custom Colors

Custom Tint Color

Enter any hex code (e.g. #6366F1) to override the global accent color. Applied to active tab indicators, notification badges, and action buttons.

Custom Highlight Color

A separate hex override for highlighted and selected items — rows, focused list entries, and selection rings. Useful when you want tint and highlight to differ.

Tip:Leave either field blank to fall back to the active theme's default accent or highlight color.

Font Face

Settings → Visuals → Font Face — 6 choices

FontDescription
InterDefaultClean geometric sans-serif optimised for screen legibility.
System (SF Pro)Apple's system font — seamlessly matches the rest of macOS.
MonospacedSF Mono-based; useful when you want code-like readability throughout the UI.
RoundedSF Pro Rounded; friendly and approachable.
SerifNew York — a refined editorial serif for a different kind of personality.
JetBrains MonoBundledPopular developer-grade monospaced font bundled inside DevBar; no installation needed.

Typography Adjustments

Font Size Adjust

Slider from −4 to +4 pt. Shifts all UI text up or down relative to each element's default size. Useful on high-DPI displays or when using an external monitor.

Letter Spacing

Two options: Default (wide) keeps the font's built-in tracking, which improves readability at small sizes. Tight reduces inter-character space for a denser look.

Line Spacing

Default or Relaxed. Relaxed adds 2 pt between lines in content lists (PR list, incident list, etc.), making rows easier to scan at a glance.