Suggestions for CSS for a personal site

[twsh]

I have been looking for CSS that works well with Pandoc created HTML and is suitable for a personal site. I'm curious about what other people use for this.

The best I have found so far is readable.css. My only issue has been needing a filter to get a suitable navigation menu:

-- https://groups.google.com/g/pandoc-discuss/c/3GFP3TAbFg0/m/fg9albueAQAJ
-- Thanks to Bastien DUMONT
-- Fits the default style
-- https://codeberg.org/Freedom-to-Write/readable.css/wiki/Navbar-Styles#default

local toc_inlines = {}

local function feed_toc_inlines(header)
   if header.level == 2 then
      table.insert(toc_inlines, pandoc.Link(header.content, '#' .. header.identifier))
   end
end

local function set_metadata(meta)
   meta['table-of-contents'] = toc_inlines
   return meta
end

return {
   { Header = feed_toc_inlines },
   { Meta = set_metadata }
}

I considered sticking with the default. Two things make we want to change it:

1. I like dark mode
2. I think that horizontal <nav> styling looks more like a site

I'm prepared to be convinced that default is best, though.