Themes and CSS-Styling

Themes

Anton uses Bootstrap and Bootswatch. With the setting theme it is possible to select a Bootswatch theme.

Styling

It is possible to customize the styles by directly use css rules in the setting custom_css.

Fonts

At the moment there are several fonts available: eg. Lato, Nunito, Roboto

@font-face {
    font-family: Nunito;
    src: url(/fonts/Nunito-Regular.ttf);
}

Minimal Styling with Standard Theme

:root {
    --navbar-bg-color: #e7e7e7;
    --navbar-border-color: #d7d7d7;
}

[data-bs-theme=dark] .navbar {
background-color: #636363;
}

.navbar-light {
  background-color: var(--navbar-bg-color);

  text-transform: uppercase;

  border-bottom: 1px solid var(--navbar-border-color);
}