custom-interface-emit/theme.js at main · US-GHG-Center/custom-interface-emit · 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
// theme.js
import { createTheme } from '@mui/material/styles';

const theme = createTheme({
  typography: {
    fontFamily: 'Public Sans, sans',
    h1: {
      fontFamily: 'DM Sans, sans',
      fontSize: '48px',
      fontWeight: 700,
    },
    h2: {
      fontFamily: 'DM Sans, sans',
      fontSize: '40px',
      fontWeight: 600,
    },
    h3: {
      fontFamily: 'DM Sans, sans',
      fontSize: '26px',
      fontWeight: 600,
    },
    h4: {
      fontFamily: 'DM Sans, sans',
      fontSize: '22px',
      fontWeight: 500,
    },
    h5: {
      fontFamily: 'DM Sans, sans',
      fontSize: '20px', // 20px
      fontWeight: 500,
    },
    h6: {
      fontFamily: 'DM Sans, sans',
      fontSize: '1.125rem', // (optional)
      fontWeight: 500,
    },
    body: {
      fontSize: '18px',
    },
    caption: {
      fontSize: '14px',
    },
  },
});

export default theme;