authelia/docs/configuration/theme.md
James Elliott 158783a9d4
feat(configuration): replace several configuration options (#2209)
This change adjusts several global options moving them into the server block. It additionally notes other breaking changes in the configuration.

BREAKING CHANGE: Several configuration options have been changed and moved into other sections. Migration instructions are documented here: https://authelia.com/docs/configuration/migration.html#4.30.0
2021-08-02 21:55:30 +10:00

36 lines
852 B
Markdown

---
layout: default
title: Theme
parent: Configuration
nav_order: 14
---
# Theme
The theme section configures the theme and style Authelia uses.
## Configuration
```yaml
theme: light
```
## Options
### theme
<div markdown="1">
type: string
{: .label .label-config .label-purple }
default: light
{: .label .label-config .label-blue }
required: no
{: .label .label-config .label-green }
</div>
There are currently 3 available themes for Authelia:
* light (default)
* dark
* grey
To enable automatic switching between themes, you can set `theme` to `auto`. The theme will be set to either `dark` or `light` depending on the user's system preference which is determined using media queries. To read more technical details about the media queries used, read the [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme).