Themes · Added November 1, 2026 New

Nocturne

Dark-first and cinematic: deep ink-blue, one soft glow behind a silver gradient headline, translucent panels and brushed-silver buttons, with a grey-blue paper light mode.

For: Launch pages, product teasers, premium one-pagers

Open the live preview Compare with others

More demo pages in Nocturne: Business home · Long article · Portfolio · Shop list · People · Visit. Dark: business page.

Download

Zip (theme + core + demo) Single HTML file

Install

With npm:

npm install @fluid-theme/core

@import "@fluid-theme/core";
@import "@fluid-theme/core/fonts";
@import "@fluid-theme/core/themes/nocturne.css";

Or link it from the CDN, core first:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fluid-theme/core@2/dist/fluid.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fluid-theme/core@2/dist/fluid-fonts.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fluid-theme/core@2/themes/nocturne.css">

Source: nocturne.css on jsDelivr · GitHub (the GitHub repo is private for now; npm and jsDelivr are public)

Changelog

November 1, 2026 Upstreamed from a project landing page.