Since the launch of Variables in June 2023, we have shifted from the Style Library to Variables. By default, colors are mapped to Variables, although the Style Library is still available for use.

Nucleus Variables

Nucleus Variables

Nucleus Styles Library

Nucleus Styles Library

We have made the decision to use Variables as the primary method because we want Nucleus to align more closely with how development works.

Here’s the list of styles and variables from our library.

Styles Library Variables Library
Color ✅ ✅
Text ✅ ❌
Variables Library doesn’t support this.
Effect ✅ ❌
Variables Library doesn’t support this.
Grid ✅ ❌
Variables Library doesn’t support this.
Spacing ❌
Styles Library doesn’t support this. ✅
Rounded ❌
Styles Library doesn’t support this. ✅
Container ❌
Styles Library doesn’t support this. ✅