gnu-social/theme
2009-11-08 18:41:03 +01:00
..
base Updated the styles for action icons 2009-11-08 18:41:03 +01:00
biz Updated biz, cloudy, h4ck3r, pigeonthoughts themes default logos 2009-09-09 13:04:05 +02:00
cloudy Updated Cloudy theme 2009-09-14 15:14:48 +02:00
default Updated the styles for action icons 2009-11-08 18:41:03 +01:00
h4ck3r Updated biz, cloudy, h4ck3r, pigeonthoughts themes default logos 2009-09-09 13:04:05 +02:00
identica Updated the styles for action icons 2009-11-08 18:41:03 +01:00
otalk convert CSS files to use new names 2009-08-25 18:21:37 -04:00
pigeonthoughts Updated biz, cloudy, h4ck3r, pigeonthoughts themes default logos 2009-09-09 13:04:05 +02:00
readme.txt Updated csarven emails to csarven@status.net and removed dupes 2009-09-16 11:14:26 +02:00

/** Howto: create a statusnet theme
 *
 * @package   StatusNet
 * @author Sarven Capadisli <csarven@status.net>
 * @copyright 2009 Control Yourself, Inc.
 * @license   http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
 * @link      http://laconi.ca/
 */

Location of key paths and files under theme/:

./base/css/
./base/css/display.css
./base/images/

./default/css/
./default/css/display.css
./default/images/

./base/display.css contains layout, typography rules:
Only alter this file if you want to change the layout of the site. Please note that, any updates to this in future statusnet releases may not be compatible with your version.

./default/css/display.css contains only the background images and colour rules:
This file is a good basis for creating your own theme.

Let's create a theme:

1. To start off, copy over the default theme:
cp -r default mytheme

2. Edit your mytheme stylesheet:
nano mytheme/css/display.css

a) Search and replace your colours and background images, or
b) Create your own layout either importing a separate stylesheet (e.g., change to @import url(base.css);) or simply place it before the rest of the rules.

4. Set /config.php to load 'mytheme':
$config['site']['theme'] = 'mytheme';