Breaking News: Grepper is joining You.com. Read the official announcement!

mui how to set background in theme

MrStonkus answered on June 16, 2022 Popularity 8/10 Helpfulness 6/10

answer mui how to set background in theme

mui how to set background in theme

Comment

import React from "react";
import ReactDOM from "react-dom";
import CssBaseline from "@mui/material/CssBaseline";
import { ThemeProvider, createTheme } from "@mui/material/styles";
import Button from "@mui/material/Button";

const themeLight = createTheme({
  palette: {
    background: {
      default: "#e4f0e2"
    }
  }
});

const themeDark = createTheme({
  palette: {
    background: {
      default: "#222222"
    },
    text: {
      primary: "#ffffff"
    }
  }
});

const App = () => {
  const [light, setLight] = React.useState(true);
  return (
    <ThemeProvider theme={light ? themeLight : themeDark}>
      <CssBaseline />
      <Button onClick={() => setLight((prev) => !prev)}>Toggle Theme</Button>
    </ThemeProvider>
  );
};

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Popularity 8/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: background javascript mui set

Link to this answer
Share Copy Link

Contributed on Jun 16 2022

MrStonkus

0 Answers Avg Quality 2/10

mui how to set background in theme

Contents

More Related Answers

mui how to set background in theme

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.