Theme configuration

Most of the shop uses Tailwind for styling. To edit your theme, open tailwind.config.ts. Note that parts of the theme are imported from Storefront UI.

In some cases, you can't directly apply classes to elements to style them, for example when using certain component libraries. You may also prefer stylesheets over using Tailwind. To style your shop without using Tailwind, you can either use the <style> tag of Vue SFCs or add your stylesheets to Nuxt's assets directory.

References

• Tailwind Documentation
• Storefront UI: Theming
• Storefront UI: Overriding Default Styles
• Storefront UI: Typography
• Colour Palette Generator
• Nuxt Assets