Skip to content

Styles and scripts

Mattia Roccoberton edited this page May 2, 2023 · 2 revisions

It's possible to change the list of stylesheets to load in the head tag. Sample:

style_links:
  - href: /css/bootstrap.min.css
    rel: stylesheet
  - href: /css/admin.css
    rel: stylesheet

And the list of scripts to load before the body tag closing. Sample:

scripts:
  - src: https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js
  - src: https://cdn.jsdelivr.net/npm/chart.js

To setup some inline styles:

extra_styles: >
  .navbar {
    background-color: var(--bs-cyan);
  }
  .main-content {
    background-color: var(--bs-gray-100);
  }
  .main-content a {
    text-decoration: none;
  }
Clone this wiki locally