## Overview This PR introduces HLS playback support, improves the player experience, and refactors documentation for better usability and maintainability. ## Key Features ### HLS Playback Support - Add HLS integration via new JavaScript assets: - `hls.min.js` - `plyr.hls.start.js` - `watch.hls.js` - Separate DASH and HLS logic: - `plyr-start.js` → `plyr.dash.start.js` - `watch.js` → `watch.dash.js` - Update templates (`embed.html`, `watch.html`) for conditional player loading ### Native Storyboard Preview - Add `native_player_storyboard` setting in `settings.py` - Implement hover thumbnail preview for native player modes - Add `storyboard-preview.js` ### UI and Player Adjustments - Update templates and styles (`custom_plyr.css`) - Modify backend modules to support new player modes: - `watch.py`, `channel.py`, `util.py`, and related components ### Internationalization - Update translation files: - `messages.po` - `messages.pot` ### Testing and CI - Add and update tests: - `test_shorts.py` - `test_util.py` - Minor CI and release script improvements ## Documentation ### OpenRC Service Guide Rewrite - Restructure `docs/basic-script-openrc/README.md` into: - Prerequisites - Installation - Service Management - Verification - Troubleshooting - Add admonition blocks: - `[!NOTE]`, `[!TIP]`, `[!IMPORTANT]`, `[!WARNING]`, `[!CAUTION]` - Fix log inspection command: ```bash doas tail -f /var/log/ytlocal.log ```` * Add path placeholders and clarify permission requirements * Remove legacy and duplicate content Reviewed-on: #1 Co-authored-by: Astounds <kirito@disroot.org> Co-committed-by: Astounds <kirito@disroot.org>
25 lines
824 B
CSS
25 lines
824 B
CSS
:root {
|
|
--background: #121113;
|
|
--text: #FFFFFF;
|
|
--secondary-hover: #222222;
|
|
--secondary-focus: #121113;
|
|
--secondary-inverse: #FFFFFF;
|
|
--primary-background: #242424;
|
|
--secondary-background: #222222;
|
|
--thumb-background: #222222;
|
|
--link: #00B0FF;
|
|
--link-visited: #40C4FF;
|
|
--border-color: #333333;
|
|
--thead-background: #0a0a0b;
|
|
--border-bg: #222222;
|
|
--border-bg-settings: #000000;
|
|
--border-bg-license: #000000;
|
|
--buttom: #121113;
|
|
--buttom-text: #FFFFFF;
|
|
--button-border: #222222;
|
|
--buttom-hover: #222222;
|
|
--search-text: #FFFFFF;
|
|
--time-background: #121113;
|
|
--time-text: #FFFFFF;
|
|
}
|