Feature Overview: Themes

Whenever setting up an Ushahidi installation, it’s often necessary to change the general appearance of the site to fit within an certain brand or color scheme. In our first iteration of Ushahidi, we saw several groups do just that:

originals
A few examples of how previous versions of Ushahidi were customized.

With the addition of themes in version 1.0, we’ve made customizing the look and feel a whole lot easier.

What exactly is a theme anyway?

A theme is basically a set of files that define the overall visual appearance of your site. Each theme contains a CSS file as well as any graphical elements used on the site.

What is possible with a theme?

At a very basic level, you can use a theme to set up colors for your site header, navigation and footer:

The Hatari installation, using the default theme.
The Hatari installation, using the default colors.

However, with a little bit of CSS knowledge, you can make more significant changes to the overall look and feel of your site:

hatari-after
Hatari utilizes a stylized graphic for the background as well as a few additional adjustments to the overall color scheme.

With this new release and the addition of themes, we think we’re going to see a lot more “skin” customizations.

We are always looking for ways to make customization as easy as possible. If you have any questions, suggestions or ideas, please let us know in the comments or on the forums!

2 Responses to “Feature Overview: Themes”

  1. Andolasoft

    Hello Sir,
    My team now started using Ushahidi framework. We want to your help.
    Please let me know How we will setup themes in Ushahidi admin panel and added new PIC/Video.

    Thanks
    Dev elopement Team