Articles on: Developer Tools

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

Was this article helpful?

Share your feedback

Cancel

Thank you!