Forum Discussion

b_poplin's avatar
b_poplin
Expert
5 years ago

Community Colors Freemarker

In the new Lithium Responsive, how do we access the custom colors defined in the skin template in Freemarker? Old non-responsive we could define "Roll Over" color, and access in Freemarker with ${sk...
  • AdamA's avatar
    AdamA
    5 years ago

    A few things to note about the Responsive skins:

    1.) Responsive skins use SCSS (libsass) for compilation and have no access to Freemarker inside of a SCSS partial.

    2.) The variables used inside of the SCSS based Responsive skin do not use any variables that come from skin.properties.

    3.) For legacy skins: In Studio, when modifying a theme's variables they are saved into the skin.properties file in the plugin and ultimately they are available in the Freemarker context.

    4.) For Responsive skins: In Studio, when modifying a theme's variables they are saved into a _variables.scss partial which is used during the compilation of the Responsive skin.

    5.) Responsive skin SCSS partial files are not available to any Freemarker context.

    To answer your specific questions:

    > In the new Lithium Responsive, how do we access the custom colors defined in the skin template in Freemarker?

    This is currently not possible, see item 4 and 5 from above.

    > Is there any way to access the defined color values via Freemarker (not inside the CSS definitions).?

    No, this is currently not possible.

    > just checked the entire "properties" object of the skin context object...basically what is accessible via...which is a gigantic (and pretty useless...) object of colors back to the dinosaurs

    Your observation is correct, the values in skin.properties are useless when using Responsive skins as none of them are used during the compilation of the Responsive skin. The values in skin.properties are intended for legacy skins.

    Possible solution

    (the follow code is untested and intended for demonstration purposes)

    If your goal is to access the values of the Responsive skin variables in some client JS, you might consider the following:

    1.) In your skin add a new CSS rule per variable that you wish to access, it might look like this:

    .custom-rule-mapper-brand-primary {
  color: $brand-primary
}

.custom-rule-mapper-brand-danger {
  color: $brand-danger;
}

    2.) Create some JS that can read these values:

    // Get the stylesheet for the Responsive skin. Rename skin name accordingly.
var skinName = 'responsive_peak';
var responsiveStylesheet = [].slice.call(document.styleSheets).filter(stylesheet => stylesheet.href && stylesheet.href.indexOf(skinName + '.css') > -1)[0];

// Get all CSS Rules that begin with the prefix "custom-rule-mapper"
var variableMapRules = responsiveStylesheet.cssRules).filter(rule => rule.selectorText && rule.selectorText.indexOf('.custom-rule-mapper') > -1);

// Access CSS rule values
variableMapRules.forEach(rule => console.log(rule.style));

     

Claudius's avatar
Claudius
Boss

Khoros Community skins use SASS language. So you define a variable like

$brand-primary: #2AB1AC;

and then use such variable the same way:

.announcement {
  color: 1px solid $brand-primary;
}

See the language documentation for variables: https://sass-lang.com/documentation/variables

(The curly brackets are used for variables in Freemarker, which is the markup language used to build About custom components).

b_poplin's avatar
b_poplin
Expert
5 years ago

Thank you for the quick reply, but you missed the crucial context of the question.  I do understand how to use the setting within the CSS.

We load custom AngularJS app into Lithium.  We need to pass the value of the custom color into our app so that we can create an Angular Material template at run time that incorporates the color.  We use a Freemarker Lithium Custom Component to determine the color value defined in Lithium and pass it into our app.

