search

ScrimbaBootcamp / progress-tracker

Bootcamp students will contribute to this open source project, where we will build a progress tracker to keep up with activity and accomplishments in the Scrimba bootcamp.
https://bootcamp-progress-tracker.netlify.app
MIT License
3 stars 14 forks source link

style: add CSS custom properties for the color scheme #45

Closed michaella23 closed 2 weeks ago

michaella23 commented 3 weeks ago

One of our contributors created a design template for this project in Figma. In that file you will see a node called 'Color Palette'. You can look at each child node there for the name and the hex code of that color. In index.css, add a root selector and add CSS custom properties to define our color palette. Add a body selector in the CSS and define its background-color with one of these custom variables. (Note: if #46 has not been completed, you will not be able to see this change when you run the project locally.)

giu3337 commented 2 weeks ago

@michaella23 Hi Micha id love help with this

michaella23 commented 2 weeks ago

Great, go for it @giu3337! 😊

michaella23 commented 2 weeks ago

@giu3337 if you are still working on this, please be aware that we have had some code added to index.css since you requested. 🙂 So if you have already forked our repository, cloned it, and added the remote upstream, you will want to pull down changes from our main repo. You can do this in the terminal with the command: git pull upstream main.

giu3337 commented 2 weeks ago

Awesome @michaella23 thank you so much I am reading the doc now and see how everything works! Thank you for everything!