deepStateMirrors/tabi
1
0
Fork 1
mirror of https://github.com/welpo/tabi.git synced 2025-10-10 23:38:53 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

update mastering tabi settings

Browse source
This commit is contained in:
Cameron Taylor 2025-04-05 21:05:37 -07:00
parent 027589ca47
commit 424cb4e71d
2 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
content/blog/mastering-tabi-settings/index.md
View file

@ -547,6 +547,16 @@ tabi takes care of most of the SEO for you (like Open Graph protocol tags, descr
The favicon is the small icon that appears in the browser tab. You can set it in `config.toml` with `favicon = "img/favicon.png"`.
### Light and Dark Mode Favicon
| Page | Section | `config.toml` | Follows Hierarchy | Requires JavaScript |
|:----:|:-------:|:-------------:|:-----------------:|:-------------------:|
| ❌ | ❌ | ✅ | ❌ | ✅ |
If you want to use different favicons for light and dark themes, you can specify both `light_favicon` and `dark_favicon` in `config.toml`. For example: `light_favicon = "img/favicon-light.png"` and `dark_favicon = "img/favicon-dark.png"`.
{{ admonition(type="note", text="The light favicon will be used when JavaScript is not enabled or on the Safari browser.") }}
### Emoji Favicon
| Page | Section | `config.toml` | Follows Hierarchy | Requires JavaScript |

2
theme.toml
View file

@ -202,7 +202,7 @@ invert_title_order = false
# favicon = ""
#
# Or, you can set both light and dark favicons to be used depending on the theme.
# The light favicon will be used if JavaScript is not enabled or on Safari.
# The light favicon will be used when JavaScript is not enabled or on the Safari browser.
# light_favicon = ""
# dark_favicon = ""