Question: Here is the themefile

 

I want this color #dad9d2 as background of the canvas, works fine

I want this color :#f3f2ea as background of all gems, does not work

 

theme.name=kf

css.canvas=backgroundColor:#dad9d2;color:#000000;backgroundImage:url('http://www.freevector.com/site_media/preview_images/FreeVector-Spring-Flowers-Background.jpg');

css.chart=backgroundColor:#f3f2ea;color:#000000;

css.table=backgroundColor:#f3f2ea;color:#000000;borderColor:#d0d0d0;

css.filter=borderRightColor:#CECECE;backgroundColor:#f3f2ea;borderBottomColor:#CECECE;color:#909090;

css.viewport.header=visibility:visible;color:#FFFFFF;backgroundColor:#007EA3;fontFamily:Verdana, 'Lucida Grande', sans-serif;fontSize:12px;fontWeight:normal;backgroundImage:none;borderTopLeftRadius: 10px 5px;

css.viewport=border:none;borderBottomRightRadius: 10px 5px;

css.planning.toolbar=backgroundColor:#FFFFFF;color:#000000;border:none;borderLeft: 0px solid #000;

css.planning.body=backgroundColor:#FFFFFF;color:#000000;border:none;

css.planning.toolbar.text=color:#000000;

chart.lookandfeel.backgroundcolor=#FFFFFF

chart.legend.bordercolor=#FFFFFF

chart.lookandfeel.shadows=false

chart.label.y.color=#909090

chart.label.x.color=#909090

chart.axis.x.color=#909090

chart.axis.y.color=#909090

table.advanced.cssbase=nli-table

css.table.pager=color:#000000;

 

css.filter.miller.header=borderRadius:10px 10px 0px 0px;border:none;fontFamily:Verdana;fontWeight:normal;fontVariant:smallcaps;fontSize:12px;color:#FFFFFF;backgroundColor:#007EA3;backgroundImage:none;

css.filter.miller.subheader=borderRadius:0px 0px 0px 0px;border:none;fontFamily:Verdana;fontWeight:normal;fontVariant:small-caps;fontSize:12px;color:#FFFFFF;backgroundColor:#007EA3;

css.filter.miller.subcontainer=borderColor:#d0d0d0;

css.filter.miller.section=backgroundColor:#f3f2ea;

css.filter.miller.row=border:none;color:#000000;


Answer. To change background color for charts please use this property: chart.lookandfeel.backgroundcolor=#f3f2ea

Tables are more complex in customization as they have a lot of elements where you can change appearance (header rows, data rows, stripped rows etc).

To change styles for tables you need to change css for table base class (theme property is table.advanced.cssbase).

Base css class for tables in your theme is "nli-table" (table.advanced.cssbase=nli-table).

So you need to find a css file with "nli-table" styles and change background in it.

Usually all css styles for tables are in file <PC_home>\store\settings\includes\css\include\tablestyles.css.

Example of how it should look in css file:

.nli-table {

    background-color:#f3f2ea;

    ...

}

.nli-table .corner {

    background-color:#f3f2ea; // color for corner cell of a table

    ...

}

.nli-table .header {

    background-color: #f3f2ea; // color for header cells of a table

    ...

}

.nli-table .datacell-odd {

    background-color:#f3f2ea; // color for odd rows

    ...

}

.nli-table .datacell-even {

    background-color:#f3f2ea; // color for even rows

    ...

}

    Result: