Chameleon theme

How does Chameleon change its colours?

• Shift-click anywhere on the page to open a floating window showing all elements under the mouse
• Click on elements in the list to create a CSS selector - one or as many as you need
• Click on the "Set Styles" button and set the styles of your choice
• View the changes immediately

Chameleon allows almost complete control over styling elements in Moodle. It makes working with themes easier for theme designers and opens up a wide range of experimental uses for interface designers. Just change and work with the changed page and go on optimizing your theme whilst you work with Moodle.

Chameleon makes use of Ajax technologies.

Saving your changes

As you work, you have the option to save changes in a temporary file, or save them to the theme CSS file on the server. All temporarily saved changes may be reverted.

Alternative uses

In addition to creating a complete theme, Chameleon may also be used to help make changes to your existing theme. Simply experiment with Chameleon until you have achieved the change you desire, then copy the css in the "Free Edit" tab to a style sheet in your theme folder.

See also

• Chameleon theme test site - login with username and password "chameleon"
• Chameleon - an interactive Moodle theme forum discussion
• Link font size bigger forum discussion illustrating an alternative use