nandi.uk
This repository has no description
1'use client';
2
3import {
4 createTheme,
5 Avatar,
6 Button,
7 CheckboxIndicator,
8 MenuItem,
9 Modal,
10 NavLink,
11 Spoiler,
12 TabsTab,
13} from '@mantine/core';
14
15export const theme = createTheme({
16 primaryColor: 'tangerine',
17 colors: {
18 tangerine: [
19 '#fff1e2',
20 '#ffe1cc',
21 '#ffc29a',
22 '#ffa164',
23 '#fe8537',
24 '#fe731a',
25 '#ff6400',
26 '#e45800',
27 '#cb4d00',
28 '#b14000',
29 ],
30 stone: [
31 '#fafaf9',
32 '#f5f5f4',
33 '#e7e5e4',
34 '#d6d3d1',
35 '#a8a29e',
36 '#78716c',
37 '#57534e',
38 '#44403c',
39 '#292524',
40 '#0c0a09',
41 ],
42 blue: [
43 '#e3faff',
44 '#cff0fe',
45 '#a2dff8',
46 '#72cdf3',
47 '#4cbdef',
48 '#35b4ed',
49 '#23afed',
50 '#109eda',
51 '#0088be',
52 '#0076a8',
53 ],
54 grape: [
55 '#ffe8ff',
56 '#fdceff',
57 '#f79bff',
58 '#f164ff',
59 '#ec36ff',
60 '#ea25ff',
61 '#e803ff',
62 '#ce00e4',
63 '#b800cc',
64 '#a000b3',
65 ],
66 },
67 fontFamily:
68 'Hanken Grotesk, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji',
69 defaultRadius: 'md',
70 components: {
71 Button: Button.extend({
72 defaultProps: {
73 radius: 'xl',
74 },
75 }),
76 NavLink: NavLink.extend({
77 styles: (theme) => ({
78 root: { borderRadius: theme.radius.md },
79 label: {
80 fontSize: theme.fontSizes.md,
81 fontWeight: 600,
82 },
83 }),
84 }),
85 Avatar: Avatar.extend({
86 defaultProps: {
87 radius: 'md',
88 },
89 }),
90 MenuItem: MenuItem.extend({
91 defaultProps: {
92 fz: 'md',
93 fw: 600,
94 },
95 }),
96 CheckboxIndicator: CheckboxIndicator.extend({
97 defaultProps: {
98 radius: 'xl',
99 },
100 }),
101 Modal: Modal.extend({
102 defaultProps: {
103 radius: 'lg',
104 transitionProps: { transition: 'pop' },
105 },
106 }),
107 Spoiler: Spoiler.extend({
108 styles: {
109 control: {
110 color: 'gray',
111 fontWeight: 600,
112 },
113 },
114 }),
115 TabsTab: TabsTab.extend({
116 defaultProps: {
117 fw: 500,
118 fz: 'md',
119 },
120 }),
121 },
122});