History: Tiki Theme Generator
Preview of version: 25
Proposed steps to building a Tiki theme generator:
Please first read an idea for generating a custom css style from a photo / logo.
Here is an example of what it could look like
http://badhuman.net/tiki/tiki-admin_dynamic_color_picker.php
This is unreleased code.
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.
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.
Step #9 (nice to have)
Create some nice on the fly logo like: http://cooltext.com/
Previous forum post about Tiki theme generator idea:
tiki-view_forum_thread.php?forumId=3&comments_parentId=2
Related links:
Kuler A web-hosted application for generating color themes.
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/
Related:
http://ui.jquery.com/themeroller/
http://www.webappers.com/2008/04/14/colortoy-20-flash-based-color-scheme-generator/
History
Information | Version | ||||||
---|---|---|---|---|---|---|---|
06:34 UTC System Administrator automatic conversion | 46 | ||||||
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 |