3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-10 23:57:22 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): set theme color mode for SSR (#4383)

Browse source
This commit is contained in:
Alexey Pyltsyn 2021-03-10 22:10:07 +03:00 • committed by GitHub
parent 02cd5d343b
commit 6afa83c419
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
packages/docusaurus-theme-classic/src/theme/hooks/useTheme.ts
View file

@ -21,9 +21,9 @@ const coerceToTheme = (theme) => {
return theme === themes.dark ? themes.dark : themes.light; return theme === themes.dark ? themes.dark : themes.light;
}; };
const getInitialTheme = () => { const getInitialTheme = (defaultMode) => {
if (!ExecutionEnvironment.canUseDOM) { if (!ExecutionEnvironment.canUseDOM) {
return themes.light; // SSR: we don't care return coerceToTheme(defaultMode);
} }
return coerceToTheme(document.documentElement.getAttribute('data-theme')); return coerceToTheme(document.documentElement.getAttribute('data-theme'));
}; };
@ -38,9 +38,9 @@ const storeTheme = (newTheme) => {
const useTheme = (): useThemeReturns => { const useTheme = (): useThemeReturns => {
const { const {
colorMode: {disableSwitch, respectPrefersColorScheme}, colorMode: {defaultMode, disableSwitch, respectPrefersColorScheme},
} = useThemeConfig(); } = useThemeConfig();
const [theme, setTheme] = useState(getInitialTheme); const [theme, setTheme] = useState(getInitialTheme(defaultMode));
const setLightTheme = useCallback(() => { const setLightTheme = useCallback(() => {
setTheme(themes.light); setTheme(themes.light);