We are using Material Design from google as our design system, and the @material-ui/core NPM package which provides a [React](https://en.wikipedia.org/wiki/React_(JavaScript_library) implementation thereof.
Themes define site-wide colors and other visual settings that are particular to the heartpoints brand. Themes can be updated here or manually in code.
Icons can be browsed visually here. When the icon of choice is found, take note of the name, and then use the icon by importing the corresponding react component.
For example, if the icon is labeled domain
, then:
import DomainIcon from '@material-ui/icons/Domain';
const render = () => <DomainIcon />