btpf / Alexandria

A minimalistic cross-platform eBook reader built with Tauri, Epub.js, and Typescript
GNU General Public License v3.0
2.18k stars 49 forks source link

Feature Request: Ability to Change Color of Fly-out Features #32

Closed ddewett closed 9 months ago

ddewett commented 10 months ago

Description:

When using custom themes, it is possible to make the background such that the active tab highlights (blue) and the contents drop-down arrows do not have enough contrast to easily see.

Request:

Screenshot from 2024-01-10 22-24-46

Rationale:

Secondary Text

"Secondary Background" is used for the fly-out background. This is clear to the user by looking at the miniature example given on this screen. However, the tab headings and drop-down arrows are not on this example. Therefore, the user has no idea what these will look like until they navigate to this in the application.

By setting the active tab to the same as "Secondary Text" the UI is color consistent.

Drop-down Arrows

The drop-down arrows have a different color in both provided themes. The user cannot directly control which is used in a custom theme.

The visual improvement of this in the provided themes is minor, and keeping this requires an additional setting in the Theme Settings to accommodate custom themes (either explicitly select this color or toggle between the preexisting two that are available).

Setting this color to the same as "Primary Text" solves all the usability issues at the expense of minor visual changes. The color difference between the arrows in both the provided Light and Dark themes are minor enough that maintaining the same color as the text won't impact usability.

btpf commented 10 months ago

I would like to thank you for taking the time to write such detailed reports. Ill try to work through them and aim to push out the next release around the 20th.

ddewett commented 10 months ago

👍🏻