Loading...
 
Skip to main content

History: Tiki Theme Generator

Preview of version: 20

Proposed steps to building a Tiki theme generator:

Please first read an idea for generating a custom css style from a photo / logo.

Step #1
Modify one of the current CSS (style) to have a small number (3-6) of basic colors. Maybe Simple as the first one.

Copy to clipboard
changing colors: you can list them with: grep -i " #[0-9a-f]\{3,6\};" styles/simple.css | cut -d\# -f2 | sort | uniq -c and change them with: perl -pi -e 's/AAAAAA/bbbbbb/g' styles/simple.css */


Step #2
Turn these colors into variables, for example $background, $basecolor, $highlight, etc

Step #3
Use a Generated Color Scheme (like Step 3 of WordPress Index Builder)

Step #4
See the theme in action, and

Step #5
Save CSS


Alternate step #3 (nice to have)
Generate colors from a photo / logo. There is a "Random From Image" button. So the user could try several times until he finds something pleasing. (like StrangeBanana) http://www.colr.org/

Alternate step #3 (nice to have)
Generate colors which contrast well (for text over backgound) http://www.barelyfitz.com/projects/csscolor/

Step #6 (nice to have)
For cases where we need a gradient (example, calendar event importance), we could have a formula which generates them. Please see "Generating Palettes With PHP" from site above for an example. #Another possible tool: http://www.meyerweb.com/eric/tools/color-blend/

Step #7 (nice to have)
For all the images, logos, etc in Tiki, we should try to make sure they are all transparent so they look good with different backgrounds.

Step #8 (nice to have)
Use ImageMagick or GD to manipulate graphics HSV values so that multiple graphics themes such as *metal can be combined into a single metal theme that can be colourised to any hue and saturation the administrator desires. Step 8 would allow the colours of any graphical theme (eg new tiki themes such as the default tikithemes theme and kubrick) to be modified.


Previous forum post about Tiki theme generator idea:
tiki-view_forum_thread.php?forumId=3&comments_parentId=2

Related links:
I Like Your Colors!

WordPress Index Builder
Step 3 offers a color picker and Generated Color Scheme.

Drupal CMS Theme Generator
In Excel
http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php
http://www.maketemplate.com/form/

Theme developer module for Drupal 6 - Screencast "We have built Firebug for Drupal Theming. You may now click on any part of the page and a sexy popup display shows which theme function/template outputted the HTML, and what other files could have done so. Armed with this info, a themer may quickly and accurately override the presentation. Further, all the variables passed into the template/function are presented for review."

WordPress, MT and Drupal: Template Generators

CSS Constants
http://www.icant.co.uk/articles/cssconstants/
Dynamic CSS
http://www.stylehack.com/wordpress/index.php?p=71&page=3

CSS Tools:
http://www.soxiam.com/Notes/CSSTools
http://www.alvit.de/handbook/

Wordpress theme browser

History

Information Version
Mon 19 of Feb, 2018 10:04 UTC Gary Cunningham-Lee Info about new Style Guide tool added. 45
Sat 02 of Dec, 2017 07:59 UTC Gary Cunningham-Lee Link: Bootstrap Magic updated to Bootstrap 4. 44
Mon 13 of Jun, 2016 05:36 UTC Gary Cunningham-Lee URLs removed, corrected or commented out to fix 404 errors. 43
Mon 13 of Jun, 2016 05:28 UTC Gary Cunningham-Lee URL commented out to fix 404 error. 42
Wed 02 of Sep, 2015 05:08 UTC Marc Laporte 41
Mon 24 of Aug, 2015 02:13 UTC Marc Laporte 40
Sun 10 of May, 2015 23:11 UTC Marc Laporte Some tools to pick colors from an image 39
Sun 10 of May, 2015 22:02 UTC Marc Laporte 38
Sat 30 of Aug, 2014 18:38 UTC Marc Laporte 37
Fri 04 of Apr, 2014 17:13 UTC Marc Laporte 36
Fri 04 of Apr, 2014 02:37 UTC Marc Laporte 35
Sat 23 of Mar, 2013 14:25 UTC Marc Laporte 34
Wed 20 of Mar, 2013 19:32 UTC Marc Laporte 33
Fri 01 of Mar, 2013 15:35 UTC Marc Laporte 32
Mon 24 of Jan, 2011 00:20 UTC Marc Laporte 31
Thu 25 of Nov, 2010 04:24 UTC Gary Cunningham-Lee 30
Wed 24 of Nov, 2010 11:15 UTC Marc Laporte 29
Sat 24 of Jul, 2010 08:18 UTC Marc Laporte 28
Sat 19 of Sep, 2009 02:17 UTC Marc Laporte 27
Thu 16 of Apr, 2009 20:41 UTC Marc Laporte 26
Wed 01 of Apr, 2009 01:06 UTC Marc Laporte 25
Sun 07 of Sep, 2008 12:23 UTC Marc Laporte Matthew Bickerton 24
Thu 12 of Jun, 2008 07:22 UTC Marc Laporte 23
Thu 12 of Jun, 2008 07:14 UTC Marc Laporte 22
Tue 26 of Feb, 2008 14:44 UTC Marc Laporte cooltext.com 21
Wed 13 of Feb, 2008 13:14 UTC Gary Cunningham-Lee Drupal theme developer module link added. 20
Sat 09 of Feb, 2008 06:45 UTC Marc Laporte typo 19
Fri 03 of Aug, 2007 22:12 UTC Michael Davey 18
Sun 04 of Mar, 2007 16:13 UTC Marc Laporte 17
Tue 01 of Aug, 2006 16:38 UTC Marc Laporte WordPress, MT and Drupal: Template Generators 16
Tue 01 of Aug, 2006 16:29 UTC Marc Laporte Drupal CMS Theme Generator 15
Tue 01 of Aug, 2006 16:19 UTC Marc Laporte 14
Tue 01 of Aug, 2006 15:20 UTC Marc Laporte 13
Tue 01 of Aug, 2006 15:15 UTC Marc Laporte 12
Tue 01 of Aug, 2006 15:12 UTC Marc Laporte 11
Tue 01 of Aug, 2006 15:12 UTC Marc Laporte roadmap 10
Tue 01 of Aug, 2006 07:06 UTC Marc Laporte 9
Tue 01 of Aug, 2006 06:48 UTC Marc Laporte 8
Tue 01 of Aug, 2006 06:31 UTC Marc Laporte 7
Tue 01 of Aug, 2006 06:24 UTC Marc Laporte 6
Tue 01 of Aug, 2006 06:02 UTC Marc Laporte 5
Tue 01 of Aug, 2006 05:44 UTC Marc Laporte 4
Tue 01 of Aug, 2006 05:38 UTC Marc Laporte 3
Tue 01 of Aug, 2006 05:37 UTC Marc Laporte 2
Tue 01 of Aug, 2006 05:35 UTC Marc Laporte 1