Skip to content

Instantly share code, notes, and snippets.

@rxaviers

rxaviers/output

Last active December 17, 2015 07:08
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save rxaviers/5570097 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save rxaviers/5570097 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.md

$ node

var themeGallery = require("./lib/themeroller.themegallery");
themeGallery.map(function(t) {return {name: t.name, vars: t.vars}});
Raw
output
[ { name: 'UI lightness',
vars:
{ bgColorDefault: '#f6f6f6',
borderColorDefault: '#cccccc',
fcDefault: '#1c94c4',
bgColorHover: '#fdf5ce',
borderColorHover: '#fbcb09',
fcHover: '#c77405',
bgColorActive: '#ffffff',
borderColorActive: '#fbd850',
fcActive: '#eb8f00',
bgColorHeader: '#f6a828',
borderColorHeader: '#e78f08',
fcHeader: '#ffffff',
bgColorContent: '#eeeeee',
borderColorContent: '#dddddd',
fcContent: '#333333',
bgColorHighlight: '#ffe45c',
borderColorHighlight: '#fed22f',
fcHighlight: '#363636',
bgColorError: '#b81900',
borderColorError: '#cd0a0a',
fcError: '#ffffff',
bgColorOverlay: '#666666',
opacityOverlay: '.5',
bgColorShadow: '#000000',
opacityShadow: '.2',
offsetTopShadow: '-5px',
offsetLeftShadow: '-5px',
thicknessShadow: '5px',
cornerRadiusShadow: '5px',
fsDefault: '1.1em',
ffDefault: 'Trebuchet MS,Tahoma,Verdana,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '4px',
bgTextureDefault: 'glass',
bgTextureHover: 'glass',
bgTextureActive: 'glass',
bgTextureHeader: 'gloss_wave',
bgTextureContent: 'highlight_soft',
bgTextureHighlight: 'highlight_soft',
bgTextureError: 'diagonals_thick',
bgTextureOverlay: 'diagonals_thick',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '100',
bgImgOpacityHover: '100',
bgImgOpacityActive: '65',
bgImgOpacityHeader: '35',
bgImgOpacityContent: '100',
bgImgOpacityHighlight: '75',
bgImgOpacityError: '18',
bgImgOpacityOverlay: '20',
bgImgOpacityShadow: '10',
iconColorActive: '#ef8c08',
iconColorContent: '#222222',
iconColorDefault: '#ef8c08',
iconColorError: '#ffd27a',
iconColorHeader: '#ffffff',
iconColorHighlight: '#228ef1',
iconColorHover: '#ef8c08',
opacityOverlayPerc: '50',
opacityShadowPerc: '20',
opacityFilterOverlay: 'Alpha(Opacity=50)',
opacityFilterShadow: 'Alpha(Opacity=20)',
bgImgUrlActive: 'url(images/ui-bg_glass_65_ffffff_1x400.png)',
bgImgUrlContent: 'url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_glass_100_f6f6f6_1x400.png)',
bgImgUrlError: 'url(images/ui-bg_diagonals-thick_18_b81900_40x40.png)',
bgImgUrlHeader: 'url(images/ui-bg_gloss-wave_35_f6a828_500x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png)',
bgImgUrlHover: 'url(images/ui-bg_glass_100_fdf5ce_1x400.png)',
bgImgUrlOverlay: 'url(images/ui-bg_diagonals-thick_20_666666_40x40.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_10_000000_40x100.png)',
iconsActive: 'url(images/ui-icons_ef8c08_256x240.png)',
iconsContent: 'url(images/ui-icons_222222_256x240.png)',
iconsDefault: 'url(images/ui-icons_ef8c08_256x240.png)',
iconsError: 'url(images/ui-icons_ffd27a_256x240.png)',
iconsHeader: 'url(images/ui-icons_ffffff_256x240.png)',
iconsHighlight: 'url(images/ui-icons_228ef1_256x240.png)',
iconsHover: 'url(images/ui-icons_ef8c08_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat',
bgOverlayRepeat: 'repeat',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'top',
bgHighlightYPos: 'top',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'UI darkness',
vars:
{ bgColorDefault: '#555555',
borderColorDefault: '#666666',
fcDefault: '#eeeeee',
bgColorHover: '#0078a3',
borderColorHover: '#59b4d4',
fcHover: '#ffffff',
bgColorActive: '#f58400',
borderColorActive: '#ffaf0f',
fcActive: '#ffffff',
bgColorHeader: '#333333',
borderColorHeader: '#333333',
fcHeader: '#ffffff',
bgColorContent: '#000000',
borderColorContent: '#666666',
fcContent: '#ffffff',
bgColorHighlight: '#eeeeee',
borderColorHighlight: '#cccccc',
fcHighlight: '#2e7db2',
bgColorError: '#ffc73d',
borderColorError: '#ffb73d',
fcError: '#111111',
bgColorOverlay: '#5c5c5c',
opacityOverlay: '.8',
bgColorShadow: '#cccccc',
opacityShadow: '.6',
offsetTopShadow: '-7px',
offsetLeftShadow: '-7px',
thicknessShadow: '7px',
cornerRadiusShadow: '8px',
fsDefault: '1.1em',
ffDefault: 'Segoe UI,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '6px',
bgTextureDefault: 'glass',
bgTextureHover: 'glass',
bgTextureActive: 'inset_soft',
bgTextureHeader: 'gloss_wave',
bgTextureContent: 'inset_soft',
bgTextureHighlight: 'highlight_soft',
bgTextureError: 'glass',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '20',
bgImgOpacityHover: '40',
bgImgOpacityActive: '30',
bgImgOpacityHeader: '25',
bgImgOpacityContent: '25',
bgImgOpacityHighlight: '80',
bgImgOpacityError: '40',
bgImgOpacityOverlay: '50',
bgImgOpacityShadow: '30',
iconColorActive: '#222222',
iconColorContent: '#cccccc',
iconColorDefault: '#cccccc',
iconColorError: '#a83300',
iconColorHeader: '#ffffff',
iconColorHighlight: '#4b8e0b',
iconColorHover: '#ffffff',
opacityOverlayPerc: '80',
opacityShadowPerc: '60',
opacityFilterOverlay: 'Alpha(Opacity=80)',
opacityFilterShadow: 'Alpha(Opacity=60)',
bgImgUrlActive: 'url(images/ui-bg_inset-soft_30_f58400_1x100.png)',
bgImgUrlContent: 'url(images/ui-bg_inset-soft_25_000000_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_glass_20_555555_1x400.png)',
bgImgUrlError: 'url(images/ui-bg_glass_40_ffc73d_1x400.png)',
bgImgUrlHeader: 'url(images/ui-bg_gloss-wave_25_333333_500x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_highlight-soft_80_eeeeee_1x100.png)',
bgImgUrlHover: 'url(images/ui-bg_glass_40_0078a3_1x400.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_50_5c5c5c_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_30_cccccc_40x100.png)',
iconsActive: 'url(images/ui-icons_222222_256x240.png)',
iconsContent: 'url(images/ui-icons_cccccc_256x240.png)',
iconsDefault: 'url(images/ui-icons_cccccc_256x240.png)',
iconsError: 'url(images/ui-icons_a83300_256x240.png)',
iconsHeader: 'url(images/ui-icons_ffffff_256x240.png)',
iconsHighlight: 'url(images/ui-icons_4b8e0b_256x240.png)',
iconsHover: 'url(images/ui-icons_ffffff_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'bottom',
bgHighlightYPos: 'top',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Smoothness',
vars:
{ bgColorDefault: '#e6e6e6',
borderColorDefault: '#d3d3d3',
fcDefault: '#555555',
bgColorHover: '#dadada',
borderColorHover: '#999999',
fcHover: '#212121',
bgColorActive: '#ffffff',
borderColorActive: '#aaaaaa',
fcActive: '#212121',
bgColorHeader: '#cccccc',
borderColorHeader: '#aaaaaa',
fcHeader: '#222222',
bgColorContent: '#ffffff',
borderColorContent: '#aaaaaa',
fcContent: '#222222',
bgColorHighlight: '#fbf9ee',
borderColorHighlight: '#fcefa1',
fcHighlight: '#363636',
bgColorError: '#fef1ec',
borderColorError: '#cd0a0a',
fcError: '#cd0a0a',
bgColorOverlay: '#aaaaaa',
opacityOverlay: '.3',
bgColorShadow: '#aaaaaa',
opacityShadow: '.3',
offsetTopShadow: '-8px',
offsetLeftShadow: '-8px',
thicknessShadow: '8px',
cornerRadiusShadow: '8px',
fsDefault: '1.1em',
ffDefault: 'Verdana,Arial,sans-serif',
fwDefault: 'normal',
cornerRadius: '4px',
bgTextureDefault: 'glass',
bgTextureHover: 'glass',
bgTextureActive: 'glass',
bgTextureHeader: 'highlight_soft',
bgTextureContent: 'flat',
bgTextureHighlight: 'glass',
bgTextureError: 'glass',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '75',
bgImgOpacityHover: '75',
bgImgOpacityActive: '65',
bgImgOpacityHeader: '75',
bgImgOpacityContent: '75',
bgImgOpacityHighlight: '55',
bgImgOpacityError: '95',
bgImgOpacityOverlay: '0',
bgImgOpacityShadow: '0',
iconColorActive: '#454545',
iconColorContent: '#222222',
iconColorDefault: '#888888',
iconColorError: '#cd0a0a',
iconColorHeader: '#222222',
iconColorHighlight: '#2e83ff',
iconColorHover: '#454545',
opacityOverlayPerc: '30',
opacityShadowPerc: '30',
opacityFilterOverlay: 'Alpha(Opacity=30)',
opacityFilterShadow: 'Alpha(Opacity=30)',
bgImgUrlActive: 'url(images/ui-bg_glass_65_ffffff_1x400.png)',
bgImgUrlContent: 'url(images/ui-bg_flat_75_ffffff_40x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_glass_75_e6e6e6_1x400.png)',
bgImgUrlError: 'url(images/ui-bg_glass_95_fef1ec_1x400.png)',
bgImgUrlHeader: 'url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_glass_55_fbf9ee_1x400.png)',
bgImgUrlHover: 'url(images/ui-bg_glass_75_dadada_1x400.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
iconsActive: 'url(images/ui-icons_454545_256x240.png)',
iconsContent: 'url(images/ui-icons_222222_256x240.png)',
iconsDefault: 'url(images/ui-icons_888888_256x240.png)',
iconsError: 'url(images/ui-icons_cd0a0a_256x240.png)',
iconsHeader: 'url(images/ui-icons_222222_256x240.png)',
iconsHighlight: 'url(images/ui-icons_2e83ff_256x240.png)',
iconsHover: 'url(images/ui-icons_454545_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: '50%',
bgHighlightYPos: '50%',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Start',
vars:
{ bgColorDefault: '#0078ae',
borderColorDefault: '#77d5f7',
fcDefault: '#ffffff',
bgColorHover: '#79c9ec',
borderColorHover: '#448dae',
fcHover: '#026890',
bgColorActive: '#6eac2c',
borderColorActive: '#acdd4a',
fcActive: '#ffffff',
bgColorHeader: '#2191c0',
borderColorHeader: '#4297d7',
fcHeader: '#eaf5f7',
bgColorContent: '#fcfdfd',
borderColorContent: '#a6c9e2',
fcContent: '#222222',
bgColorHighlight: '#f8da4e',
borderColorHighlight: '#fcd113',
fcHighlight: '#915608',
bgColorError: '#e14f1c',
borderColorError: '#cd0a0a',
fcError: '#ffffff',
bgColorOverlay: '#aaaaaa',
opacityOverlay: '.3',
bgColorShadow: '#999999',
opacityShadow: '.45',
offsetTopShadow: '5px',
offsetLeftShadow: '5px',
thicknessShadow: '0px',
cornerRadiusShadow: '5px',
fsDefault: '1.1em',
ffDefault: 'Verdana,Arial,sans-serif',
fwDefault: 'normal',
cornerRadius: '5px',
bgTextureDefault: 'glass',
bgTextureHover: 'glass',
bgTextureActive: 'gloss_wave',
bgTextureHeader: 'gloss_wave',
bgTextureContent: 'inset_hard',
bgTextureHighlight: 'glass',
bgTextureError: 'gloss_wave',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '45',
bgImgOpacityHover: '75',
bgImgOpacityActive: '50',
bgImgOpacityHeader: '75',
bgImgOpacityContent: '100',
bgImgOpacityHighlight: '55',
bgImgOpacityError: '45',
bgImgOpacityOverlay: '75',
bgImgOpacityShadow: '55',
iconColorActive: '#f5e175',
iconColorContent: '#0078ae',
iconColorDefault: '#e0fdff',
iconColorError: '#fcd113',
iconColorHeader: '#d8e7f3',
iconColorHighlight: '#f7a50d',
iconColorHover: '#056b93',
opacityOverlayPerc: '30',
opacityShadowPerc: '45',
opacityFilterOverlay: 'Alpha(Opacity=30)',
opacityFilterShadow: 'Alpha(Opacity=45)',
bgImgUrlActive: 'url(images/ui-bg_gloss-wave_50_6eac2c_500x100.png)',
bgImgUrlContent: 'url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_glass_45_0078ae_1x400.png)',
bgImgUrlError: 'url(images/ui-bg_gloss-wave_45_e14f1c_500x100.png)',
bgImgUrlHeader: 'url(images/ui-bg_gloss-wave_75_2191c0_500x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_glass_55_f8da4e_1x400.png)',
bgImgUrlHover: 'url(images/ui-bg_glass_75_79c9ec_1x400.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_75_aaaaaa_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_55_999999_40x100.png)',
iconsActive: 'url(images/ui-icons_f5e175_256x240.png)',
iconsContent: 'url(images/ui-icons_0078ae_256x240.png)',
iconsDefault: 'url(images/ui-icons_e0fdff_256x240.png)',
iconsError: 'url(images/ui-icons_fcd113_256x240.png)',
iconsHeader: 'url(images/ui-icons_d8e7f3_256x240.png)',
iconsHighlight: 'url(images/ui-icons_f7a50d_256x240.png)',
iconsHover: 'url(images/ui-icons_056b93_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'bottom',
bgHighlightYPos: '50%',
bgErrorYPos: 'top',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Redmond',
vars:
{ bgColorDefault: '#dfeffc',
borderColorDefault: '#c5dbec',
fcDefault: '#2e6e9e',
bgColorHover: '#d0e5f5',
borderColorHover: '#79b7e7',
fcHover: '#1d5987',
bgColorActive: '#f5f8f9',
borderColorActive: '#79b7e7',
fcActive: '#e17009',
bgColorHeader: '#5c9ccc',
borderColorHeader: '#4297d7',
fcHeader: '#ffffff',
bgColorContent: '#fcfdfd',
borderColorContent: '#a6c9e2',
fcContent: '#222222',
bgColorHighlight: '#fbec88',
borderColorHighlight: '#fad42e',
fcHighlight: '#363636',
bgColorError: '#fef1ec',
borderColorError: '#cd0a0a',
fcError: '#cd0a0a',
bgColorOverlay: '#aaaaaa',
opacityOverlay: '.3',
bgColorShadow: '#aaaaaa',
opacityShadow: '.3',
offsetTopShadow: '-8px',
offsetLeftShadow: '-8px',
thicknessShadow: '8px',
cornerRadiusShadow: '8px',
fsDefault: '1.1em',
ffDefault: 'Lucida Grande,Lucida Sans,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '5px',
bgTextureDefault: 'glass',
bgTextureHover: 'glass',
bgTextureActive: 'inset_hard',
bgTextureHeader: 'gloss_wave',
bgTextureContent: 'inset_hard',
bgTextureHighlight: 'flat',
bgTextureError: 'glass',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '85',
bgImgOpacityHover: '75',
bgImgOpacityActive: '100',
bgImgOpacityHeader: '55',
bgImgOpacityContent: '100',
bgImgOpacityHighlight: '55',
bgImgOpacityError: '95',
bgImgOpacityOverlay: '0',
bgImgOpacityShadow: '0',
iconColorActive: '#f9bd01',
iconColorContent: '#469bdd',
iconColorDefault: '#6da8d5',
iconColorError: '#cd0a0a',
iconColorHeader: '#d8e7f3',
iconColorHighlight: '#2e83ff',
iconColorHover: '#217bc0',
opacityOverlayPerc: '30',
opacityShadowPerc: '30',
opacityFilterOverlay: 'Alpha(Opacity=30)',
opacityFilterShadow: 'Alpha(Opacity=30)',
bgImgUrlActive: 'url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png)',
bgImgUrlContent: 'url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_glass_85_dfeffc_1x400.png)',
bgImgUrlError: 'url(images/ui-bg_glass_95_fef1ec_1x400.png)',
bgImgUrlHeader: 'url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_flat_55_fbec88_40x100.png)',
bgImgUrlHover: 'url(images/ui-bg_glass_75_d0e5f5_1x400.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
iconsActive: 'url(images/ui-icons_f9bd01_256x240.png)',
iconsContent: 'url(images/ui-icons_469bdd_256x240.png)',
iconsDefault: 'url(images/ui-icons_6da8d5_256x240.png)',
iconsError: 'url(images/ui-icons_cd0a0a_256x240.png)',
iconsHeader: 'url(images/ui-icons_d8e7f3_256x240.png)',
iconsHighlight: 'url(images/ui-icons_2e83ff_256x240.png)',
iconsHover: 'url(images/ui-icons_217bc0_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'bottom',
bgHighlightYPos: '50%',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Sunny',
vars:
{ bgColorDefault: '#fece2f',
borderColorDefault: '#d19405',
fcDefault: '#4c3000',
bgColorHover: '#ffdd57',
borderColorHover: '#a45b13',
fcHover: '#381f00',
bgColorActive: '#ffffff',
borderColorActive: '#655e4e',
fcActive: '#0074c7',
bgColorHeader: '#817865',
borderColorHeader: '#494437',
fcHeader: '#ffffff',
bgColorContent: '#feeebd',
borderColorContent: '#8e846b',
fcContent: '#383838',
bgColorHighlight: '#fff9e5',
borderColorHighlight: '#eeb420',
fcHighlight: '#1f1f1f',
bgColorError: '#d34d17',
borderColorError: '#ffb73d',
fcError: '#ffffff',
bgColorOverlay: '#5c5c5c',
opacityOverlay: '.8',
bgColorShadow: '#cccccc',
opacityShadow: '.6',
offsetTopShadow: '-7px',
offsetLeftShadow: '-7px',
thicknessShadow: '7px',
cornerRadiusShadow: '8px',
fsDefault: '1.1em',
ffDefault: 'Segoe UI,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '8px',
bgTextureDefault: 'gloss_wave',
bgTextureHover: 'gloss_wave',
bgTextureActive: 'inset_soft',
bgTextureHeader: 'gloss_wave',
bgTextureContent: 'highlight_soft',
bgTextureHighlight: 'gloss_wave',
bgTextureError: 'diagonals_medium',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '60',
bgImgOpacityHover: '70',
bgImgOpacityActive: '30',
bgImgOpacityHeader: '45',
bgImgOpacityContent: '100',
bgImgOpacityHighlight: '90',
bgImgOpacityError: '20',
bgImgOpacityOverlay: '50',
bgImgOpacityShadow: '30',
iconColorActive: '#eb990f',
iconColorContent: '#d19405',
iconColorDefault: '#3d3d3d',
iconColorError: '#ffe180',
iconColorHeader: '#fadc7a',
iconColorHighlight: '#ed9f26',
iconColorHover: '#bd7b00',
opacityOverlayPerc: '80',
opacityShadowPerc: '60',
opacityFilterOverlay: 'Alpha(Opacity=80)',
opacityFilterShadow: 'Alpha(Opacity=60)',
bgImgUrlActive: 'url(images/ui-bg_inset-soft_30_ffffff_1x100.png)',
bgImgUrlContent: 'url(images/ui-bg_highlight-soft_100_feeebd_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_gloss-wave_60_fece2f_500x100.png)',
bgImgUrlError: 'url(images/ui-bg_diagonals-medium_20_d34d17_40x40.png)',
bgImgUrlHeader: 'url(images/ui-bg_gloss-wave_45_817865_500x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_gloss-wave_90_fff9e5_500x100.png)',
bgImgUrlHover: 'url(images/ui-bg_gloss-wave_70_ffdd57_500x100.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_50_5c5c5c_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_30_cccccc_40x100.png)',
iconsActive: 'url(images/ui-icons_eb990f_256x240.png)',
iconsContent: 'url(images/ui-icons_d19405_256x240.png)',
iconsDefault: 'url(images/ui-icons_3d3d3d_256x240.png)',
iconsError: 'url(images/ui-icons_ffe180_256x240.png)',
iconsHeader: 'url(images/ui-icons_fadc7a_256x240.png)',
iconsHighlight: 'url(images/ui-icons_ed9f26_256x240.png)',
iconsHover: 'url(images/ui-icons_bd7b00_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'top',
bgHighlightYPos: 'top',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Overcast',
vars:
{ bgColorDefault: '#eeeeee',
borderColorDefault: '#cccccc',
fcDefault: '#3383bb',
bgColorHover: '#f8f8f8',
borderColorHover: '#bbbbbb',
fcHover: '#599fcf',
bgColorActive: '#999999',
borderColorActive: '#999999',
fcActive: '#ffffff',
bgColorHeader: '#dddddd',
borderColorHeader: '#bbbbbb',
fcHeader: '#444444',
bgColorContent: '#c9c9c9',
borderColorContent: '#aaaaaa',
fcContent: '#333333',
bgColorHighlight: '#eeeeee',
borderColorHighlight: '#ffffff',
fcHighlight: '#444444',
bgColorError: '#c0402a',
borderColorError: '#c0402a',
fcError: '#ffffff',
bgColorOverlay: '#eeeeee',
opacityOverlay: '.8',
bgColorShadow: '#aaaaaa',
opacityShadow: '.6',
offsetTopShadow: '-4px',
offsetLeftShadow: '-4px',
thicknessShadow: '4px',
cornerRadiusShadow: '0px',
fsDefault: '1.1em',
ffDefault: 'Trebuchet MS,Helvetica,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '6px',
bgTextureDefault: 'glass',
bgTextureHover: 'glass',
bgTextureActive: 'inset_hard',
bgTextureHeader: 'glass',
bgTextureContent: 'inset_soft',
bgTextureHighlight: 'flat',
bgTextureError: 'flat',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '60',
bgImgOpacityHover: '100',
bgImgOpacityActive: '75',
bgImgOpacityHeader: '35',
bgImgOpacityContent: '50',
bgImgOpacityHighlight: '55',
bgImgOpacityError: '55',
bgImgOpacityOverlay: '0',
bgImgOpacityShadow: '0',
iconColorActive: '#454545',
iconColorContent: '#999999',
iconColorDefault: '#70b2e1',
iconColorError: '#fbc856',
iconColorHeader: '#999999',
iconColorHighlight: '#3383bb',
iconColorHover: '#3383bb',
opacityOverlayPerc: '80',
opacityShadowPerc: '60',
opacityFilterOverlay: 'Alpha(Opacity=80)',
opacityFilterShadow: 'Alpha(Opacity=60)',
bgImgUrlActive: 'url(images/ui-bg_inset-hard_75_999999_1x100.png)',
bgImgUrlContent: 'url(images/ui-bg_inset-soft_50_c9c9c9_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_glass_60_eeeeee_1x400.png)',
bgImgUrlError: 'url(images/ui-bg_flat_55_c0402a_40x100.png)',
bgImgUrlHeader: 'url(images/ui-bg_glass_35_dddddd_1x400.png)',
bgImgUrlHighlight: 'url(images/ui-bg_flat_55_eeeeee_40x100.png)',
bgImgUrlHover: 'url(images/ui-bg_glass_100_f8f8f8_1x400.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_0_eeeeee_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
iconsActive: 'url(images/ui-icons_454545_256x240.png)',
iconsContent: 'url(images/ui-icons_999999_256x240.png)',
iconsDefault: 'url(images/ui-icons_70b2e1_256x240.png)',
iconsError: 'url(images/ui-icons_fbc856_256x240.png)',
iconsHeader: 'url(images/ui-icons_999999_256x240.png)',
iconsHighlight: 'url(images/ui-icons_3383bb_256x240.png)',
iconsHover: 'url(images/ui-icons_3383bb_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'bottom',
bgHighlightYPos: '50%',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Le Frog',
vars:
{ bgColorDefault: '#4ca20b',
borderColorDefault: '#45930b',
fcDefault: '#ffffff',
bgColorHover: '#4eb305',
borderColorHover: '#8bd83b',
fcHover: '#ffffff',
bgColorActive: '#285c00',
borderColorActive: '#72b42d',
fcActive: '#ffffff',
bgColorHeader: '#3a8104',
borderColorHeader: '#3f7506',
fcHeader: '#ffffff',
bgColorContent: '#285c00',
borderColorContent: '#72b42d',
fcContent: '#ffffff',
bgColorHighlight: '#fbf5d0',
borderColorHighlight: '#f9dd34',
fcHighlight: '#363636',
bgColorError: '#ffdc2e',
borderColorError: '#fad000',
fcError: '#2b2b2b',
bgColorOverlay: '#444444',
opacityOverlay: '.3',
bgColorShadow: '#aaaaaa',
opacityShadow: '.3',
offsetTopShadow: '4px',
offsetLeftShadow: '4px',
thicknessShadow: '0px',
cornerRadiusShadow: '4px',
fsDefault: '1.1em',
ffDefault: 'Lucida Grande,Lucida Sans,Arial,sans-serif',
fwDefault: 'normal',
cornerRadius: '10px',
bgTextureDefault: 'highlight_soft',
bgTextureHover: 'highlight_soft',
bgTextureActive: 'highlight_hard',
bgTextureHeader: 'highlight_soft',
bgTextureContent: 'inset_soft',
bgTextureHighlight: 'glass',
bgTextureError: 'diagonals_thick',
bgTextureOverlay: 'diagonals_thick',
bgTextureShadow: 'diagonals_small',
bgImgOpacityDefault: '60',
bgImgOpacityHover: '50',
bgImgOpacityActive: '30',
bgImgOpacityHeader: '33',
bgImgOpacityContent: '10',
bgImgOpacityHighlight: '55',
bgImgOpacityError: '95',
bgImgOpacityOverlay: '15',
bgImgOpacityShadow: '0',
iconColorActive: '#ffffff',
iconColorContent: '#72b42d',
iconColorDefault: '#ffffff',
iconColorError: '#cd0a0a',
iconColorHeader: '#ffffff',
iconColorHighlight: '#4eb305',
iconColorHover: '#ffffff',
opacityOverlayPerc: '30',
opacityShadowPerc: '30',
opacityFilterOverlay: 'Alpha(Opacity=30)',
opacityFilterShadow: 'Alpha(Opacity=30)',
bgImgUrlActive: 'url(images/ui-bg_highlight-hard_30_285c00_1x100.png)',
bgImgUrlContent: 'url(images/ui-bg_inset-soft_10_285c00_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_highlight-soft_60_4ca20b_1x100.png)',
bgImgUrlError: 'url(images/ui-bg_diagonals-thick_95_ffdc2e_40x40.png)',
bgImgUrlHeader: 'url(images/ui-bg_highlight-soft_33_3a8104_1x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_glass_55_fbf5d0_1x400.png)',
bgImgUrlHover: 'url(images/ui-bg_highlight-soft_50_4eb305_1x100.png)',
bgImgUrlOverlay: 'url(images/ui-bg_diagonals-thick_15_444444_40x40.png)',
bgImgUrlShadow: 'url(images/ui-bg_diagonals-small_0_aaaaaa_40x40.png)',
iconsActive: 'url(images/ui-icons_ffffff_256x240.png)',
iconsContent: 'url(images/ui-icons_72b42d_256x240.png)',
iconsDefault: 'url(images/ui-icons_ffffff_256x240.png)',
iconsError: 'url(images/ui-icons_cd0a0a_256x240.png)',
iconsHeader: 'url(images/ui-icons_ffffff_256x240.png)',
iconsHighlight: 'url(images/ui-icons_4eb305_256x240.png)',
iconsHover: 'url(images/ui-icons_ffffff_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat',
bgOverlayRepeat: 'repeat',
bgShadowRepeat: 'repeat',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'bottom',
bgHighlightYPos: '50%',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Flick',
vars:
{ bgColorDefault: '#f6f6f6',
borderColorDefault: '#dddddd',
fcDefault: '#0073ea',
bgColorHover: '#0073ea',
borderColorHover: '#0073ea',
fcHover: '#ffffff',
bgColorActive: '#ffffff',
borderColorActive: '#dddddd',
fcActive: '#ff0084',
bgColorHeader: '#dddddd',
borderColorHeader: '#dddddd',
fcHeader: '#444444',
bgColorContent: '#ffffff',
borderColorContent: '#dddddd',
fcContent: '#444444',
bgColorHighlight: '#ffffff',
borderColorHighlight: '#cccccc',
fcHighlight: '#444444',
bgColorError: '#ffffff',
borderColorError: '#ff0084',
fcError: '#222222',
bgColorOverlay: '#eeeeee',
opacityOverlay: '.8',
bgColorShadow: '#aaaaaa',
opacityShadow: '.6',
offsetTopShadow: '-4px',
offsetLeftShadow: '-4px',
thicknessShadow: '4px',
cornerRadiusShadow: '0px',
fsDefault: '1.1em',
ffDefault: 'Helvetica,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '2px',
bgTextureDefault: 'highlight_soft',
bgTextureHover: 'highlight_soft',
bgTextureActive: 'glass',
bgTextureHeader: 'highlight_soft',
bgTextureContent: 'flat',
bgTextureHighlight: 'flat',
bgTextureError: 'flat',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '100',
bgImgOpacityHover: '25',
bgImgOpacityActive: '65',
bgImgOpacityHeader: '50',
bgImgOpacityContent: '75',
bgImgOpacityHighlight: '55',
bgImgOpacityError: '55',
bgImgOpacityOverlay: '0',
bgImgOpacityShadow: '0',
iconColorActive: '#454545',
iconColorContent: '#ff0084',
iconColorDefault: '#666666',
iconColorError: '#ff0084',
iconColorHeader: '#0073ea',
iconColorHighlight: '#0073ea',
iconColorHover: '#ffffff',
opacityOverlayPerc: '80',
opacityShadowPerc: '60',
opacityFilterOverlay: 'Alpha(Opacity=80)',
opacityFilterShadow: 'Alpha(Opacity=60)',
bgImgUrlActive: 'url(images/ui-bg_glass_65_ffffff_1x400.png)',
bgImgUrlContent: 'url(images/ui-bg_flat_75_ffffff_40x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png)',
bgImgUrlError: 'url(images/ui-bg_flat_55_ffffff_40x100.png)',
bgImgUrlHeader: 'url(images/ui-bg_highlight-soft_50_dddddd_1x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_flat_55_ffffff_40x100.png)',
bgImgUrlHover: 'url(images/ui-bg_highlight-soft_25_0073ea_1x100.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_0_eeeeee_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
iconsActive: 'url(images/ui-icons_454545_256x240.png)',
iconsContent: 'url(images/ui-icons_ff0084_256x240.png)',
iconsDefault: 'url(images/ui-icons_666666_256x240.png)',
iconsError: 'url(images/ui-icons_ff0084_256x240.png)',
iconsHeader: 'url(images/ui-icons_0073ea_256x240.png)',
iconsHighlight: 'url(images/ui-icons_0073ea_256x240.png)',
iconsHover: 'url(images/ui-icons_ffffff_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: '50%',
bgHighlightYPos: '50%',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Pepper Grinder',
vars:
{ bgColorDefault: '#f8f7f6',
borderColorDefault: '#cbc7bd',
fcDefault: '#654b24',
bgColorHover: '#654b24',
borderColorHover: '#654b24',
fcHover: '#ffffff',
bgColorActive: '#eceadf',
borderColorActive: '#d9d6c4',
fcActive: '#140f06',
bgColorHeader: '#ffffff',
borderColorHeader: '#d4d1bf',
fcHeader: '#453821',
bgColorContent: '#eceadf',
borderColorContent: '#d9d6c4',
fcContent: '#1f1f1f',
bgColorHighlight: '#f7f3de',
borderColorHighlight: '#b2a266',
fcHighlight: '#3a3427',
bgColorError: '#b83400',
borderColorError: '#681818',
fcError: '#ffffff',
bgColorOverlay: '#6e4f1c',
opacityOverlay: '.6',
bgColorShadow: '#000000',
opacityShadow: '.6',
offsetTopShadow: '0',
offsetLeftShadow: '-10px',
thicknessShadow: '5px',
cornerRadiusShadow: '18px',
fsDefault: '1.1em',
ffDefault: 'Trebuchet MS,Tahoma,Verdana,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '6px',
bgTextureDefault: 'fine_grain',
bgTextureHover: 'fine_grain',
bgTextureActive: 'fine_grain',
bgTextureHeader: 'fine_grain',
bgTextureContent: 'fine_grain',
bgTextureHighlight: 'fine_grain',
bgTextureError: 'fine_grain',
bgTextureOverlay: 'diagonal_maze',
bgTextureShadow: 'diagonal_maze',
bgImgOpacityDefault: '10',
bgImgOpacityHover: '65',
bgImgOpacityActive: '15',
bgImgOpacityHeader: '15',
bgImgOpacityContent: '10',
bgImgOpacityHighlight: '15',
bgImgOpacityError: '68',
bgImgOpacityOverlay: '20',
bgImgOpacityShadow: '40',
iconColorActive: '#8c291d',
iconColorContent: '#222222',
iconColorDefault: '#b83400',
iconColorError: '#fbdb93',
iconColorHeader: '#b83400',
iconColorHighlight: '#3572ac',
iconColorHover: '#ffffff',
opacityOverlayPerc: '60',
opacityShadowPerc: '60',
opacityFilterOverlay: 'Alpha(Opacity=60)',
opacityFilterShadow: 'Alpha(Opacity=60)',
bgImgUrlActive: 'url(images/ui-bg_fine-grain_15_eceadf_60x60.png)',
bgImgUrlContent: 'url(images/ui-bg_fine-grain_10_eceadf_60x60.png)',
bgImgUrlDefault: 'url(images/ui-bg_fine-grain_10_f8f7f6_60x60.png)',
bgImgUrlError: 'url(images/ui-bg_fine-grain_68_b83400_60x60.png)',
bgImgUrlHeader: 'url(images/ui-bg_fine-grain_15_ffffff_60x60.png)',
bgImgUrlHighlight: 'url(images/ui-bg_fine-grain_15_f7f3de_60x60.png)',
bgImgUrlHover: 'url(images/ui-bg_fine-grain_65_654b24_60x60.png)',
bgImgUrlOverlay: 'url(images/ui-bg_diagonal-maze_20_6e4f1c_10x10.png)',
bgImgUrlShadow: 'url(images/ui-bg_diagonal-maze_40_000000_10x10.png)',
iconsActive: 'url(images/ui-icons_8c291d_256x240.png)',
iconsContent: 'url(images/ui-icons_222222_256x240.png)',
iconsDefault: 'url(images/ui-icons_b83400_256x240.png)',
iconsError: 'url(images/ui-icons_fbdb93_256x240.png)',
iconsHeader: 'url(images/ui-icons_b83400_256x240.png)',
iconsHighlight: 'url(images/ui-icons_3572ac_256x240.png)',
iconsHover: 'url(images/ui-icons_ffffff_256x240.png)',
bgDefaultRepeat: 'repeat',
bgHoverRepeat: 'repeat',
bgActiveRepeat: 'repeat',
bgHeaderRepeat: 'repeat',
bgContentRepeat: 'repeat',
bgHighlightRepeat: 'repeat',
bgErrorRepeat: 'repeat',
bgOverlayRepeat: 'repeat',
bgShadowRepeat: 'repeat',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: '50%',
bgHighlightYPos: '50%',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Eggplant',
vars:
{ bgColorDefault: '#dcd9de',
borderColorDefault: '#dcd9de',
fcDefault: '#665874',
bgColorHover: '#eae6ea',
borderColorHover: '#d1c5d8',
fcHover: '#734d99',
bgColorActive: '#5f5964',
borderColorActive: '#7e7783',
fcActive: '#ffffff',
bgColorHeader: '#30273a',
borderColorHeader: '#231d2b',
fcHeader: '#ffffff',
bgColorContent: '#3d3644',
borderColorContent: '#7e7783',
fcContent: '#ffffff',
bgColorHighlight: '#fafafa',
borderColorHighlight: '#ffdb1f',
fcHighlight: '#333333',
bgColorError: '#994d53',
borderColorError: '#994d53',
fcError: '#ffffff',
bgColorOverlay: '#eeeeee',
opacityOverlay: '.8',
bgColorShadow: '#aaaaaa',
opacityShadow: '.6',
offsetTopShadow: '-4px',
offsetLeftShadow: '-4px',
thicknessShadow: '4px',
cornerRadiusShadow: '0px',
fsDefault: '1.1em',
ffDefault: 'Lucida Grande,Lucida Sans,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '6px',
bgTextureDefault: 'highlight_soft',
bgTextureHover: 'highlight_soft',
bgTextureActive: 'highlight_soft',
bgTextureHeader: 'highlight_soft',
bgTextureContent: 'gloss_wave',
bgTextureHighlight: 'flat',
bgTextureError: 'flat',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '100',
bgImgOpacityHover: '100',
bgImgOpacityActive: '45',
bgImgOpacityHeader: '25',
bgImgOpacityContent: '30',
bgImgOpacityHighlight: '55',
bgImgOpacityError: '55',
bgImgOpacityOverlay: '0',
bgImgOpacityShadow: '0',
iconColorActive: '#454545',
iconColorContent: '#ffffff',
iconColorDefault: '#8d78a5',
iconColorError: '#ebccce',
iconColorHeader: '#a8a3ae',
iconColorHighlight: '#8d78a5',
iconColorHover: '#734d99',
opacityOverlayPerc: '80',
opacityShadowPerc: '60',
opacityFilterOverlay: 'Alpha(Opacity=80)',
opacityFilterShadow: 'Alpha(Opacity=60)',
bgImgUrlActive: 'url(images/ui-bg_highlight-soft_45_5f5964_1x100.png)',
bgImgUrlContent: 'url(images/ui-bg_gloss-wave_30_3d3644_500x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_highlight-soft_100_dcd9de_1x100.png)',
bgImgUrlError: 'url(images/ui-bg_flat_55_994d53_40x100.png)',
bgImgUrlHeader: 'url(images/ui-bg_highlight-soft_25_30273a_1x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_flat_55_fafafa_40x100.png)',
bgImgUrlHover: 'url(images/ui-bg_highlight-soft_100_eae6ea_1x100.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_0_eeeeee_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
iconsActive: 'url(images/ui-icons_454545_256x240.png)',
iconsContent: 'url(images/ui-icons_ffffff_256x240.png)',
iconsDefault: 'url(images/ui-icons_8d78a5_256x240.png)',
iconsError: 'url(images/ui-icons_ebccce_256x240.png)',
iconsHeader: 'url(images/ui-icons_a8a3ae_256x240.png)',
iconsHighlight: 'url(images/ui-icons_8d78a5_256x240.png)',
iconsHover: 'url(images/ui-icons_734d99_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'top',
bgHighlightYPos: '50%',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Dark Hive',
vars:
{ bgColorDefault: '#222222',
borderColorDefault: '#444444',
fcDefault: '#eeeeee',
bgColorHover: '#003147',
borderColorHover: '#0b93d5',
fcHover: '#ffffff',
bgColorActive: '#0972a5',
borderColorActive: '#26b3f7',
fcActive: '#ffffff',
bgColorHeader: '#444444',
borderColorHeader: '#333333',
fcHeader: '#ffffff',
bgColorContent: '#000000',
borderColorContent: '#555555',
fcContent: '#ffffff',
bgColorHighlight: '#eeeeee',
borderColorHighlight: '#cccccc',
fcHighlight: '#2e7db2',
bgColorError: '#ffc73d',
borderColorError: '#ffb73d',
fcError: '#111111',
bgColorOverlay: '#5c5c5c',
opacityOverlay: '.8',
bgColorShadow: '#cccccc',
opacityShadow: '.6',
offsetTopShadow: '-7px',
offsetLeftShadow: '-7px',
thicknessShadow: '7px',
cornerRadiusShadow: '8px',
fsDefault: '1.1em',
ffDefault: 'Verdana,Arial,sans-serif',
fwDefault: 'normal',
cornerRadius: '6px',
bgTextureDefault: 'highlight_soft',
bgTextureHover: 'highlight_soft',
bgTextureActive: 'highlight_hard',
bgTextureHeader: 'highlight_soft',
bgTextureContent: 'loop',
bgTextureHighlight: 'highlight_soft',
bgTextureError: 'glass',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '35',
bgImgOpacityHover: '33',
bgImgOpacityActive: '20',
bgImgOpacityHeader: '44',
bgImgOpacityContent: '25',
bgImgOpacityHighlight: '80',
bgImgOpacityError: '40',
bgImgOpacityOverlay: '50',
bgImgOpacityShadow: '30',
iconColorActive: '#222222',
iconColorContent: '#cccccc',
iconColorDefault: '#cccccc',
iconColorError: '#a83300',
iconColorHeader: '#ffffff',
iconColorHighlight: '#4b8e0b',
iconColorHover: '#ffffff',
opacityOverlayPerc: '80',
opacityShadowPerc: '60',
opacityFilterOverlay: 'Alpha(Opacity=80)',
opacityFilterShadow: 'Alpha(Opacity=60)',
bgImgUrlActive: 'url(images/ui-bg_highlight-hard_20_0972a5_1x100.png)',
bgImgUrlContent: 'url(images/ui-bg_loop_25_000000_21x21.png)',
bgImgUrlDefault: 'url(images/ui-bg_highlight-soft_35_222222_1x100.png)',
bgImgUrlError: 'url(images/ui-bg_glass_40_ffc73d_1x400.png)',
bgImgUrlHeader: 'url(images/ui-bg_highlight-soft_44_444444_1x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_highlight-soft_80_eeeeee_1x100.png)',
bgImgUrlHover: 'url(images/ui-bg_highlight-soft_33_003147_1x100.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_50_5c5c5c_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_30_cccccc_40x100.png)',
iconsActive: 'url(images/ui-icons_222222_256x240.png)',
iconsContent: 'url(images/ui-icons_cccccc_256x240.png)',
iconsDefault: 'url(images/ui-icons_cccccc_256x240.png)',
iconsError: 'url(images/ui-icons_a83300_256x240.png)',
iconsHeader: 'url(images/ui-icons_ffffff_256x240.png)',
iconsHighlight: 'url(images/ui-icons_4b8e0b_256x240.png)',
iconsHover: 'url(images/ui-icons_ffffff_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: '50%',
bgHighlightYPos: 'top',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Cupertino',
vars:
{ bgColorDefault: '#d7ebf9',
borderColorDefault: '#aed0ea',
fcDefault: '#2779aa',
bgColorHover: '#e4f1fb',
borderColorHover: '#74b2e2',
fcHover: '#0070a3',
bgColorActive: '#3baae3',
borderColorActive: '#2694e8',
fcActive: '#ffffff',
bgColorHeader: '#deedf7',
borderColorHeader: '#aed0ea',
fcHeader: '#222222',
bgColorContent: '#f2f5f7',
borderColorContent: '#dddddd',
fcContent: '#362b36',
bgColorHighlight: '#ffef8f',
borderColorHighlight: '#f9dd34',
fcHighlight: '#363636',
bgColorError: '#cd0a0a',
borderColorError: '#cd0a0a',
fcError: '#ffffff',
bgColorOverlay: '#eeeeee',
opacityOverlay: '.8',
bgColorShadow: '#000000',
opacityShadow: '.3',
offsetTopShadow: '-7px',
offsetLeftShadow: '-7px',
thicknessShadow: '7px',
cornerRadiusShadow: '8px',
fsDefault: '1.1em',
ffDefault: 'Lucida Grande,Lucida Sans,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '6px',
bgTextureDefault: 'glass',
bgTextureHover: 'glass',
bgTextureActive: 'glass',
bgTextureHeader: 'highlight_soft',
bgTextureContent: 'highlight_hard',
bgTextureHighlight: 'highlight_soft',
bgTextureError: 'flat',
bgTextureOverlay: 'diagonals_thick',
bgTextureShadow: 'highlight_hard',
bgImgOpacityDefault: '80',
bgImgOpacityHover: '100',
bgImgOpacityActive: '50',
bgImgOpacityHeader: '100',
bgImgOpacityContent: '100',
bgImgOpacityHighlight: '25',
bgImgOpacityError: '15',
bgImgOpacityOverlay: '90',
bgImgOpacityShadow: '70',
iconColorActive: '#ffffff',
iconColorContent: '#72a7cf',
iconColorDefault: '#3d80b3',
iconColorError: '#ffffff',
iconColorHeader: '#72a7cf',
iconColorHighlight: '#2e83ff',
iconColorHover: '#2694e8',
opacityOverlayPerc: '80',
opacityShadowPerc: '30',
opacityFilterOverlay: 'Alpha(Opacity=80)',
opacityFilterShadow: 'Alpha(Opacity=30)',
bgImgUrlActive: 'url(images/ui-bg_glass_50_3baae3_1x400.png)',
bgImgUrlContent: 'url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_glass_80_d7ebf9_1x400.png)',
bgImgUrlError: 'url(images/ui-bg_flat_15_cd0a0a_40x100.png)',
bgImgUrlHeader: 'url(images/ui-bg_highlight-soft_100_deedf7_1x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_highlight-soft_25_ffef8f_1x100.png)',
bgImgUrlHover: 'url(images/ui-bg_glass_100_e4f1fb_1x400.png)',
bgImgUrlOverlay: 'url(images/ui-bg_diagonals-thick_90_eeeeee_40x40.png)',
bgImgUrlShadow: 'url(images/ui-bg_highlight-hard_70_000000_1x100.png)',
iconsActive: 'url(images/ui-icons_ffffff_256x240.png)',
iconsContent: 'url(images/ui-icons_72a7cf_256x240.png)',
iconsDefault: 'url(images/ui-icons_3d80b3_256x240.png)',
iconsError: 'url(images/ui-icons_ffffff_256x240.png)',
iconsHeader: 'url(images/ui-icons_72a7cf_256x240.png)',
iconsHighlight: 'url(images/ui-icons_2e83ff_256x240.png)',
iconsHover: 'url(images/ui-icons_2694e8_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'top',
bgHighlightYPos: 'top',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: 'top',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'South Street',
vars:
{ bgColorDefault: '#459e00',
borderColorDefault: '#327E04',
fcDefault: '#ffffff',
bgColorHover: '#67b021',
borderColorHover: '#327E04',
fcHover: '#ffffff',
bgColorActive: '#fafaf4',
borderColorActive: '#d4ccb0',
fcActive: '#459e00',
bgColorHeader: '#ece8da',
borderColorHeader: '#d4ccb0',
fcHeader: '#433f38',
bgColorContent: '#f5f3e5',
borderColorContent: '#dfd9c3',
fcContent: '#312e25',
bgColorHighlight: '#fcf0ba',
borderColorHighlight: '#e8e1b5',
fcHighlight: '#363636',
bgColorError: '#ffedad',
borderColorError: '#e3a345',
fcError: '#cd5c0a',
bgColorOverlay: '#2b2922',
opacityOverlay: '.9',
bgColorShadow: '#cccccc',
opacityShadow: '.2',
offsetTopShadow: '-12px',
offsetLeftShadow: '-12px',
thicknessShadow: '12px',
cornerRadiusShadow: '10px',
fsDefault: '1.1em',
ffDefault: 'segoe ui,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '6px',
bgTextureDefault: 'highlight_hard',
bgTextureHover: 'highlight_soft',
bgTextureActive: 'highlight_hard',
bgTextureHeader: 'gloss_wave',
bgTextureContent: 'highlight_hard',
bgTextureHighlight: 'glass',
bgTextureError: 'highlight_soft',
bgTextureOverlay: 'inset_soft',
bgTextureShadow: 'highlight_hard',
bgImgOpacityDefault: '15',
bgImgOpacityHover: '25',
bgImgOpacityActive: '100',
bgImgOpacityHeader: '100',
bgImgOpacityContent: '100',
bgImgOpacityHighlight: '55',
bgImgOpacityError: '95',
bgImgOpacityOverlay: '15',
bgImgOpacityShadow: '95',
iconColorActive: '#8DC262',
iconColorContent: '#808080',
iconColorDefault: '#eeeeee',
iconColorError: '#cd0a0a',
iconColorHeader: '#847e71',
iconColorHighlight: '#8DC262',
iconColorHover: '#ffffff',
opacityOverlayPerc: '90',
opacityShadowPerc: '20',
opacityFilterOverlay: 'Alpha(Opacity=90)',
opacityFilterShadow: 'Alpha(Opacity=20)',
bgImgUrlActive: 'url(images/ui-bg_highlight-hard_100_fafaf4_1x100.png)',
bgImgUrlContent: 'url(images/ui-bg_highlight-hard_100_f5f3e5_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_highlight-hard_15_459e00_1x100.png)',
bgImgUrlError: 'url(images/ui-bg_highlight-soft_95_ffedad_1x100.png)',
bgImgUrlHeader: 'url(images/ui-bg_gloss-wave_100_ece8da_500x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_glass_55_fcf0ba_1x400.png)',
bgImgUrlHover: 'url(images/ui-bg_highlight-soft_25_67b021_1x100.png)',
bgImgUrlOverlay: 'url(images/ui-bg_inset-soft_15_2b2922_1x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_highlight-hard_95_cccccc_1x100.png)',
iconsActive: 'url(images/ui-icons_8DC262_256x240.png)',
iconsContent: 'url(images/ui-icons_808080_256x240.png)',
iconsDefault: 'url(images/ui-icons_eeeeee_256x240.png)',
iconsError: 'url(images/ui-icons_cd0a0a_256x240.png)',
iconsHeader: 'url(images/ui-icons_847e71_256x240.png)',
iconsHighlight: 'url(images/ui-icons_8DC262_256x240.png)',
iconsHover: 'url(images/ui-icons_ffffff_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'top',
bgHighlightYPos: '50%',
bgErrorYPos: 'top',
bgOverlayYPos: 'bottom',
bgShadowYPos: 'top',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Blitzer',
vars:
{ bgColorDefault: '#eeeeee',
borderColorDefault: '#d8dcdf',
fcDefault: '#004276',
bgColorHover: '#f6f6f6',
borderColorHover: '#cdd5da',
fcHover: '#111111',
bgColorActive: '#ffffff',
borderColorActive: '#eeeeee',
fcActive: '#cc0000',
bgColorHeader: '#cc0000',
borderColorHeader: '#e3a1a1',
fcHeader: '#ffffff',
bgColorContent: '#ffffff',
borderColorContent: '#eeeeee',
fcContent: '#333333',
bgColorHighlight: '#fbf8ee',
borderColorHighlight: '#fcd3a1',
fcHighlight: '#444444',
bgColorError: '#f3d8d8',
borderColorError: '#cc0000',
fcError: '#2e2e2e',
bgColorOverlay: '#a6a6a6',
opacityOverlay: '.4',
bgColorShadow: '#333333',
opacityShadow: '.1',
offsetTopShadow: '-8px',
offsetLeftShadow: '-8px',
thicknessShadow: '8px',
cornerRadiusShadow: '8px',
fsDefault: '1.1em',
ffDefault: 'Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '6px',
bgTextureDefault: 'highlight_hard',
bgTextureHover: 'highlight_hard',
bgTextureActive: 'flat',
bgTextureHeader: 'highlight_soft',
bgTextureContent: 'flat',
bgTextureHighlight: 'glass',
bgTextureError: 'diagonals_thick',
bgTextureOverlay: 'dots_small',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '100',
bgImgOpacityHover: '100',
bgImgOpacityActive: '65',
bgImgOpacityHeader: '15',
bgImgOpacityContent: '75',
bgImgOpacityHighlight: '55',
bgImgOpacityError: '75',
bgImgOpacityOverlay: '65',
bgImgOpacityShadow: '0',
iconColorActive: '#cc0000',
iconColorContent: '#cc0000',
iconColorDefault: '#cc0000',
iconColorError: '#cc0000',
iconColorHeader: '#ffffff',
iconColorHighlight: '#004276',
iconColorHover: '#cc0000',
opacityOverlayPerc: '40',
opacityShadowPerc: '10',
opacityFilterOverlay: 'Alpha(Opacity=40)',
opacityFilterShadow: 'Alpha(Opacity=10)',
bgImgUrlActive: 'url(images/ui-bg_flat_65_ffffff_40x100.png)',
bgImgUrlContent: 'url(images/ui-bg_flat_75_ffffff_40x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_highlight-hard_100_eeeeee_1x100.png)',
bgImgUrlError: 'url(images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png)',
bgImgUrlHeader: 'url(images/ui-bg_highlight-soft_15_cc0000_1x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_glass_55_fbf8ee_1x400.png)',
bgImgUrlHover: 'url(images/ui-bg_highlight-hard_100_f6f6f6_1x100.png)',
bgImgUrlOverlay: 'url(images/ui-bg_dots-small_65_a6a6a6_2x2.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_0_333333_40x100.png)',
iconsActive: 'url(images/ui-icons_cc0000_256x240.png)',
iconsContent: 'url(images/ui-icons_cc0000_256x240.png)',
iconsDefault: 'url(images/ui-icons_cc0000_256x240.png)',
iconsError: 'url(images/ui-icons_cc0000_256x240.png)',
iconsHeader: 'url(images/ui-icons_ffffff_256x240.png)',
iconsHighlight: 'url(images/ui-icons_004276_256x240.png)',
iconsHover: 'url(images/ui-icons_cc0000_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat',
bgOverlayRepeat: 'repeat',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: '50%',
bgHighlightYPos: '50%',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Humanity',
vars:
{ bgColorDefault: '#ede4d4',
borderColorDefault: '#cdc3b7',
fcDefault: '#3f3731',
bgColorHover: '#f5f0e5',
borderColorHover: '#f5ad66',
fcHover: '#a46313',
bgColorActive: '#f4f0ec',
borderColorActive: '#e0cfc2',
fcActive: '#b85700',
bgColorHeader: '#cb842e',
borderColorHeader: '#d49768',
fcHeader: '#ffffff',
bgColorContent: '#f4f0ec',
borderColorContent: '#e0cfc2',
fcContent: '#1e1b1d',
bgColorHighlight: '#f5f5b5',
borderColorHighlight: '#d9bb73',
fcHighlight: '#060200',
bgColorError: '#fee4bd',
borderColorError: '#f8893f',
fcError: '#592003',
bgColorOverlay: '#aaaaaa',
opacityOverlay: '.3',
bgColorShadow: '#aaaaaa',
opacityShadow: '.3',
offsetTopShadow: '-8px',
offsetLeftShadow: '-8px',
thicknessShadow: '8px',
cornerRadiusShadow: '8px',
fsDefault: '1.1em',
ffDefault: 'Helvetica,Arial,sans-serif',
fwDefault: 'normal',
cornerRadius: '6px',
bgTextureDefault: 'glass',
bgTextureHover: 'glass',
bgTextureActive: 'highlight_hard',
bgTextureHeader: 'glass',
bgTextureContent: 'inset_soft',
bgTextureHighlight: 'highlight_hard',
bgTextureError: 'highlight_hard',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '70',
bgImgOpacityHover: '100',
bgImgOpacityActive: '100',
bgImgOpacityHeader: '25',
bgImgOpacityContent: '100',
bgImgOpacityHighlight: '75',
bgImgOpacityError: '65',
bgImgOpacityOverlay: '75',
bgImgOpacityShadow: '75',
iconColorActive: '#f35f07',
iconColorContent: '#c47a23',
iconColorDefault: '#f08000',
iconColorError: '#ff7519',
iconColorHeader: '#ffffff',
iconColorHighlight: '#cb672b',
iconColorHover: '#f08000',
opacityOverlayPerc: '30',
opacityShadowPerc: '30',
opacityFilterOverlay: 'Alpha(Opacity=30)',
opacityFilterShadow: 'Alpha(Opacity=30)',
bgImgUrlActive: 'url(images/ui-bg_highlight-hard_100_f4f0ec_1x100.png)',
bgImgUrlContent: 'url(images/ui-bg_inset-soft_100_f4f0ec_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_glass_70_ede4d4_1x400.png)',
bgImgUrlError: 'url(images/ui-bg_highlight-hard_65_fee4bd_1x100.png)',
bgImgUrlHeader: 'url(images/ui-bg_glass_25_cb842e_1x400.png)',
bgImgUrlHighlight: 'url(images/ui-bg_highlight-hard_75_f5f5b5_1x100.png)',
bgImgUrlHover: 'url(images/ui-bg_glass_100_f5f0e5_1x400.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_75_aaaaaa_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_75_aaaaaa_40x100.png)',
iconsActive: 'url(images/ui-icons_f35f07_256x240.png)',
iconsContent: 'url(images/ui-icons_c47a23_256x240.png)',
iconsDefault: 'url(images/ui-icons_f08000_256x240.png)',
iconsError: 'url(images/ui-icons_ff7519_256x240.png)',
iconsHeader: 'url(images/ui-icons_ffffff_256x240.png)',
iconsHighlight: 'url(images/ui-icons_cb672b_256x240.png)',
iconsHover: 'url(images/ui-icons_f08000_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'bottom',
bgHighlightYPos: 'top',
bgErrorYPos: 'top',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Hot Sneaks',
vars:
{ bgColorDefault: '#93c3cd',
borderColorDefault: '#93c3cd',
fcDefault: '#333333',
bgColorHover: '#ccd232',
borderColorHover: '#999999',
fcHover: '#212121',
bgColorActive: '#db4865',
borderColorActive: '#ff6b7f',
fcActive: '#ffffff',
bgColorHeader: '#35414f',
borderColorHeader: '#2c4359',
fcHeader: '#e1e463',
bgColorContent: '#ffffff',
borderColorContent: '#aaaaaa',
fcContent: '#2c4359',
bgColorHighlight: '#ffff38',
borderColorHighlight: '#b4d100',
fcHighlight: '#363636',
bgColorError: '#ff3853',
borderColorError: '#ff6b7f',
fcError: '#ffffff',
bgColorOverlay: '#f7f7ba',
opacityOverlay: '.8',
bgColorShadow: '#ba9217',
opacityShadow: '.2',
offsetTopShadow: '8px',
offsetLeftShadow: '8px',
thicknessShadow: '10px',
cornerRadiusShadow: '5px',
fsDefault: '1.2em',
ffDefault: 'Gill Sans,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '4px',
bgTextureDefault: 'diagonals_small',
bgTextureHover: 'diagonals_small',
bgTextureActive: 'diagonals_small',
bgTextureHeader: 'dots_small',
bgTextureContent: 'flat',
bgTextureHighlight: 'dots_medium',
bgTextureError: 'diagonals_small',
bgTextureOverlay: 'white_lines',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '50',
bgImgOpacityHover: '75',
bgImgOpacityActive: '40',
bgImgOpacityHeader: '35',
bgImgOpacityContent: '75',
bgImgOpacityHighlight: '80',
bgImgOpacityError: '50',
bgImgOpacityOverlay: '85',
bgImgOpacityShadow: '75',
iconColorActive: '#ffffff',
iconColorContent: '#c02669',
iconColorDefault: '#ffffff',
iconColorError: '#ffeb33',
iconColorHeader: '#e1e463',
iconColorHighlight: '#88a206',
iconColorHover: '#454545',
opacityOverlayPerc: '80',
opacityShadowPerc: '20',
opacityFilterOverlay: 'Alpha(Opacity=80)',
opacityFilterShadow: 'Alpha(Opacity=20)',
bgImgUrlActive: 'url(images/ui-bg_diagonals-small_40_db4865_40x40.png)',
bgImgUrlContent: 'url(images/ui-bg_flat_75_ffffff_40x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_diagonals-small_50_93c3cd_40x40.png)',
bgImgUrlError: 'url(images/ui-bg_diagonals-small_50_ff3853_40x40.png)',
bgImgUrlHeader: 'url(images/ui-bg_dots-small_35_35414f_2x2.png)',
bgImgUrlHighlight: 'url(images/ui-bg_dots-medium_80_ffff38_4x4.png)',
bgImgUrlHover: 'url(images/ui-bg_diagonals-small_75_ccd232_40x40.png)',
bgImgUrlOverlay: 'url(images/ui-bg_white-lines_85_f7f7ba_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_75_ba9217_40x100.png)',
iconsActive: 'url(images/ui-icons_ffffff_256x240.png)',
iconsContent: 'url(images/ui-icons_c02669_256x240.png)',
iconsDefault: 'url(images/ui-icons_ffffff_256x240.png)',
iconsError: 'url(images/ui-icons_ffeb33_256x240.png)',
iconsHeader: 'url(images/ui-icons_e1e463_256x240.png)',
iconsHighlight: 'url(images/ui-icons_88a206_256x240.png)',
iconsHover: 'url(images/ui-icons_454545_256x240.png)',
bgDefaultRepeat: 'repeat',
bgHoverRepeat: 'repeat',
bgActiveRepeat: 'repeat',
bgHeaderRepeat: 'repeat',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat',
bgErrorRepeat: 'repeat',
bgOverlayRepeat: 'repeat',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: '50%',
bgHighlightYPos: '50%',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Excite Bike',
vars:
{ bgColorDefault: '#1484e6',
borderColorDefault: '#ffffff',
fcDefault: '#ffffff',
bgColorHover: '#2293f7',
borderColorHover: '#2293f7',
fcHover: '#ffffff',
bgColorActive: '#e69700',
borderColorActive: '#e69700',
fcActive: '#ffffff',
bgColorHeader: '#f9f9f9',
borderColorHeader: '#cccccc',
fcHeader: '#e69700',
bgColorContent: '#eeeeee',
borderColorContent: '#aaaaaa',
fcContent: '#222222',
bgColorHighlight: '#c5ddfc',
borderColorHighlight: '#ffffff',
fcHighlight: '#333333',
bgColorError: '#e69700',
borderColorError: '#e69700',
fcError: '#ffffff',
bgColorOverlay: '#e6b900',
opacityOverlay: '.3',
bgColorShadow: '#e69700',
opacityShadow: '.2',
offsetTopShadow: '6px',
offsetLeftShadow: '6px',
thicknessShadow: '0px',
cornerRadiusShadow: '3px',
fsDefault: '1.1em',
ffDefault: 'segoe ui,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '3px',
bgTextureDefault: 'diagonals_thick',
bgTextureHover: 'diagonals_thick',
bgTextureActive: 'diagonals_thick',
bgTextureHeader: 'highlight_soft',
bgTextureContent: 'inset_hard',
bgTextureHighlight: 'diagonals_small',
bgTextureError: 'diagonals_thick',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '22',
bgImgOpacityHover: '26',
bgImgOpacityActive: '20',
bgImgOpacityHeader: '100',
bgImgOpacityContent: '100',
bgImgOpacityHighlight: '25',
bgImgOpacityError: '20',
bgImgOpacityOverlay: '0',
bgImgOpacityShadow: '0',
iconColorActive: '#ffffff',
iconColorContent: '#0a82eb',
iconColorDefault: '#fcdd4a',
iconColorError: '#ffffff',
iconColorHeader: '#5fa5e3',
iconColorHighlight: '#0b54d5',
iconColorHover: '#ffffff',
opacityOverlayPerc: '30',
opacityShadowPerc: '20',
opacityFilterOverlay: 'Alpha(Opacity=30)',
opacityFilterShadow: 'Alpha(Opacity=20)',
bgImgUrlActive: 'url(images/ui-bg_diagonals-thick_20_e69700_40x40.png)',
bgImgUrlContent: 'url(images/ui-bg_inset-hard_100_eeeeee_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_diagonals-thick_22_1484e6_40x40.png)',
bgImgUrlError: 'url(images/ui-bg_diagonals-thick_20_e69700_40x40.png)',
bgImgUrlHeader: 'url(images/ui-bg_highlight-soft_100_f9f9f9_1x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_diagonals-small_25_c5ddfc_40x40.png)',
bgImgUrlHover: 'url(images/ui-bg_diagonals-thick_26_2293f7_40x40.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_0_e6b900_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_0_e69700_40x100.png)',
iconsActive: 'url(images/ui-icons_ffffff_256x240.png)',
iconsContent: 'url(images/ui-icons_0a82eb_256x240.png)',
iconsDefault: 'url(images/ui-icons_fcdd4a_256x240.png)',
iconsError: 'url(images/ui-icons_ffffff_256x240.png)',
iconsHeader: 'url(images/ui-icons_5fa5e3_256x240.png)',
iconsHighlight: 'url(images/ui-icons_0b54d5_256x240.png)',
iconsHover: 'url(images/ui-icons_ffffff_256x240.png)',
bgDefaultRepeat: 'repeat',
bgHoverRepeat: 'repeat',
bgActiveRepeat: 'repeat',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat',
bgErrorRepeat: 'repeat',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'bottom',
bgHighlightYPos: '50%',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Vader',
vars:
{ bgColorDefault: '#adadad',
borderColorDefault: '#cccccc',
fcDefault: '#333333',
bgColorHover: '#dddddd',
borderColorHover: '#dddddd',
fcHover: '#000000',
bgColorActive: '#121212',
borderColorActive: '#000000',
fcActive: '#ffffff',
bgColorHeader: '#888888',
borderColorHeader: '#404040',
fcHeader: '#ffffff',
bgColorContent: '#121212',
borderColorContent: '#404040',
fcContent: '#eeeeee',
bgColorHighlight: '#555555',
borderColorHighlight: '#404040',
fcHighlight: '#cccccc',
bgColorError: '#fef1ec',
borderColorError: '#cd0a0a',
fcError: '#cd0a0a',
bgColorOverlay: '#aaaaaa',
opacityOverlay: '.3',
bgColorShadow: '#aaaaaa',
opacityShadow: '.3',
offsetTopShadow: '-8px',
offsetLeftShadow: '-8px',
thicknessShadow: '8px',
cornerRadiusShadow: '8px',
fsDefault: '1.1em',
ffDefault: 'Verdana,Arial,sans-serif',
fwDefault: 'normal',
cornerRadius: '5px',
bgTextureDefault: 'highlight_soft',
bgTextureHover: 'highlight_soft',
bgTextureActive: 'inset_soft',
bgTextureHeader: 'highlight_hard',
bgTextureContent: 'gloss_wave',
bgTextureHighlight: 'highlight_hard',
bgTextureError: 'glass',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '35',
bgImgOpacityHover: '60',
bgImgOpacityActive: '15',
bgImgOpacityHeader: '15',
bgImgOpacityContent: '16',
bgImgOpacityHighlight: '55',
bgImgOpacityError: '95',
bgImgOpacityOverlay: '0',
bgImgOpacityShadow: '0',
iconColorActive: '#f29a00',
iconColorContent: '#bbbbbb',
iconColorDefault: '#666666',
iconColorError: '#cd0a0a',
iconColorHeader: '#cccccc',
iconColorHighlight: '#aaaaaa',
iconColorHover: '#c98000',
'tr&ffDefault': 'Helvetica,Arial,sans-serif',
opacityOverlayPerc: '30',
opacityShadowPerc: '30',
opacityFilterOverlay: 'Alpha(Opacity=30)',
opacityFilterShadow: 'Alpha(Opacity=30)',
bgImgUrlActive: 'url(images/ui-bg_inset-soft_15_121212_1x100.png)',
bgImgUrlContent: 'url(images/ui-bg_gloss-wave_16_121212_500x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_highlight-soft_35_adadad_1x100.png)',
bgImgUrlError: 'url(images/ui-bg_glass_95_fef1ec_1x400.png)',
bgImgUrlHeader: 'url(images/ui-bg_highlight-hard_15_888888_1x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_highlight-hard_55_555555_1x100.png)',
bgImgUrlHover: 'url(images/ui-bg_highlight-soft_60_dddddd_1x100.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
iconsActive: 'url(images/ui-icons_f29a00_256x240.png)',
iconsContent: 'url(images/ui-icons_bbbbbb_256x240.png)',
iconsDefault: 'url(images/ui-icons_666666_256x240.png)',
iconsError: 'url(images/ui-icons_cd0a0a_256x240.png)',
iconsHeader: 'url(images/ui-icons_cccccc_256x240.png)',
iconsHighlight: 'url(images/ui-icons_aaaaaa_256x240.png)',
iconsHover: 'url(images/ui-icons_c98000_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'top',
bgHighlightYPos: 'top',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Dot Luv',
vars:
{ bgColorDefault: '#333333',
borderColorDefault: '#333333',
fcDefault: '#ffffff',
bgColorHover: '#00498f',
borderColorHover: '#222222',
fcHover: '#ffffff',
bgColorActive: '#292929',
borderColorActive: '#096ac8',
fcActive: '#75abff',
bgColorHeader: '#0b3e6f',
borderColorHeader: '#0b3e6f',
fcHeader: '#f6f6f6',
bgColorContent: '#111111',
borderColorContent: '#000000',
fcContent: '#d9d9d9',
bgColorHighlight: '#0b58a2',
borderColorHighlight: '#052f57',
fcHighlight: '#ffffff',
bgColorError: '#a32d00',
borderColorError: '#cd0a0a',
fcError: '#ffffff',
bgColorOverlay: '#aaaaaa',
opacityOverlay: '.3',
bgColorShadow: '#aaaaaa',
opacityShadow: '.3',
offsetTopShadow: '-8px',
offsetLeftShadow: '-8px',
thicknessShadow: '8px',
cornerRadiusShadow: '8px',
fsDefault: '1.3em',
ffDefault: 'Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '4px',
bgTextureDefault: 'dots_small',
bgTextureHover: 'dots_small',
bgTextureActive: 'flat',
bgTextureHeader: 'diagonals_thick',
bgTextureContent: 'gloss_wave',
bgTextureHighlight: 'dots_medium',
bgTextureError: 'dots_small',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '20',
bgImgOpacityHover: '40',
bgImgOpacityActive: '40',
bgImgOpacityHeader: '15',
bgImgOpacityContent: '20',
bgImgOpacityHighlight: '30',
bgImgOpacityError: '30',
bgImgOpacityOverlay: '0',
bgImgOpacityShadow: '0',
iconColorActive: '#00498f',
iconColorContent: '#9ccdfc',
iconColorDefault: '#9ccdfc',
iconColorError: '#ffffff',
iconColorHeader: '#98d2fb',
iconColorHighlight: '#ffffff',
iconColorHover: '#ffffff',
opacityOverlayPerc: '30',
opacityShadowPerc: '30',
opacityFilterOverlay: 'Alpha(Opacity=30)',
opacityFilterShadow: 'Alpha(Opacity=30)',
bgImgUrlActive: 'url(images/ui-bg_flat_40_292929_40x100.png)',
bgImgUrlContent: 'url(images/ui-bg_gloss-wave_20_111111_500x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_dots-small_20_333333_2x2.png)',
bgImgUrlError: 'url(images/ui-bg_dots-small_30_a32d00_2x2.png)',
bgImgUrlHeader: 'url(images/ui-bg_diagonals-thick_15_0b3e6f_40x40.png)',
bgImgUrlHighlight: 'url(images/ui-bg_dots-medium_30_0b58a2_4x4.png)',
bgImgUrlHover: 'url(images/ui-bg_dots-small_40_00498f_2x2.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
iconsActive: 'url(images/ui-icons_00498f_256x240.png)',
iconsContent: 'url(images/ui-icons_9ccdfc_256x240.png)',
iconsDefault: 'url(images/ui-icons_9ccdfc_256x240.png)',
iconsError: 'url(images/ui-icons_ffffff_256x240.png)',
iconsHeader: 'url(images/ui-icons_98d2fb_256x240.png)',
iconsHighlight: 'url(images/ui-icons_ffffff_256x240.png)',
iconsHover: 'url(images/ui-icons_ffffff_256x240.png)',
bgDefaultRepeat: 'repeat',
bgHoverRepeat: 'repeat',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat',
bgErrorRepeat: 'repeat',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'top',
bgHighlightYPos: '50%',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Mint Choc',
vars:
{ bgColorDefault: '#1c160d',
borderColorDefault: '#695444',
fcDefault: '#9bcc60',
bgColorHover: '#44372c',
borderColorHover: '#9c947c',
fcHover: '#baec7e',
bgColorActive: '#201913',
borderColorActive: '#9c947c',
fcActive: '#e3ddc9',
bgColorHeader: '#453326',
borderColorHeader: '#695649',
fcHeader: '#e3ddc9',
bgColorContent: '#201913',
borderColorContent: '#9c947c',
fcContent: '#ffffff',
bgColorHighlight: '#619226',
borderColorHighlight: '#add978',
fcHighlight: '#ffffff',
bgColorError: '#5f391b',
borderColorError: '#5f391b',
fcError: '#ffffff',
bgColorOverlay: '#aaaaaa',
opacityOverlay: '.3',
bgColorShadow: '#aaaaaa',
opacityShadow: '.3',
offsetTopShadow: '-8px',
offsetLeftShadow: '-8px',
thicknessShadow: '8px',
cornerRadiusShadow: '8px',
fsDefault: '1.1em',
ffDefault: 'Segoe UI,Helvetica,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '4px',
bgTextureDefault: 'gloss_wave',
bgTextureHover: 'gloss_wave',
bgTextureActive: 'highlight_soft',
bgTextureHeader: 'gloss_wave',
bgTextureContent: 'inset_soft',
bgTextureHighlight: 'highlight_soft',
bgTextureError: 'glass',
bgTextureOverlay: 'flat',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '20',
bgImgOpacityHover: '30',
bgImgOpacityActive: '20',
bgImgOpacityHeader: '25',
bgImgOpacityContent: '10',
bgImgOpacityHighlight: '20',
bgImgOpacityError: '15',
bgImgOpacityOverlay: '0',
bgImgOpacityShadow: '0',
iconColorActive: '#e3ddc9',
iconColorContent: '#222222',
iconColorDefault: '#9bcc60',
iconColorError: '#f1fd86',
iconColorHeader: '#e3ddc9',
iconColorHighlight: '#ffffff',
iconColorHover: '#add978',
opacityOverlayPerc: '30',
opacityShadowPerc: '30',
opacityFilterOverlay: 'Alpha(Opacity=30)',
opacityFilterShadow: 'Alpha(Opacity=30)',
bgImgUrlActive: 'url(images/ui-bg_highlight-soft_20_201913_1x100.png)',
bgImgUrlContent: 'url(images/ui-bg_inset-soft_10_201913_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_gloss-wave_20_1c160d_500x100.png)',
bgImgUrlError: 'url(images/ui-bg_glass_15_5f391b_1x400.png)',
bgImgUrlHeader: 'url(images/ui-bg_gloss-wave_25_453326_500x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_highlight-soft_20_619226_1x100.png)',
bgImgUrlHover: 'url(images/ui-bg_gloss-wave_30_44372c_500x100.png)',
bgImgUrlOverlay: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_0_aaaaaa_40x100.png)',
iconsActive: 'url(images/ui-icons_e3ddc9_256x240.png)',
iconsContent: 'url(images/ui-icons_222222_256x240.png)',
iconsDefault: 'url(images/ui-icons_9bcc60_256x240.png)',
iconsError: 'url(images/ui-icons_f1fd86_256x240.png)',
iconsHeader: 'url(images/ui-icons_e3ddc9_256x240.png)',
iconsHighlight: 'url(images/ui-icons_ffffff_256x240.png)',
iconsHover: 'url(images/ui-icons_add978_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'bottom',
bgHighlightYPos: 'top',
bgErrorYPos: '50%',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Black Tie',
vars:
{ bgColorDefault: '#111111',
borderColorDefault: '#777777',
fcDefault: '#e3e3e3',
bgColorHover: '#1c1c1c',
borderColorHover: '#000000',
fcHover: '#ffffff',
bgColorActive: '#ffffff',
borderColorActive: '#cccccc',
fcActive: '#222222',
bgColorHeader: '#333333',
borderColorHeader: '#a3a3a3',
fcHeader: '#eeeeee',
bgColorContent: '#f9f9f9',
borderColorContent: '#cccccc',
fcContent: '#222222',
bgColorHighlight: '#ffeb80',
borderColorHighlight: '#ffde2e',
fcHighlight: '#363636',
bgColorError: '#cd0a0a',
borderColorError: '#9e0505',
fcError: '#ffffff',
bgColorOverlay: '#aaaaaa',
opacityOverlay: '.3',
bgColorShadow: '#aaaaaa',
opacityShadow: '.2',
offsetTopShadow: '-8px',
offsetLeftShadow: '-8px',
thicknessShadow: '8px',
cornerRadiusShadow: '8px',
fsDefault: '1.1em',
ffDefault: 'Verdana,Arial,sans-serif',
fwDefault: 'normal',
cornerRadius: '4px',
bgTextureDefault: 'glass',
bgTextureHover: 'glass',
bgTextureActive: 'flat',
bgTextureHeader: 'diagonals_thick',
bgTextureContent: 'highlight_hard',
bgTextureHighlight: 'inset_hard',
bgTextureError: 'inset_hard',
bgTextureOverlay: 'highlight_hard',
bgTextureShadow: 'highlight_soft',
bgImgOpacityDefault: '40',
bgImgOpacityHover: '55',
bgImgOpacityActive: '65',
bgImgOpacityHeader: '8',
bgImgOpacityContent: '100',
bgImgOpacityHighlight: '55',
bgImgOpacityError: '45',
bgImgOpacityOverlay: '40',
bgImgOpacityShadow: '50',
iconColorActive: '#222222',
iconColorContent: '#222222',
iconColorDefault: '#ededed',
iconColorError: '#ffcf29',
iconColorHeader: '#bbbbbb',
iconColorHighlight: '#4ca300',
iconColorHover: '#ffffff',
opacityOverlayPerc: '30',
opacityShadowPerc: '20',
opacityFilterOverlay: 'Alpha(Opacity=30)',
opacityFilterShadow: 'Alpha(Opacity=20)',
bgImgUrlActive: 'url(images/ui-bg_flat_65_ffffff_40x100.png)',
bgImgUrlContent: 'url(images/ui-bg_highlight-hard_100_f9f9f9_1x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_glass_40_111111_1x400.png)',
bgImgUrlError: 'url(images/ui-bg_inset-hard_45_cd0a0a_1x100.png)',
bgImgUrlHeader: 'url(images/ui-bg_diagonals-thick_8_333333_40x40.png)',
bgImgUrlHighlight: 'url(images/ui-bg_inset-hard_55_ffeb80_1x100.png)',
bgImgUrlHover: 'url(images/ui-bg_glass_55_1c1c1c_1x400.png)',
bgImgUrlOverlay: 'url(images/ui-bg_highlight-hard_40_aaaaaa_1x100.png)',
bgImgUrlShadow: 'url(images/ui-bg_highlight-soft_50_aaaaaa_1x100.png)',
iconsActive: 'url(images/ui-icons_222222_256x240.png)',
iconsContent: 'url(images/ui-icons_222222_256x240.png)',
iconsDefault: 'url(images/ui-icons_ededed_256x240.png)',
iconsError: 'url(images/ui-icons_ffcf29_256x240.png)',
iconsHeader: 'url(images/ui-icons_bbbbbb_256x240.png)',
iconsHighlight: 'url(images/ui-icons_4ca300_256x240.png)',
iconsHover: 'url(images/ui-icons_ffffff_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat-x',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'top',
bgHighlightYPos: 'bottom',
bgErrorYPos: 'bottom',
bgOverlayYPos: 'top',
bgShadowYPos: 'top',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Trontastic',
vars:
{ bgColorDefault: '#0a0a0a',
borderColorDefault: '#1b1613',
fcDefault: '#b8ec79',
bgColorHover: '#000000',
borderColorHover: '#000000',
fcHover: '#96f226',
bgColorActive: '#4c4c4c',
borderColorActive: '#696969',
fcActive: '#ffffff',
bgColorHeader: '#9fda58',
borderColorHeader: '#000000',
fcHeader: '#222222',
bgColorContent: '#000000',
borderColorContent: '#4a4a4a',
fcContent: '#ffffff',
bgColorHighlight: '#f1fbe5',
borderColorHighlight: '#8cce3b',
fcHighlight: '#030303',
bgColorError: '#f6ecd5',
borderColorError: '#f1ac88',
fcError: '#74736d',
bgColorOverlay: '#262626',
opacityOverlay: '.3',
bgColorShadow: '#303030',
opacityShadow: '.5',
offsetTopShadow: '-6px',
offsetLeftShadow: '-6px',
thicknessShadow: '6px',
cornerRadiusShadow: '12px',
fsDefault: '1.1em',
ffDefault: 'Segoe UI,Helvetica,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '6px',
bgTextureDefault: 'glass',
bgTextureHover: 'glass',
bgTextureActive: 'flat',
bgTextureHeader: 'gloss_wave',
bgTextureContent: 'gloss_wave',
bgTextureHighlight: 'glass',
bgTextureError: 'gloss_wave',
bgTextureOverlay: 'diagonals_small',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '40',
bgImgOpacityHover: '60',
bgImgOpacityActive: '0',
bgImgOpacityHeader: '85',
bgImgOpacityContent: '55',
bgImgOpacityHighlight: '55',
bgImgOpacityError: '95',
bgImgOpacityOverlay: '50',
bgImgOpacityShadow: '0',
iconColorActive: '#ffffff',
iconColorContent: '#9fda58',
iconColorDefault: '#b8ec79',
iconColorError: '#cd0a0a',
iconColorHeader: '#1f1f1f',
iconColorHighlight: '#000000',
iconColorHover: '#b8ec79',
opacityOverlayPerc: '30',
opacityShadowPerc: '50',
opacityFilterOverlay: 'Alpha(Opacity=30)',
opacityFilterShadow: 'Alpha(Opacity=50)',
bgImgUrlActive: 'url(images/ui-bg_flat_0_4c4c4c_40x100.png)',
bgImgUrlContent: 'url(images/ui-bg_gloss-wave_55_000000_500x100.png)',
bgImgUrlDefault: 'url(images/ui-bg_glass_40_0a0a0a_1x400.png)',
bgImgUrlError: 'url(images/ui-bg_gloss-wave_95_f6ecd5_500x100.png)',
bgImgUrlHeader: 'url(images/ui-bg_gloss-wave_85_9fda58_500x100.png)',
bgImgUrlHighlight: 'url(images/ui-bg_glass_55_f1fbe5_1x400.png)',
bgImgUrlHover: 'url(images/ui-bg_glass_60_000000_1x400.png)',
bgImgUrlOverlay: 'url(images/ui-bg_diagonals-small_50_262626_40x40.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_0_303030_40x100.png)',
iconsActive: 'url(images/ui-icons_ffffff_256x240.png)',
iconsContent: 'url(images/ui-icons_9fda58_256x240.png)',
iconsDefault: 'url(images/ui-icons_b8ec79_256x240.png)',
iconsError: 'url(images/ui-icons_cd0a0a_256x240.png)',
iconsHeader: 'url(images/ui-icons_1f1f1f_256x240.png)',
iconsHighlight: 'url(images/ui-icons_000000_256x240.png)',
iconsHover: 'url(images/ui-icons_b8ec79_256x240.png)',
bgDefaultRepeat: 'repeat-x',
bgHoverRepeat: 'repeat-x',
bgActiveRepeat: 'repeat-x',
bgHeaderRepeat: 'repeat-x',
bgContentRepeat: 'repeat-x',
bgHighlightRepeat: 'repeat-x',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: 'top',
bgHighlightYPos: '50%',
bgErrorYPos: 'top',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } },
{ name: 'Swanky Purse',
vars:
{ bgColorDefault: '#4f4221',
borderColorDefault: '#362917',
fcDefault: '#f8eec9',
bgColorHover: '#675423',
borderColorHover: '#362917',
fcHover: '#f8eec9',
bgColorActive: '#443113',
borderColorActive: '#efec9f',
fcActive: '#f9f2bd',
bgColorHeader: '#261803',
borderColorHeader: '#baaa5a',
fcHeader: '#eacd86',
bgColorContent: '#443113',
borderColorContent: '#efec9f',
fcContent: '#efec9f',
bgColorHighlight: '#d5ac5d',
borderColorHighlight: '#362917',
fcHighlight: '#060200',
bgColorError: '#fee4bd',
borderColorError: '#c26629',
fcError: '#803f1e',
bgColorOverlay: '#372806',
opacityOverlay: '.8',
bgColorShadow: '#ddd4b0',
opacityShadow: '.3',
offsetTopShadow: '-8px',
offsetLeftShadow: '-8px',
thicknessShadow: '8px',
cornerRadiusShadow: '12px',
fsDefault: '1.2em',
ffDefault: 'Georgia,Verdana,Arial,sans-serif',
fwDefault: 'bold',
cornerRadius: '5px',
bgTextureDefault: 'diamond',
bgTextureHover: 'diamond',
bgTextureActive: 'diamond',
bgTextureHeader: 'diamond',
bgTextureContent: 'diamond',
bgTextureHighlight: 'diamond',
bgTextureError: 'highlight_hard',
bgTextureOverlay: 'diamond',
bgTextureShadow: 'flat',
bgImgOpacityDefault: '10',
bgImgOpacityHover: '25',
bgImgOpacityActive: '8',
bgImgOpacityHeader: '8',
bgImgOpacityContent: '8',
bgImgOpacityHighlight: '25',
bgImgOpacityError: '65',
bgImgOpacityOverlay: '20',
bgImgOpacityShadow: '75',
iconColorActive: '#f9f2bd',
iconColorContent: '#efec9f',
iconColorDefault: '#e8e2b5',
iconColorError: '#ff7519',
iconColorHeader: '#e9cd86',
iconColorHighlight: '#070603',
iconColorHover: '#f2ec64',
opacityOverlayPerc: '80',
opacityShadowPerc: '30',
opacityFilterOverlay: 'Alpha(Opacity=80)',
opacityFilterShadow: 'Alpha(Opacity=30)',
bgImgUrlActive: 'url(images/ui-bg_diamond_8_443113_10x8.png)',
bgImgUrlContent: 'url(images/ui-bg_diamond_8_443113_10x8.png)',
bgImgUrlDefault: 'url(images/ui-bg_diamond_10_4f4221_10x8.png)',
bgImgUrlError: 'url(images/ui-bg_highlight-hard_65_fee4bd_1x100.png)',
bgImgUrlHeader: 'url(images/ui-bg_diamond_8_261803_10x8.png)',
bgImgUrlHighlight: 'url(images/ui-bg_diamond_25_d5ac5d_10x8.png)',
bgImgUrlHover: 'url(images/ui-bg_diamond_25_675423_10x8.png)',
bgImgUrlOverlay: 'url(images/ui-bg_diamond_20_372806_10x8.png)',
bgImgUrlShadow: 'url(images/ui-bg_flat_75_ddd4b0_40x100.png)',
iconsActive: 'url(images/ui-icons_f9f2bd_256x240.png)',
iconsContent: 'url(images/ui-icons_efec9f_256x240.png)',
iconsDefault: 'url(images/ui-icons_e8e2b5_256x240.png)',
iconsError: 'url(images/ui-icons_ff7519_256x240.png)',
iconsHeader: 'url(images/ui-icons_e9cd86_256x240.png)',
iconsHighlight: 'url(images/ui-icons_070603_256x240.png)',
iconsHover: 'url(images/ui-icons_f2ec64_256x240.png)',
bgDefaultRepeat: 'repeat',
bgHoverRepeat: 'repeat',
bgActiveRepeat: 'repeat',
bgHeaderRepeat: 'repeat',
bgContentRepeat: 'repeat',
bgHighlightRepeat: 'repeat',
bgErrorRepeat: 'repeat-x',
bgOverlayRepeat: 'repeat',
bgShadowRepeat: 'repeat-x',
bgDefaultYPos: '50%',
bgHoverYPos: '50%',
bgActiveYPos: '50%',
bgHeaderYPos: '50%',
bgContentYPos: '50%',
bgHighlightYPos: '50%',
bgErrorYPos: 'top',
bgOverlayYPos: '50%',
bgShadowYPos: '50%',
bgDefaultXPos: '50%',
bgHoverXPos: '50%',
bgActiveXPos: '50%',
bgHeaderXPos: '50%',
bgContentXPos: '50%',
bgHighlightXPos: '50%',
bgErrorXPos: '50%',
bgOverlayXPos: '50%',
bgShadowXPos: '50%' } } ]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment