Skip to content

Repository with project developed in React NLW 04 of Rocketseat

Notifications You must be signed in to change notification settings

tutods/nlw04-react

Repository files navigation

Move.it

React NLW-04

Version 2: auto dark and light mode, getting your color mode from operating system

🌐 Deploy:

Vercel

🎨 Layout:

To see layout created by Rocketseat team, click on badge below:

Figma Figma

🚀 Commands:

  • yarn start: Runs the app in the development mode

🗒 Changes:

  • All changes of version 1;

  • Add package to close Level Up Modal when press ESC key;

  • Auto dark or light theme (getting the color mode from your operating system);

    • Example how to set dark colors and light colors:
    :root {
    	// set your light colors where
    }
    
    @media (prefers-color-scheme: dark) {
    	:root {
    		// set your dark colors where
    	}
    }
Have interest in:
NodeJS
Wiki with Documentation:
GitHub

🧑🏻‍💻 About Me

Daniel Sousa @TutoDS
Daniel Sousa @TutoDS

Facebook Twitter

LinkedIn Instagram

YouTube