We have the following themeable styles to have a gradient for the background of the webpart body:

```
.ms-wpContentDivSpace{
    /* For Non-CSS3 Browsers */
    background: /* [ReplaceColor(themeColor:"Light2-Lightest")] */ transparent; 
    /* For Firefox 3.6+ */
    background: -moz-linear-gradient(top, 
        /* [ReplaceColor(themeColor:"Light2-Lightest")] */ #FEFEFB, 
        /* [ReplaceColor(themeColor:"Light2-Lighter")] */ #E9E9E9);
    /* For WebKit (Safari, Chrome, etc.) */
    background: -webkit-gradient(linear, left top, left bottom, 
        from(/* [ReplaceColor(themeColor:"Light2-Lightest")] */ #FEFEFB), 
        to(/* [ReplaceColor(themeColor:"Light2-Lighter")] */ #E9E9E9));
    /* For Internet Explorer */ 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, 
        startColorstr=/* [ReplaceColor(themeColor:"Light2-Lightest")] */ #FEFEFB, 
        endColorstr=/*[ReplaceColor(themeColor:"Light2-Lighter")]*/ #E9E9E9);
    -ms-filter:'progid:DXImageTransform.Microsoft.gradient(GradientType=0, 
        startColorstr=/*[ReplaceColor(themeColor:"Light2-Lightest")]*/ #FEFEFB, 
        endColorstr=/*[ReplaceColor(themeColor:"Light2-Lighter")]*/ #E9E9E9)'; 
}

```

All of it works fine except for the -ms-filter style for IE8. I've tried every combination of escaping the quotes and slashes and single vs double quotes, but the only way I can get it to work is to remove the ReplaceColor instructions:

```
.ms-wpContentDivSpace{
    /* For Non-CSS3 Browsers */
    background: /* [ReplaceColor(themeColor:"Light2-Lightest")] */ transparent; 
    /* For Firefox 3.6+ */
    background: -moz-linear-gradient(top, 
        /* [ReplaceColor(themeColor:"Light2-Lightest")] */ #FEFEFB, 
        /* [ReplaceColor(themeColor:"Light2-Lighter")] */ #E9E9E9);
    /* For WebKit (Safari, Chrome, etc.) */
    background: -webkit-gradient(linear, left top, left bottom, 
        from(/* [ReplaceColor(themeColor:"Light2-Lightest")] */ #FEFEFB), 
        to(/* [ReplaceColor(themeColor:"Light2-Lighter")] */ #E9E9E9));
    /* For Internet Explorer */ 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, 
        startColorstr=/* [ReplaceColor(themeColor:"Light2-Lightest")] */ #FEFEFB, 
        endColorstr=/*[ReplaceColor(themeColor:"Light2-Lighter")]*/ #E9E9E9);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, 
        startColorstr=#FEFEFB, 
        endColorstr=#E9E9E9)"; 
}

```

Is it possible to have -ms-filter support themeable styles?

**UPDATE:**

It actually works as expected when a theme is applied. The problem is that when no theme is selected, the gradient is blue on top and dark blue on bottom. So it seems to be working up to the first comment slash because the rendered result is the same as if the style did not specify colors:

```
-ms-filter:'progid:DXImageTransform.Microsoft.gradient(GradientType=0)';

```