Nocturne uses Chassis for shared layout and styling. The theme’s chassis.json file defines its design tokens and page components.

The palette

Under settings.palette, colors are defined once and reused by name in styles. For example:

{
  "settings": {
    "palette": {
      "ink": "#0f1117",
      "blue": "#7c9cff"
    }
  },
  "styles": {
    "color": {
      "background": "@ink",
      "accent": "@blue"
    }
  }
}

These are selected settings from Nocturne, not the complete configuration. The full file also specifies colors for the header, menus, posts, widgets, comments, and footer.

Fonts and widths

Nocturne specifies Merriweather for body text, Fira Sans for headings, and JetBrains Mono for code in its design settings. Its configured overall width is 75rem, with a 20rem sidebar.

Change the design safely

You can edit chassis.json to experiment with colors, fonts, spacing, and widths. These configuration changes do not require a build step. However, direct edits to the installed parent theme can be lost on update.

For permanent customization, create a child theme and add your own chassis.json containing only the settings you want to override.

View the current Nocturne configuration.