StatusNet Theme - Dartik

Dartik StatusNet Theme screenshot

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.

Dartik StatusNet Theme 2
Click thumbnail for larger image.

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 xvf 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.

Dartik StatusNet Theme 3

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.

Dartik StatusNet Theme 4 thumb

Dartik StatusNet Theme 5 thumb
Click thumbnails for larger image.

Dartik StatusNet Theme 6

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.

v0.3 screenshot 1

v0.3 screenshot 2

v0.3 screenshot 3

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.


Comments:

Kyriakos Brastianos

I love it dark.
Thanks for making & sharing Jeremy. :)

2012-01-01 05:45:00

jpope

I agree. I think CrunchBang has influenced me to where everything must be dark. :)

Thanks for checking it out.

2012-01-01 08:34:11

anil

how to create two columns layout, where to edit html file.?
please reply

2012-01-02 02:51:00

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.

2012-01-03 11:55:07

Ivan Popovic

Hi, very nice theme, but there is no LOGIN button in mobile view… How can I fix it ???

2012-02-05 15:36:00

jpope

I have a fix for that, will get it released very soon.

2012-02-06 07:50:32


Have a response to this post? Please use this link.