CustomCodeEditor/src/theme.js at 94748dcebdbcf1155997b3dca8e072a0c15b6639 · DhanushNehru/CustomCodeEditor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
// theme.js
import { createTheme } from "@mui/material/styles";

export const lightTheme = createTheme({
  palette: {
    mode: "light",
    primary: {
      main: "#1976d2",
    },
    secondary: {
      main: "#dc004e",
    },
    background: {
      default: "#fff",
      paper: "#f5f5f5",
    },
    text: {
      primary: "#000",
      secondary: "#555",
    },
  },
  typography: {
    h1: {
      fontSize: "2rem",
    },
    fontFamily: ["Poppins"],
  },
});

export const darkTheme = createTheme({
  palette: {
    mode: "dark",
    primary: {
      main: "#90caf9",
    },
    secondary: {
      main: "#f48fb1",
    },
    background: {
      default: "#121212",
      paper: "#1e1e1e",
    },
    text: {
      primary: "#fff",
      secondary: "#aaa",
    },
  },
  typography: {
    h1: {
      fontSize: "2rem",
    },
    fontFamily: ["Poppins"],
  },
});