StatusNet Theme – Dartik

Here is the first StatusNet theme that I am releasing. It is basically a port of the Drupal theme, Dartik, which is a dark sub-theme of the default Drupal 7 theme, Bartik.

For this theme, I mostly started with the base StatusNet theme and started tweaking the css to match. The theme on my Drupal install is a modified version of Dartik so creating a theme for StatusNet was a must so that my site just blended together.

To use this theme, download the archive attached to the bottom of this post _(see edit at bottom of post)_ and extract it to the theme directory in your StatusNet install.

tar zxvf dartik.tar.gz

Add a line to config.php that calls the new theme:

$config['site']['theme'] = 'dartik';

Also, it’s good practice to run checkschema.php any time you make changes to the config.php.

php scripts/checkschema.php

Now you should see a new look to your StatusNet instance. If you find any oddities, please let me know and I’ll try to fix it. There are a few things that I want to change just yet so, another version will be in the works.

EDIT: I have fixed one of the things that were bugging me. The buttons for ‘Remote’, ‘Edit’, etc had a gray text that was impossible to read. Now fixed. :)

Also, if you uncomment line 47, it will add a stripe background to the page as seen in the second screenshot below. :)

EDIT 2012.01.07: I have made some more improvements to the theme. Most of these edits were to the text boxes and ‘Submit’ buttons along with a few other tweaks.

 

*Click any of the images above for a larger view.

EDIT 2012.11.06: I have now added this theme to the StatusNet wiki as well as pushing it to Gitorious. To install this theme on your instance, change to your themes directory and run

git clone git://gitorious.org/dartik-statusnet-theme/dartik-statusnet-theme.git dartik

and add a line to config.php that calls the new theme:

$config['site']['theme'] = 'dartik';

and you should be good.

:)

This work, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.

Shortlink:

6 thoughts on “StatusNet Theme – Dartik

    • jpope

      That’s a good question. I’d have to go through the CSS to see if it’s possible with just css. Otherwise, a plugin would be the best way to get it done.

Leave a comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>