[cvs] [Wiki] changed: ThemesHowTo

Jan Schneider jan at horde.org
Sat May 22 14:54:20 PDT 2004


jan  Sat, 22 May 2004 14:54:20 -0700

Modified page: http://wiki.horde.org/display.php?page=ThemesHowTo
New Revision:  1.2

@@ -25,11 +25,37 @@
  */
 
 $theme_name = _("My Theme Name");
 </php>
-
 
 ++ Defining theme colors and styles
 
 This alone doesn't make a theme of course, now you want to create you own set of colors and styles for your theme. These are defined in a PHP array in the file {{html-mytheme.php}}. You can see this file name is simply created by prefixing your internal style name with "html-".
 
 The syntax of this file is pretty straight forward. If you know how CSS works and look at some of the existing theme files you should easily find out how to change certain colors, fonts, lines etc. You should //not// start with a copy of the "master" theme file {{horde/config/html.php}} but you should instead only define those CSS rules that you want to overwrite. This way you make sure that your theme doesn't miss any important style if the master theme file gets extend at some point in the future.
+
+++ Adding icon sets
+
+If you want to add custom icons to your theme you first need to create a folder named after your theme in the directory {{horde/graphics/themes/}}, in our example theme this would be {{horde/graphics/themes/mytheme/}}. Then you need to copy **all** existing icons from {{horde/graphics/}} **including** the subdirectories but **without** the {{themes/}} directory into your theme folder.
+
+Then extend your theme file with a line so that it looks like:
+
+<php>
+<?php
+/**
+ * This is my personal theme.
+ * It is based on the colors of my bike when I was five.
+ *
+ * Copyright 2004 John Doe
+ */
+
+$theme_name = _("My Theme Name");
+$theme_icons = array('horde');
+</php>
+
+Now start replacing the icons in your theme folder with your own ones.
+
+If you want to create custom icons for other applications, simply create folders in the application's {{graphics/themes/}} directory as well. Then add the application name to the {{$theme_icons}} list, for example:
+
+<php>
+$theme_icons = array('horde', 'imp');
+</php>


More information about the cvs mailing list