forked from mrwyndham/fastpocket
29 lines
256 KiB
Markdown
29 lines
256 KiB
Markdown
# 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.
|
|
|
|
[](https://youtu.be/PGr17lU5Sbg)
|
|
|
|
## Running the App
|
|
|
|
First, switch to the front end of your project. To run the app, use the following command:
|
|
|
|
```bash
|
|
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.
|
|
|
|
 |