Skip to main content

Genesis DARK Starter Subtheme

Post to Twitter

As part of the continuing innovation of the Genesis starter theme I have developed a dark style starter theme. This new starter subtheme will be included in the Genesis base theme along with the other two starter subthemes. Additionally I have renamed the old genesis_LITE theme to genesis_ULTRALITE to avoid confusion (the ULTRALITE subtheme simply has less HTML and is nothing to do with style).

For those of you not familiar with the term “dark”, it refers to negative style themes where the background is black or other dark shade and the text is light colored.

I got the idea to do this while porting the old Genesis Darkmatter theme to Genesis 2. The old Darkmatter theme was always meant to fill the role of a dark starter theme and it has done this quite well. However, it was built very quickly and never polished, in fact its pretty rough. I decided the best thing was to abstract the support for Drupal core and other modules into a proper dark style starter theme. I also seem to be building more and more dark themes so this helps me get a head start on those as well.

Currently genesis_DARK is in dev (although its pretty good already) and is only available in the 6.x-2.x-dev version of Genesis. Theres a few todo’s and I want to build a couple of themes first to weed out any problems before including it in the stable release, of course it helps if you can test it out and submit issues:)

Genesis Dark is now stable and has been released. Go forth and enjoy!

Features

  • Support for all admin pages
  • Fully styled tables and forms
  • All messages restyled
  • Support for contrib modules - Views, Panels and Vertical tabs
  • All dark styles abstracted into a new style_dark.css file

Heres some screenshots of the default install thus far. Enjoy!

Genesis Dark starter theme front page
Genesis Dark starter theme message styles
Genesis Dark starter theme Views edit page
Genesis Dark starter theme Panels add content page
Genesis Dark starter theme Node Add page
Genesis Dark starter theme Content page

Drupal Version: 

Drupal Development: 

Drupal: 

Technology: 

Calais Document Category: 

Comments

#1 Awesome

Awesome, awesome, awesome! Dude this rocks, been hunting down a decent dark theme for my next site and this is just in time and right on the money, look at that - the views, panels and vertical tabs look beautiful, and the message as well, too much dude, thank-you very much! One little thing, the select list drop down is not taking the right styles, I’m sure your onto it though!!!

#2 BTW, Advanced forum naked

BTW, Advanced forum naked looks fantastic…

#3 Thanks George, yes in the

Thanks George, yes in the screenshot the select list is right, but I haven’t committed the fix yet, later today probably, I used the wrong selector for select focus to override G core styles, should be .form-select:focus not select:focus line 229 style_dark.css ;)

#4 Great job done. Congrats. One

Great job done. Congrats.

One notice:
seem that your rss feed has some strange behavior on drupal-planet - (really big images …)

#5 Umm, yes you are right, I

Umm, yes you are right, I forgot to set the display settings for imagefield in RSS feeds, darn it, got a slap on the wrist for it as well, he he:)

#6 Great addition to the Genesis subtheme family

OMG. I’m really really really super happy that DARK starter theme came out.

Do you know how much effort it takes to invert & override Drupal’s (and contrib modules) default css from black-on-white to light-on-dark?
CRAZY. That’s why I’m really glad that this new kewl starter theme came out.

Kudos to adaptivethemes for doing such great work on Genesis 2.x. It really makes theming much more fun and a little bit effortless.