Theme System

Canonical jpOSh Theme Catalog

This page uses your actual theme palette files and preview screenshots. Active palette: Tokyo-Night. Single click any theme apply button to test it globally across all site pages.

Color Source

  • foreground@define-color
  • background@define-color
  • accent@define-color
  • selected-text@define-color

Theme Cards

Rendered from theme metadata in script.js and screenshots copied from your jpOSh theme directories.

Propagation Matrix

Target apps currently covered by your theme orchestration scripts.

Target Mechanism Status
Hyprland + Hyprlock themes/*/hyprland.conf, hyprlock.conf Live
Waybar + Mako + Walker themes/*/waybar.css, mako.ini, walker.css Live
Alacritty + Ghostty themes/*/alacritty.toml, ghostty.conf Live
Neovim + VSCodium app theme scripts + theme modules Live
GTK / Qt bridge gtk3-theme.sh, gtk4-theme.sh, qtct-theme.sh Depends on toolkit app

Validation Notes

Alias Compatibility

Legacy keys like tokyonight, matteblack, and osakajade are normalized to canonical slugs so older localStorage values still work.

Derived Surfaces

Only panel/background shades are derived for readability; core colors are exact copies of your palette definitions.

Screenshot Provenance

assets/theme-previews/*.webp generated from ~/.local/bin/jpOSh/themes/*/preview.png