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
