{
"$type": "site.standard.document",
"bskyPostRef": {
"cid": "bafyreiasfewqpgdxqxme3jj5xotq3hvtpqiz6imm3gv2hnskp47z6jmp4i",
"uri": "at://did:plc:tg3tb5wukiml4xmxml6qm637/app.bsky.feed.post/3mkwni3ww7u2m"
},
"canonicalUrl": "https://heaths.dev/general/2026/05/03/cooler-theme-palette.html",
"coverImage": {
"$type": "blob",
"ref": {
"$link": "bafkreia7nzutlduswgl4a3mt6wiwgfnc66zyo4i6h3ha5cmhahockprdci"
},
"mimeType": "image/jpeg",
"size": 330916
},
"description": "I updated the blob light and dark themes to use a cooler color palette.\n",
"path": "/general/2026/05/03/cooler-theme-palette.html",
"publishedAt": "2026-05-03T07:02:30.000Z",
"site": "at://did:plc:tg3tb5wukiml4xmxml6qm637/site.standard.publication/3meddhkrg5z2p",
"tags": [
"blog",
"css",
"theme"
],
"textContent": "The \\[Kraken-inspired theme]\\({% post\\_url 2026-04-19-light-and-dark-themes-for-my-blog %}) was fun for a time, but the dark theme contrast was a bit hard on the eyes and the light theme contrast was a little muted. So I wanted to try something a little different.\n\nBlue Hour\n\nI looked at a couple color palette sites for some color ideas then asked Copilot + Sonnet to work up a few color demos keeping accessibility in mind. From there I picked one I liked and had it update the necessary minima colors as well as replace the Kraken-inspired colors. It made re-theming the site pretty quick. I'm no designer, but it thought through accessibility and contrast issues I wouldn't have considered.\n\nI think it turned out pretty good:\n\n!\\[Screenshots of Blue Hour dark and light themes]\\({{ page.image | relative\\_url }})",
"title": "Cooler theme palette"
}