From 58da57edf1c3438618a6f990360fce3b184e7cdd Mon Sep 17 00:00:00 2001 From: PattyToland Date: Fri, 15 Oct 2010 16:19:37 -0400 Subject: [PATCH] theming overview edits --- docs/about/themes.html | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/docs/about/themes.html b/docs/about/themes.html index b20c6d4d..24527b1f 100755 --- a/docs/about/themes.html +++ b/docs/about/themes.html @@ -123,7 +123,6 @@ -

Buttons

A button is included for each swatch in the theme. Each button has styles for normal, hover/focus and pressed states.

@@ -135,7 +134,7 @@
-

A button is automatically assigned a theme swatch letter that matches it's parent bar or content box to visually integrate the button into the parent theme, like a chameleon. To illustrate this idea, below, the same exact button code is in each of the 4 bars and is automatically setting their color swatch to match on the parent bar swatch.

+

By default, any button that's placed in a bar is automatically assigned a swatch letter that matches its parent bar or content box, to visually integrate the button into the parent theme like a chameleon, as shown here:

Bar A

Button A
@@ -145,9 +144,9 @@

Bar E

Button E
-

This makes it really easy to ripple a theme change through a page by setting a theme swatch on a parent because you know the buttons will maintain the same relative visual weight across themes. Since form elements use the button styles, they will also adapt to their parent container too.

+

This default behavior makes it easy to ripple a theme change through a page by setting a theme swatch on a parent because you know the buttons will maintain the same relative visual weight across themes. Since form elements use the button styles, they will also adapt to their parent container too.

-

To add visual emphasis of certain buttons in a toolbar, the theme swatch color for a button can be set by adding a data-theme="a" to the anchor to make it stand out visually from it's parent. If the theme is set on a button in the markup, the framework won't override the theme swatch color when the parent theme is changed because you made a conscious decision to set the color.

+

To add visual emphasis to a button and help it stand out visually from its parent toolbar, an alternate swatch color can be set by adding a data-theme="a" to the anchor. Once an alternate swatch color is set on a button in the markup, the framework won't override that color if the parent theme is changed, because you made a conscious decision to set it.