Add a dark theme to the book player via epubjs. The theme itself uses
the dark theme of Jellyfin and only changes the colour of the text.
For everything but the text, the dark theme from Jellyfin is retained.
Should any other theme than the dark theme be chosen by the user, epubjs
falls back to it's default theme.
Changes the way the table of contents looks. The two biggest parts are hiding the bullets in the list, making each link black and hiding the link underline. This makes them look more like buttons than web links. The #dialogToc changes resize the table of contents based on the length of the list and the length of the longest chapter name rather than have the table of contents take up most of the screen for a short and small list. The link text size was also increased from 92% to 120%.
This adds paddings to various containers so that buttons and contents are not
hidden by the notch or the Home indicator (the gray bar at the bottom).
- `src/assets/css/librarybrowser.scss`
- `.skinHeader`: menu bar at the top.
- `.padded-left` and `.padded-right`: the heading of library.
- `src/assets/css/site.scss`
- `.content-primary`, `.padded-bottom-page`, `.page`,
`.pageWithAbsoluteTabs`, and `.pageTabContent`: settings and dashboards.
- `src/elements/emby-scroller/emby-scroller.scss`
- `.emby-scroller`: the library items.
- `src/assets/css/videoosd.scss`
- `.videoOsdBottom`: the video playback control buttons and the progress bar.
- `src/components/alphaPicker/style.scss`
- `.alphaPicker-fixed` and `.alphaPicker-fixed-right`: the alphabet picker.
- `src/components/appFooter/appFooter.scss`
- `.appfooter`: the bottom bar showing the currently playing media.
- `src/components/multiSelect/multiSelect.scss`
- `.selectionCommandsPanel`: the top bar when selecting multiple media.
Shown when long-pressing media.
- `src/components/remotecontrol/remotecontrol.scss`
- `.playlistSectionButton`: the bottom bar for current playlist.
Shown when touching `.appfooter`.
- `src/components/toast/toast.scss`
- `.toastContainer`: the toast. Shown when refreshing metadata.
- `src/index.html`
- `.mainDrawerHandle`: gesture area for the drawer.
It seems conflicting with gestures of Safari.
- `src/libraries/navdrawer/navdrawer.scss`
- `.tmla-mask` and `.touch-menu-la`: the drawer.
- `src/plugins/htmlVideoPlayer/style.scss`
- `.videoPlayerContainer`: the video area when not fullscreen.
- `.videoSubtitles`: the video subtitles for some devices, not including
iPhone.
- `src/plugins/youtubePlayer/style.scss`
- `.youtubePlayerContainer` container for the YouTube plugin. Not tested.
Recognize MIME for transcoded audio in streams
(cherry picked from commit 721bc54dbd75fbc21a10f53c447d4be3b53821a6)
Signed-off-by: Bill Thornton <billt2006@gmail.com>
.substr() is deprecated so we replace it with .slice() which works similarily but isn't deprecated
Signed-off-by: Tobias Speicher <rootcommander@gmail.com>
Fix touch events in epub player
(cherry picked from commit 5ede3c8e47b22ce0d101896a3255ad077b3d5dc1)
Signed-off-by: Joshua Boniface <joshua@boniface.me>
Bill Thornton