Link: http://wirehopper.com/drupal

*** Demonstration is no longer available ***

Drupal is a very popular content management system. robots.design was run on the pushbutton theme. Key notes on this:

The theme has five colors which were all mapped to the same color. That caused some of the text and links to be invisible. To correct this issue, the sed commands could be manually edited, the theme colors could be adjusted, or the image colors could be changed - either by updating the image or manually editing the color list extracted and used for mapping. The best solution depends on the situation. My recommendation would be to tune the theme to work well with robots.design, then reuse it. Note this blog skin works extremely well, another option would be to get the colors from this blog skin and apply them to the Drupal theme. To do that, the colors in Step 2 would be pasted in Step 1, and the Drupal colors would be pasted in Step 2.

The colors display differently in IE7 and FF2. Again, this is a potential tuning issue.

Several images were tried before the results were attractive. Repeating the operation was done by first saving the two CSS files (style-rtl.css and style.css), then restoring them after each attempt with a simple script:

undo.sh

Code:

Thus, the recoloring cycle went as follows:

Paste colors extracted from the theme in Step 2
Upload a new image
Click Go
Run the sed commands by copying them from the browser and pasting them into the console (puTTY).
Refresh the browser to see the effect.
Repeat until done.

In a production environment, there would be a very short cycle, and the theme would probably be tuned to perform well with many different colors. A good strategy may be to create a greyscale theme. Greyscale demo.