filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-23 14:07:20 +03:00
Code Issues Packages Projects Releases Wiki Activity

added dark mode to FontPreview

Browse Source
This commit is contained in:
Aminejvm 2021-03-24 18:24:24 +01:00
parent 58c3700bbc
commit fc685affdd
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/system/ThemeProvider.js
View File

@ -4,7 +4,10 @@ import * as Constants from "~/common/constants";
import { ThemeProvider as EmotionTP } from "@emotion/react";
export default function ThemeProvider({ children }) {
const [theme, setTheme] = useLocalStorage("slate-theme", { darkmode: true });
const [theme, setTheme] = useLocalStorage("slate-theme", {
darkmode: true,
fontPreviewDarkMode: true,
});
const handleSlateTheme = (e) => setTheme((prev) => ({ ...prev, ...e.detail }));
React.useEffect(() => {
@ -18,13 +21,13 @@ export default function ThemeProvider({ children }) {
const value = React.useMemo(
() => ({
...theme,
sizes: Constants.sizes,
system: Constants.system,
shadow: Constants.shadow,
zindex: Constants.zindex,
font: Constants.font,
typescale: Constants.typescale,
...theme,
}),
[theme]
);