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

fix(v2): switch a toggle when system theme changed (#2325)

Browse source 
* fix(v2): switch a toggle when system theme changed

* fix: add check on disabled dark mode
This commit is contained in:
Alexey Pyltsyn 2020-02-27 05:14:20 +03:00 • committed by GitHub
parent 68a5cd5df1
commit 37dff050ce
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

7
packages/docusaurus-theme-classic/src/index.js
View file

@ -25,13 +25,6 @@ const noFlash = `(function() {
} }
var darkQuery = window.matchMedia('(prefers-color-scheme: dark)'); var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
darkQuery.addListener(function(e) {
if (getPreferredTheme() !== null) {
return;
}
setDataThemeAttribute(e.matches ? 'dark' : '');
});
var preferredTheme = getPreferredTheme(); var preferredTheme = getPreferredTheme();
if (preferredTheme !== null) { if (preferredTheme !== null) {

12
packages/docusaurus-theme-classic/src/theme/hooks/useTheme.js
View file

@ -61,6 +61,18 @@ const useTheme = () => {
} }
}, [setTheme]); }, [setTheme]);
useEffect(() => {
if (disableDarkMode) {
return;
}
window
.matchMedia('(prefers-color-scheme: dark)')
.addListener(({matches}) => {
setTheme(matches ? themes.dark : themes.light);
});
}, []);
return { return {
isDarkTheme: theme === themes.dark, isDarkTheme: theme === themes.dark,
setLightTheme, setLightTheme,