anas/ganjoorandroid
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
ebbf737dac
ganjoorandroid/design/components/ReadingSettingsSheet
History
Claude ebbf737dac
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
..
preview.html Add the design system extracted from the app 2026-10-07 14:06:52 +00:00
README.md Add the design system extracted from the app 2026-10-07 14:06:52 +00:00

README.md

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.