diff --git a/src/context/ThemeContext.js b/src/context/ThemeContext.js new file mode 100644 index 0000000..478ee90 --- /dev/null +++ b/src/context/ThemeContext.js @@ -0,0 +1,26 @@ +import React, { createContext, useState, useEffect } from 'react'; + +export const ThemeContext = createContext(); + +export const ThemeProvider = ({ children }) => { + const [theme, setTheme] = useState('light'); + + useEffect(() => { + const savedTheme = localStorage.getItem('theme'); + if (savedTheme) { + setTheme(savedTheme); + } + }, []); + + const toggleTheme = () => { + const newTheme = theme === 'light' ? 'dark' : 'light'; + setTheme(newTheme); + localStorage.setItem('theme', newTheme); + }; + + return ( + + {children} + + ); +};