/// <reference path="constants.ts" />
/**
 * @module UI
 * @namespace ui.theme
 */
namespace internal.ui.theme {

    /**
     * Color is a string value 'rgba(n,n,n,a)'
     * n:0-255 ( rgb values) , a:0-1 ( opacity )
     * @class Color
     * @static
     * @extends String
     */
    export interface Color extends String {
    }

    /**
     * Interface that defines properties for display data type
     * @class Display
     * @static
     */
    export interface Display {
        /**
         * A value from {{#crossLink "ui.theme.DisplayType"}}{{/crossLink}}
         * @property  {string} type
         * @default NORMAL
         */
        readonly type: string;
    }

    /**
     * Interface that defines properties of the theme object
     * This object contains the customization that can apply to individual components
     * that are themeable.
     * @class Theme
     * @static
     */
    export interface Theme {
        /**
         * background color of the component that this theme object is applied to
         * @property  {Color} background
         */
        readonly background: Color;

        /**
         * color of the text in that component
         * @property  {Color} foreground
         */
        readonly foreground: Color;

        /**
         * controls the color of the features that are the main focus in that component.
         * @property  {Color} accent
         */
        readonly accent: Color;
    }
}