From 765c2c824ec7233f8ced60dcdddee0d2cf4aebf0 Mon Sep 17 00:00:00 2001 From: extome <74880719+extome9000@users.noreply.github.com> Date: Wed, 15 Nov 2023 00:09:52 -0500 Subject: [PATCH] Add section on preserving stylesheets (#23) * Add section on preserving stylesheets * Add suggested changes --- mkdocs/docs/configuration/stylesheets.md | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/mkdocs/docs/configuration/stylesheets.md b/mkdocs/docs/configuration/stylesheets.md index 5e06563..4509ec0 100644 --- a/mkdocs/docs/configuration/stylesheets.md +++ b/mkdocs/docs/configuration/stylesheets.md @@ -4,15 +4,22 @@ You can change the appearance of Tube Archivist by selecting a stylesheet in Set Assuming a default configuration, stylesheets are stored in `/app/static/css` in the `tubearchivist` container. This is where additional stylesheets should be added. -A new stylesheet can be added by running the command `docker cp /path/to/custom/stylesheet.css :/app/static/css`. The container will need to be restarted for changes to take effect, which can be accomplished by running the command `docker compose restart`. +The recommended method for adding new stylesheets is to mount them in the `docker-compose.yml` file. New mounts need to be added to the `tubearchivist` volume section. For example, `test.css` is added. `test.css` is located in the same directory as the `docker-compose.yml` file. -Note that stylesheets will not be saved upon container removal. For example, when the command `docker compose down` is run, the containers will be removed. Tube Archivist will default to the Dark (`dark.css`) stylesheet. +```yaml +volumes: + - media:/youtube + - cache:/cache + - ./test.css:/app/static/css/test.css +``` + +The container will need to be restarted for changes to take effect, which can be accomplished by running the command `docker compose restart`. ## Creating Stylesheets Tube Archivist applies the `style.css` stylesheet before applying the user's selected stylesheet. -The default stylesheet, `dark.css`, contains the following (as of v0.4.2): +The default stylesheet, `dark.css`, contains the following (as of v0.4.3): ```css :root {