const dark = { name: "dark", bg: "#28282b", color: "#e6eaee", border: "#748094", hover: { bg: "#39393c", border: "#4e5460", }, text: { fontSize: "16px", }, heading: { fontSize: "18px", fontWeight: "600", }, }; const light = { name: "light", bg: "#e3e8ef", color: "#1b202b", border: "#748094", hover: { bg: "#eef2f6", border: "#d8dfe7", }, text: { fontSize: "16px", }, heading: { fontSize: "18px", fontWeight: "600", }, }; const useTheme = (storedTheme) => { if (!storedTheme) return light; return storedTheme === "light" ? light : dark; }; return { useTheme };