Notes/docs/User Guide/User Guide/Theme development/Customize the Next theme.md
2025-03-11 19:50:29 +02:00

21 lines
874 B
Markdown

# Customize the Next theme
By default, any custom theme will be based on the legacy light theme. To use the TriliumNext theme instead, add the `#appThemeBase=next` attribute onto the existing theme. The `appTheme` attribute must also be present.
![](Customize%20the%20Next%20theme_i.png)
The `appThemeBase` label can be set to one of the following values:
* `next`, for the TriliumNext (auto light or dark mode).
* `next-light`, for the always light mode of the TriliumNext.
* `next-dark`, for the always dark mode of the TriliumNext.
* Any other value is ignored and will use the legacy white theme instead.
## Overrides
Do note that the TriliumNext theme has a few more overrides than the legacy theme, so you might need to suffix `!important` if the style changes are not applied.
```css
:root {
--launcher-pane-background-color: #0d6efd !important;
}
```