Skip to content

Proposal: Enhanced Color Theme for ziglang.org #463

Open
@ArielBenichou

Description

@ArielBenichou

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"!)

Image

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

Image

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!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions