Skip to content

Instantly share code, notes, and snippets.

@uds5501
Last active May 6, 2020 17:10
Show Gist options
  • Save uds5501/67838116580e3e828b96001bd711bcc8 to your computer and use it in GitHub Desktop.
Save uds5501/67838116580e3e828b96001bd711bcc8 to your computer and use it in GitHub Desktop.
step 1 of dark theme
import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";
import React, { useState } from "react";
export default function Dashboard() {
const [darkState, setDarkState] = useState(false);
const palletType = darkState ? "dark" : "light";
const darkTheme = createMuiTheme({
palette: {
type: palletType,
}
});
const handleThemeChange = () => {
setDarkState(!darkState);
};
return (
<ThemeProvider theme={darkTheme}>
<div> Sample Text </div>
</ThemeProvider>
);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment