franco-may/theme.ts at main · francomay3/franco-may · 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
55
56
57
58
59
60
'use client';

import { Anchor, Button, Container, createTheme, NavLink } from '@mantine/core';

export const theme = createTheme({
  headings: {
    fontFamily: 'Poppins',
    sizes: {
      h1: {
        fontSize: 'calc(1.75rem * var(--mantine-scale))',
      },
      h2: {
        fontSize: 'calc(1.5rem * var(--mantine-scale))',
      },
      h3: {
        fontSize: 'calc(1.25rem * var(--mantine-scale))',
      },
      h4: {
        fontSize: 'calc(1.1rem * var(--mantine-scale))',
      },
      h5: {
        fontSize: 'calc(1rem * var(--mantine-scale))',
      },
      h6: {
        fontSize: 'calc(0.9rem * var(--mantine-scale))',
      },
    },
  },
  fontFamily: 'Source Serif 4',
  components: {
    Button: Button.extend({
      defaultProps: {
        styles: {
          label: {
            fontFamily: 'var(--mantine-font-family-headings)',
          },
        },
      },
    }),
    NavLink: NavLink.extend({
      defaultProps: {
        styles: {
          label: {
            fontFamily: 'var(--mantine-font-family-headings)',
          },
        },
      },
    }),
    Anchor: Anchor.extend({
      defaultProps: {
        underline: 'never',
      },
    }),
    Container: Container.extend({
      defaultProps: {
        py: 'md',
      },
    }),
  },
});