Skip to content

Latest commit

 

History

9 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

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

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages