在umi中使用react-darkreader进行主题切换，其原理则是运用了css中的滤镜

  1. filter: invert(100%) hue-rotate(180deg) brightness(115%) contrast(95%);

使用

新建ToggleTheme组件，并在app.tsx中引入组件

  1. import React, { useEffect } from 'react';
  2. import { useDarkreader } from 'react-darkreader';
  4. const ToggleTheme = () => {
  5.   const [isDark, { toggle }] = useDarkreader(false);
  6.   useEffect(() => {
  7.     if (window.location.hash === '#dark') {
  8.       toggle();
  9.     }
  10.   }, []);
  11.   return <></>;
  12. };
  14. export default ToggleTheme

具体参数请参考：https://github.com/Turkyden/react-darkreader