ziglang/ziglang.org
14
29
Fork
You've already forked ziglang.org
31

Proposal: Enhanced Color Theme for ziglang.org #463

Open
opened 2025年03月13日 10:18:42 +01:00 by defaultgnome · 1 comment
defaultgnome commented 2025年03月13日 10:18:42 +01:00 (Migrated from github.com)
Copy link

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!

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](https://www.realtimecolors.com/?colors=cccccc-121212-cccccc-727374-f7a31d&fonts=system-ui-system-ui) (Just double-checked, fonts are indeed "system-ui"!) ![Image](https://github.com/user-attachments/assets/801e00c6-cdfc-4971-8d52-82839febdce5) 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](https://www.realtimecolors.com/?colors=fafaf9-0c0a09-fafaf9-a8a39f-f7a31d&fonts=system-ui-system-ui) ![Image](https://github.com/user-attachments/assets/a468cd85-2e47-490c-8192-635ad849958a) 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!

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.

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.
Sign in to join this conversation.
No Branch/Tag specified
main
release-0.16.0
apraga/french
homersimpsons/fix/mobile-responsiveness
MarkLagodych/patch-1
Zirunis/patch-1
zmitchell/zmitchell/build-graph-docs
generalmimon/fix-unit-testing-examples
generalmimon/fix-code-snippet-in-0.15.1-relnotes
TheConnorJohnson/main
meeting-minutes
enkvadrat/update-curl-example
No results found.
Labels
Clear labels
bounty
https://ziglang.org/news/announcing-donor-bounties
bug
Observed behavior contradicts documented or intended behavior.
contributor-friendly
This issue is limited in scope and/or knowledge of project internals.
downstream
An issue with a third-party project that uses this project.
enhancement
Solving this issue will likely involve adding new logic or components to the codebase.
infra
An issue related to project infrastructure, e.g. continuous integration.
optimization
A task to improve performance and/or resource usage.
question
No questions on the issue tracker; use a community space instead.
regression
Something that used to work in a previous version stopped working
upstream
An issue with a third-party project that this project uses.
use case
Describes a real use case that is difficult or impossible, but does not propose a solution.
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
ziglang/ziglang.org#463
Reference in a new issue
ziglang/ziglang.org
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?