Skip to content

Themes ​

thirty-six built-ins, live. The ui-gallery page Themes, painted with no terminal and no window at each of the documented profiles:

bash
ui-gallery --render --page themes --profile full|enhanced|baseline
 sparkles:ui thirty-six built-ins, live                                             tokyo-night 
   Welcome           ▕ Themes · thirty-six built-ins                                           █
   Primitives        ▕                                                                         █
   Layout            ▕                                                                         █
   Tracks            ▕ A theme is one runtime-swappable value with four channels: syntax       █
   Text              ▕ rules, the slot palette, scalar metrics, and glyphs. Press ] and watch  █
 ▸ Themes            ▕ the whole window follow — nothing here is a preview pane.               █
   Slots             ▕                                                                         █
   Decoration        ▕ selected tokyo-night (8 of 36) dark                                     █
   Effects           ▕                                                                         █
   Grid              ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
   Components        ▕ │ the catalog                                                         │ █
   Tree              ▕ │   dracula                                                           │ █
   Property tree     ▕ │   nord                                                              │ █
   Table             ▕ │   monokai                                                           │ █
   Scrolling         ▕ │   github-dark                                                       │ █
   State             ▕ │   github-light                                                      │ █
   Split             ▕ │   github-dark-dimmed                                                │ █
   Dock              ▕ │ ▸ tokyo-night                                                       │ █
   Terminal          ▕ │   solarized-dark                                                    │ █
                     ▕ │   solarized-light                                                   │ █
                     ▕ │   catppuccin-mocha                                                  │ ░
                     ▕ │   catppuccin-macchiato                                              │ ░
                     ▕ │   catppuccin-frappe                                                 │ ░
                     ▕ └─────────────────────────────────────────────────────────────────────┘ ░
                     ▕                                                                         ░
                     ▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
                     ▕ │ a scene, in this theme                                              │ ░
                     ▕ │ error warn info muted code docs                                     │ ░
                     ▕ │                                                                     │ ░
                     ▕                                                                          
 pages                                                                          ? keys   q quit 
 sparkles:ui thirty-six built-ins, live                                             tokyo-night 
   Welcome           ▕ Themes · thirty-six built-ins                                           █
   Primitives        ▕                                                                         █
   Layout            ▕                                                                         █
   Tracks            ▕ A theme is one runtime-swappable value with four channels: syntax       █
   Text              ▕ rules, the slot palette, scalar metrics, and glyphs. Press ] and watch  █
 ▸ Themes            ▕ the whole window follow — nothing here is a preview pane.               █
   Slots             ▕                                                                         █
   Decoration        ▕ selected tokyo-night (8 of 36) dark                                     █
   Effects           ▕                                                                         █
   Grid              ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
   Components        ▕ │ the catalog                                                         │ █
   Tree              ▕ │   dracula                                                           │ █
   Property tree     ▕ │   nord                                                              │ █
   Table             ▕ │   monokai                                                           │ █
   Scrolling         ▕ │   github-dark                                                       │ █
   State             ▕ │   github-light                                                      │ █
   Split             ▕ │   github-dark-dimmed                                                │ █
   Dock              ▕ │ ▸ tokyo-night                                                       │ █
   Terminal          ▕ │   solarized-dark                                                    │ █
                     ▕ │   solarized-light                                                   │ █
                     ▕ │   catppuccin-mocha                                                  │ ░
                     ▕ │   catppuccin-macchiato                                              │ ░
                     ▕ │   catppuccin-frappe                                                 │ ░
                     ▕ └─────────────────────────────────────────────────────────────────────┘ ░
                     ▕                                                                         ░
                     ▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
                     ▕ │ a scene, in this theme                                              │ ░
                     ▕ │ error warn info muted code docs                                     │ ░
                     ▕ │                                                                     │ ░
                     ▕                                                                          
 pages                                                                          ? keys   q quit 
 sparkles:ui thirty-six built-ins, live                                             tokyo-night 
   Welcome           | Themes * thirty-six built-ins                                           #
   Primitives        |                                                                         #
   Layout            |                                                                         #
   Tracks            | A theme is one runtime-swappable value with four channels: syntax       #
   Text              | rules, the slot palette, scalar metrics, and glyphs. Press ] and watch  #
 > Themes            | the whole window follow - nothing here is a preview pane.               #
   Slots             |                                                                         #
   Decoration        | selected tokyo-night (8 of 36) dark                                     #
   Effects           |                                                                         #
   Grid              | +---------------------------------------------------------------------+ #
   Components        | | the catalog                                                         | #
   Tree              | |   dracula                                                           | #
   Property tree     | |   nord                                                              | #
   Table             | |   monokai                                                           | #
   Scrolling         | |   github-dark                                                       | #
   State             | |   github-light                                                      | #
   Split             | |   github-dark-dimmed                                                | #
   Dock              | | > tokyo-night                                                       | #
   Terminal          | |   solarized-dark                                                    | #
                     | |   solarized-light                                                   | #
                     | |   catppuccin-mocha                                                  | |
                     | |   catppuccin-macchiato                                              | |
                     | |   catppuccin-frappe                                                 | |
                     | +---------------------------------------------------------------------+ |
                     |                                                                         |
                     | +---------------------------------------------------------------------+ |
                     | | a scene, in this theme                                              | |
                     | | error warn info muted code docs                                     | |
                     | |                                                                     | |
                     |                                                                          
 pages                                                                          ? keys   q quit 

What each profile gives up ​

The frame's degradation report: one line per substitution, and the capability the target lacked. full is empty when the page asks for nothing a terminal cannot do.

text
alpha-flattened ×4 (alpha)
text
color-folded ×92 (colorDepth)
alpha-flattened ×4 (alpha)
text
color-dropped ×92 (colorDepth)
ascii-border ×3 (unicode)
ascii-scrollbar ×1 (unicode)
ascii-glyph ×4 (unicode)
alpha-flattened ×4 (alpha)

These are the files dub test :ui-gallery compares every render against, so a change to this page that is not re-blessed fails CI.