Add the design system extracted from the app

design/ holds the tokens for all six themes, the type scale, spacing,
radii and sizes, the brand and usage guidelines, a guide and static
preview for each component, the logo and icons as SVG, and wireframes of
the tablet and foldable column layout.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01RhmDdrN5hgWrgRcFLAMsV6

2026-10-07 14:06:52 +00:00

849 B

Raw Blame History

ReadingSettingsSheet

The Material bottom sheet behind the gear icon: theme, OLED, font, weight, text size with a live preview, language, offline mode and summaries.

Consumer provides: nothing; it reads and writes the app's settings.
surface-container-low with radius-xl top corners; space-20 side padding, space-8 between rows, space-32 at the bottom. It opens half-height and scrolls, inset above the navigation bar.
Order: Theme chips → OLED toggle → Font chips → Weight chips → Text size slider (14–40, steps of 2) → live preview of a hemistich in the chosen reading style → Language chips → Offline mode → Show summaries → AI assistant, About & licences as TextButtons.
Every group has a SectionLabel. Changes apply immediately; there is no Save.
Changing language recreates the activity.

849 B Raw Blame History Unescape Escape

ReadingSettingsSheet

849 B

Raw Blame History