mirror of
https://github.com/hanzonet/explore.git
synced 2026-10-30 18:16:57 +00:00
zeekayandHanzo Dev
1f483283f5
- Configure Inter font as default for all text - Create monochromatic black/white/grey color scheme - Add LUX logo and favicon - Set up GitHub Action for automated builds - Configure production environment variables Co-authored-by: Hanzo Dev <[email protected]>
94 lines
1.9 KiB
TypeScript
94 lines
1.9 KiB
TypeScript
import type { ThemingConfig } from '@chakra-ui/react';
|
|
|
|
import type { ExcludeUndefined } from 'types/utils';
|
|
|
|
import config from 'configs/app';
|
|
|
|
export const BODY_TYPEFACE = config.UI.fonts.body?.name ?? 'Inter';
|
|
export const HEADING_TYPEFACE = config.UI.fonts.heading?.name ?? 'Inter';
|
|
|
|
export const fonts: ExcludeUndefined<ThemingConfig['tokens']>['fonts'] = {
|
|
heading: { value: `${ HEADING_TYPEFACE }, sans-serif` },
|
|
body: { value: `${ BODY_TYPEFACE }, sans-serif` },
|
|
};
|
|
|
|
export const textStyles: ThemingConfig['textStyles'] = {
|
|
heading: {
|
|
xl: {
|
|
value: {
|
|
fontSize: '32px',
|
|
lineHeight: '40px',
|
|
fontWeight: '500',
|
|
letterSpacing: '-0.5px',
|
|
fontFamily: 'heading',
|
|
},
|
|
},
|
|
lg: {
|
|
value: {
|
|
fontSize: '24px',
|
|
lineHeight: '32px',
|
|
fontWeight: '500',
|
|
fontFamily: 'heading',
|
|
},
|
|
},
|
|
md: {
|
|
value: {
|
|
fontSize: '18px',
|
|
lineHeight: '24px',
|
|
fontWeight: '500',
|
|
fontFamily: 'heading',
|
|
},
|
|
},
|
|
sm: {
|
|
value: {
|
|
fontSize: '16px',
|
|
lineHeight: '24px',
|
|
fontWeight: '500',
|
|
fontFamily: 'heading',
|
|
},
|
|
},
|
|
xs: {
|
|
value: {
|
|
fontSize: '14px',
|
|
lineHeight: '20px',
|
|
fontWeight: '600',
|
|
fontFamily: 'heading',
|
|
},
|
|
},
|
|
},
|
|
text: {
|
|
xl: {
|
|
value: {
|
|
fontSize: '20px',
|
|
lineHeight: '28px',
|
|
fontWeight: '400',
|
|
fontFamily: 'body',
|
|
},
|
|
},
|
|
md: {
|
|
value: {
|
|
fontSize: '16px',
|
|
lineHeight: '24px',
|
|
fontWeight: '400',
|
|
fontFamily: 'body',
|
|
},
|
|
},
|
|
sm: {
|
|
value: {
|
|
fontSize: '14px',
|
|
lineHeight: '20px',
|
|
fontWeight: '400',
|
|
fontFamily: 'body',
|
|
},
|
|
},
|
|
xs: {
|
|
value: {
|
|
fontSize: '12px',
|
|
lineHeight: '16px',
|
|
fontWeight: '400',
|
|
fontFamily: 'body',
|
|
},
|
|
},
|
|
},
|
|
};
|