Custom CSS Documentation
If you want full control over styling, you can use Custom CSS together with the app’s exposed CSS variables.
Full documentation is available here:
https://rubikswatch.com/docs/custom-css
The documentation includes:
- A complete list of 70+ CSS variables grouped by category
- Variable explanations and usage examples
- HTML structure overview for Image, Button, and Dropdown swatches
- Common customization patterns such as custom borders, hover effects, typography overrides, and layout tweaks
- A quick reference section for fast implementation
Custom CSS is applied per product group and scoped safely, so you can create advanced designs without affecting the rest of your theme.
Updated on: 16/02/2026
Thank you!
