24 days ago · Tech · 0 comments

I’ve made a conscious effort since starting this notes section at the turn of the year to work on some design improvements. There’s a lot of papercuts, general polish required and and endless list of things to make better as my opinions have evolved since this current design was released in early 2024 and a lot of stuff I just didn’t get to. Tailwind v4 and dark mode At the start of the year I upgraded to v4 of tailwind and added dark mode. This was a bit of an effort over months prior. I’ve purposely kept it simple in regards to not having a theme toggle. I decided this as I added dark mode to my portfolio with a toggle and it just felt like a faff. And I knew it would be more painful on this website. So I opted for using light-dark and creating a bunch of tokens. --color-heading: light-dark(var(--color-fern-1100), var(--color-fern-0)); --color-body: light-dark(var(--color-fern-1100), var(--color-fern-200)); --color-body-80: light-dark( oklch(from var(--color-fern-1100) l c h / 0.8),…

No comments yet. Log in to reply on the Fediverse. Comments will appear here.