Skip to main content


The user interface can be customized through attributes, and will be inherited from a users' groups.

Enabling/disabling features

The following features can be enabled/disabled. By default, all of them are enabled:

  • settings.enabledFeatures.apiDrawer

    API Request drawer in navbar

  • settings.enabledFeatures.notificationDrawer

    Notification drawer in navbar

  • settings.enabledFeatures.settings

    Settings link in navbar

  • settings.enabledFeatures.applicationEdit

    Application edit in library (only shown when user is superuser)


    Search bar

Other configuration


Configure what is shown in the top right corner. Defaults to username. Choices: username, name, email


Configure the base color scheme. Defaults to automatic, which switches between dark and light mode based on the users' browsers' preference. Choices: automatic, dark, light.


Optional CSS which is applied in the background of the background of the user interface; for example

background: >
background: url('');
filter: blur(8px);
background-position: center;
background-repeat: no-repeat;
background-size: cover;


Which layout to use for the My applications view. Defaults to row. Choices: row, 2-column, 3-column


The locale which can be configured in the user settings by default. This can be used to preset locales for groups of users, but still let them choose their own preferred locale

Global customization

Custom CSS

To further modify the look of authentik, a custom CSS file can be created. Creating such a file is outside the scope of this document.

Create a docker-compose.override.yml file and add this block to mount the custom CSS file:

- ./my-css-file.css:/web/dist/custom.css

Afterwards, run the upgrade commands from the latest release notes.