diff --git a/src/styles/colors.ts b/src/styles/colors.ts index 1a553e5..45d4d7c 100644 --- a/src/styles/colors.ts +++ b/src/styles/colors.ts @@ -9,6 +9,14 @@ const colors = { backgroundLighter: '#1a2332', bgShadowColor: '#0f1620', fgShadowColor: '#456602', + + // Action Colors + info: '#04e4f4', + success: '#20e253', + warning: '#f6f000', + error: '#fca016', + danger: '#f80363', + neutral: '#272f4d', }; export default colors; diff --git a/src/styles/typography.ts b/src/styles/typography.ts index b9997c2..b070073 100644 --- a/src/styles/typography.ts +++ b/src/styles/typography.ts @@ -1,4 +1,14 @@ + +export const TextSizes = { + xSmall: '0.75rem', + small: '1rem', + medium: '1.5rem', + large: '2rem', + xLarge: '3rem', +}; + export const TextReset = ` + font-size: ${TextSizes.small}; font-family: PTMono, Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal;