2020-07-04 21:17:49 +00:00
## SCSS
2020-07-05 13:38:07 +00:00
* `bs<4/5>-jf.scss` contains the source for the customizations to bootstrap. To customize the UI, you can make modifications to this file and then compile it.
2020-07-04 21:17:49 +00:00
2020-07-05 15:25:55 +00:00
**Note**: For BS5, it is assumed that bootstrap is installed in `../../node_modules/bootstrap` relative to itself.
For BS4, it assumes that bootstrap is installed in `../../node_modules/bootstrap4` relative to itself (`npm install bootstrap4@npm:bootstrap`).
2020-07-04 21:17:49 +00:00
* Compilation requires a sass compiler of your choice, and `postcss-cli` , `autoprefixer` + `clean-css-cli` from npm.
2020-07-05 13:38:07 +00:00
* If you're using `sassc` , run `./compile.sh bs<4/5>-jf.scss` in this directory. This will create a .css file, and minified .css file.
2020-07-04 21:17:49 +00:00
* For `node-sass` , replace the `sassc` line in `compile.sh` with
```
node-sass --output-style expanded --precision 6 $1 $css_file
```
and run as above.
2020-07-05 13:38:07 +00:00
* If you're building from source, copy the minified css to `<jf-accounts git directory>/jellyfin_accounts/data/static/bs<4/5>-jf.css` .
2020-07-05 15:25:55 +00:00
* If you're just customizing your install, set `custom_css` in your config as the path to your minified css and change the `theme` option to `Custom CSS` .
2020-07-04 21:17:49 +00:00