CSS Variables

A CSS Variables based successor of the color module. For a screencast see Merlin's Minute Modules: CSS Variables.

Contained modules:

CSS Variables

As a module or theme author, you can use CSS Variables and provide some defaults. Then if you declare these variables in your config schema, the module provides the settings form for you at admin/appearance/cssvars. (We can improve widgets though.)

CSS Variables Example

Look into this to see how CSS variables are used and declared.

IE Polyfill

Adds a polyfill that enables CSS Variables on IE. (If someone needs this server-side, without requiring client-side JS, feel free to implement it.)

ColorNG

(Currently requires this core patch.) This module

• auto-generates CSS Variable declaration for every Color-enabled theme, and
• replaces the "#xxxxxx" colors in your theme with variables.

(Remember to disable the color module to use it sensibly!)

You can use this to migrate your legacy theme implementation like this:

• Enable ColorNG (but not Color ;-)
• Pick up the rewritten CSS files
• Pick up the autogenerated cssvars.css file
• Pick up the autogenerated config schema (Once we have #3090883: Make the autogenerated ColorNG schema available or #3090884: Create a color2cssvars command to automigrate themes)
• Commit everything
• Some day, remove the legacy color integration