StackExchange / Stacks

Stack Overflow’s Design System

https://stackoverflow.design

MIT License

610 stars 89 forks source link

Add color changes to proposed changes #1467

Closed dancormier closed 1 year ago

dancormier commented 1 year ago

See https://github.com/StackExchange/Stacks/pull/1451#issuecomment-1699713275

Black

[x] Change all blacks to have a hue of 210.

light

[x] 400: hsl(210, 8%, 42%);
light hc
[x] 400: hsl(210, 8%, 42%);
dark
[x] 350: hsl(210, 8%, 70%);
[x] 400: hsl(210, 8%, 80%);
[x] 500: hsl(210, 8%, 90%);
dark hc
[x] 400: hsl(210, 8%, 80%);
[x] 500: hsl(210, 8%, 90%);

Orange

dark

[x] 400: hsl(27, 80%, 80%);
[x] 500: hsl(27, 80%, 88%);
[x] 600: hsl(27, 80%, 93%);
dark hc
[x] 400: hsl(27, 80%, 80%);
[x] 600: hsl(27, 80%, 93%);

Blue

light

[x] 400: hsl(210, 77%, 46%);
[x] 500: hsl(210, 77%, 36%);
light hc
[x] 400: hsl(210, 77%, 46%);
dark
[x] 400: hsl(210, 80%, 80%);
[x] 500: hsl(210, 80%, 88%);
[x] 600: hsl(210, 80%, 93%);
dark hc
[x] 400: hsl(210, 80%, 80%);
[x] 600: hsl(210, 80%, 93%);

Green

dark

[x] 400: hsl(148, 40%, 75%);
[x] 500: hsl(148, 40%, 85%);
[x] 600: hsl(148, 40%, 93%);
dark hc
[x] 400: hsl(148, 40%, 75%);
[x] 600: hsl(148, 40%, 93%);

Red

dark

[x] 400: hsl(0, 73%, 85%);
[x] 500: hsl(0, 73%, 91%);
[x] 600: hsl(0, 73%, 95%);
dark hc
[x] 400: hsl(0, 73%, 85%);
[x] 600: hsl(0, 73%, 95%);

Yellow

dark

[x] 400: hsl(43, 75%, 75%);
[x] 500: hsl(43, 75%, 85%);
[x] 600: hsl(43, 75%, 91%);
dark hc
[x] 400: hsl(43, 75%, 75%);
[x] 600: hsl(43, 75%, 91%);

netlify[bot] commented 1 year ago

Deploy Preview for stacks ready!

Name	Link
Latest commit	99cdd8a0491def21e4498d7c447076801242b470
Latest deploy log	https://app.netlify.com/sites/stacks/deploys/64efa6b30406da000926a658
Deploy Preview	https://deploy-preview-1467--stacks.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.