Is there any way to access the defined color values via Freemarker (not inside the CSS definitions).?

  • luk's avatar
    luk
    Boss
    5 years ago

    b_poplin 

    just checked the entire "properties" object of the skin context object...basically what is accessible via

    <#assign props = skin.properties />

     

    which is a gigantic (and pretty useless...) object of colors back to the dinosaurs...(e.g. for features like klout etc. that are not even in the product anymore):

     

    {
	"color_midtone_15": "EBEBEB",
	"color_midtone_10": "F2F2F2",
	"color_foreground_70_rgb": "112,112,112",
	"color_lia_connect_button_twitter_to_55_rgb": "114,196,226",
	"color_midtone_20": "E5E5E5",
	"color_achievements_focus_55_rgb": "114,114,114",
	"color_safe_85_rgb": "227,242,221",
	"color_lia_connect_button_twitter_background_30_rgb": "178,230,249",
	"color_background_60_rgb": "255,255,255",
	"size_pixel_image_avatar": "36",
	"color_warn_80_rgb": "161,138,98",
	"reviews_color_foreground_15_rgb": "221,221,221",
	"color_rollover_60_rgb": "132,175,211",
	"color_lia_connect_button_twitter_to_10": "E5F4F9",
	"color_klout_cta_button_background_95_rgb": "208,12,96",
	"color_primary_04_30_rgb": "216,216,216",
	"color_primary_01_95_rgb": "61,128,186",
	"color_klout_modal_header_caption_100": "666666",
	"color_lia_connect_button_twitter_to_15": "D8EEF7",
	"color_klout_cta_button_background_blue_100_rgb": "6,145,193",
	"color_klout_modal_header_section_caption_95": "C3C3C3",
	"size_pixel_list_padding_for_icon": "25",
	"size_pixel_spacing_wide": "20",
	"color_background_5": "FFFFFF",
	"color_klout_svg_icon_fill_rgb": "228,70,0",
	"color_lia_connect_button_twitter_to_20": "CCE9F4",
	"color_background_0": "FFFFFF",
	"color_klout_cta_button_background_25_rgb": "242,191,213",
	"color_klout_modal_header_section_caption_90": "C6C6C6",
	"color_klout_modal_footer_15_rgb": "235,235,235",
	"color_lia_connect_button_fb_from_25_rgb": "206,213,229",
	"color_midtone_35": "D2D2D2",
	"color_lia_connect_button_twitter_to_25": "BFE4F2",
	"color_midtone_40": "CCCCCC",
	"color_lia_connect_button_twitter_from_100_rgb": "0,172,237",
	"color_klout_modal_header_section_caption_85": "C9C9C9",
	"color_lia_connect_button_twitter_to_30": "B2DEEF",
	"color_midtone_55_rgb": "185,185,185",
	"color_klout_modal_header_section_caption_80": "CCCCCC",
	"color_lia_connect_button_twitter_from_70_rgb": "76,196,242",
	"color_midtone_25": "DFDFDF",
	"color_lia_connect_button_twitter_to_35": "A5D9ED",
	"color_primary_03_60_rgb": "178,178,178",
	"reviews_color_rollover_40_rgb": "153,206,233",
	"color_midtone_30": "D8D8D8",
	"color_klout_details_fill_65_rgb": "195,190,201",
	"type_font_size_body_01": "12",
	"color_klout_svg_icon_fill": "e44600",
	"color_primary_02_65_rgb": "122,155,221",
	"color_klout_modal_header_section_caption_75": "CFCFCF",
	"color_lia_connect_button_fb_from_50_rgb": "157,172,203",
	"color_lia_connect_button_background_40_rgb": "235,153,188",
	"color_achievements_focus_0_rgb": "255,255,255",
	"reviews_color_rollover_75": "3FA3D7",
	"color_klout_modal_header_section_caption_70": "D2D2D2",
	"color_safe_15_rgb": "250,252,249",
	"color_warn_10": "F3F0EB",
	"color_lia_connect_button_fb_background_20_rgb": "215,221,234",
	"color_midtone_55": "B9B9B9",
	"reviews_color_foreground_40_rgb": "166,166,166",
	"reviews_color_background_rgb": "255,255,255",
	"reviews_color_rollover_70": "4CA9D9",
	"reviews_color_background_30_rgb": "255,255,255",
	"color_midtone_60": "B2B2B2",
	"color_achievements_focus_15": "D8D8D8",
	"color_achievements_focus_10": "E5E5E5",
	"color_lia_connect_button_twitter_to": "0094cc",
	"color_foreground_45_rgb": "163,163,163",
	"color_klout_modal_header_section_caption_65": "D6D6D6",
	"reviews_color_rollover_85": "2697D1",
	"reviews_color_primary_01_65_rgb": "237,136,89",
	"color_klout_modal_header_section_caption_70_rgb": "210,210,210",
	"color_klout_modal_header_section_caption_60": "D9D9D9",
	"color_alert_60_rgb": "203,142,141",
	"color_klout_modal_header_30_rgb": "195,195,195",
	"reviews_color_rollover_80": "329DD4",
	"color_midtone_45": "C5C5C5",
	"color_warn_20": "E7E1D7",
	"color_midtone_50": "BFBFBF",
	"color_lia_connect_button_twitter_to_80_rgb": "50,169,214",
	"color_achievements_focus_25": "BFBFBF",
	"color_warn_15": "EDE9E1",
	"color_primary_01_100_rgb": "51,122,183",
	"color_achievements_focus_20": "CCCCCC",
	"color_klout_modal_header_section_caption_50": "DFDFDF",
	"color_klout_modal_header_section_caption_55": "DCDCDC",
	"reviews_color_rollover_95": "0C8BCC",
	"color_warn_35": "D6CBBA",
	"reviews_color_background_5": "FFFFFF",
	"reviews_color_rollover_90": "1991CF",
	"color_warn_30": "DBD3C4",
	"color_selection_45_rgb": "255,255,232",
	"color_klout_details_0_rgb": "255,255,255",
	"color_midtone_85": "939393",
	"color_midtone_80": "999999",
	"color_warn_25": "E1DACE",
	"color_klout_modal_header_section_caption_40": "E5E5E5",
	"color_klout_modal_footer_0_rgb": "255,255,255",
	"color_klout_modal_header_section_caption_45": "E2E2E2",
	"color_klout_cta_button_background_blue_45_rgb": "142,205,227",
	"color_lia_connect_button_twitter_background_75_rgb": "63,192,241",
	"color_primary_04_100_rgb": "128,128,128",
	"color_klout_modal_header_95_rgb": "66,66,66",
	"color_rollover_35_rgb": "183,208,229",
	"color_lia_connect_button_twitter_to_rgb": "0,148,204",
	"color_warn_45": "CABDA6",
	"color_klout_modal_footer_85_rgb": "146,146,146",
	"color_midtone_65": "ACACAC",
	"color_warn_40": "D0C4B0",
	"color_warn_55_rgb": "190,174,147",
	"color_lia_connect_button_twitter_from_rgb": "0,172,237",
	"color_alert_100": "A94442",
	"color_midtone_75": "9F9F9F",
	"color_background_35_rgb": "255,255,255",
	"reviews_color_background_0": "FFFFFF",
	"color_midtone_70": "A6A6A6",
	"color_klout_modal_header_section_caption_30": "ECECEC",
	"reviews_color_primary_02_35_rgb": "237,237,237",
	"truncation_activity_stream_grid_max_lines": "6",
	"color_klout_modal_header_section_caption_35": "E8E8E8",
	"color_lia_connect_button_twitter_to_85": "26A4D3",
	"reviews_color_rollover_30": "B2DAEF",
	"color_image_browse_button_text_color_30_rgb": "193,193,193",
	"color_klout_details_fill_20_rgb": "236,235,238",
	"color_klout_modal_header_section_caption_25": "EFEFEF",
	"color_rollover_0_rgb": "255,255,255",
	"color_klout_cta_button_background_blue": "0691C1",
	"reviews_color_rollover_35": "A5D4EC",
	"color_klout_modal_header_section_caption_20": "F2F2F2",
	"color_klout_svg_icon_fill_80_rgb": "233,106,50",
	"color_lia_connect_button_twitter_to_80": "32A9D6",
	"reviews_color_rollover_40": "99CEE9",
	"color_lia_connect_button_fb_to_35_rgb": "182,192,210",
	"reviews_color_rollover_45": "8CC8E7",
	"color_lia_connect_button_twitter_to_95": "0C99CE",
	"reviews_color_primary_02_60_rgb": "224,224,224",
	"color_klout_modal_header_section_caption_15": "F5F5F5",
	"type_line_height_title_04": "13",
	"type_line_height_title_03": "17",
	"type_line_height_title_02": "24",
	"type_line_height_title_01": "36",
	"color_safe_40_rgb": "242,249,239",
	"color_lia_connect_button_fb_from_90": "4E69A2",
	"color_lia_connect_button_twitter_to_90": "199ED1",
	"color_klout_modal_header_section_caption_10": "F8F8F8",
	"color_lia_connect_button_fb_background_90_rgb": "78,105,162",
	"color_lia_connect_button_fb_from_95": "44619D",
	"reviews_color_rollover_50": "7FC2E4",
	"color_primary_02_20_rgb": "214,224,244",
	"color_lia_connect_button_twitter_from_5_rgb": "242,250,254",
	"color_selection_5_rgb": "255,255,252",
	"reviews_color_rollover_55": "72BBE1",
	"color_lia_connect_button_fb_background_0_rgb": "255,255,255",
	"reviews_color_rollover_85_rgb": "38,151,209",
	"color_safe_20_rgb": "248,252,247",
	"color_klout_details_90_rgb": "71,71,71",
	"reviews_color_rollover_60": "66B5DF",
	"reviews_color_rollover_65": "59AFDC",
	"reviews_color_primary_02_100_rgb": "204,204,204",
	"size_pixel_avatar_favicon_h": "16",
	"reviews_color_primary_02_40_rgb": "234,234,234",
	"color_klout_details_15_rgb": "224,224,224",
	"size_pixel_avatar_favicon_w": "16",
	"color_klout_modal_header_50_rgb": "156,156,156",
	"color_primary_01_25_rgb": "204,221,237",
	"color_lia_connect_button_fb_from_65": "7F93BC",
	"color_lia_connect_button_twitter_to_40": "99D4EA",
	"color_lia_connect_button_twitter_to_45": "8CCEE8",
	"reviews_color_primary_02_5_rgb": "252,252,252",
	"color_primary_03_50": "BFBFBF",
	"color_primary_03_45": "C5C5C5",
	"color_primary_04_0_rgb": "255,255,255",
	"color_safe_90_rgb": "226,241,219",
	"color_lia_connect_button_fb_from_95_rgb": "68,97,157",
	"color_lia_connect_button_fb_from_60": "899BC1",
	"reviews_color_rollover_15_rgb": "216,236,247",
	"reviews_color_foreground_85_rgb": "67,67,67",
	"color_lia_connect_button_fb_from_55": "93A3C6",
	"color_lia_connect_button_twitter_to_55": "72C4E2",
	"color_lia_connect_button_twitter_to_50": "7FC9E5",
	"color_primary_02_90_rgb": "71,117,209",
	"color_klout_details_85_rgb": "81,81,81",
	"color_primary_03_40": "CCCCCC",
	"color_primary_03_30": "D8D8D8",
	"color_primary_03_35": "D2D2D2",
	"color_klout_details_fill_90_rgb": "173,165,180",
	"color_warn_0_rgb": "255,255,255",
	"color_lia_connect_button_fb_from_50": "9DACCB",
	"color_primary_03_35_rgb": "210,210,210",
	"color_image_browse_button_text_color_25_rgb": "204,204,204",
	"color_lia_connect_button_fb_from_85": "5871A7",
	"color_lia_connect_button_twitter_to_65": "59B9DD",
	"reviews_color_rollover_10": "E5F2F9",
	"color_lia_connect_button_twitter_to_60": "66BEE0",
	"color_klout_modal_footer_40_rgb": "203,203,203",
	"color_image_browse_button_text_color_95_rgb": "61,61,61",
	"color_primary_03_20": "E5E5E5",
	"color_primary_03_25": "DFDFDF",
	"size_image_browse_button_text_top_padding": "0",
	"reviews_color_rollover_15": "D8ECF7",
	"color_lia_connect_button_fb_from_80": "627AAC",
	"direction": "ltr",
	"color_lia_connect_button_fb_to_15_rgb": "224,228,235",
	"color_lia_connect_button_fb_to_100_rgb": "49,75,128",
	"color_lia_connect_button_fb_from_75": "6C82B1",
	"color_lia_connect_button_twitter_to_75": "3FAED8",
	"reviews_color_rollover_20": "CCE6F4",
	"color_lia_connect_button_twitter_to_70": "4CB4DB",
	"reviews_color_foreground_20_rgb": "210,210,210",
	"color_klout_details_20_rgb": "214,214,214",
	"color_primary_03_10": "F2F2F2",
	"color_primary_03_15": "EBEBEB",
	"reviews_color_rollover_25": "BFE0F1",
	"color_alert_35_rgb": "224,189,188",
	"color_lia_connect_button_fb_from_45_rgb": "166,180,208",
	"reviews_color_rollover": "0085CA",
	"color_lia_connect_button_fb_from_70": "758AB6",
	"color_klout_details_65": "7A7A7A",
	"color_klout_modal_header_caption_50": "B2B2B2",
	"color_lia_connect_button_twitter_from_90": "19B4EE",
	"color_klout_modal_header_caption_55": "AAAAAA",
	"color_primary_03_90": "8C8C8C",
	"color_klout_details_60": "848484",
	"color_primary_03_95": "868686",
	"color_primary_03_85": "939393",
	"color_lia_connect_button_twitter_from_85": "26B8EF",
	"color_klout_cta_button_background_blue_25_rgb": "192,227,239",
	"color_lia_connect_button_twitter_from_80": "32BCF0",
	"reviews_color_rollover_20_rgb": "204,230,244",
	"color_lia_connect_button_background_60_rgb": "225,102,154",
	"size_pixel_spacing_reply_indent": "20",
	"color_primary_02_85_rgb": "81,124,211",
	"color_klout_cta_button_background_rgb": "206,0,88",
	"color_klout_details_55": "8E8E8E",
	"color_lia_connect_button_fb_from_30_rgb": "196,205,224",
	"color_klout_modal_header_caption_40": "C1C1C1",
	"color_primary_03_80": "999999",
	"color_klout_modal_header_caption_45": "BABABA",
	"color_klout_details_50": "999999",
	"color_lia_connect_button_twitter_from_50_rgb": "127,213,246",
	"color_background_80_rgb": "255,255,255",
	"color_primary_03_75": "9F9F9F",
	"color_primary_03_40_rgb": "204,204,204",
	"color_lia_connect_button_twitter_from_95": "0CB0ED",
	"color_foreground_90_rgb": "71,71,71",
	"color_safe": "dff0d8",
	"color_achievements_focus_75_rgb": "63,63,63",
	"color_klout_modal_header_caption_70": "939393",
	"color_klout_details_45": "A3A3A3",
	"toolbelt_button_transform_time": "125",
	"color_klout_modal_header_caption_75": "8C8C8C",
	"color_klout_cta_button_background_blue_65_rgb": "93,183,214",
	"color_klout_details_40": "ADADAD",
	"color_primary_03_70": "A6A6A6",
	"color_lia_connect_button_twitter_from_65": "59C9F3",
	"color_primary_03_65": "ACACAC",
	"color_lia_connect_button_twitter_from_60": "66CDF4",
	"color_warn_75_rgb": "167,145,108",
	"color_lia_connect_button_fb_from_5_rgb": "245,246,249",
	"color_klout_modal_header_section_caption_90_rgb": "198,198,198",
	"color_alert_15_rgb": "242,226,226",
	"color_klout_details_30": "C1C1C1",
	"color_image_browse_button_text_color_75_rgb": "102,102,102",
	"color_klout_modal_header_caption_60": "A3A3A3",
	"color_klout_details_35": "B7B7B7",
	"color_klout_modal_header_caption_65": "9B9B9B",
	"color_primary_03_60": "B2B2B2",
	"color_lia_connect_button_twitter_from_75": "3FC0F1",
	"color_warn_60_rgb": "184,167,137",
	"color_primary_03_55": "B9B9B9",
	"color_klout_cta_button_background_blue_50_rgb": "130,200,224",
	"color_primary_01_100": "337AB7",
	"color_lia_connect_button_twitter_from_70": "4CC4F2",
	"color_klout_modal_header_section_caption": "c0c0c0",
	"color_safe_5_rgb": "253,254,253",
	"color_background_40_rgb": "255,255,255",
	"color_klout_modal_footer_60_rgb": "178,178,178",
	"color_safe_rgb": "223,240,216",
	"color_background_10_rgb": "255,255,255",
	"color_klout_details_fill_25": "E8E6EA",
	"color_klout_modal_header_caption_10": "EFEFEF",
	"reviews_color_rollover_90_rgb": "25,145,207",
	"color_klout_modal_header_caption_15": "E8E8E8",
	"reviews_color_primary_01_45_rgb": "242,172,140",
	"color_klout_details_fill_20": "ECEBEE",
	"color_primary_02_15_rgb": "224,232,247",
	"color_klout_cta_button_background_blue_95_rgb": "18,150,196",
	"color_klout_details_90": "474747",
	"color_klout_details_fill_15": "F1F0F2",
	"color_primary_04_5": "F8F8F8",
	"color_klout_details_95": "3D3D3D",
	"color_klout_details_fill_10": "F5F5F6",
	"meta_viewport": "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no",
	"color_klout_svg_icon_fill_35_rgb": "245,190,165",
	"color_klout_details_100": "333333",
	"color_primary_04_0": "FFFFFF",
	"color_klout_details_40_rgb": "173,173,173",
	"color_klout_details_85": "515151",
	"color_primary_03_55_rgb": "185,185,185",
	"reviews_color_primary_01_0": "FFFFFF",
	"color_klout_details_80": "5B5B5B",
	"color_klout_modal_header_caption_30": "D1D1D1",
	"color_lia_connect_button_fb_from_75_rgb": "108,130,177",
	"color_klout_details_fill_85_rgb": "177,170,184",
	"color_klout_details_65_rgb": "122,122,122",
	"size_image_browse_button_width": "90",
	"color_klout_modal_header_caption_35": "C9C9C9",
	"color_lia_connect_button_twitter_from_65_rgb": "89,201,243",
	"color_klout_details_fill_45": "D6D2D9",
	"color_image_browse_button_text_color_50_rgb": "153,153,153",
	"color_klout_modal_header_section_caption_20_rgb": "242,242,242",
	"color_klout_details_fill_40": "DAD7DD",
	"reviews_color_primary_01_5": "FDF5F2",
	"color_lia_connect_button_fb_background_100_rgb": "59,89,152",
	"color_midtone_75_rgb": "159,159,159",
	"color_achievements_focus_60_rgb": "102,102,102",
	"color_klout_cta_button_background_blue_90_rgb": "30,156,199",
	"color_lia_connect_button_fb_from_0": "FFFFFF",
	"color_rollover_5": "F4F8FB",
	"color_klout_details_fill_15_rgb": "241,240,242",
	"color_klout_details_fill_70_rgb": "191,185,196",
	"color_rollover_0": "FFFFFF",
	"color_klout_details_75": "666666",
	"color_lia_connect_button_fb_from_5": "F5F6F9",
	"color_klout_modal_header_caption_20": "E0E0E0",
	"color_klout_modal_header_caption_55_rgb": "170,170,170",
	"size_pixel_image_tiny_h": "100",
	"color_klout_modal_header_caption_25": "D8D8D8",
	"color_klout_details_70": "707070",
	"color_klout_details_fill_35": "DFDCE1",
	"color_midtone_60_rgb": "178,178,178",
	"color_primary_02_70_rgb": "112,147,219",
	"color_klout_details_fill_30": "E3E1E6",
	"reviews_color_foreground_65_rgb": "111,111,111",
	"color_klout_cta_button_background_75_rgb": "218,63,129",
	"type_line_height_small_01": "12",
	"reviews_color_rollover_35_rgb": "165,212,236",
	"size_pixel_image_tiny_w": "100",
	"color_klout_details_fill_5_rgb": "250,250,250",
	"color_klout_modal_header_25_rgb": "205,205,205",
	"color_primary_01_50_rgb": "153,188,219",
	"color_lia_connect_button_fb_to_0": "FFFFFF",
	"color_achievements_focus_30_rgb": "178,178,178",
	"size_pixel_image_thumb_h": "150",
	"color_warn_55": "BEAE93",
	"color_lia_connect_button_twitter_from_95_rgb": "12,176,237",
	"color_primary_04_75_rgb": "159,159,159",
	"color_warn_50": "C4B69D",
	"size_pixel_image_tiny": "100",
	"color_lia_connect_button_fb_to_5": "F4F6F8",
	"color_achievements_focus_55": "727272",
	"color_achievements_focus_50": "7F7F7F",
	"color_klout_modal_header_caption_95_rgb": "109,109,109",
	"size_pixel_spacing_xslim": "8",
	"size_pixel_image_thumb_w": "150",
	"color_achievements_focus_70": "4C4C4C",
	"color_warn_60": "B8A789",
	"reviews_color_background_5_rgb": "255,255,255",
	"reviews_color_primary_02_100": "CCCCCC",
	"color_warn_65": "B2A07F",
	"reviews_color_primary_01_70_rgb": "236,126,76",
	"color_lia_connect_button_twitter_from_10": "E5F6FD",
	"color_achievements_focus_65": "595959",
	"color_lia_connect_button_twitter_from_15": "D8F2FC",
	"color_klout_modal_header_caption_80_rgb": "132,132,132",
	"color_achievements_focus_60": "666666",
	"size_pixel_table_username_w": "100",
	"color_warn_70": "AD9875",
	"color_warn_75": "A7916C",
	"color_klout_cta_button_background_blue_20_rgb": "205,233,242",
	"color_selection_70_rgb": "255,255,219",
	"reviews_color_primary_01_15_rgb": "250,227,216",
	"color_achievements_focus_35": "A5A5A5",
	"color_klout_modal_header_10_rgb": "235,235,235",
	"color_primary_03_100": "808080",
	"color_achievements_focus_100_rgb": "0,0,0",
	"color_klout_svg_icon_fill_75_rgb": "234,116,63",
	"color_achievements_focus_30": "B2B2B2",
	"color_warn_100": "8A6D3B",
	"color_warn_80": "A18A62",
	"color_klout_modal_header_caption_0_rgb": "255,255,255",
	"color_midtone_100": "808080",
	"color_lia_connect_button_twitter_to_5_rgb": "242,249,252",
	"color_warn_85": "9B8258",
	"color_klout_svg_icon_fill_60_rgb": "238,144,102",
	"size_image_browse_button_text_left_padding": "0",
	"color_achievements_focus_45": "8C8C8C",
	"color_warn_30_rgb": "219,211,196",
	"color_lia_connect_button_twitter_to_10_rgb": "229,244,249",
	"color_achievements_focus_40": "999999",
	"color_warn_90": "957B4E",
	"color_klout_modal_header_caption_10_rgb": "239,239,239",
	"size_pixel_grid_achievements_taplet_width": "172",
	"color_warn_95": "8F7444",
	"color_klout_modal_header_section_caption_50_rgb": "223,223,223",
	"color_klout_cta_button_background_45_rgb": "232,140,179",
	"color_lia_connect_button_twitter_from_40": "99DDF7",
	"color_lia_connect_button_twitter_from_25_rgb": "191,234,250",
	"color_lia_connect_button_twitter_from_45": "8CD9F6",
	"color_achievements_focus_95": "0C0C0C",
	"color_background_55_rgb": "255,255,255",
	"color_lia_connect_button_background_20_rgb": "245,204,221",
	"color_primary_03_10_rgb": "242,242,242",
	"color_lia_connect_button_twitter_from_50": "7FD5F6",
	"reviews_color_rollover_60_rgb": "102,181,223",
	"reviews_color_background_75_rgb": "255,255,255",
	"color_lia_connect_button_twitter_from_55": "72D1F5",
	"color_rollover_75_rgb": "102,155,201",
	"color_klout_modal_header_55_rgb": "146,146,146",
	"color_achievements_focus_80": "323232",
	"color_primary_03_80_rgb": "153,153,153",
	"color_klout_modal_header_section_caption_65_rgb": "214,214,214",
	"color_lia_connect_button_fb_from": "3b5998",
	"reviews_color_background_100_rgb": "255,255,255",
	"color_lia_connect_button_twitter_from_20": "CCEEFB",
	"color_klout_modal_header_100_rgb": "57,57,57",
	"color_primary_02_45_rgb": "163,186,232",
	"color_lia_connect_button_background_90_rgb": "210,25,104",
	"color_achievements_focus_75": "3F3F3F",
	"color_lia_connect_button_twitter_from_25": "BFEAFA",
	"reviews_color_primary_01_85_rgb": "232,99,38",
	"color_lia_connect_button_background": "CE0058",
	"color_achievements_focus_90": "191919",
	"color_klout_details_fill_45_rgb": "214,210,217",
	"color_klout_details_5": "F4F4F4",
	"color_lia_connect_button_twitter_background_45_rgb": "140,217,246",
	"color_lia_connect_button_fb_to_60_rgb": "131,147,178",
	"color_klout_cta_button_background_30_rgb": "240,178,204",
	"color_klout_modal_header_caption_25_rgb": "216,216,216",
	"twitter_profile_link_color": "f17935",
	"color_lia_connect_button_fb_background_65_rgb": "127,147,188",
	"color_klout_details_0": "FFFFFF",
	"color_lia_connect_button_twitter_from_30": "B2E6F9",
	"size_pixel_grid_achievements_attributes_height": "189",
	"color_midtone_30_rgb": "216,216,216",
	"color_lia_connect_button_background_35_rgb": "237,165,196",
	"color_lia_connect_button_twitter_from_35": "A5E1F8",
	"color_achievements_focus_85": "262626",
	"color_primary_02_50_rgb": "153,178,229",
	"color_klout_cta_button_background_80_rgb": "215,50,121",
	"color_lia_connect_button_fb_to_10_rgb": "234,237,242",
	"color_primary_03_75_rgb": "159,159,159",
	"color_alert_20_rgb": "237,217,217",
	"reviews_color_primary_02_75": "D8D8D8",
	"reviews_color_primary_02_70": "DBDBDB",
	"color_lia_connect_button_twitter_from_85_rgb": "38,184,239",
	"reviews_color_primary_01_100_rgb": "228,72,0",
	"color_foreground_85_rgb": "81,81,81",
	"color_lia_connect_button_background_80_rgb": "215,50,121",
	"reviews_color_primary_02_55": "E2E2E2",
	"reviews_color_primary_02_65": "DDDDDD",
	"color_lia_connect_button_fb_from_10_rgb": "235,238,244",
	"color_image_browse_button_text_color_55_rgb": "142,142,142",
	"reviews_color_primary_02_60": "E0E0E0",
	"size_pixel_image_avatar_h": "36",
	"color_klout_modal_header_caption_50_rgb": "178,178,178",
	"color_warn_95_rgb": "143,116,68",
	"color_lia_connect_button_fb_background_60_rgb": "137,155,193",
	"color_klout_svg_icon_fill_15_rgb": "250,227,216",
	"color_primary_01_55_rgb": "142,181,215",
	"size_page_width_min": "960px",
	"size_pixel_avatar_profile_h": "150",
	"color_klout_details_fill_50_rgb": "209,205,213",
	"size_pixel_image_avatar_w": "36",
	"reviews_color_background_60_rgb": "255,255,255",
	"reviews_color_primary_02_95": "CECECE",
	"reviews_color_primary_02_90": "D1D1D1",
	"size_pixel_avatar_profile_w": "150",
	"reviews_color_primary_01_0_rgb": "255,255,255",
	"color_klout_modal_header_section_caption_15_rgb": "245,245,245",
	"reviews_color_primary_02_85": "D3D3D3",
	"color_primary_04_70_rgb": "166,166,166",
	"reviews_color_primary_02_80": "D6D6D6",
	"color_lia_connect_button_twitter_to_40_rgb": "153,212,234",
	"color_achievements_focus_40_rgb": "153,153,153",
	"color_klout_svg_icon_fill_30_rgb": "246,199,178",
	"color_primary_03_rgb": "128,128,128",
	"reviews_color_primary_02_25": "F2F2F2",
	"reviews_color_primary_02_30": "EFEFEF",
	"color_klout_cta_button_background_blue_20": "CDE9F2",
	"color_klout_modal_header_section_caption_95_rgb": "195,195,195",
	"color_klout_cta_button_background_blue_25": "C0E3EF",
	"color_background_20_rgb": "255,255,255",
	"color_klout_modal_footer_80_rgb": "152,152,152",
	"color_lia_connect_button_fb_background_45_rgb": "166,180,208",
	"reviews_color_primary_02_20_rgb": "244,244,244",
	"reviews_color_rollover_80_rgb": "50,157,212",
	"color_lia_connect_button_twitter_to_100_rgb": "0,148,204",
	"color_lia_connect_button_twitter_background_70_rgb": "76,196,242",
	"color_klout_cta_button_background_65_rgb": "223,89,146",
	"color_image_browse_button_text_color": "333333",
	"size_pixel_video_large": "600",
	"reviews_color_primary_02_15": "F7F7F7",
	"color_rollover_20_rgb": "214,228,240",
	"reviews_color_primary_02_20": "F4F4F4",
	"color_klout_cta_button_background_blue_10": "E6F4F8",
	"reviews_color_primary_01_40_rgb": "244,181,153",
	"color_klout_cta_button_background_blue_15": "D9EEF5",
	"color_foreground_40_rgb": "173,173,173",
	"color_midtone_15_rgb": "235,235,235",
	"color_lia_connect_button_background_65_rgb": "223,89,146",
	"color_klout_cta_button_background_blue_50": "82C8E0",
	"reviews_color_primary_02_45": "E8E8E8",
	"color_lia_connect_button_fb_background_rgb": "59,89,152",
	"color_klout_cta_button_background_blue_40": "9BD3E6",
	"color_klout_cta_button_background_blue_45": "8ECDE3",
	"reviews_color_primary_02_50": "E5E5E5",
	"color_lia_connect_button_twitter_background_60_rgb": "102,205,244",
	"color_rollover_30_rgb": "193,215,233",
	"color_lia_connect_button_twitter_to_95_rgb": "12,153,206",
	"color_lia_connect_button_fb_to_90_rgb": "69,93,140",
	"reviews_color_primary_02_35": "EDEDED",
	"color_lia_connect_button_twitter_background_0": "FFFFFF",
	"color_klout_cta_button_background_blue_30": "B4DEEC",
	"color_lia_connect_button_twitter_background_5": "F2FAFE",
	"reviews_color_primary_02_40": "EAEAEA",
	"color_klout_cta_button_background_blue_35": "A7D8E9",
	"color_alert_65_rgb": "199,133,132",
	"color_foreground_rgb": "51,51,51",
	"color_lia_connect_button_background_rgb": "206,0,88",
	"color_selection_10": "FFFFF9",
	"truncation_activity_stream_list_max_lines": "1",
	"color_klout_details_fill_65": "C3BEC9",
	"color_klout_details_35_rgb": "183,183,183",
	"color_klout_details_fill_60": "C8C3CD",
	"color_lia_connect_button_twitter_background_55_rgb": "114,209,245",
	"color_selection_15": "FFFFF7",
	"reviews_color_rollover_45_rgb": "140,200,231",
	"color_klout_details_55_rgb": "142,142,142",
	"color_selection_20": "FFFFF4",
	"color_warn_50_rgb": "196,182,157",
	"color_alert_10": "F6ECEC",
	"color_klout_details_fill_55": "CCC8D1",
	"color_klout_details_fill_0_rgb": "255,255,255",
	"color_klout_details_fill_50": "D1CDD5",
	"reviews_color_foreground": "222222",
	"color_klout_svg_icon_fill_95_rgb": "229,79,12",
	"color_alert_100_rgb": "169,68,66",
	"color_selection_25": "FFFFF2",
	"color_klout_svg_icon_fill_100": "E44600",
	"color_selection_30": "FFFFEF",
	"twitter_profile_background_color": "000000",
	"color_rollover_15_rgb": "224,235,244",
	"color_klout_details_fill_35_rgb": "223,220,225",
	"color_alert_20": "EDD9D9",
	"color_lia_connect_button_twitter_to_85_rgb": "38,164,211",
	"reviews_color_primary_02_10": "F9F9F9",
	"color_alert_15": "F2E2E2",
	"color_klout_details_fill_85": "B1AAB8",
	"color_achievements_focus_85_rgb": "38,38,38",
	"color_klout_details_fill_80": "B6AFBC",
	"color_achievements_focus_100": "000000",
	"reviews_color_rollover_5_rgb": "242,248,252",
	"color_selection_35": "FFFFED",
	"color_background_85_rgb": "255,255,255",
	"color_warn_15_rgb": "237,233,225",
	"color_image_browse_button_text_color_10_rgb": "234,234,234",
	"color_selection_40": "FFFFEA",
	"color_klout_svg_icon_fill_5_rgb": "253,245,242",
	"reviews_color_primary_01_30_rgb": "246,200,178",
	"color_primary_02_100_rgb": "51,102,204",
	"color_klout_modal_header_45_rgb": "165,165,165",
	"color_primary_03_90_rgb": "140,140,140",
	"color_alert_30": "E5C6C6",
	"color_alert_25": "E9D0CF",
	"reviews_color_primary_02_10_rgb": "249,249,249",
	"color_klout_details_fill_75": "BAB4C0",
	"color_klout_details_fill_70": "BFB9C4",
	"color_lia_connect_button_twitter_from_40_rgb": "153,221,247",
	"color_primary_02_35_rgb": "183,201,237",
	"color_selection_45": "FFFFE8",
	"color_klout_modal_header_caption_90": "757575",
	"size_pixel_avatar_message_h": "40",
	"color_selection_50": "FFFFE5",
	"color_warn_rgb": "138,109,59",
	"color_klout_modal_header_caption_95": "6D6D6D",
	"color_selection_55": "FFFFE2",
	"color_alert_40": "DCB4B3",
	"color_lia_connect_button_fb_to_70_rgb": "110,129,166",
	"color_klout_modal_header_caption_35_rgb": "201,201,201",
	"color_primary_04_10": "F2F2F2",
	"color_primary_03_15_rgb": "235,235,235",
	"size_pixel_heroinput_w": "210",
	"color_alert_35": "E0BDBC",
	"size_pixel_avatar_message_w": "40",
	"color_klout_modal_header_100": "393939",
	"color_primary_04_15": "EBEBEB",
	"reviews_color_primary_02_55_rgb": "226,226,226",
	"color_klout_cta_button_background_20_rgb": "245,204,221",
	"color_klout_details": "333",
	"color_selection_60": "FFFFE0",
	"color_klout_modal_header_caption_80": "848484",
	"color_selection_65": "FFFFDD",
	"color_alert_50": "D4A1A0",
	"color_klout_modal_header_caption_85": "7C7C7C",
	"color_primary_01_10_rgb": "234,241,247",
	"color_safe_35_rgb": "243,249,241",
	"color_alert_55": "CF9897",
	"color_warn_35_rgb": "214,203,186",
	"color_klout_details_fill_95": "A8A0B0",
	"color_klout_details_70_rgb": "112,112,112",
	"color_alert_45": "D8AAA9",
	"color_lia_connect_button_background_45_rgb": "232,140,179",
	"color_klout_details_fill_90": "ADA5B4",
	"reviews_color_rollover_100_rgb": "0,133,202",
	"color_selection_70": "FFFFDB",
	"reviews_color_primary_01_25_rgb": "248,209,191",
	"color_selection_75": "FFFFD8",
	"color_alert_60": "CB8E8D",
	"color_alert_65": "C78584",
	"color_lia_connect_button_twitter_to_50_rgb": "127,201,229",
	"reviews_color_background_100": "FFFFFF",
	"color_lia_connect_button_twitter_from_20_rgb": "204,238,251",
	"color_rollover_65_rgb": "122,168,208",
	"color_selection_85": "FFFFD3",
	"color_klout_modal_footer_5": "F8F8F8",
	"color_alert_70": "C27C7A",
	"color_alert_75": "BE7271",
	"color_selection_80": "FFFFD6",
	"color_background_65_rgb": "255,255,255",
	"color_klout_modal_footer_0": "FFFFFF",
	"reviews_color_background_70_rgb": "255,255,255",
	"reviews_color_rollover_65_rgb": "89,175,220",
	"color_rollover_10": "EAF1F7",
	"color_selection_95": "FFFFCE",
	"color_rollover_15": "E0EBF4",
	"color_alert_80": "BA6967",
	"color_lia_connect_button_fb_to_30": "C1C9D8",
	"color_klout_modal_header_caption_70_rgb": "147,147,147",
	"color_lia_connect_button_twitter_to_20_rgb": "204,233,244",
	"color_primary_04_60": "B2B2B2",
	"color_alert_85": "B5605E",
	"color_selection_90": "FFFFD1",
	"color_midtone_35_rgb": "210,210,210",
	"reviews_color_primary_02_5": "FCFCFC",
	"color_primary_04_55": "B9B9B9",
	"color_rollover_95_rgb": "61,128,186",
	"color_klout_modal_footer_10": "F2F2F2",
	"reviews_color_primary_02_0": "FFFFFF",
	"color_lia_connect_button_fb_to_20": "D5DBE5",
	"size_pixel_filtercolumn_w": "210",
	"color_klout_modal_header_25": "CDCDCD",
	"reviews_color_background_25_rgb": "255,255,255",
	"color_lia_connect_button_fb_to_25": "CBD2DF",
	"color_klout_modal_header_20": "D7D7D7",
	"color_klout_modal_footer_15": "EBEBEB",
	"color_lia_connect_button_twitter_background_10_rgb": "229,246,253",
	"color_klout_modal_header_30": "C3C3C3",
	"color_alert_90": "B15654",
	"color_lia_connect_button_fb_to_40": "ACB7CC",
	"color_lia_connect_button_twitter_to_0_rgb": "255,255,255",
	"color_alert_95": "AD4D4B",
	"color_safe_65_rgb": "234,245,229",
	"color_primary_03_100_rgb": "128,128,128",
	"color_primary_04_5_rgb": "248,248,248",
	"color_midtone_20_rgb": "229,229,229",
	"color_primary_04_50": "BFBFBF",
	"color_klout_modal_footer_35_rgb": "210,210,210",
	"color_klout_modal_footer_20_rgb": "229,229,229",
	"reviews_color_foreground_90_rgb": "56,56,56",
	"color_primary_04_45": "C5C5C5",
	"color_rollover_80_rgb": "91,148,197",
	"color_klout_modal_header_90_rgb": "76,76,76",
	"color_klout_modal_header_35": "B9B9B9",
	"color_lia_connect_button_fb_to_35": "B6C0D2",
	"color_selection_80_rgb": "255,255,214",
	"color_primary_04_40": "CCCCCC",
	"color_lia_connect_button_fb_to_85_rgb": "79,102,147",
	"color_primary_04_35": "D2D2D2",
	"color_lia_connect_button_twitter_background_25_rgb": "191,234,250",
	"reviews_color_primary_02_85_rgb": "211,211,211",
	"color_klout_modal_header_section_caption_75_rgb": "207,207,207",
	"color_klout_modal_header_5_rgb": "245,245,245",
	"color_primary_01_5": "F4F8FB",
	"reviews_color_primary_01_60_rgb": "238,145,102",
	"sass_vendors": "bootstrap-sass#3.3.6",
	"type_image_browse_button": "font-family:Helvetica Neue, Helvetica, Arial, sans-serif; text-align:center; font-size: 14px; color:#333333; border-width: 1px; border-color:#ADADAD;",
	"color_primary_04_30": "D8D8D8",
	"color_primary_04_20": "E5E5E5",
	"color_primary_04_10_rgb": "242,242,242",
	"color_safe_50_rgb": "239,247,235",
	"reviews_color_primary_01_75_rgb": "234,117,63",
	"color_primary_01_0": "FFFFFF",
	"color_primary_04_25": "DFDFDF",
	"color_klout_modal_header_15": "E1E1E1",
	"color_lia_connect_button_fb_to_10": "EAEDF2",
	"reviews_color_primary_02_70_rgb": "219,219,219",
	"color_lia_connect_button_fb_to_15": "E0E4EB",
	"color_klout_modal_header_10": "EBEBEB",
	"color_rollover_55": "8EB5D7",
	"reviews_color_rollover_0": "FFFFFF",
	"color_lia_connect_button_background_5": "FCF2F6",
	"toolbelt_button_on_mouseout_color": "000000",
	"color_klout_modal_header_60": "888888",
	"color_lia_connect_button_background_0": "FFFFFF",
	"reviews_color_rollover_5": "F2F8FC",
	"color_lia_connect_button_background_0_rgb": "255,255,255",
	"color_klout_modal_footer_60": "B2B2B2",
	"color_primary_04_25_rgb": "223,223,223",
	"color_lia_connect_button_fb_from_70_rgb": "117,138,182",
	"color_klout_modal_footer_55": "B8B8B8",
	"reviews_color_foreground_75_rgb": "89,89,89",
	"layout_truncate_length_message_subject": "600",
	"color_achievements_focus_5": "F2F2F2",
	"color_achievements_focus_0": "FFFFFF",
	"color_rollover_50": "99BCDB",
	"color_klout_modal_header_65": "7E7E7E",
	"color_rollover_45": "A3C3DE",
	"color_klout_modal_header_70": "747474",
	"color_klout_cta_button_background_blue_40_rgb": "155,211,230",
	"color_primary_04_90": "8C8C8C",
	"color_klout_modal_footer_50": "BFBFBF",
	"layout_truncate_length_message_body": "600",
	"color_selection_95_rgb": "255,255,206",
	"color_midtone_50_rgb": "191,191,191",
	"color_primary_04_95": "868686",
	"reviews_color_foreground_60_rgb": "122,122,122",
	"color_lia_connect_button_fb_from_85_rgb": "88,113,167",
	"color_lia_connect_button_fb_from_100": "3B5998",
	"color_klout_modal_footer_45": "C5C5C5",
	"color_selection_rgb": "255,255,204",
	"color_klout_modal_footer_40": "CBCBCB",
	"color_rollover_40": "ADC9E2",
	"color_klout_modal_header_75": "6A6A6A",
	"color_klout_modal_header_40": "AFAFAF",
	"size_pixel_avatar_print_h": "150",
	"color_rollover_35": "B7D0E5",
	"color_klout_modal_header_section_caption_100": "C0C0C0",
	"color_primary_01_5_rgb": "244,248,251",
	"size_pixel_image_large": "999",
	"color_primary_04_80": "999999",
	"color_primary_04_85": "939393",
	"color_midtone_65_rgb": "172,172,172",
	"color_klout_modal_footer_35": "D2D2D2",
	"color_primary_04_75": "9F9F9F",
	"size_pixel_avatar_print_w": "150",
	"color_klout_modal_footer_30": "D8D8D8",
	"use_icon_font": true,
	"color_rollover_30": "C1D7E9",
	"color_klout_modal_header_45": "A5A5A5",
	"color_rollover_20": "D6E4F0",
	"reviews_color_background_55_rgb": "255,255,255",
	"color_klout_modal_header_50": "9C9C9C",
	"color_rollover_25": "CCDDED",
	"color_midtone_5_rgb": "248,248,248",
	"color_primary_04_70": "A6A6A6",
	"color_lia_connect_button_twitter_to_35_rgb": "165,217,237",
	"color_klout_modal_header_section_caption_100_rgb": "192,192,192",
	"color_primary_04_65": "ACACAC",
	"color_klout_modal_footer_25": "DFDFDF",
	"color_klout_modal_footer_20": "E5E5E5",
	"reviews_color_background_40_rgb": "255,255,255",
	"color_klout_modal_header_55": "929292",
	"sass_enabled": true,
	"color_primary_01_85_rgb": "81,141,193",
	"color_klout_details_fill": "a49bac",
	"color_lia_connect_button_fb_from_55_rgb": "147,163,198",
	"color_klout_cta_button_background_blue_70": "50B2D3",
	"color_lia_connect_button_fb_to_55_rgb": "141,156,185",
	"color_midtone_5": "F8F8F8",
	"color_klout_cta_button_background_blue_65": "5DB7D6",
	"color_klout_modal_footer_5_rgb": "248,248,248",
	"color_midtone_0": "FFFFFF",
	"color_klout_modal_footer_95": "858585",
	"color_safe_65": "EAF5E5",
	"color_safe_60": "EBF6E7",
	"color_primary_02_5_rgb": "244,247,252",
	"color_safe_70": "E8F4E3",
	"color_selection_35_rgb": "255,255,237",
	"type_font_size_small_01": "10",
	"color_safe_95_rgb": "224,240,217",
	"color_klout_modal_footer_65_rgb": "171,171,171",
	"color_klout_modal_footer_90": "8B8B8B",
	"color_klout_details_fill_100_rgb": "164,155,172",
	"color_klout_cta_button_background_blue_60": "69BDD9",
	"color_image_browse_button_text_color_85_rgb": "81,81,81",
	"color_primary_01_70_rgb": "112,161,204",
	"color_klout_cta_button_background_blue_55": "76C2DC",
	"color_klout_modal_footer_85": "929292",
	"color_safe_75": "E7F3E1",
	"color_lia_connect_button_fb_to_90": "455D8C",
	"color_klout_modal_header_85": "565656",
	"color_selection_20_rgb": "255,255,244",
	"color_klout_cta_button_background_50_rgb": "230,127,171",
	"color_klout_modal_header_80": "606060",
	"color_primary_02_80_rgb": "91,132,214",
	"color_lia_connect_button_fb_to_95": "3B5486",
	"color_klout_modal_header_section_caption_30_rgb": "236,236,236",
	"color_primary_04_55_rgb": "185,185,185",
	"color_klout_modal_header_0": "FFFFFF",
	"color_klout_cta_button_background_blue_90": "1E9CC7",
	"color_klout_modal_footer_80": "989898",
	"color_lia_connect_button_fb_to_40_rgb": "172,183,204",
	"color_lia_connect_button_background_15_rgb": "247,216,229",
	"color_primary_03_45_rgb": "197,197,197",
	"color_klout_cta_button_background_blue_85": "2BA1CA",
	"color_achievements_focus_25_rgb": "191,191,191",
	"color_primary_01_rgb": "51,122,183",
	"color_klout_modal_footer_75": "9F9F9F",
	"size_page_width_max": "90%",
	"reviews_color_foreground_45_rgb": "155,155,155",
	"color_safe_45": "F0F8ED",
	"color_safe_40": "F2F9EF",
	"color_klout_modal_header_95": "424242",
	"reviews_color_primary_01_90_rgb": "230,90,25",
	"color_klout_modal_header_section_caption_45_rgb": "226,226,226",
	"color_image_browse_button_text_color_70_rgb": "112,112,112",
	"color_klout_modal_header_90": "4C4C4C",
	"color_primary_02_95_rgb": "61,109,206",
	"color_lia_connect_button_fb_background_15_rgb": "225,230,239",
	"color_primary_03_30_rgb": "216,216,216",
	"color_foreground_0_rgb": "255,255,255",
	"color_klout_modal_footer_70": "A5A5A5",
	"color_safe_100": "DFF0D8",
	"color_klout_cta_button_background_blue_80": "37A7CD",
	"color_safe_80_rgb": "229,243,223",
	"color_klout_details_fill_95_rgb": "168,160,176",
	"color_primary_04_40_rgb": "204,204,204",
	"color_klout_cta_button_background_blue_75": "44ACD0",
	"color_klout_modal_header_5": "F5F5F5",
	"color_klout_modal_footer_65": "ABABAB",
	"color_image_browse_button_text_color_100": "333333",
	"color_safe_55": "EDF6E9",
	"color_achievements_focus_10_rgb": "229,229,229",
	"color_safe_50": "EFF7EB",
	"color_foreground_10_rgb": "234,234,234",
	"color_lia_connect_button_fb_to_70": "6E81A6",
	"color_selection_50_rgb": "255,255,229",
	"color_primary_03_5_rgb": "248,248,248",
	"color_klout_cta_button_background_blue_85_rgb": "43,161,202",
	"color_klout_modal_header_75_rgb": "106,106,106",
	"color_safe_25": "F7FBF5",
	"color_lia_connect_button_fb_to_65": "798AAC",
	"color_safe_20": "F8FCF7",
	"color_lia_connect_button_fb_to_100": "314B80",
	"color_alert_80_rgb": "186,105,103",
	"color_lia_connect_button_fb_to_80": "5A6E99",
	"color_klout_cta_button_background_blue_70_rgb": "80,178,211",
	"color_selection_65_rgb": "255,255,221",
	"color_midtone_80_rgb": "153,153,153",
	"color_lia_connect_button_fb_to_85": "4F6693",
	"color_klout_modal_header_60_rgb": "136,136,136",
	"color_lia_connect_button_fb_to_5_rgb": "244,246,248",
	"reviews_color_foreground_30_rgb": "188,188,188",
	"color_klout_cta_button_background_blue_95": "1296C4",
	"color_midtone_95_rgb": "134,134,134",
	"color_safe_35": "F3F9F1",
	"color_lia_connect_button_fb_to_75": "64789F",
	"color_foreground_25_rgb": "204,204,204",
	"color_safe_30": "F5FAF3",
	"color_lia_connect_button_twitter_to_100": "0094CC",
	"color_lia_connect_button_fb_to_50": "98A5BF",
	"size_pixel_image_grid_medium_w": "300",
	"size_pixel_icon_medium": "24",
	"color_lia_connect_button_fb_from_40_rgb": "176,188,213",
	"color_klout_modal_footer_50_rgb": "191,191,191",
	"color_klout_cta_button_background": "ce0058",
	"color_lia_connect_button_fb_to_45": "A2AEC5",
	"color_lia_connect_button_fb_to_60": "8393B2",
	"size_pixel_image_grid_medium_h": "300",
	"color_background_100_rgb": "255,255,255",
	"color_safe_15": "FAFCF9",
	"color_lia_connect_button_fb_to_55": "8D9CB9",
	"color_safe_10": "FBFDFB",
	"color_alert_95_rgb": "173,77,75",
	"reviews_color_background_10_rgb": "255,255,255",
	"reviews_color_background_65": "FFFFFF",
	"reviews_color_primary_01_80_rgb": "233,108,50",
	"color_klout_svg_icon_fill_70_rgb": "236,125,76",
	"color_lia_connect_button_background_95_rgb": "208,12,96",
	"color_primary_04_85_rgb": "147,147,147",
	"reviews_color_background_60": "FFFFFF",
	"color_image_browse_button_text_color_40_rgb": "173,173,173",
	"color_safe_100_rgb": "223,240,216",
	"reviews_color_background_55": "FFFFFF",
	"color_klout_cta_button_background_100_rgb": "206,0,88",
	"reviews_color_primary_01_95": "E5510C",
	"color_primary_01_40_rgb": "173,201,226",
	"twitter_stream_taplet_height": "600px",
	"reviews_color_primary_01_90": "E65A19",
	"size_pixel_icon_mini": "12",
	"color_image_browse_button_text_color_0_rgb": "255,255,255",
	"size_pixel_video_medium": "400",
	"reviews_color_background_50": "FFFFFF",
	"size_pixel_avatar_unspecified_w": "256",
	"reviews_color_background_45": "FFFFFF",
	"color_lia_connect_button_twitter_background_85_rgb": "38,184,239",
	"size_pixel_avatar_inline_h": "16",
	"color_klout_modal_header_caption_100_rgb": "102,102,102",
	"color_primary_02": "3366cc",
	"color_klout_modal_header_caption_90_rgb": "117,117,117",
	"color_klout_modal_header_caption_65_rgb": "155,155,155",
	"color_primary_01": "337ab7",
	"color_lia_connect_button_fb_to_50_rgb": "152,165,191",
	"color_primary_04": "808080",
	"color_primary_03": "808080",
	"color_klout_details_30_rgb": "193,193,193",
	"reviews_color_background_40": "FFFFFF",
	"color_lia_connect_button_fb_background_75_rgb": "108,130,177",
	"reviews_color_background_35": "FFFFFF",
	"color_klout_modal_header_15_rgb": "225,225,225",
	"color_image_browse_button_text_color_15_rgb": "224,224,224",
	"color_lia_connect_button_fb_to_25_rgb": "203,210,223",
	"size_pixel_avatar_unspecified_h": "144",
	"color_klout_modal_footer_100": "7F7F7F",
	"color_alert": "a94442",
	"color_rollover": "337ab7",
	"reviews_color_background_30": "FFFFFF",
	"color_rollover_45_rgb": "163,195,222",
	"color_midtone_70_rgb": "166,166,166",
	"color_klout_cta_button_background_70": "DC4C8A",
	"color_background_45_rgb": "255,255,255",
	"color_klout_cta_button_background_75": "DA3F81",
	"reviews_color_primary_01_55": "F09A72",
	"color_selection": "ffffcc",
	"color_klout_cta_button_background_65": "DF5992",
	"color_primary_01_20": "D6E4F0",
	"reviews_color_primary_01_60": "EE9166",
	"color_primary_01_25": "CCDDED",
	"color_klout_details_fill_80_rgb": "182,175,188",
	"reviews_color_primary_01_55_rgb": "240,154,114",
	"color_klout_modal_header_caption_5_rgb": "247,247,247",
	"color_foreground_55_rgb": "142,142,142",
	"color_klout_cta_button_background_80": "D73279",
	"color_klout_cta_button_background_85": "D52671",
	"reviews_color_primary_01_45": "F2AC8C",
	"reviews_color_foreground_rgb": "34,34,34",
	"color_warn_65_rgb": "178,160,127",
	"color_lia_connect_button_fb_background_30_rgb": "196,205,224",
	"reviews_color_primary_01_50": "F1A37F",
	"color_primary_01_10": "EAF1F7",
	"color_klout_modal_footer_95_rgb": "133,133,133",
	"color_primary_01_15": "E0EBF4",
	"reviews_color_background_90": "FFFFFF",
	"reviews_color_background_95": "FFFFFF",
	"color_klout_modal_header_85_rgb": "86,86,86",
	"color_lia_connect_button_fb_to_95_rgb": "59,84,134",
	"wordpress_badge_preview_height": "450",
	"color_safe_80": "E5F3DF",
	"color_warn_0": "FFFFFF",
	"color_background_10": "FFFFFF",
	"color_background_5_rgb": "255,255,255",
	"color_klout_cta_button_background_90": "D21968",
	"color_background_15": "FFFFFF",
	"color_warn_5": "F9F7F5",
	"color_klout_cta_button_background_95": "D00C60",
	"reviews_color_primary_01_85": "E86326",
	"size_image_browse_button_height": "20",
	"color_alert_50_rgb": "212,161,160",
	"color_klout_cta_button_background_15_rgb": "247,216,229",
	"reviews_color_primary_01_80": "E96C32",
	"reviews_color_background_80": "FFFFFF",
	"color_safe_85": "E3F2DD",
	"reviews_color_background_85": "FFFFFF",
	"color_lia_connect_button_twitter_background_15_rgb": "216,242,252",
	"color_klout_details_fill_10_rgb": "245,245,246",
	"color_safe_90": "E2F1DB",
	"color_klout_details_fill_100": "A49BAC",
	"color_primary_02_10_rgb": "234,239,249",
	"reviews_color_primary_01_65": "ED8859",
	"reviews_color_primary_01_75": "EA753F",
	"color_lia_connect_button_twitter_background_100": "00ACED",
	"color_klout_modal_footer_25_rgb": "223,223,223",
	"reviews_color_primary_01_70": "EC7E4C",
	"color_klout_modal_header_section_caption_80_rgb": "204,204,204",
	"reviews_color_background_70": "FFFFFF",
	"color_safe_95": "E0F0D9",
	"reviews_color_rollover_95_rgb": "12,139,204",
	"reviews_color_background_75": "FFFFFF",
	"color_background_30": "FFFFFF",
	"color_rollover_70_rgb": "112,161,204",
	"color_background_35": "FFFFFF",
	"color_klout_details_fill_55_rgb": "204,200,209",
	"reviews_color_background_15_rgb": "255,255,255",
	"reviews_color_primary_01_15": "FAE3D8",
	"color_primary_01_70": "70A1CC",
	"reviews_color_primary_01_10": "FCECE5",
	"color_warn_70_rgb": "173,152,117",
	"reviews_color_primary_01_20": "F9DACC",
	"color_primary_01_65": "7AA8D0",
	"color_lia_connect_button_twitter_background_20_rgb": "204,238,251",
	"color_klout_cta_button_background_blue_rgb": "6,145,193",
	"color_rollover_90": "4787BE",
	"color_primary_03_50_rgb": "191,191,191",
	"color_rollover_95": "3D80BA",
	"color_lia_connect_button_fb_to_0_rgb": "255,255,255",
	"reviews_color_background_90_rgb": "255,255,255",
	"color_background_20": "FFFFFF",
	"color_lia_connect_button_twitter_background_40_rgb": "153,221,247",
	"color_lia_connect_button_background_50_rgb": "230,127,171",
	"color_klout_cta_button_background_0_rgb": "255,255,255",
	"color_safe_0_rgb": "255,255,255",
	"color_background_50_rgb": "255,255,255",
	"reviews_color_primary_01_5_rgb": "253,245,242",
	"color_background_25": "FFFFFF",
	"color_primary_02_75_rgb": "102,140,216",
	"color_primary_01_60": "84AFD3",
	"color_primary_03_70_rgb": "166,166,166",
	"color_primary_01_50": "99BCDB",
	"color_rollover_50_rgb": "153,188,219",
	"color_primary_01_55": "8EB5D7",
	"reviews_color_rollover_30_rgb": "178,218,239",
	"color_rollover_80": "5B94C5",
	"color_lia_connect_button_twitter_to_45_rgb": "140,206,232",
	"size_pixel_image_small": "200",
	"color_rollover_85": "518DC1",
	"color_klout_modal_header_section_caption_10_rgb": "248,248,248",
	"color_background_50": "FFFFFF",
	"color_rollover_75": "669BC9",
	"size_pixel_image_feed_small_h": "86",
	"reviews_color_primary_02_25_rgb": "242,242,242",
	"color_background_55": "FFFFFF",
	"color_klout_modal_header_section_caption_5": "FBFBFB",
	"reviews_color_primary_01_35": "F5BEA5",
	"color_lia_connect_button_twitter_from_55_rgb": "114,209,245",
	"color_primary_01_40": "ADC9E2",
	"reviews_color_primary_01_40": "F4B599",
	"color_primary_01_45": "A3C3DE",
	"size_pixel_image_feed_small_w": "128",
	"color_klout_modal_header_section_caption_0": "FFFFFF",
	"color_klout_cta_button_background_blue_55_rgb": "118,194,220",
	"color_rollover_70": "70A1CC",
	"color_klout_cta_button_background_85_rgb": "213,38,113",
	"color_foreground_5": "F4F4F4",
	"color_rollover_65": "7AA8D0",
	"color_background_40": "FFFFFF",
	"color_achievements_focus_70_rgb": "76,76,76",
	"color_foreground_0": "FFFFFF",
	"color_background_45": "FFFFFF",
	"reviews_color_primary_01_25": "F8D1BF",
	"size_pixel_icon_small": "16",
	"color_lia_connect_button_twitter_background_5_rgb": "242,250,254",
	"reviews_color_primary_01_30": "F6C8B2",
	"color_warn_90_rgb": "149,123,78",
	"color_primary_01_30": "C1D7E9",
	"color_primary_01_35": "B7D0E5",
	"color_selection_55_rgb": "255,255,226",
	"color_background_70_rgb": "255,255,255",
	"color_rollover_60": "84AFD3",
	"type_font_size_title_01": "30",
	"color_background_75": "FFFFFF",
	"color_foreground_100": "333333",
	"color_lia_connect_button_twitter_from_35_rgb": "165,225,248",
	"type_font_size_title_04": "11",
	"color_alert_70_rgb": "194,124,122",
	"reviews_color_background_25": "FFFFFF",
	"type_font_size_title_03": "14",
	"type_font_size_title_02": "20",
	"size_pixel_spacing_xwide": "40",
	"color_lia_connect_button_twitter_to_70_rgb": "76,180,219",
	"size_pixel_spacing_xmedium": "14",
	"color_primary_04_15_rgb": "235,235,235",
	"search_long_blurb_length": "600",
	"color_midtone_rgb": "128,128,128",
	"color_achievements_focus_90_rgb": "25,25,25",
	"color_klout_modal_header_section_caption_60_rgb": "217,217,217",
	"color_background_70": "FFFFFF",
	"reviews_color_background_20": "FFFFFF",
	"color_lia_connect_button_twitter_background_90_rgb": "25,180,238",
	"color_klout_svg_icon_fill_45_rgb": "242,171,140",
	"color_klout_cta_button_background_blue_60_rgb": "105,189,217",
	"size_pixel_video_tiny": "200",
	"reviews_color_background_10": "FFFFFF",
	"color_lia_connect_button_background_25_rgb": "242,191,213",
	"reviews_color_background_15": "FFFFFF",
	"color_alert_0_rgb": "255,255,255",
	"color_background_65": "FFFFFF",
	"color_klout_modal_header_caption_20_rgb": "224,224,224",
	"color_warn_20_rgb": "231,225,215",
	"reviews_color_background_20_rgb": "255,255,255",
	"badges_type_font_size_small_01": "11",
	"color_foreground": "333333",
	"color_primary_01_95": "3D80BA",
	"color_klout_cta_button_background_40_rgb": "235,153,188",
	"reviews_color_primary_01_10_rgb": "252,236,229",
	"size_pixel_avatar_inline_w": "16",
	"color_klout_svg_icon_fill_65_rgb": "237,134,89",
	"color_klout_cta_button_background_35_rgb": "237,165,196",
	"color_background_60": "FFFFFF",
	"color_background_95": "FFFFFF",
	"color_primary_02_55_rgb": "142,170,226",
	"color_lia_connect_button_background_30_rgb": "240,178,204",
	"color_primary_01_90": "4787BE",
	"color_primary_01_85": "518DC1",
	"color_lia_connect_button_fb_from_rgb": "59,89,152",
	"reviews_color_primary_02_rgb": "204,204,204",
	"color_klout_modal_header_section_caption_55_rgb": "220,220,220",
	"reviews_color_rollover_50_rgb": "127,194,228",
	"color_background_90": "FFFFFF",
	"color_background_85": "FFFFFF",
	"color_klout_modal_header_caption_85_rgb": "124,124,124",
	"color_selection_60_rgb": "255,255,224",
	"reviews_color_background_85_rgb": "255,255,255",
	"twitter_profile_sidebar_color": "545454",
	"color_lia_connect_button_twitter_to_65_rgb": "89,185,221",
	"color_primary_01_80": "5B94C5",
	"color_primary_01_75": "669BC9",
	"reviews_color_background_0_rgb": "255,255,255",
	"color_midtone_90_rgb": "140,140,140",
	"color_background_80": "FFFFFF",
	"color_lia_connect_button_fb_background_80_rgb": "98,122,172",
	"color_lia_connect_button_twitter_background_90": "19B4EE",
	"color_klout_modal_header_section_caption_35_rgb": "232,232,232",
	"layout_wbr_interval_message_body": "200",
	"color_background_95_rgb": "255,255,255",
	"color_rollover_100": "337AB7",
	"reviews_color_foreground_100_rgb": "34,34,34",
	"color_lia_connect_button_fb_to_45_rgb": "162,174,197",
	"color_lia_connect_button_twitter_background_85": "26B8EF",
	"color_selection_0_rgb": "255,255,255",
	"reviews_color_rollover_75_rgb": "63,163,215",
	"color_klout_details_25_rgb": "204,204,204",
	"color_primary_03_95_rgb": "134,134,134",
	"color_klout_svg_icon_fill_50_rgb": "241,162,127",
	"color_primary_02_5": "F4F7FC",
	"color_primary_02_30_rgb": "193,209,239",
	"color_primary_02_0": "FFFFFF",
	"color_lia_connect_button_background_75_rgb": "218,63,129",
	"type_body_01": "font-family:Helvetica Neue, Helvetica, Arial, sans-serif;",
	"color_klout_cta_button_background_blue_10_rgb": "230,244,248",
	"color_klout_details_fill_30_rgb": "227,225,230",
	"color_klout_details_10_rgb": "234,234,234",
	"color_lia_connect_button_fb_background_25_rgb": "206,213,229",
	"color_lia_connect_button_twitter_background_95": "0CB0ED",
	"color_primary_01_20_rgb": "214,228,240",
	"twitter_badge_preview_width": "1050",
	"color_image_browse_button_text_color_rgb": "51,51,51",
	"color_background_25_rgb": "255,255,255",
	"size_pixel_input_h": "20",
	"color_klout_modal_footer_75_rgb": "159,159,159",
	"color_alert_0": "FFFFFF",
	"color_foreground_35_rgb": "183,183,183",
	"color_alert_5": "FAF5F5",
	"color_klout_modal_header_section_caption_0_rgb": "255,255,255",
	"reviews_color_primary_02_0_rgb": "255,255,255",
	"color_klout_cta_button_background_blue_80_rgb": "55,167,205",
	"color_klout_svg_icon_fill_90_rgb": "230,88,25",
	"color_lia_connect_button_twitter_from_10_rgb": "229,246,253",
	"color_selection_40_rgb": "255,255,234",
	"color_warn_45_rgb": "202,189,166",
	"color_lia_connect_button_fb_background_10_rgb": "235,238,244",
	"color_klout_details_5_rgb": "244,244,244",
	"color_lia_connect_button_twitter_from_5": "F2FAFE",
	"color_safe_5": "FDFEFD",
	"color_primary_04_90_rgb": "140,140,140",
	"color_safe_0": "FFFFFF",
	"color_lia_connect_button_twitter_from_0": "FFFFFF",
	"color_lia_connect_button_fb_from_60_rgb": "137,155,193",
	"color_klout_svg_icon_fill_20_rgb": "249,218,204",
	"color_klout_modal_header_caption": "666",
	"color_lia_connect_button_fb_to_rgb": "49,75,128",
	"color_image_browse_button_text_color_60_rgb": "132,132,132",
	"color_klout_details_fill_60_rgb": "200,195,205",
	"color_background_rgb": "255,255,255",
	"color_primary_01_35_rgb": "183,208,229",
	"color_primary_02_100": "3366CC",
	"color_klout_modal_header_caption_40_rgb": "193,193,193",
	"color_primary_04_20_rgb": "229,229,229",
	"color_klout_details_fill_75_rgb": "186,180,192",
	"color_lia_connect_button_background_5_rgb": "252,242,246",
	"color_klout_details_50_rgb": "153,153,153",
	"color_lia_connect_button_fb_to_30_rgb": "193,201,216",
	"reviews_color_primary_02_95_rgb": "206,206,206",
	"reviews_color_foreground_50_rgb": "144,144,144",
	"color_primary_01_90_rgb": "71,135,190",
	"color_klout_cta_button_background_60_rgb": "225,102,154",
	"color_lia_connect_button_fb_background_95_rgb": "68,97,157",
	"color_primary_04_35_rgb": "210,210,210",
	"color_achievements_focus_5_rgb": "242,242,242",
	"color_safe_75_rgb": "231,243,225",
	"type_small_01": "font-family:Helvetica Neue, Helvetica, Arial, sans-serif;",
	"color_klout_modal_footer_45_rgb": "197,197,197",
	"color_alert_45_rgb": "216,170,169",
	"color_midtone_45_rgb": "197,197,197",
	"reviews_color_foreground_0_rgb": "255,255,255",
	"reviews_type_line_height_body_01": "18",
	"color_lia_connect_button_twitter_background_100_rgb": "0,172,237",
	"color_klout_cta_button_background_30": "F0B2CC",
	"color_image_browse_button_text_color_65_rgb": "122,122,122",
	"color_klout_cta_button_background_blue_35_rgb": "167,216,233",
	"color_klout_cta_button_background_25": "F2BFD5",
	"color_lia_connect_button_fb_from_35_rgb": "186,196,218",
	"reviews_color_rollover_rgb": "0,133,202",
	"color_achievements_focus_45_rgb": "140,140,140",
	"reviews_color_foreground_25_rgb": "199,199,199",
	"color_achievements_focus": "000000",
	"color_primary_04_60_rgb": "178,178,178",
	"color_klout_cta_button_background_40": "EB99BC",
	"color_lia_connect_button_fb_to": "314b80",
	"size_pixel_grid_width": "231",
	"color_lia_connect_button_twitter_from_80_rgb": "50,188,240",
	"color_selection_15_rgb": "255,255,247",
	"color_klout_cta_button_background_35": "EDA5C4",
	"toolbelt_button_on_mouseover_color": "3AAAFF",
	"toolbelt_button_revert_time": "100",
	"color_lia_connect_button_twitter_background_15": "D8F2FC",
	"color_alert_30_rgb": "229,198,198",
	"color_primary_01_65_rgb": "122,168,208",
	"color_foreground_60_rgb": "132,132,132",
	"color_lia_connect_button_twitter_background_10": "E5F6FD",
	"reviews_color_foreground_10_rgb": "232,232,232",
	"color_lia_connect_button_fb_background_0": "FFFFFF",
	"color_klout_cta_button_background_50": "E67FAB",
	"color_lia_connect_button_fb_background_5": "F5F6F9",
	"color_klout_cta_button_background_45": "E88CB3",
	"color_lia_connect_button_twitter_background_25": "BFEAFA",
	"color_lia_connect_button_twitter_to_25_rgb": "191,228,242",
	"color_lia_connect_button_twitter_background_20": "CCEEFB",
	"color_image_browse_button_text_color_0": "FFFFFF",
	"color_image_browse_button_text_color_5": "F4F4F4",
	"size_pixel_image_select_preview": "32",
	"color_klout_cta_button_background_60": "E1669A",
	"layout_horizontal_alignment": "center",
	"color_klout_modal_header_rgb": "57,57,57",
	"reviews_color_primary_01": "E44800",
	"color_klout_cta_button_background_55": "E472A3",
	"reviews_color_primary_02": "CCCCCC",
	"color_lia_connect_button_fb_from_20_rgb": "215,221,234",
	"color_selection_85_rgb": "255,255,211",
	"color_warn_5_rgb": "249,247,245",
	"color_klout_modal_footer_30_rgb": "216,216,216",
	"color_lia_connect_button_twitter_background_35": "A5E1F8",
	"color_lia_connect_button_twitter_background_30": "B2E6F9",
	"color_lia_connect_button_twitter_background_50": "7FD5F6",
	"size_pixel_image_large_w": "2000",
	"color_klout_details_95_rgb": "61,61,61",
	"layout_wbr_interval_message_subject": "200",
	"color_primary_03_25_rgb": "223,223,223",
	"reviews_color_foreground_0": "FFFFFF",
	"size_pixel_image_large_h": "2000",
	"wordpress_badge_preview_width": "210",
	"color_lia_connect_button_twitter_background_45": "8CD9F6",
	"color_klout_modal_header_40_rgb": "175,175,175",
	"color_lia_connect_button_fb_background_5_rgb": "245,246,249",
	"color_lia_connect_button_twitter_background_40": "99DDF7",
	"reviews_color_foreground_5": "F3F3F3",
	"reviews_type_font_size_small_01": "11",
	"color_lia_connect_button_fb_from_90_rgb": "78,105,162",
	"color_lia_connect_button_twitter_background_60": "66CDF4",
	"color_klout_cta_button_background_5": "FCF2F6",
	"color_primary_04_100": "808080",
	"reviews_color_primary_01_100": "E44800",
	"color_achievements_focus_rgb": "0,0,0",
	"color_lia_connect_button_twitter_background_55": "72D1F5",
	"color_klout_cta_button_background_blue_0_rgb": "255,255,255",
	"color_image_browse_button_text_color_90_rgb": "71,71,71",
	"color_klout_cta_button_background_0": "FFFFFF",
	"color_lia_connect_button_twitter_background_70": "4CC4F2",
	"color_lia_connect_button_twitter_from_100": "00ACED",
	"reviews_color_primary_02_50_rgb": "229,229,229",
	"color_lia_connect_button_fb_to_75_rgb": "100,120,159",
	"truncation_activity_stream_feed_max_lines": "3",
	"color_image_browse_button_text_color_35_rgb": "183,183,183",
	"color_lia_connect_button_fb_background_50_rgb": "157,172,203",
	"color_foreground_75_rgb": "102,102,102",
	"reviews_color_foreground_80_rgb": "78,78,78",
	"color_lia_connect_button_twitter_background_65": "59C9F3",
	"color_lia_connect_button_twitter_background_80": "32BCF0",
	"color_klout_modal_header_section_caption_rgb": "192,192,192",
	"color_klout_details_80_rgb": "91,91,91",
	"color_safe_30_rgb": "245,250,243",
	"reviews_color_primary_02_65_rgb": "221,221,221",
	"color_klout_cta_button_background_20": "F5CCDD",
	"color_image_browse_button_text_color_20_rgb": "214,214,214",
	"color_klout_cta_button_background_10": "FAE5EE",
	"color_background": "ffffff",
	"color_klout_cta_button_background_15": "F7D8E5",
	"color_safe_45_rgb": "240,248,237",
	"reviews_color_foreground_95_rgb": "45,45,45",
	"color_lia_connect_button_twitter_background_75": "3FC0F1",
	"color_image_browse_button_text_color_55": "8E8E8E",
	"reviews_color_rollover_55_rgb": "114,187,225",
	"color_image_browse_button_text_color_50": "999999",
	"color_foreground_90": "474747",
	"color_midtone_0_rgb": "255,255,255",
	"color_foreground_5_rgb": "244,244,244",
	"color_foreground_95": "3D3D3D",
	"color_lia_connect_button_fb_from_65_rgb": "127,147,188",
	"reviews_color_primary_01_95_rgb": "229,81,12",
	"reviews_color_primary_02_90_rgb": "209,209,209",
	"color_image_browse_button_text_color_65": "7A7A7A",
	"color_image_browse_button_text_color_60": "848484",
	"color_rollover_100_rgb": "51,122,183",
	"color_foreground_80": "5B5B5B",
	"color_lia_connect_button_fb_to_65_rgb": "121,138,172",
	"color_foreground_85": "515151",
	"color_alert_75_rgb": "190,114,113",
	"color_primary_01_80_rgb": "91,148,197",
	"color_background_75_rgb": "255,255,255",
	"color_image_browse_button_text_color_35": "B7B7B7",
	"reviews_color_foreground_70_rgb": "100,100,100",
	"color_lia_connect_button_twitter_to_15_rgb": "216,238,247",
	"color_image_browse_button_text_color_30": "C1C1C1",
	"color_primary_04_45_rgb": "197,197,197",
	"color_midtone_40_rgb": "204,204,204",
	"color_klout_modal_header_70_rgb": "116,116,116",
	"color_lia_connect_button_background_55_rgb": "228,114,163",
	"color_primary_02_0_rgb": "255,255,255",
	"use_responsive_tabs": true,
	"color_image_browse_button_text_color_45": "A3A3A3",
	"color_klout_svg_icon_fill_5": "FDF5F2",
	"color_klout_svg_icon_fill_0": "FFFFFF",
	"color_image_browse_button_text_color_40": "ADADAD",
	"size_pixel_image_grid_small_h": "200",
	"color_klout_details_45_rgb": "163,163,163",
	"color_lia_connect_button_fb_from_80_rgb": "98,122,172",
	"color_klout_cta_button_background_blue_5": "F2F9FB",
	"color_primary_02_25_rgb": "204,216,242",
	"size_pixel_image_grid_small_w": "200",
	"color_foreground_45": "A3A3A3",
	"color_klout_modal_footer_70_rgb": "165,165,165",
	"color_background_0_rgb": "255,255,255",
	"color_lia_connect_button_twitter_background": "00aced",
	"color_primary_04_rgb": "128,128,128",
	"color_image_browse_button_text_color_95": "3D3D3D",
	"color_lia_connect_button_background_100_rgb": "206,0,88",
	"color_image_browse_button_text_color_90": "474747",
	"color_klout_modal_header_section_caption_85_rgb": "201,201,201",
	"color_foreground_50": "999999",
	"color_klout_cta_button_background_blue_0": "FFFFFF",
	"color_lia_connect_button_fb_to_80_rgb": "90,110,153",
	"color_klout_details_60_rgb": "132,132,132",
	"color_foreground_35": "B7B7B7",
	"color_lia_connect_button_twitter_from_15_rgb": "216,242,252",
	"color_achievements_focus_15_rgb": "216,216,216",
	"color_background_30_rgb": "255,255,255",
	"reviews_color_foreground_55_rgb": "133,133,133",
	"color_klout_cta_button_background_10_rgb": "250,229,238",
	"color_klout_details_fill_25_rgb": "232,230,234",
	"color_foreground_30_rgb": "193,193,193",
	"color_foreground_40": "ADADAD",
	"color_klout_modal_header_80_rgb": "96,96,96",
	"reviews_color_primary_01_50_rgb": "241,163,127",
	"size_pixel_spacing_medium": "10",
	"reviews_color_background_45_rgb": "255,255,255",
	"color_safe_70_rgb": "232,244,227",
	"color_image_browse_button_text_color_75": "666666",
	"color_warn_40_rgb": "208,196,176",
	"color_image_browse_button_text_color_70": "707070",
	"color_background_90_rgb": "255,255,255",
	"color_rollover_90_rgb": "71,135,190",
	"color_foreground_70": "707070",
	"color_klout_cta_button_background_blue_30_rgb": "180,222,236",
	"color_safe_60_rgb": "235,246,231",
	"color_foreground_75": "666666",
	"color_foreground_55": "8E8E8E",
	"color_selection_30_rgb": "255,255,239",
	"color_image_browse_button_text_color_85": "515151",
	"color_lia_connect_button_fb_background_35_rgb": "186,196,218",
	"color_klout_svg_icon_fill_85_rgb": "232,97,38",
	"color_image_browse_button_text_color_80": "5B5B5B",
	"color_foreground_60": "848484",
	"twitter_profile_text_color": "b5b5b5",
	"color_foreground_65": "7A7A7A",
	"color_warn": "8a6d3b",
	"size_pixel_achievements_badge_h": "72",
	"color_lia_connect_button_fb_background_80": "627AAC",
	"reviews_color_primary_02_80_rgb": "214,214,214",
	"color_lia_connect_button_fb_from_0_rgb": "255,255,255",
	"size_pixel_grid_achievements_width": "250",
	"color_lia_connect_button_fb_background_85": "5871A7",
	"color_primary_02_30": "C1D1EF",
	"color_klout_modal_header": "393939",
	"color_lia_connect_button_background_65": "DF5992",
	"color_primary_02_35": "B7C9ED",
	"color_lia_connect_button_background_60": "E1669A",
	"color_lia_connect_button_fb_to_20_rgb": "213,219,229",
	"color_klout_modal_footer_10_rgb": "242,242,242",
	"size_pixel_achievements_badge_w": "72",
	"color_primary_03_85_rgb": "147,147,147",
	"color_foreground_10": "EAEAEA",
	"color_klout_modal_header_section_caption_25_rgb": "239,239,239",
	"color_lia_connect_button_twitter_to_30_rgb": "178,222,239",
	"color_primary_02_60_rgb": "132,163,224",
	"color_lia_connect_button_fb_background_70": "758AB6",
	"color_lia_connect_button_fb_background_75": "6C82B1",
	"color_klout_cta_button_background_70_rgb": "220,76,138",
	"color_primary_02_20": "D6E0F4",
	"color_lia_connect_button_background_75": "DA3F81",
	"color_selection_0": "FFFFFF",
	"color_selection_5": "FFFFFC",
	"color_lia_connect_button_twitter_background_35_rgb": "165,225,248",
	"color_lia_connect_button_background_70": "DC4C8A",
	"color_primary_02_25": "CCD8F2",
	"color_primary_03_65_rgb": "172,172,172",
	"color_foreground_25": "CCCCCC",
	"color_lia_connect_button_fb_background_60": "899BC1",
	"color_lia_connect_button_fb_background_65": "7F93BC",
	"reviews_color_primary_02_75_rgb": "216,216,216",
	"color_background_15_rgb": "255,255,255",
	"color_safe_55_rgb": "237,246,233",
	"color_lia_connect_button_background_85": "D52671",
	"color_primary_02_10": "EAEFF9",
	"color_lia_connect_button_background_80": "D73279",
	"color_alert_85_rgb": "181,96,94",
	"color_primary_02_15": "E0E8F7",
	"color_image_browse_button_text_color_100_rgb": "51,51,51",
	"color_foreground_30": "C1C1C1",
	"reviews_color_rollover_70_rgb": "76,169,217",
	"size_pixel_grid_achievements_description_height": "116",
	"color_midtone_85_rgb": "147,147,147",
	"color_image_browse_button_text_color_45_rgb": "163,163,163",
	"color_foreground_15": "E0E0E0",
	"color_lia_connect_button_fb_background_50": "9DACCB",
	"color_rollover_85_rgb": "81,141,193",
	"color_lia_connect_button_fb_background_55": "93A3C6",
	"color_foreground_20_rgb": "214,214,214",
	"color_lia_connect_button_background_95": "D00C60",
	"reviews_color_background_35_rgb": "255,255,255",
	"color_rollover_rgb": "51,122,183",
	"color_image_browse_button_text_color_5_rgb": "244,244,244",
	"color_lia_connect_button_background_10_rgb": "250,229,238",
	"color_lia_connect_button_background_90": "D21968",
	"color_foreground_20": "D6D6D6",
	"color_klout_cta_button_background_100": "CE0058",
	"color_lia_connect_button_fb_background_55_rgb": "147,163,198",
	"color_klout_details_20": "D6D6D6",
	"color_klout_details_25": "CCCCCC",
	"color_image_browse_button_text_color_15": "E0E0E0",
	"size_pixel_video_thumb": "200",
	"color_lia_connect_button_fb_background_40": "B0BCD5",
	"color_image_browse_button_text_color_10": "EAEAEA",
	"color_primary_02_80": "5B84D6",
	"size_pixel_image_medium_h": "400",
	"color_lia_connect_button_background_25": "F2BFD5",
	"color_primary_02_75": "668CD8",
	"color_lia_connect_button_fb_background_45": "A6B4D0",
	"color_lia_connect_button_background_20": "F5CCDD",
	"color_image_browse_button_text_color_80_rgb": "91,91,91",
	"color_selection_75_rgb": "255,255,216",
	"color_klout_cta_button_background_55_rgb": "228,114,163",
	"color_klout_details_10": "EAEAEA",
	"color_klout_details_15": "E0E0E0",
	"color_klout_modal_header_section_caption_40_rgb": "229,229,229",
	"color_image_browse_button_text_color_25": "CCCCCC",
	"color_alert_90_rgb": "177,86,84",
	"color_klout_modal_header_section_caption_5_rgb": "251,251,251",
	"color_image_browse_button_text_color_20": "D6D6D6",
	"color_primary_02_70": "7093DB",
	"color_lia_connect_button_fb_background_30": "C4CDE0",
	"color_lia_connect_button_background_35": "EDA5C4",
	"color_selection_100_rgb": "255,255,204",
	"color_lia_connect_button_background_30": "F0B2CC",
	"color_klout_svg_icon_fill_100_rgb": "228,70,0",
	"color_primary_02_65": "7A9BDD",
	"color_lia_connect_button_fb_background_35": "BAC4DA",
	"color_klout_modal_header_caption_15_rgb": "232,232,232",
	"size_pixel_image_medium_w": "400",
	"color_foreground_15_rgb": "224,224,224",
	"color_achievements_focus_35_rgb": "165,165,165",
	"color_lia_connect_button_background_45": "E88CB3",
	"color_primary_02_60": "84A3E0",
	"color_lia_connect_button_fb_background_20": "D7DDEA",
	"color_lia_connect_button_fb_background_25": "CED5E5",
	"color_lia_connect_button_background_40": "EB99BC",
	"color_primary_02_55": "8EAAE2",
	"color_primary_03_20_rgb": "229,229,229",
	"color_klout_modal_footer": "7f7f7f",
	"color_lia_connect_button_twitter_from_90_rgb": "25,180,238",
	"reviews_type_line_height_small_01": "14",
	"color_klout_details_fill_40_rgb": "218,215,221",
	"type_title_01": "font-family:Helvetica Neue, Helvetica, Arial, sans-serif;",
	"color_primary_04_65_rgb": "172,172,172",
	"type_title_03": "font-family:Helvetica Neue, Helvetica, Arial, sans-serif;",
	"type_title_02": "font-family:Helvetica Neue, Helvetica, Arial, sans-serif;",
	"color_klout_cta_button_background_90_rgb": "210,25,104",
	"size_pixel_image_thumb": "150",
	"color_klout_modal_header_65_rgb": "126,126,126",
	"size_pixel_video_avatar": "200",
	"color_selection_100": "FFFFCC",
	"color_lia_connect_button_fb_background_10": "EBEEF4",
	"color_lia_connect_button_background_55": "E472A3",
	"color_warn_85_rgb": "155,130,88",
	"color_primary_01_60_rgb": "132,175,211",
	"color_primary_02_50": "99B2E5",
	"color_primary_01_75_rgb": "102,155,201",
	"color_primary_02_40": "ADC1EA",
	"color_lia_connect_button_fb_background_15": "E1E6EF",
	"color_klout_cta_button_background_blue_5_rgb": "242,249,251",
	"reviews_color_foreground_35_rgb": "177,177,177",
	"color_primary_02_40_rgb": "173,193,234",
	"color_primary_02_45": "A3BAE8",
	"color_klout_modal_footer_55_rgb": "184,184,184",
	"color_lia_connect_button_background_50": "E67FAB",
	"type_title_04": "font-family:Helvetica Neue, Helvetica, Arial, sans-serif;",
	"color_klout_cta_button_background_blue_75_rgb": "68,172,208",
	"color_lia_connect_button_fb_from_20": "D7DDEA",
	"color_lia_connect_button_twitter_from_0_rgb": "255,255,255",
	"color_selection_25_rgb": "255,255,242",
	"color_lia_connect_button_fb_from_25": "CED5E5",
	"color_lia_connect_button_twitter_background_65_rgb": "89,201,243",
	"color_achievements_focus_20_rgb": "204,204,204",
	"reviews_color_rollover_0_rgb": "255,255,255",
	"color_primary_04_50_rgb": "191,191,191",
	"color_klout_modal_header_35_rgb": "185,185,185",
	"reviews_color_foreground_40": "A6A6A6",
	"size_pixel_list_min_height": "500",
	"reviews_color_foreground_45": "9B9B9B",
	"reviews_color_background_80_rgb": "255,255,255",
	"color_lia_connect_button_fb_from_10": "EBEEF4",
	"color_klout_cta_button_background_5_rgb": "252,242,246",
	"color_midtone": "808080",
	"color_klout_modal_header_caption_5": "F7F7F7",
	"color_lia_connect_button_fb_from_15": "E1E6EF",
	"color_klout_modal_header_caption_0": "FFFFFF",
	"color_alert_55_rgb": "207,152,151",
	"reviews_color_foreground_30": "BCBCBC",
	"reviews_color_foreground_35": "B1B1B1",
	"color_lia_connect_button_twitter_to_75_rgb": "63,174,216",
	"color_midtone_100_rgb": "128,128,128",
	"reviews_color_foreground_15": "DDDDDD",
	"color_lia_connect_button_fb_from_45": "A6B4D0",
	"color_primary_03_0_rgb": "255,255,255",
	"color_rollover_40_rgb": "173,201,226",
	"size_pixel_spacing_lmedium": "12",
	"reviews_color_primary_01_rgb": "228,72,0",
	"color_lia_connect_button_twitter_background_50_rgb": "127,213,246",
	"reviews_color_background_95_rgb": "255,255,255",
	"reviews_color_foreground_5_rgb": "243,243,243",
	"color_alert_40_rgb": "220,180,179",
	"color_klout_details_100_rgb": "51,51,51",
	"color_primary_02_95": "3D6DCE",
	"reviews_color_primary_02_15_rgb": "247,247,247",
	"color_klout_modal_header_caption_30_rgb": "209,209,209",
	"color_rollover_25_rgb": "204,221,237",
	"color_selection_10_rgb": "255,255,249",
	"reviews_color_foreground_20": "D2D2D2",
	"color_lia_connect_button_fb_background_40_rgb": "176,188,213",
	"reviews_color_foreground_25": "C7C7C7",
	"color_lia_connect_button_fb_from_40": "B0BCD5",
	"color_lia_connect_button_fb_from_30": "C4CDE0",
	"color_lia_connect_button_fb_from_35": "BAC4DA",
	"color_klout_svg_icon_fill_0_rgb": "255,255,255",
	"color_lia_connect_button_background_15": "F7D8E5",
	"color_foreground_50_rgb": "153,153,153",
	"color_primary_02_90": "4775D1",
	"color_primary_02_85": "517CD3",
	"color_lia_connect_button_background_10": "FAE5EE",
	"color_foreground_65_rgb": "122,122,122",
	"truncation_activity_stream_feed_max_reply_lines": "2",
	"reviews_color_foreground_10": "E8E8E8",
	"color_klout_modal_footer_90_rgb": "139,139,139",
	"color_klout_svg_icon_fill_10_rgb": "252,236,229",
	"color_primary_01_0_rgb": "255,255,255",
	"twitter_profile_sidebar_border_color": "ffffff",
	"size_pixel_spacing_slim": "5",
	"reviews_color_primary_02_45_rgb": "232,232,232",
	"reviews_color_background_65_rgb": "255,255,255",
	"size_pixel_image_small_w": "200",
	"color_safe_25_rgb": "247,251,245",
	"color_klout_svg_icon_fill_10": "FCECE5",
	"size_pixel_image_small_h": "200",
	"color_klout_svg_icon_fill_15": "FAE3D8",
	"size_pixel_image_medium": "400",
	"color_lia_connect_button_fb_from_100_rgb": "59,89,152",
	"reviews_color_background_50_rgb": "255,255,255",
	"reviews_color_primary_02_30_rgb": "239,239,239",
	"size_pixel_grid_achievements_height": "276",
	"color_safe_10_rgb": "251,253,251",
	"color_klout_modal_header_caption_45_rgb": "186,186,186",
	"color_klout_svg_icon_fill_20": "F9DACC",
	"color_klout_svg_icon_fill_25": "F8D0BF",
	"color_klout_modal_header_20_rgb": "215,215,215",
	"twitter_badge_preview_height": "550",
	"color_primary_01_45_rgb": "163,195,222",
	"color_primary_04_80_rgb": "153,153,153",
	"color_klout_details_fill_5": "FAFAFA",
	"color_klout_svg_icon_fill_30": "F6C7B2",
	"color_lia_connect_button_twitter_to_90_rgb": "25,158,209",
	"size_pixel_video_small": "200",
	"color_klout_svg_icon_fill_35": "F5BEA5",
	"color_klout_details_fill_0": "FFFFFF",
	"color_lia_connect_button_fb_background_90": "4E69A2",
	"color_selection_90_rgb": "255,255,209",
	"color_primary_04_95_rgb": "134,134,134",
	"color_foreground_100_rgb": "51,51,51",
	"color_lia_connect_button_fb_background_95": "44619D",
	"color_primary_03_5": "F8F8F8",
	"color_primary_01_30_rgb": "193,215,233",
	"color_primary_03_0": "FFFFFF",
	"color_warn_100_rgb": "138,109,59",
	"color_klout_svg_icon_fill_25_rgb": "248,208,191",
	"color_klout_svg_icon_fill_40": "F4B599",
	"reviews_color_rollover_100": "0085CA",
	"color_lia_connect_button_fb_from_15_rgb": "225,230,239",
	"color_klout_svg_icon_fill_45": "F2AB8C",
	"color_lia_connect_button_twitter_from_60_rgb": "102,205,244",
	"color_achievements_focus_65_rgb": "89,89,89",
	"color_alert_10_rgb": "246,236,236",
	"color_klout_modal_header_caption_60_rgb": "163,163,163",
	"color_foreground_80_rgb": "91,91,91",
	"color_klout_svg_icon_fill_50": "F1A27F",
	"color_klout_svg_icon_fill_55": "F09972",
	"color_midtone_10_rgb": "242,242,242",
	"color_klout_modal_header_0_rgb": "255,255,255",
	"color_alert_5_rgb": "250,245,245",
	"size_pixel_grid_height": "154",
	"color_midtone_95": "868686",
	"color_achievements_focus_50_rgb": "127,127,127",
	"color_klout_details_fill_rgb": "164,155,172",
	"color_alert_25_rgb": "233,208,207",
	"color_midtone_90": "8C8C8C",
	"color_klout_svg_icon_fill_60": "EE9066",
	"color_lia_connect_button_twitter_from": "00aced",
	"color_lia_connect_button_twitter_from_75_rgb": "63,192,241",
	"color_klout_svg_icon_fill_65": "ED8659",
	"color_lia_connect_button_fb_background_85_rgb": "88,113,167",
	"color_klout_modal_header_caption_75_rgb": "140,140,140",
	"color_klout_modal_header_caption_rgb": "102,102,102",
	"reviews_color_rollover_25_rgb": "191,224,241",
	"color_klout_modal_footer_rgb": "127,127,127",
	"color_lia_connect_button_twitter_background_95_rgb": "12,176,237",
	"color_klout_svg_icon_fill_70": "EC7D4C",
	"color_klout_svg_icon_fill_75": "EA743F",
	"color_klout_modal_footer_100_rgb": "127,127,127",
	"reviews_color_rollover_10_rgb": "229,242,249",
	"color_lia_connect_button_background_85_rgb": "213,38,113",
	"color_lia_connect_button_fb_background_70_rgb": "117,138,182",
	"color_lia_connect_button_twitter_to_0": "FFFFFF",
	"color_lia_connect_button_twitter_to_5": "F2F9FC",
	"color_klout_details_75_rgb": "102,102,102",
	"color_foreground_95_rgb": "61,61,61",
	"reviews_color_foreground_90": "383838",
	"color_lia_connect_button_background_70_rgb": "220,76,138",
	"color_klout_svg_icon_fill_80": "E96A32",
	"reviews_color_foreground_95": "2D2D2D",
	"color_klout_svg_icon_fill_85": "E86126",
	"color_midtone_25_rgb": "223,223,223",
	"color_rollover_10_rgb": "234,241,247",
	"color_warn_10_rgb": "243,240,235",
	"color_lia_connect_button_twitter_background_80_rgb": "50,188,240",
	"color_klout_details_rgb": "51,51,51",
	"color_lia_connect_button_fb_background_100": "3B5998",
	"color_rollover_55_rgb": "142,181,215",
	"reviews_color_foreground_100": "222222",
	"color_klout_svg_icon_fill_90": "E65819",
	"color_primary_01_15_rgb": "224,235,244",
	"reviews_color_foreground_80": "4E4E4E",
	"color_lia_connect_button_fb_background": "3b5998",
	"color_background_100": "FFFFFF",
	"color_klout_svg_icon_fill_95": "E54F0C",
	"reviews_color_foreground_85": "434343",
	"color_lia_connect_button_twitter_to_60_rgb": "102,190,224",
	"reviews_color_primary_01_20_rgb": "249,218,204",
	"color_lia_connect_button_twitter_from_45_rgb": "140,217,246",
	"color_achievements_focus_80_rgb": "50,50,50",
	"color_lia_connect_button_twitter_background_0_rgb": "255,255,255",
	"reviews_color_foreground_70": "646464",
	"reviews_color_foreground_75": "595959",
	"truncation_max_lines": "3",
	"reviews_color_primary_01_35_rgb": "245,190,165",
	"color_klout_svg_icon_fill_40_rgb": "244,181,153",
	"color_lia_connect_button_twitter_from_30_rgb": "178,230,249",
	"color_achievements_focus_95_rgb": "12,12,12",
	"color_alert_rgb": "169,68,66",
	"color_rollover_5_rgb": "244,248,251",
	"reviews_color_foreground_60": "7A7A7A",
	"reviews_color_foreground_65": "6F6F6F",
	"type_line_height_body_01": "15",
	"color_lia_connect_button_background_100": "CE0058",
	"color_primary_02_rgb": "51,102,204",
	"color_klout_cta_button_background_blue_100": "0691C1",
	"color_warn_25_rgb": "225,218,206",
	"color_klout_cta_button_background_blue_15_rgb": "217,238,245",
	"color_lia_connect_button_twitter_background_rgb": "0,172,237",
	"color_klout_svg_icon_fill_55_rgb": "240,153,114",
	"reviews_color_background": "FFFFFF",
	"reviews_color_foreground_50": "909090",
	"responsive": true,
	"reviews_color_foreground_55": "858585"
}

     

    but, those are absolutely NOT helpful as they seem to be from the age when we had a "desktop" and a "mobile" skin.

    I also tried to access the "SASS Color Variables" trough system settings calls targeting the key they use in the form in Studio, but to no avail, also checked my complete settings export for any keys matching any of those skin variables, but that was not successful either...

    so I can't help you here, maybe SuzieH can turn some rocks and se what crawls from under it?

    • AdamA's avatar
      AdamA
      Khoros Oracle
      5 years ago

      A few things to note about the Responsive skins:

      1.) Responsive skins use SCSS (libsass) for compilation and have no access to Freemarker inside of a SCSS partial.

      2.) The variables used inside of the SCSS based Responsive skin do not use any variables that come from skin.properties.

      3.) For legacy skins: In Studio, when modifying a theme's variables they are saved into the skin.properties file in the plugin and ultimately they are available in the Freemarker context.

      4.) For Responsive skins: In Studio, when modifying a theme's variables they are saved into a _variables.scss partial which is used during the compilation of the Responsive skin.

      5.) Responsive skin SCSS partial files are not available to any Freemarker context.

      To answer your specific questions:

      > In the new Lithium Responsive, how do we access the custom colors defined in the skin template in Freemarker?

      This is currently not possible, see item 4 and 5 from above.

      > Is there any way to access the defined color values via Freemarker (not inside the CSS definitions).?

      No, this is currently not possible.

      > just checked the entire "properties" object of the skin context object...basically what is accessible via...which is a gigantic (and pretty useless...) object of colors back to the dinosaurs

      Your observation is correct, the values in skin.properties are useless when using Responsive skins as none of them are used during the compilation of the Responsive skin. The values in skin.properties are intended for legacy skins.

      Possible solution

      (the follow code is untested and intended for demonstration purposes)

      If your goal is to access the values of the Responsive skin variables in some client JS, you might consider the following:

      1.) In your skin add a new CSS rule per variable that you wish to access, it might look like this:

      .custom-rule-mapper-brand-primary {
  color: $brand-primary
}

