256 KiB
How to Style Your Fast Pocket App
In this tutorial, we'll walk you through the process of styling your Fast Pocket app, from running the app to updating the color scheme and background. By the end of this guide, you'll have a visually appealing app that aligns with your brand.
Running the App
First, switch to the front end of your project. To run the app, use the following command:
npm run dev
This will load up your Fast Pocket app.
Updating Package.json
Next, we need to update the package.json file to reflect our new project name, "icon.camp". Open package.json and change the name field to "icon.camp". After making this change, restart the app to see the new name in effect.
Generating a Color Scheme
To create a cohesive color scheme, we'll use the Daisy UI theme generator. Navigate to the Daisy UI theme generator and randomize the colors until you find a primary and secondary color that suits your brand.