Refactor/download queue and cleanup visuals overall

[martinek]

This PR started as download queue update, but ended up with some more cleanup.

I have moved all the app contexts and stuff to separate component so that routes do not end up intended 100 spaces. The new component is called AppContext. I have also moved theme creation to separate file and added new custom color with values for cases when solid color is needed, that is different then basic background color.

With new custom color, I have replaced usage of theme.palette.mode === 'dark' for determining background color. This fixed background color of some components that were currently incorrect in light mode. I have also used focused background color instead of some custom colors.

Some of the changes (I might have missed some for screenshots):

Reader navbar background (divider was changed from hr to Divider)

Hover state

Extensions list

I have changed different clickable element styles for cards with CardActionArea to unify looks. Another benefit is that all the items are now links, so things like middle mouse click will work as intended.

Library

Sources

Search All

Updates (new download progress is visible, more below)

I have also fixed manga card title color to work correctly in light theme comfortable layout

Download queue was refactored and cleaned up. It now also uses Cards with CardActiveArea for items. New DownloadStateIndicator was added to better indicate download state and progress. It was also used in Updates screen (see above) and ChapterList in Manga screen.

(chapter list filter icon was also changed back to warn color instead of badge when filtering is active)

This doesn't fix anything, it is just cleanup and code improvement.