Hackery, Math & Design

Steven Wittens i

A new default theme for Drupal?

We've long wanted a new default theme for Drupal. Our trusty workhorse theme Bluemarine has long outlived its usefulness: the markup still contains tables and the look is quite dated. Pretty much everyone in the Drupal community agrees with that.

For Drupal 5, some work has been done on a new default core theme. The Lullabot guys have built a valid, flexible XHTML/CSS template and ported an OSWD template to it with the help of others in the community. The theme has been reviewed and tweaked to death by a bunch of developers. Many people have said that this theme (called Delicously Zen) is our new default theme and that it should be added immediately.

Stefan Nagtegaal has also been designing a theme. He offers an alternative called Themetastic which is a better choice in my opinion.

There have been some mails back and forth about this in private, but I wanted to jot down my thoughts here for everyone to see as well, as my opinion is based on more than just taste. And, as a core committer and someone who has done plenty of theming work for Drupal, I do think I have a good perspective on the issue. Please read on.

I think a good new default core theme should offer the following:

  • Flexibility. A default theme will be used for blogs, for news portals, for forums, for brochures, etc. This means it needs to support all of Drupal's theming features and accomodate tons of varied content well.
  • Branding. The default theme will be the face of Drupal through the many sites that will not bother changing to another theme. If people see multiple sites using the same theme, this might encourage them to check out Drupal.
  • Aesthetics: the theme obviously needs to look pretty, on as many configurations as possible. Not only will it make Drupal look prettier out of the box, it will also be an important way to attract more designers to the Drupal platform (which we sorely need).

Note that I did not say anything about easy editability. This means whether the theme should be easy to make small adjustments to, for your own purposes. In my opinion, this condition goes against the two last points above:

  • A theme which has branding in it, automatically becomes harder to change to your own branding, than one which is a proverbial 'blank slate'.
  • It is very hard to make an aesthetically pleasing, modern-looking theme that does not contain significant graphical elements. These elements are by definition harder to edit than a simple .css file.

So, I think any theme which is intended to be a base for themers is by definition unsuitable to be a default core theme. This applies to Deliciously Zen. I also think Deliciously Zen is problematic as far as branding and aesthetics go:

  • The only significant branding/identity is the Druplicon logo, which any serious Drupal user will immediately remove. What's left is a very generic white minimalist theme that could really be anything. It is not even an original Drupal design.
  • The original design is squarely aimed at text-heavy, brochure-like sites with few links and depends on some images in the content to spice it up. If you replace the content with typical Drupal fare, this very delicate minimalist balance is lost: links and lists overcrowd the page and sidebars attract too much attention.

In short, I think Delicously Zen makes a lousy default theme. However, one thing I've heard people say is that "it's at least better than Bluemarine so there really is no reason not to make it the new default theme".

I disgree. Right now, Drupal has a very high visiblity and the Drupal 5.0 release is definitely going to be a major event. If we replace Bluemarine with Deliciously Zen, people are going to be shouting "Drupal 5 has a brand new look!" as soon as it's released. This will build high expectations for existing and new users alike; expectations which Deliciously Blue does not meet by far.

What we end up with is confirming what people have 'suspected' for a long time: that us poor, silly Drupal people just don't 'get' design and that Drupal will always remain the clunky, ugly CMS it is now. To counter this, we just don't need a theme that doesn't suck, we need something that looks great.

Now, as an XHTML framework for developers and designers, Zen is great and can go into core, but not without a much better default theme to sit beside it. I think Themetastic is that theme:

  • Flexibility. Themetastic works equally well with 1 column or 3 columns. The clever design doesn't overemphasize the sidebars, but does not give the impression of gaps if they're not there. It's also, essentially, just a fancy frame, with pretty typical Drupal fare inside which accomodates all content without any problems. It is trivial to make a fixed and fluid version of the theme too.

    Stefan has also been designing the theme from day one with help from Adrian so you can create custom colored versions of the whole thing easily. All the images are derived from a single base color + a PNG file. This means even people who are not doing any theming whatsoever can still have some degree of customization.

  • Branding. Due to the strong emphasis on the base color, it perfectly propagates the "Drupal = Blue" brand. It's also an original design which is easily recognizable regardless of the content.

  • Aesthetics. Of course, this item comes down to taste. But I know I really liked Themetastic from the moment I saw it. I think it's clever, refreshing, but not over-done. The theme also styles more than just the bare essentials.

Themetastic does need a lot of finishing touches, but some people plain don't like it either. However, I'm well aware that it is impossible to please everyone, especially when it comes to design. I'm going to try working on Themetastic with Stefan this week to see if it can be further improved. This might include some drastic changes to the overall design, but only if they don't compromise the harmony of the whole.

I think Themetastic is the new default core theme in making. However I do want to emphasize that I do want a solution that makes at least the majority of people happy ;).

Drupal  Theming
This article contains graphics made with WebGL, which your browser does not seem to support.
Try Google Chrome or Mozilla Firefox. ×