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 Tooltip,
14 Text,
15} from '@mantine/core';
16
17export const theme = createTheme({
18 primaryShade: {
19 light: 6,
20 dark: 6,
21 },
22 primaryColor: 'tangerine',
23 colors: {
24 tangerine: [
25 '#fff1e2',
26 '#ffe1cc',
27 '#ffc29a',
28 '#ffa164',
29 '#fe8537',
30 '#fe731a',
31 '#ff6400',
32 '#e45800',
33 '#cb4d00',
34 '#b14000',
35 ],
36 stone: [
37 '#fafaf9',
38 '#f5f5f4',
39 '#e7e5e4',
40 '#d6d3d1',
41 '#a8a29e',
42 '#78716c',
43 '#57534e',
44 '#44403c',
45 '#292524',
46 '#0c0a09',
47 ],
48 blue: [
49 '#e3faff',
50 '#cff0fe',
51 '#a2dff8',
52 '#72cdf3',
53 '#4cbdef',
54 '#35b4ed',
55 '#23afed',
56 '#109eda',
57 '#0088be',
58 '#0076a8',
59 ],
60 grape: [
61 '#ffe8ff',
62 '#fdceff',
63 '#f79bff',
64 '#f164ff',
65 '#ec36ff',
66 '#ea25ff',
67 '#e803ff',
68 '#ce00e4',
69 '#b800cc',
70 '#a000b3',
71 ],
72 },
73 fontFamily:
74 'Hanken Grotesk, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji',
75 defaultRadius: 'md',
76 components: {
77 Button: Button.extend({
78 defaultProps: {
79 radius: 'xl',
80 },
81 }),
82 NavLink: NavLink.extend({
83 styles: (theme) => ({
84 root: { borderRadius: theme.radius.md },
85 label: {
86 fontSize: theme.fontSizes.md,
87 fontWeight: 600,
88 },
89 }),
90 }),
91 Avatar: Avatar.extend({
92 defaultProps: {
93 radius: 'md',
94 },
95 }),
96 MenuItem: MenuItem.extend({
97 defaultProps: {
98 fz: 'md',
99 fw: 600,
100 },
101 }),
102 CheckboxIndicator: CheckboxIndicator.extend({
103 defaultProps: {
104 radius: 'xl',
105 },
106 }),
107 Modal: Modal.extend({
108 defaultProps: {
109 radius: 'lg',
110 transitionProps: { transition: 'pop' },
111 },
112 }),
113 Spoiler: Spoiler.extend({
114 styles: {
115 control: {
116 color: 'gray',
117 fontWeight: 600,
118 },
119 },
120 }),
121 TabsTab: TabsTab.extend({
122 defaultProps: {
123 fw: 500,
124 fz: 'md',
125 },
126 }),
127 Tooltip: Tooltip.extend({
128 defaultProps: {
129 position: 'top-start',
130 },
131 }),
132 Title: Text.extend({
133 styles: {
134 root: {
135 wordBreak: 'break-word',
136 },
137 },
138 }),
139 Text: Text.extend({
140 styles: {
141 root: {
142 wordBreak: 'break-word',
143 },
144 },
145 }),
146 },
147});