3336e6960d
* Rework gray scale * Change grayscale AGAIN * Change grayscale AGAIN * Change grayscale AGAIN
44 lines
810 B
TypeScript
44 lines
810 B
TypeScript
import { grayScale } from './colors';
|
|
|
|
const common = {
|
|
size: {
|
|
xxs: '0.625rem',
|
|
xs: '0.85rem',
|
|
sm: '0.92rem',
|
|
md: '1rem',
|
|
lg: '1.23rem',
|
|
xl: '1.54rem',
|
|
xxl: '1.85rem',
|
|
},
|
|
weight: {
|
|
regular: 400,
|
|
medium: 500,
|
|
semiBold: 600,
|
|
},
|
|
family: 'Inter, sans-serif',
|
|
};
|
|
|
|
export const fontLight = {
|
|
color: {
|
|
primary: grayScale.gray60,
|
|
secondary: grayScale.gray50,
|
|
tertiary: grayScale.gray40,
|
|
light: grayScale.gray35,
|
|
extraLight: grayScale.gray30,
|
|
inverted: grayScale.gray0,
|
|
},
|
|
...common,
|
|
};
|
|
|
|
export const fontDark = {
|
|
color: {
|
|
primary: grayScale.gray30,
|
|
secondary: grayScale.gray40,
|
|
tertiary: grayScale.gray50,
|
|
light: grayScale.gray55,
|
|
extraLight: grayScale.gray60,
|
|
inverted: grayScale.gray100,
|
|
},
|
|
...common,
|
|
};
|