Skip to content

bilalbaig3101/theme-toggler

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started with Dark/ Light Theme

This project was bootstrapped with create-react-app my-app --template typescript.

clone this repo with "git clone" or download it.

  • open terminal locate folder
  • run "npm install" (this will download all required libraries)
  • run "npm start" (this will start development server on port: 3000)

Prerequisites

node version 10.0.0 < node && LATEST <= node download latest node version

prefers-color-scheme

The prefers-color-scheme CSS media feature is used to detect if the user has requested the system use a light or dark color theme.

Syntax

@media (prefers-color-scheme: dark) { body { background: #333; color: white; } }

@media (prefers-color-scheme: light) { body { background: white; color: #555; } }

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors