seblammers / awesome-svelte-and-d3-website

Frontend code for a site to find awesome data visualization projects that were created with Svelte & D3
https://awesome-svelte-and-d3.netlify.app/
Creative Commons Zero v1.0 Universal
6 stars 0 forks source link

improvement: fix colour variables #7

Closed seblammers closed 1 year ago

seblammers commented 1 year ago

Get rid of the unused variables and concentrate on "awesome red" from the logo and a couple of grays:

grafik

See: https://codepen.io/seblammers/pen/PoRpxWY

or play with them elsewhere:

--awesome-red: hsl(0, 100%, 50%);
--gray-color-100: hsl(0, 0%, 95%);
--gray-color-200: hsl(0, 0%, 81.25%);
--gray-color-300: hsl(0, 0%, 67.5%);
--gray-color-400: hsl(0, 0%, 53.75%);
--gray-color-500: hsl(0, 0%, 40%);
seblammers commented 1 year ago

See also this playground: https://codepen.io/seblammers/pen/gOemQGO

grafik