-
Notifications
You must be signed in to change notification settings - Fork 0
/
theme.ts
44 lines (35 loc) · 1.21 KB
/
theme.ts
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 { buildLegacyTheme } from 'sanity';
const props = {
'--my-white': '#fefefe',
'--my-black': '#1a1a1a',
'--comtrya-brand': '#F7AB0A',
'--my-red': '#db4437',
'--my-yellow': '#f4b400',
'--my-green': '#0f9d58',
};
export const myTheme = buildLegacyTheme({
/** Base theme colors */
'--black': props['--my-black'],
'--white': props['--my-white'],
'--gray': '#666',
'--gray-base': '#666',
'--component-bg': props['--my-black'],
'--component-text-color': props['--my-white'],
/** Brand */
'--brand-primary': props['--comtrya-brand'],
// Default button
'--default-button-color': '#666',
'--default-button-primary-color': props['--comtrya-brand'],
'--default-button-success-color': props['--my-green'],
'--default-button-warning-color': props['--my-yellow'],
'--default-button-danger-color': props['--my-red'],
/** State */
'--state-info-color': props['--comtrya-brand'],
'--state-success-color': props['--my-green'],
'--state-warning-color': props['--my-yellow'],
'--state-danger-color': props['--my-red'],
/** Navbar */
'--main-navigation-color': props['--my-black'],
'--main-navigation-color--inverted': props['--my-white'],
'--focus-color': props['--comtrya-brand'],
});