Contribute to the frontend
We currently use Fomantic UI as our UI framework. We customize this with our own SCSS files located in
We apply changes to the Fomantic CSS files before we import them:
We replace hardcoded color values with CSS variables to make themin easier. For example:
color: orangeis replaced by
We remove unused values from the CSS files to keep the size down
These changes are applied when you run
yarn install through a
postinstall hook. If you want to modify these changes, check the
We plan to replace Fomantic with our own UI framework in the near future. Check our Penpot to see what we’ve got planned.
The Funkwhale frontend contains some tests to catch errors before changes go live. The coverage is still fairly low, so we welcome any contributions.
To run the test suite, run the following command:
sudo docker compose -f dev.yml run --rm front yarn test:unit
To run tests as you make changes, launch the test suite with the
sudo docker compose -f dev.yml run --rm front yarn test:unit -w