mantine lightTheme.ts

50% Statements 1/2
100% Branches 0/0
0% Functions 0/1
50% Lines 1/2
Press n or j to go to the next uncovered block, b, p or k for the previous block.

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82  
 
 
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import {
  createTheme,
  type MantineTheme,
  type MantineThemeOverride,
} from '@mantine/core';
 
export const lightTheme: MantineThemeOverride = createTheme({
  // fontFamily: 'Segoe UI',
  primaryColor: 'pink',
  colors: {
    'bright-pink': [
      '#F0BBDD',
      '#ED9BCF',
      '#EC7CC3',
      '#ED5DB8',
      '#F13EAF',
      '#F71FA7',
      '#FF00A1',
      '#E00890',
      '#C50E82',
      '#AD1374',
    ],
  },
  autoContrast: true,
  luminanceThreshold: 0.61,
  components: {
    AppShell: {
      defaultProps: {
        bg: 'var(--mantine-color-body)',
      },
    },
    Button: {
      defaultProps: {
        // c: 'pink.7',
      },
    },
    Anchor: {
      defaultProps: {
        // c: 'pink.7',
      },
    },
    InputWrapper: {
      styles: (theme: MantineTheme) => ({
        label: {
          color: theme.colors.gray[7],
        },
      }),
    },
    TextInput: {
      defaultProps: {
        // c: 'pink.7',
      },
    },
    PasswordInput: {
      defaultProps: {
        // c: 'pink.7',
      },
    },
    Checkbox: {
      defaultProps: {
        c: 'pink.7',
      },
    },
    NavLink: {
      defaultProps: {
        c: 'gray.7',
        fw: 600,
      },
    },
    Title: {
      defaultProps: {
        c: 'gray.8',
      },
    },
    Text: {
      defaultProps: {
        c: 'gray.8',
      },
    },
  },
});