Skip to content

A component that lets users toggle between different color themes, updating the app’s appearance dynamically and storing the selection so it remains consistent across pages.

Notifications You must be signed in to change notification settings

Van-Ma/theme-switcher

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Theme Switching Button

A minimal theme toggle built with React and SCSS. Switches between day and night color palettes using dynamic CSS variables and a reusable ThemeUtils system.

Theme Switcher Preview

Features

  • Smooth toggle between light and dark themes
  • Dynamically updates CSS variables for color schemes
  • Remembers the user’s last selected theme in localStorage
  • Pure React + SCSS, no external dependencies
  • Easily customizable color layers and transitions

Custom colors

export const backgroundColors = [
  { theme: 'light', color: '#ddddddff' },
  { theme: 'dark', color: '#2b2b2bff' },
]; ```

About

A component that lets users toggle between different color themes, updating the app’s appearance dynamically and storing the selection so it remains consistent across pages.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published