malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Update INSTALLATION.md

Browse Source
This commit is contained in:
Tetrakern 2024-05-10 21:54:16 +02:00
parent a4361563cf
commit b6ca61826c
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
INSTALLATION.md
View File

@ -1146,6 +1146,19 @@ You can remove the drop-shadow from the navigation bar and add a border instead.
}
```
#### Dark/Light Variants for the Logo/Header Image
You cannot set different logo/header image variants for light or dark mode. This has been removed in a far earlier version of the theme *because it was a mess*, with every image field being doubled. Anyway, you can achieve this with some CSS just as well — or JavaScript, but that becomes complicated. The two easiest options are either to replace the image or apply a [filter](https://developer.mozilla.org/en-US/docs/Web/CSS/filter), the latter being preferable if you can make it work.
```css
:root[data-mode="dark"] .custom-logo {
content: url("https..."); /* Override the img src. */
}
:root[data-mode="dark"] .header-background__image {
filter: invert(1); /* Invert the image, if that still looks good. */
}
```
#### Move the Title/Logo