1
0
mirror of https://github.com/hrfee/jfa-go.git synced 2024-11-22 10:20:11 +00:00

Updated Appearance (markdown)

Harvey Tindall 2021-01-29 17:22:28 +00:00
parent 806be2f9e8
commit 72c120f963

@ -4,10 +4,11 @@ jfa-go uses [a17t](https://a17t.miles.land), which is relatively easy to customi
* `Default` is the default appearance of Bootstrap, and is a light theme. * `Default` is the default appearance of Bootstrap, and is a light theme.
* `Jellyfin` is a passing attempt to recreate the Jellyfin look , and is a dark theme. * `Jellyfin` is a passing attempt to recreate the Jellyfin look , and is a dark theme.
Custom CSS can be achieved by modifying `css/base.css` in the source code, or `<folder with jfa-go>/build/data/web/css/base.css` in a compiled version. This will replace the default theme, modify the `dark.css` file next to it if you want to replace the Jellyfin theme. See [this](https://a17t.miles.land/customize/) for info on customizing a17t's CSS variables. Custom CSS can be achieved by modifying `css/dark.css` in the source code, or `<folder with jfa-go>/build/data/web/css/dark.css` in a compiled version. This will replace the Jellyfin theme. See the [a17t docs](https://a17t.miles.land/customize/) for info on customizing a17t's CSS variables and examples.
### HTML ### HTML
One can specify a path to a folder containing customized HTML files with the `files/html_templates` setting. Any files that match the names of jfa-go's internal templates will be loaded instead. The files use go's built in templating language, so familiarize yourself with it first ([a good resource](https://blog.gopheracademy.com/advent-2017/using-go-templates/)) so you know what different parts do. You can find the internal templates [here](https://github.com/hrfee/jfa-go/tree/main/data/templates). One can specify a path to a folder containing customized HTML files with the `files/html_templates` setting. Any files that match the names of jfa-go's internal templates will be loaded instead. The files use go's built in templating language, so familiarize yourself with it first ([a good resource](https://blog.gopheracademy.com/advent-2017/using-go-templates/)) so you know what different parts do. You can find the internal templates [here](https://github.com/hrfee/jfa-go/tree/main/html).
Additionally, All text on the page, including password requirement strings (e.g "Must have at least n characters") can be customized. Copy one of the internal language files in the `lang/form` or `<folder with jfa-go>/build/data/lang/form` directory, and change at least the `"meta": { name: "" }` field (This is the name that will appear in settings). You can also edit an existing file to overwrite it. Restart jfa-go and you should see a new option in Settings > General > Language. Additionally, All text on the page, including password requirement strings (e.g "Must have at least n characters") can be customized. Copy one of the internal language files in the `lang/form` or `<folder with jfa-go>/build/data/lang/form` directory, and change at least the `"meta": { name: "" }` field (This is the name that will appear in settings). You can also edit an existing file to overwrite it. Restart jfa-go and you should see a new option in Settings > General > Language.