Add the ability to change to dark/light mode about website HOT 2 CLOSED

<DarkThemeProvider>
  <div className={classes.outer}>
    <div className="container">
      <Typography className={classes.h1}>Hello, algorithms!</Typography>
      <Typography className={classes.h2}>
        Welcome to GitHub's largest open-source algorithm library
      </Typography>
      <div className={classes.input}>{search}</div>
    </div>
  </div>
</DarkThemeProvider>

import React from "react";
import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";

const darkTheme = createMuiTheme({
  palette: {
    type: "dark",
    primary: {
      main: "#fff",
    },
  },
});

export default function DarkThemeProvider({ children }) {
  return <ThemeProvider theme={darkTheme}>{children}</ThemeProvider>;
}