HMC/handmade-revolt
2
0
Fork 0
forked from abner/for-legacy-web
Code Pull Requests Actions Activity

Merge pull request #188 from brecert/theme_shop

Browse Source
This commit is contained in:
Paul Makles
2021-09-09 21:58:13 +01:00
committed by GitHub
parent 0acfd23334 28b2d8dcab
commit 99116981ab
8 changed files with 416 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/context/Theme.tsx
View File

@@ -278,14 +278,18 @@ export const PRESETS: Record<string, Theme> = {
const keys = Object.keys(PRESETS.dark);
const GlobalTheme = createGlobalStyle<{ theme: Theme }>`
:root {
${(props) =>
(Object.keys(props.theme) as Variables[]).map((key) => {
if (!keys.includes(key)) return;
return `--${key}: ${props.theme[key]};`;
})}
${(props) => generateVariables(props.theme)}
}
`;
export const generateVariables = (theme: Theme) => {
const mergedTheme = { ...PRESETS[theme.light ? 'light' : 'dark'], ...theme }
return (Object.keys(mergedTheme) as Variables[]).map((key) => {
if (!keys.includes(key)) return;
return `--${key}: ${mergedTheme[key]};`;
})
}
// Load the default default them and apply extras later
export const ThemeContext = createContext<Theme>(PRESETS["dark"]);