Copyright © 2000-2009 MultiMedia Soft 
Return to index  
 
How to manage colors of Vista's Aero style (Vista's Aero style tab) 
The button can assume the appearance of a Vista's Aero style button by setting the value of the "Surface type" combobox inside the "Surface" tab to "Vista's Aero style". 
The Vista' Aero style has several dedicated colors which can be summarized in 3 main categories: 
  • Borders colors 
  • The Aero style has 3 borders as seen on the image below: 
     
  • Glossy effect colors 
  • The glossy effect is applied on the Northern half of the button as seen on the image below: 
     
    The glossy effect is rendered through a vertical linear gradient made up of 2 colors, one defining the upper portion of the effect and one defining the lower portion of the effect. Depending upon the state of the button, these colors can be emphasized through the use of a further overlapping color having a varying opacity. 
  • Glow effect colors 
  • The glow effect is applied on the Southern half of the button as seen on the image below: 
     
    The glow effect is rendered through the combination of a background color, a linear gradient positioned on the bottom of the button and a radial gradient having its center positioned on the center-bottom of the button. Usually the glow effect is only visible when the mouse hovers the button's surface. 
    Click over the image below in order to be taken to every available setting explanation: 
    -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --  
     
     
    Item name
    Description
     
    Glossy effect Upper color
    The gradient color used for the upper portion of the glossy effect in normal state
     
    Glossy effect Upper opacity
    The alpha channel based opacity factor applied to the upper portion of the glossy effect in normal state
     
    Glossy effect Lower color
    The gradient color used for the lower portion of the glossy effect in normal state
     
    Glossy effect Lower opacity
    The alpha channel based opacity factor applied to the lower portion of the glossy effect in normal state
     
    Glossy effect emphasize upper color mouse over
    The gradient color used for emphasizing the upper portion of the glossy effect in mouse over state
     
    Glossy effect emphasize upper opacity mouse over
    The alpha channel based opacity factor applied for emphasizing the upper portion of the glossy effect in mouse over state
     
    Glossy effect emphasize lower color mouse over
    The gradient color used for emphasizing the lower portion of the glossy effect in mouse over state
     
    Glossy effect emphasize lower opacity mouse over
    The alpha channel based opacity factor applied for emphasizing the lower portion of the glossy effect in mouse over state
     
    Glossy effect emphasize upper color pressed
    The gradient color used for emphasizing the upper portion of the glossy effect in pressed state
     
    Glossy effect emphasize upper opacity pressed
    The alpha channel based opacity factor applied for emphasizing the upper portion of the glossy effect in pressed state
     
    Glossy effect emphasize lower color pressed
    The gradient color used for emphasizing the lower portion of the glossy effect in pressed state
     
    Glossy effect emphasize lower opacity pressed
    The alpha channel based opacity factor applied for emphasizing the lower portion of the glossy effect in pressed state
     
    Background color for checked state
    The color used for rendering the button's background in checked
     
    Background color for checked and mouse over state
    The color used for rendering the button's background in checked and mouse over state
     
    Glow effect Background color
    The color used for rendering the background of the glow effect
     
    Glow effect Bottom color
    The color used for rendering the linear gradient of the bottom of the glow effect
     
    Glow effect Foreground color
    The color used for rendering the radial gradient of the glow effect
     
    Glow effect Foreground color in checked state
    The color used for rendering the radial gradient of the glow effect in checked state
     
    Glow effect Foreground color in checked and mouse over state
    The color used for rendering the radial gradient of the glow effect in checked and mouse over state
     
    Outer border color and width
    The color and width in pixels used for rendering the outer border
     
    Middle border color and width
    The color and width in pixels used for rendering the middle border
     
    Inner border color and width
    The color and width in pixels used for rendering the inner border
     
    Inner border pressed color
    The color used for rendering the inner border in pressed state
     
    Glossy shape
    The shape applied to the glossy effect. Examples: 
    Rectangular
    Ellipse small
     
    Glossy smooth factor
    The smoothing factor applied to the glossy effect. Examples: 
    Smooth factor set to 0
    Smooth factor set to 3
     
    Vista look
    The look of the button when in normal state. Examples: 
    Standard look
    Hover look
    Checked look
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
    Copyright © 2000-2009 MultiMedia Soft 
    Return to index