mirror of
https://github.com/Droid-Deck/DroidDeck.git
synced 2026-11-12 03:21:08 +00:00
FX1922andxXJsonDeruloXx
7482f797c7
* feat: a custom Gradient theme with a primary and a secondary colour, picked with a wheel, sliders and a hex box * Gradient theme: OK waits for a valid hex, deep blues are made paler, button text suits the worse gradient colour * Gradient theme: nudge only the gradient colour that button text cannot read on * fix: meet readable contrast across gradient themes * fix: preserve contrast through gradient interpolation --------- Co-authored-by: xXJsonDeruloXx <danielhimebauch@gmail.com>
26 lines
1.5 KiB
Markdown
26 lines
1.5 KiB
Markdown
# Themes
|
||
|
||
A theme is a `Palette` (`ui/Theme.kt`): a dark background scale (`background`, `surface`,
|
||
`surfaceVariant`, `line`, `line2`), two text colours, and the accent: `primary` / `signal`
|
||
(flat accent, also Material's primary), `primary2` (the darker or second accent) and
|
||
`onPrimary`. `PrimaryButton` and the launch flood already draw a gradient from `primary` to
|
||
`primary2`. The choice is stored as an id (`SessionPrefs.theme`) and picked in Setup › Launcher.
|
||
|
||
## Gradient theme
|
||
|
||
`Themes.GRADIENT` is the one theme whose colours the person picks: a primary and a secondary,
|
||
kept in `SessionPrefs.gradientColors` and in `Themes.gradientColors`, a Compose state, so a change
|
||
restyles the whole app at once. `App.onCreate` loads the saved colours; code outside a composition
|
||
uses `Themes.current(context)`.
|
||
|
||
`ThemeColors.palette` builds the full palette from the two colours: primary becomes
|
||
`primary` / `signal`, secondary becomes `primary2`, the background scale is a dark neutral tinted with
|
||
the primary's hue (plain grey for a grey primary), and `onPrimary` is dark or white by the
|
||
luminance of the pair. A colour too dark to show on the dark background is lifted
|
||
(`ThemeColors.readable`) rather than refused.
|
||
|
||
Setup shows Primary and Secondary under the theme when Gradient is chosen, each a small colour
|
||
square. It opens `ColorPickerDialog`: a wheel (hue and saturation, touch), hue / saturation /
|
||
brightness sliders (they work with a controller) and a hex box, with the old and new colour side by
|
||
side. OK applies it.
|