QuickieDox uses TailwindCSS for its styling. The source css file is defined in src > index.css and can be modified to suit your theme needs. The default theme colour used by QuickieDox is indigo.
To change this to a different theme colour simply edit the value for primary in the tailwind.config.js file as shown below. Let's say you want to change from indigo to purple.
...
colors: {
- primary: colors.indigo,
+ primary: colors.purple,
},
...
To compile your changes while still in development mode, run this command from the root of your project.
npx tailwindcss -i ./src/index.css -o ./assets/css/quickiedox.css --watch
To compile your changes for production run the command below.
npx tailwindcss -i ./src/index.css -o ./assets/css/quickiedox.css --minify
In This Document