search

stride3d / stride-website

This repository hosts the source code for the official Stride 3D engine website. Contributors can follow the build instructions provided to run the website locally.
https://www.stride3d.net/
MIT License
9 stars 30 forks source link

Improve visibility for dark them palette #147

Open laicasaane opened 1 year ago

laicasaane commented 1 year ago

For me, texts appears blurry in the current dark palette (especially the "red" color). For example I find it unpleasant reading this screenshot.

image

The red "Blog" word appears too dimmed.

image

VaclavElias commented 1 year ago

Thank you for your feedback. We use Bootstrap 5, with lots of defaults so we have less gears on our side to maintain, including the dark theme functionality.

We had to customise certain things for the dark theme (dark background image, colours, ..), which might not be that appealing at the moment.

The dark theme is an experimental feature on our Stride Web to collect feedback like yours, so thank you for reporting it.

The text shouldn't be blurry as we made no changes there. Any suggestion for the red, what RGB would you suggest?

laicasaane commented 1 year ago

The text shouldn't be blurry as we made no changes there.

It's blurry in my eyes because of the contrast between colors, not in technical sense though.

Any suggestion for the red, what RGB would you suggest?

I can tell you something to replace the red, however it needs a better dark palette overall. I'll come back with a palette proposal.

VaclavElias commented 1 year ago

Thanks. Current customisation is done here https://github.com/stride3d/stride-website/tree/master/css

And theme selector reused and modified from the Bootstrap 5 website.

https://github.com/stride3d/stride-website/blob/master/assets/scripts/theme-selector.liquid