.custom-rule-mapper-brand-danger {
  color: $brand-danger;
}

      2.) Create some JS that can read these values:

      // Get the stylesheet for the Responsive skin. Rename skin name accordingly.
var skinName = 'responsive_peak';
var responsiveStylesheet = [].slice.call(document.styleSheets).filter(stylesheet => stylesheet.href && stylesheet.href.indexOf(skinName + '.css') > -1)[0];

// Get all CSS Rules that begin with the prefix "custom-rule-mapper"
var variableMapRules = responsiveStylesheet.cssRules).filter(rule => rule.selectorText && rule.selectorText.indexOf('.custom-rule-mapper') > -1);

// Access CSS rule values
variableMapRules.forEach(rule => console.log(rule.style));

       

      • luk's avatar
        luk
        Boss
        5 years ago

        While technically feasible, I would strongly advise against that approach of parsing the entire (gigantic) CSS that comes from a Khoros skin (that inherits from the bootstrap core skin, then up the chain to responsive peak and then the customer skin...) with JavaScript..., if you really need access to your SASS colors/vars, it would probably be easiest to simply create a bunch of color utility-classes from the _variables.scss file (this could even be automated with some kind of build script I think, would be easier if the colors were a map though =D), something in this direction:


         

        // File _var-utils.scss

