New Runo theme demo application and Runo theme style constants.

svn changeset:13026/svn branch:6.4

2 files changed, 143 insertions, 3 deletions

diff --git a/src/com/vaadin/ui/themes/Reindeer.java b/src/com/vaadin/ui/themes/Reindeer.java
index 33a91069a3..2febbb9305 100644
--- a/src/com/vaadin/ui/themes/Reindeer.java
+++ b/src/com/vaadin/ui/themes/Reindeer.java
@@ -48,9 +48,9 @@ public class Reindeer extends BaseTheme {
      **************************************************************************/
 
     /**
-     * Default action style for buttons (the button that gets activated when
-     * user presses 'enter' in a form). Use sparingly, only one default button
-     * per screen should be visible.
+     * Default action style for buttons (the button that should get activated
+     * when the user presses 'enter' in a form). Use sparingly, only one default
+     * button per view should be visible.
      */
     public static final String BUTTON_DEFAULT = "primary";
 
diff --git a/src/com/vaadin/ui/themes/Runo.java b/src/com/vaadin/ui/themes/Runo.java
index 29cc7089a6..88011addc4 100644
--- a/src/com/vaadin/ui/themes/Runo.java
+++ b/src/com/vaadin/ui/themes/Runo.java
@@ -7,6 +7,10 @@ public class Runo extends BaseTheme {
 
     public static final String THEME_NAME = "Runo";
 
+    public static String themeName() {
+        return THEME_NAME.toLowerCase();
+    }
+
     /***************************************************************************
      * 
      * Button styles
@@ -18,6 +22,18 @@ public class Runo extends BaseTheme {
      */
     public static final String BUTTON_SMALL = "small";
 
+    /**
+     * Big sized button, use to gather much attention for some particular action
+     */
+    public static final String BUTTON_BIG = "big";
+
+    /**
+     * Default action style for buttons (the button that should get activated
+     * when the user presses 'enter' in a form). Use sparingly, only one default
+     * button per view should be visible.
+     */
+    public static final String BUTTON_DEFAULT = "default";
+
     /***************************************************************************
      * 
      * Panel styles
@@ -40,4 +56,128 @@ public class Runo extends BaseTheme {
      */
     public static final String TABSHEET_SMALL = "light";
 
+    /***************************************************************************
+     * 
+     * SplitPanel styles
+     * 
+     **************************************************************************/
+
+    /**
+     * Reduces the width/height of the split handle. Useful when you don't want
+     * the split handle to touch the sides of the containing layout.
+     */
+    public static final String SPLITPANEL_REDUCED = "rounded";
+
+    /**
+     * Reduces the visual size of the split handle to one pixel (the active drag
+     * size is still larger).
+     */
+    public static final String SPLITPANEL_SMALL = "small";
+
+    /***************************************************************************
+     * 
+     * Label styles
+     * 
+     **************************************************************************/
+
+    /**
+     * Largest title/header size. Use for main sections in your application.
+     */
+    public static final String LABEL_H1 = "h1";
+
+    /**
+     * Similar style as in panel captions. Useful for sub-sections within a
+     * view.
+     */
+    public static final String LABEL_H2 = "h2";
+
+    /**
+     * Small font size. Useful for contextual help texts and similar less
+     * frequently needed information. Use with modesty, since this style will be
+     * more harder to read due to its smaller size and contrast.
+     */
+    public static final String LABEL_SMALL = "small";
+
+    /***************************************************************************
+     * 
+     * Layout styles
+     * 
+     **************************************************************************/
+
+    /**
+     * An alternative background color for layouts. Use on top of white
+     * background (e.g. inside Panels, TabSheets and sub-windows).
+     */
+    public static final String LAYOUT_DARKER = "darker";
+
+    /**
+     * Add a drop shadow around the layout and its contained components.
+     * Produces a rectangular shadow, even if the contained component would have
+     * a different shape.
+     * <p>
+     * Note: does not work in Internet Explorer 6
+     */
+    public static final String CSSLAYOUT_SHADOW = "box-shadow";
+
+    /**
+     * Adds necessary styles to the layout to make it look selectable (i.e.
+     * clickable). Add a click listener for the layout, and toggle the
+     * {@link #CSSLAYOUT_SELECTABLE_SELECTED} style for the same layout to make
+     * it look selected or not.
+     */
+    public static final String CSSLAYOUT_SELECTABLE = "selectable";
+    public static final String CSSLAYOUT_SELECTABLE_SELECTED = "selectable-selected";
+
+    /***************************************************************************
+     * 
+     * TextField styles
+     * 
+     **************************************************************************/
+
+    /**
+     * Small sized text field with small font
+     */
+    public static final String TEXTFIELD_SMALL = "small";
+
+    /***************************************************************************
+     * 
+     * Table styles
+     * 
+     **************************************************************************/
+
+    /**
+     * Smaller header and item fonts.
+     */
+    public static final String TABLE_SMALL = "small";
+
+    /**
+     * Removes the border and background color from the table. Removes
+     * alternating row background colors as well.
+     */
+    public static final String TABLE_BORDERLESS = "borderless";
+
+    /***************************************************************************
+     * 
+     * Accordion styles
+     * 
+     **************************************************************************/
+
+    /**
+     * A detached looking accordion, providing space around its captions and
+     * content. Doesn't necessarily need a Panel or other container to wrap it
+     * in order to make it look right.
+     */
+    public static final String ACCORDION_LIGHT = "light";
+
+    /***************************************************************************
+     * 
+     * Window styles
+     * 
+     **************************************************************************/
+
+    /**
+     * Smaller header and a darker background color for the window. Useful for
+     * smaller dialog-like windows.
+     */
+    public static final String WINDOW_DIALOG = "dialog";
 }