search

marceljones / ASSIGNMENT-product-cards

0 stars 0 forks source link

Challenge 1: Switch up the colors! #11

Open marceljones opened 3 years ago

marceljones commented 3 years ago

Challenge 1: Switch up the colors!

  1. Design your application and use some colors that aren't weird or boring.
  2. Use a tool called Material Palette and pick 2 colors and you will get a resulting palette. You can click to download and then select "CSS" and you will get a file that looks like this: 
    
/* Palette generated by Material Palette - materialpalette.com/brown/teal */

.dark-primary-color { background: #5D4037; } .default-primary-color { background: #795548; } .light-primary-color { background: #D7CCC8; } .text-primary-color { color: #FFFFFF; } .accent-color { background: #009688; } .primary-text-color { color: #212121; } .secondary-text-color { color: #757575; } .divider-color { border-color: #BDBDBD; }


3. Modify your CSS and/or HTML classes to incorporate this new color palette.