Proposal: Enhanced Color Theme for ziglang.org

[defaultgnome]

Hey folks,

I've been admiring the ziglang.org website, and I think we could potentially enhance the color theme to make it a bit more visually engaging.

Currently, the palette looks like this: https://www.realtimecolors.com/?colors=cccccc-121212-cccccc-727374-f7a31d&fonts=system-ui-system-ui (Just double-checked, fonts are indeed "system-ui"!)

I'd like to propose a slightly "poppier" approach to the contrast, aiming for a more vibrant feel. Here's a potential alternative: https://www.realtimecolors.com/?colors=fafaf9-0c0a09-fafaf9-a8a39f-f7a31d&fonts=system-ui-system-ui

Essentially, I've used various shades from Tailwind CSS's "stone" color palette for the Text, Background, Primary, and Secondary colors (where Primary = Text in our case). I've kept the beautiful Zig accent color as is.

TL;DR: I'm suggesting making the text brighter and the secondary gray a bit more brownish, like an earthy tone, to better complement the Zig accent color (that awesome yellow-orange).

Just throwing this out there as a suggestion. I'm not claiming to be an expert or anything, just hoping to contribute to making the site even better.

---

Technical Consideration:

I've noticed the colors seem to be hardcoded in the HTML/CSS of the website. While I'm not super familiar with Zine or the project's code structure, would it be worth considering using CSS variables to define a theme? This could make it easier to maintain colors and layout elements (like border-radius, etc.) in the long run.

Thanks for considering!

[kristoff-it]

I would be open to both a refined color palette for the website and also in collecting hardcoded values into CSS variables. Note that Zine is completely unopinionated on the matter.