Styling

By default, Kabra injects a built-in Nord-themed CSS styling to make your site look beautiful out-of-the-box. The default theme handles typography, sidebar layout, responsive design, tables, code blocks, and alerts.

If you wish to provide your own styling or customize the appearance:

  1. Create a style.css file.

  2. Pass it using --css=path/to/style.css.

  3. Kabra will copy this file to the output directory instead of the default theme.

You can easily override color variables or replace the CSS entirely. Take a look at the generated HTML (or the internal .layout, .sidebar, and .content classes) to build your own custom look and feel!