website-next/theme.ts at master · EssentialsX/website-next · 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
import { createTheme } from '@mantine/core';

export const theme = createTheme({
  primaryColor: 'red',
  colors: {
    red: [
      '#ffeaec',
      '#fcd4d7',
      '#f4a7ac',
      '#ec777e',
      '#e64f57',
      '#e3353f',
      '#e22732',
      '#c91a25',
      '#b41220',
      '#9e0419',
    ],

    orange: [
      '#ffebe7',
      '#ffd5cf',
      '#fdaa9e',
      '#f96854',
      '#f7543d',
      '#f63b21',
      '#f72d12',
      '#dc1f06',
      '#c51803',
      '#ac0b00',
    ],
    dark: [
      '#C1C2C5',
      '#A6A7AB',
      '#909296',
      '#5C5F66',
      '#373A40',
      '#2C2E33',
      '#25262B',
      '#1A1B1E',
      '#141517',
      '#101113',
    ],
  },
});