History: Theme Generator

            {syntax type="markdown"  editor="wysiwyg"} {REMARKSBOX(type=errors close=n title=deprecated and killed in Tiki15)} 
Theme Generator was meant to offer the ability to online customise the css of themes directly from the admin panel. Sadly this feature never was considered to work with Twitter Bootstrap and thus is not working from Tiki13. We desided to kill it and removed the code before the Tiki15 release. Killed, gone but not forgotten. It was a nice feature with our old classic Tiki theme system. Thx to Jonny for coding and thx for killing it whilst tidying up Tiki at the [http://tiki.org/TikiFestFosdem2016|TikiFestFosdem2016].

**Please use the new ((Customization|'Custom Less preference')) instead.**{REMARKSBOX}

# Theme Generator


The goal of this feature is to make it easier to make a custom theme without special training and special software. All point & click, in the browser.

## Brosho CSS Assistant

New in ((Tiki6)).

Brosho is a ((jQuery)) plugin which helps you edit your CSS, directly in the broswer.

http://demos.usejquery.com/brosho-plugin/

Visit *tiki-admin.php?page=look* and pick "Custom CSS" tab.

1. Activate CSS Assistant
2. Mouse-over and click the item (ex.: image, text, menu, etc.) you want to style
3. Enter CSS (ex.: background: yellow;) and you will see the result in real time.
4. Click "Copy" to Copy to Custom CSS 
    - Custom CSS overrides CSS (that's the **C**ascading part!)


{img fileId="463" thumb="y" button="y" rel="box[g]"}

## Drag & drop layout builder

New in ((Tiki7)).

All elements in the site layout (logo, login box, site title, etc.) are now positioned via drag & drop.

To use, visit *tiki-admin_modules.php*

Background info: ((dev:Modules Revamp))

## Color, Borders and Typography picker


New in ((Tiki7)).

**Colors:** Foreground Colors, Background Colors 
**Borders:** Border Colors, Border Widths, Border Styles, Border Radii 
**Typography:** Font Sizes, Line Heights

This simple interface will let you override CSS. 
{img fileId="462" thumb="y" button="y" rel="box[g]"}

Visit *tiki-admin.php?page=look* and pick "Theme Generator" tab.

{kaltura id="1_d4y23n2f"}

## Edit CSS

See: ((Edit CSS))

## Edit Templates

See: ((Edit Templates))



{DIV(class=titlebar)}alias{DIV}


- (alias(Theme Designer))