Kanagawa and custom CSS

Today is Tuesday, 22nd September 2026.

completed tasks #

• 2026-09-22 blog - custom dark-mode colors (based on kanagawa-nvim)
• 2026-09-22 blog - hack-in checkboxes in the TODO post.

kanagawa.nvim #

The Great Wave Off Kanagawa, the famous woodblock print, now as a color scheme for text editors and blogs alike. The colors were taken from the kanagawa-nvim Neovim color scheme. Your blog now uses it as its default dark-mode color scheme.

hacking in checkboxes #

prose.sh is a very simple, minimialistic blog service. You write Markdown, upload it, and prose will automatically generate the HTML for you. Points of customization include a _styles.css file where you can override the default CSS. However, you can't customize the HTML template.

One glaring limitation of prose's Markdown to HTML converter is that they do not render task list items (but they do say they support GFM).

It's a small nitpick, but what's the point of a TODO list without checkboxes?

So you've decided to hack-in checkboxes using pure CSS. Here's what you came up with:

 1/**
 2 * Hack: insert checkboxes in TODO page.
 3 *
 4 * Since we can't edit the HTML template, use nth-of-type to target
 5 * the 1st list (the todo list - empty checkboxes),
 6 * and 2nd list (the done list - checked boxes)
 7 *
 8 * And add the checkbox using li::before pseudo element.
 9 */
10
11#post.todo ul > li::before {
12    color: var(--white-dark);
13}
14
15#post.todo ul:nth-of-type(0n+1) > li::before {
16    content: "\2610";
17}
18
19#post.todo ul:nth-of-type(0n+2) > li::before{
20    content: "\2705";
21    font-size: 0.75rem;
22}