3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-06 10:20:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(v2): support prefers-color-scheme & fix dark mode FOUC on refresh (#2069)

Browse source 
* fix(v2): dark mode should not have flash on refresh

* refactoring

* address review
This commit is contained in:
Endi 2019-12-01 20:01:35 +07:00 • committed by GitHub
parent 046a53ebf4
commit 4d5b62ae47
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 63 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -8,6 +8,8 @@
import React from 'react';
import Toggle from 'react-toggle';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import classnames from 'classnames';
import styles from './styles.module.css';
@ -15,8 +17,10 @@ const Moon = () => <span className={classnames(styles.toggle, styles.moon)} />;
const Sun = () => <span className={classnames(styles.toggle, styles.sun)} />;
export default function(props) {
const {isClient} = useDocusaurusContext();
return (
<Toggle
disabled={!isClient}
icons={{
checked: <Moon />,
unchecked: <Sun />,