Version 2.0 of this stack makes use of RapidWeavers built in color HUD to enhance color selection. In addition to this, the overall footprint of this stack is reduced on the page.

This stack allows you to set the colors via the HUD. In addition to this it automatically updates the button colors for you!!!!. The fifth button will be the default background color of your webpage and cannot be changed. By clicking on the fifth button (R), this will cause the background color to reset to its original color and will delete any cookies that were set by a previous color selected. This stack uses cookies to remember what background color was last chosen, and will display that color upon returning to the page associated with this stack. This stack uses the jQuery Cookie to remember the color selected for up to one year or until the visitor removes the cookie, which ever comes first. The cookie ID is automatically set by Stacks, so you no longer have to assign one thus removing it from the HUD.

This stack is powered by jQuery, jQuery Cookie, and includes the jQuery noConflict to ensure it plays nicely with other scripts.

Check out the live demo below, click the color and then reload the page. Your selected color stays. Click the color, navigate to a new page or site, then come back to this page... your Selected color stays.