otter-theme

otter-theme is how Otter Shell looks: semantic colors, bar chrome, popup styles, spacing, fonts, surface roles. Plain data structs; the theme module itself does no I/O. Load ~/.config/otter-shell/theme.conf with loadTheme and pass Theme into otter-ui FrameOptions.

Quick example

const otter_theme = @import("otter_theme");

const theme = otter_theme.loadTheme(allocator);
const accent = theme.colors.accent;
const bar_h = theme.bar.height;

Color resolution at runtime: widget config field, then theme token, then the struct default (?Color = null).

Documentation map

Tokens

Colors, bar, popup, spacing, fonts, surfaces, density.

Presets and loading

12 bundled presets, theme.conf, hot-reload paths.

Dependencies

otter-geo, otter-render, otter-conf, otter-utils.

Cell renderer

Tokens

⌘I

Getting Started

Libraries

Quick example

Documentation map

Tokens

Presets and loading

Dependencies

​Quick example

​Documentation map

Tokens

Presets and loading

​Dependencies

Quick example

Documentation map

Dependencies