search

michelada / design_system

Design System running Tailwind underneath, by michelada.io for everyone.
https://michelada.github.io/design_system/site/
Apache License 2.0
1 stars 0 forks source link

[Rebranding] Change colors to comply with Norden's design system #81

Closed Lohenrex closed 2 years ago

Lohenrex commented 2 years ago

Description

We need to update the design-system's colors to those needed in Norden (formerly Control) as defined in Norden DS

Screenshots

Color palette

Norden's color palette Norden's color palette

New color palette New color palette

Calendar

Norden's calendar color scheme Norden's calendar color scheme

New calendar colors New calendar colors

Menus

Norden's menu color scheme Norden's menu color scheme

New menu colors New menu colors

New side bar mobile colors New side bar mobile colors

Headers

Norden's header color scheme Norden's header color scheme

New headers colors New headers colors

Buttons

Norden's button color scheme Norden's button color scheme

New primary colored buttons New primary colored buttons

New yellow colored buttons New yellow colored buttons

New aqua colored buttons New aqua colored buttons

New gray colored buttons New gray colored buttons

Forms

Norden's form fields color scheme Norden's form fields color scheme Norden's form fields color scheme 2

New form fields colors New form fields colors

Alerts

Norden's alert color scheme Norden's alert color scheme

New alert colors New alert colors

Tables

Please keep in mind that some colors are part of the typography and not included in this PR but in the typographies one.

Norden's table color sheme Norden's table color sheme

New table colors New table colors