// original variables from responsive peak
//$gray-base:             #000;
//$gray-darker:           #333;    // lighten($gray-base, 20%)
//$gray-dark:             #3e3e3e; // lighten($gray-base, 24.5%)
//$gray:                  #5d5d5d; // lighten($gray-base, 36.5%)
//$gray-light:            #747474; // lighten($gray-base, 45.5%)
//$gray-lighter:          #e8e8e8; // lighten($gray-base, 91%)
//$gray-lightest:         #f4f4f4; // lighten($gray-base, 95.7%)

// utility classes

// text color
.t\:gray-base {
	color: $gray-base;
}
.t\:gray-darker {
	color: $gray-darker;
}
.t\:gray-dark {
	color: $gray-dark;
}
.t\:gray {
	color: $gray;
}
.t\:gray-light {
	color: $gray-light;
}
.t\:gray-lighter {
	color: $gray-lighter;
}
.t\:gray-lightest {
	color: $gray-lightest;
}


// backgrounds
.bg\:gray-base {
	background-color: $gray-base;
}
.bg\:gray-darker {
	background-color: $gray-darker;
}
.bg\:gray-dark {
	background-color: $gray-dark;
}
.bg\:gray {
	background-color: $gray;
}
.bg\:gray-light {
	background-color: $gray-light;
}
.bg\:gray-lighter {
	background-color: $gray-lighter;
}
.bg\:gray-lightest {
	background-color: $gray-lightest;
}

         

         

        then you could simply set those classes (or any others you create based on the vars of course) in your FreeMarker components:

         

        <div class="somediv t:gray-darker ${user.anonymous?then('bg:gray-lightest', 'bg:gray')}">
    ...
</div>

         

         

        another option (depending on your requirements for supporting old browsers) could be CSS custom properties, which you could also generate from the _variables.scss file (or any other containing the colors you need):

         

        // custom properties
:root {
	--gray-base: $gray-base;
	--gray-darker: $gray-darker;
	--gray-dark: $gray-dark;
	--gray: $gray;
	--gray-light: $gray-light;
	--gray-lighter: $gray-lighter;
	--gray-lightest: $gray-lightest;
}

         

         

        which you could then use in  a similar way as above in Freemarker:

        <div class="somediv" style="${user.anonymous?then('var(--gray-lightest)', 'var(--gray)')}">
    ...
</div>

         

        If you like to read more about custom props, here is a good start.

        IMHO both these options are way better than trying to parse all styles with JS.