Update color variables for rgb. Remove unused color variables

[KaichenWang]

Why are these changes introduced?

• Update definition of CSS RGB color variables in Liquid to leverage updated ColorDrop
• Fix issue with invalidated CSS when setting a theme color setting to none

Fixes #52

What approach did you take?

• Define RGB colors using ColorDrop red, green and blue properties:

--color-base-text-rgb: {{ settings.colors_text.red }}, {{ settings.colors_text.green }}, {{ settings.colors_text.blue }};

• Remove any unreferenced CSS color variables (clean up)

Other considerations

⚠️

• RGB colors defined using ColorDrop properties do not update in the editor until saved
• When color setting is set to none the R,G,B property values are 0,0,0, which is "black". Some additional logic in the theme will be required to incorporate alpha value to correctly reflect the none color

Demo links

• Store
• Editor

Checklist

• Followed theme code principles
• Linted with Theme Check
• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility

[Thibaut]

🍿

[KaichenWang]

RGB colors defined using ColorDrop properties do not update in the editor until saved

@Thibaut With usage of rgb properties, curious if there is a way to have the RGB colors update in editor after every setting change?

[Thibaut]

@Thibaut With usage of rgb properties, curious if there is a way to have the RGB colors update in editor after every setting change?

It's possible but not trivial. We would need to detect when a setting is only used as the value of a CSS variable.