gitscope
/
← marzneshin / app/dashboard/chakra.config.ts / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
app/dashboard/chakra.config.ts · v0.2.0
Source
1 bf7c131 Mardin 2y ago import { extendTheme } from '@chakra-ui/react';
2 a47eb4c Dawsh 2y ago export const theme = extendTheme({
3 bf7c131 Mardin 2y ago shadows: { outline: '0 0 0 2px var(--chakra-colors-primary-200)' },
4 a47eb4c Dawsh 2y ago fonts: {
5 bf7c131 Mardin 2y ago body: 'Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif',
6 a47eb4c Dawsh 2y ago },
7 a47eb4c Dawsh 2y ago colors: {
8 bf7c131 Mardin 2y ago 'light-border': '#d2d2d4',
9 5825ea4 Mardin 2y ago 'dark-bg': '#1A202C',
10 a47eb4c Dawsh 2y ago primary: {
11 bf7c131 Mardin 2y ago 50: '#9cb7f2',
12 bf7c131 Mardin 2y ago 100: '#88a9ef',
13 bf7c131 Mardin 2y ago 200: '#749aec',
14 bf7c131 Mardin 2y ago 300: '#618ce9',
15 bf7c131 Mardin 2y ago 400: '#4d7de7',
16 bf7c131 Mardin 2y ago 500: '#396fe4',
17 bf7c131 Mardin 2y ago 600: '#3364cd',
18 bf7c131 Mardin 2y ago 700: '#2e59b6',
19 bf7c131 Mardin 2y ago 800: '#284ea0',
20 bf7c131 Mardin 2y ago 900: '#224389',
21 a47eb4c Dawsh 2y ago },
22 a47eb4c Dawsh 2y ago gray: {
23 bf7c131 Mardin 2y ago 750: '#222C3B',
24 a47eb4c Dawsh 2y ago },
25 a47eb4c Dawsh 2y ago },
26 a47eb4c Dawsh 2y ago components: {
27 a47eb4c Dawsh 2y ago Alert: {
28 a47eb4c Dawsh 2y ago baseStyle: {
29 a47eb4c Dawsh 2y ago container: {
30 bf7c131 Mardin 2y ago borderRadius: '6px',
31 bf7c131 Mardin 2y ago fontSize: 'sm',
32 a47eb4c Dawsh 2y ago },
33 a47eb4c Dawsh 2y ago },
34 a47eb4c Dawsh 2y ago },
35 a47eb4c Dawsh 2y ago Select: {
36 a47eb4c Dawsh 2y ago baseStyle: {
37 a47eb4c Dawsh 2y ago field: {
38 a47eb4c Dawsh 2y ago _dark: {
39 bf7c131 Mardin 2y ago borderColor: 'gray.600',
40 bf7c131 Mardin 2y ago borderRadius: '6px',
41 a47eb4c Dawsh 2y ago },
42 a47eb4c Dawsh 2y ago _light: {
43 bf7c131 Mardin 2y ago borderRadius: '6px',
44 a47eb4c Dawsh 2y ago },
45 a47eb4c Dawsh 2y ago },
46 a47eb4c Dawsh 2y ago },
47 a47eb4c Dawsh 2y ago },
48 a47eb4c Dawsh 2y ago FormHelperText: {
49 a47eb4c Dawsh 2y ago baseStyle: {
50 bf7c131 Mardin 2y ago fontSize: 'xs',
51 a47eb4c Dawsh 2y ago },
52 a47eb4c Dawsh 2y ago },
53 a47eb4c Dawsh 2y ago FormLabel: {
54 a47eb4c Dawsh 2y ago baseStyle: {
55 bf7c131 Mardin 2y ago fontSize: 'sm',
56 bf7c131 Mardin 2y ago fontWeight: 'medium',
57 bf7c131 Mardin 2y ago mb: '1',
58 bf7c131 Mardin 2y ago _dark: { color: 'gray.300' },
59 a47eb4c Dawsh 2y ago },
60 a47eb4c Dawsh 2y ago },
61 a47eb4c Dawsh 2y ago Input: {
62 a47eb4c Dawsh 2y ago baseStyle: {
63 a47eb4c Dawsh 2y ago addon: {
64 a47eb4c Dawsh 2y ago _dark: {
65 bf7c131 Mardin 2y ago borderColor: 'gray.600',
66 a47eb4c Dawsh 2y ago _placeholder: {
67 bf7c131 Mardin 2y ago color: 'gray.500',
68 a47eb4c Dawsh 2y ago },
69 a47eb4c Dawsh 2y ago },
70 a47eb4c Dawsh 2y ago },
71 a47eb4c Dawsh 2y ago field: {
72 a47eb4c Dawsh 2y ago _focusVisible: {
73 bf7c131 Mardin 2y ago boxShadow: 'none',
74 bf7c131 Mardin 2y ago borderColor: 'primary.200',
75 bf7c131 Mardin 2y ago outlineColor: 'primary.200',
76 a47eb4c Dawsh 2y ago },
77 a47eb4c Dawsh 2y ago _dark: {
78 bf7c131 Mardin 2y ago borderColor: 'gray.600',
79 a47eb4c Dawsh 2y ago _disabled: {
80 bf7c131 Mardin 2y ago color: 'gray.400',
81 bf7c131 Mardin 2y ago borderColor: 'gray.500',
82 a47eb4c Dawsh 2y ago },
83 a47eb4c Dawsh 2y ago _placeholder: {
84 bf7c131 Mardin 2y ago color: 'gray.500',
85 a47eb4c Dawsh 2y ago },
86 a47eb4c Dawsh 2y ago },
87 a47eb4c Dawsh 2y ago },
88 a47eb4c Dawsh 2y ago },
89 a47eb4c Dawsh 2y ago },
90 a47eb4c Dawsh 2y ago Table: {
91 a47eb4c Dawsh 2y ago baseStyle: {
92 a47eb4c Dawsh 2y ago table: {
93 bf7c131 Mardin 2y ago borderCollapse: 'separate',
94 a47eb4c Dawsh 2y ago borderSpacing: 0,
95 a47eb4c Dawsh 2y ago },
96 a47eb4c Dawsh 2y ago thead: {
97 bf7c131 Mardin 2y ago borderBottomColor: 'light-border',
98 a47eb4c Dawsh 2y ago },
99 a47eb4c Dawsh 2y ago th: {
100 bf7c131 Mardin 2y ago background: '#F9FAFB',
101 bf7c131 Mardin 2y ago borderColor: 'light-border !important',
102 bf7c131 Mardin 2y ago borderBottomColor: 'light-border !important',
103 bf7c131 Mardin 2y ago borderTop: '1px solid ',
104 bf7c131 Mardin 2y ago borderTopColor: 'light-border !important',
105 a47eb4c Dawsh 2y ago _first: {
106 bf7c131 Mardin 2y ago borderLeft: '1px solid',
107 bf7c131 Mardin 2y ago borderColor: 'light-border !important',
108 a47eb4c Dawsh 2y ago },
109 a47eb4c Dawsh 2y ago _last: {
110 bf7c131 Mardin 2y ago borderRight: '1px solid',
111 bf7c131 Mardin 2y ago borderColor: 'light-border !important',
112 a47eb4c Dawsh 2y ago },
113 a47eb4c Dawsh 2y ago _dark: {
114 bf7c131 Mardin 2y ago borderColor: 'gray.600 !important',
115 bf7c131 Mardin 2y ago background: 'gray.750',
116 a47eb4c Dawsh 2y ago },
117 a47eb4c Dawsh 2y ago },
118 a47eb4c Dawsh 2y ago td: {
119 bf7c131 Mardin 2y ago transition: 'all .1s ease-out',
120 bf7c131 Mardin 2y ago borderColor: 'light-border',
121 bf7c131 Mardin 2y ago borderBottomColor: 'light-border !important',
122 a47eb4c Dawsh 2y ago _first: {
123 bf7c131 Mardin 2y ago borderLeft: '1px solid',
124 bf7c131 Mardin 2y ago borderColor: 'light-border',
125 a47eb4c Dawsh 2y ago _dark: {
126 bf7c131 Mardin 2y ago borderColor: 'gray.600',
127 a47eb4c Dawsh 2y ago },
128 a47eb4c Dawsh 2y ago },
129 a47eb4c Dawsh 2y ago _last: {
130 bf7c131 Mardin 2y ago borderRight: '1px solid',
131 bf7c131 Mardin 2y ago borderColor: 'light-border',
132 a47eb4c Dawsh 2y ago _dark: {
133 bf7c131 Mardin 2y ago borderColor: 'gray.600',
134 a47eb4c Dawsh 2y ago },
135 a47eb4c Dawsh 2y ago },
136 a47eb4c Dawsh 2y ago _dark: {
137 bf7c131 Mardin 2y ago borderColor: 'gray.600',
138 bf7c131 Mardin 2y ago borderBottomColor: 'gray.600 !important',
139 a47eb4c Dawsh 2y ago },
140 a47eb4c Dawsh 2y ago },
141 a47eb4c Dawsh 2y ago tr: {
142 bf7c131 Mardin 2y ago '&.interactive': {
143 bf7c131 Mardin 2y ago cursor: 'pointer',
144 a47eb4c Dawsh 2y ago _hover: {
145 bf7c131 Mardin 2y ago '& > td': {
146 bf7c131 Mardin 2y ago bg: 'gray.200',
147 a47eb4c Dawsh 2y ago },
148 a47eb4c Dawsh 2y ago _dark: {
149 bf7c131 Mardin 2y ago '& > td': {
150 bf7c131 Mardin 2y ago bg: 'gray.750',
151 a47eb4c Dawsh 2y ago },
152 a47eb4c Dawsh 2y ago },
153 a47eb4c Dawsh 2y ago },
154 a47eb4c Dawsh 2y ago },
155 a47eb4c Dawsh 2y ago _last: {
156 bf7c131 Mardin 2y ago '& > td': {
157 a47eb4c Dawsh 2y ago _first: {
158 bf7c131 Mardin 2y ago borderBottomLeftRadius: '8px',
159 a47eb4c Dawsh 2y ago },
160 a47eb4c Dawsh 2y ago _last: {
161 bf7c131 Mardin 2y ago borderBottomRightRadius: '8px',
162 a47eb4c Dawsh 2y ago },
163 a47eb4c Dawsh 2y ago },
164 a47eb4c Dawsh 2y ago },
165 a47eb4c Dawsh 2y ago },
166 a47eb4c Dawsh 2y ago },
167 a47eb4c Dawsh 2y ago },
168 a47eb4c Dawsh 2y ago },
169 a47eb4c Dawsh 2y ago });