gnu-social/theme
2010-03-25 22:19:42 +01:00
..
base Minor margin to more link 2010-03-25 22:19:02 +01:00
biz Updated biz theme logo 2010-03-25 22:18:53 +01:00
cloudy Minor core alignment for cloudy 2010-03-25 22:19:42 +01:00
default Removed box-shadow and outline on notice more link focus 2010-03-25 22:19:20 +01:00
h4ck3r Updated logos 2010-03-25 22:19:29 +01:00
identica Removed box-shadow and outline on notice more link focus 2010-03-25 22:19:20 +01:00
pigeonthoughts Updated pigeonthoughts theme 2010-02-25 12:35:15 +01:00
README Updated howto create a theme 2010-01-26 01:16:15 +01:00

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

== Location of key paths and files ==
<pre><nowiki>
base/css/
base/css/display.css                #layout, typography rules
base/images/                        #common icons, illustrations
base/images/icons/icons-01.png      #main icons file (combined into a single file)

default/css/
default/css/display.css             #imports the base stylesheet for layout and adds background images and colour rules
default/logo.png                    #default site logo for this theme
default/mobilelogo.png              #default logo for the mobile output
default/default-avatar-mini.png     #24x24 default avatar for minilists
default/default-avatar-stream.png   #48x48 default avatar for notice timelines
default/default-avatar-profile.png  #96x96 default avatar for the profile page
</nowiki></pre>


== How to create your own theme ==


You probably want to do one of the following:


* If you just want to change the text, link, background, content, sidebar colours, background image:
** Do this from the Admin->Design settings (recommended!). You could also create a directory and a file structure like the default theme, search and replace with your own values. This is more work, but, you can do this if you plan to make additional *minimal* changes.


* If you want to change the background images and colours:
# Create a directory and a file structure like the default theme.
# Have your stylesheet import base/css/display.css and add your own styles below. It is okay to add *minimal* changes here.


* If you want to create a different layout, typography, background images and colours:
** Create your own theme directory (base or default) with stylesheets and images like.


Finally, enable your theme by selecting it from the Admin->Design interface. You can set site's logo from here as well.