From 68864366af8d2c13bec16bc652b4a1b315537eaf Mon Sep 17 00:00:00 2001 From: Alicia Sykes Date: Fri, 8 Jul 2022 21:47:01 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=A6=84=20Global=20reusable=20style=20work?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/colors.ts | 8 ++++++++ src/styles/typography.ts | 10 ++++++++++ 2 files changed, 18 insertions(+) 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;