extern/web-check
1
0
Fork 0
mirror of https://github.com/Lissy93/web-check.git synced 2025-06-20 11:47:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

🦄 Global reusable style work

Browse Source
This commit is contained in:
Alicia Sykes 2022-07-08 21:47:01 +01:00
parent 4ca97314d3
commit 68864366af
2 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/styles/colors.ts
View File

@ -9,6 +9,14 @@ const colors = {
backgroundLighter: '#1a2332', backgroundLighter: '#1a2332',
bgShadowColor: '#0f1620', bgShadowColor: '#0f1620',
fgShadowColor: '#456602', fgShadowColor: '#456602',
// Action Colors
info: '#04e4f4',
success: '#20e253',
warning: '#f6f000',
error: '#fca016',
danger: '#f80363',
neutral: '#272f4d',
}; };
export default colors; export default colors;

10
src/styles/typography.ts
View File

@ -1,4 +1,14 @@
export const TextSizes = {
xSmall: '0.75rem',
small: '1rem',
medium: '1.5rem',
large: '2rem',
xLarge: '3rem',
};
export const TextReset = ` export const TextReset = `
font-size: ${TextSizes.small};
font-family: PTMono, Helvetica, Arial, sans-serif; font-family: PTMono, Helvetica, Arial, sans-serif;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;