Change SemanticUI styles to match our Figma styles, so for example if we add a Button it will look like the buttons in our app. You may do some interpretation if the style is not specified/shown. Mainly, we want to have the fonts, font sizes, and colours match - other parts (e.g. shape of buttons) can look slightly different from the Figma design
Specify themes for styled-components themes. We want to apply default styles even when devs don't add a component from SemanticUI (e.g. if they just add a paragraph of text, the font, font size, and colour should be correct by default). Ideally, devs should not specify any styling manually and should only reference predefined styles (e.g. they can pick a colour 'accent' which we defined as particular shade of grey, or they can pick a font size 'larger' which we've defined the size for). You can also reference the main reach4help repo for an example of this or ask Ethan about it - I know we have something similar in the main repo
What: add default styles according to Figma documentation
How:
Buttonit will look like the buttons in our app. You may do some interpretation if the style is not specified/shown. Mainly, we want to have the fonts, font sizes, and colours match - other parts (e.g. shape of buttons) can look slightly different from the Figma design