Skip to Content

Change Color Palette for Chart with CSS in Lumira Designer 2.0

Oct 26, 2017 at 02:10 PM


avatar image

I wanted to change the standard Color Palette for the component Chart using CSS in Lumira Designer 2.0, but I did not succeed.

I customized my colors for the Chart columns in the Chart properties, but with some user actions (for example, when switching a Chart Type), colors automatically change to a standard palette. So I want to change them.

Standard Color Pallete for component Chart:

And how change color pallete for the component Chart - Type = Heat Map?

And my situation ( After clicking on the icons, the color becomes standard, and initially it was as above.

I read a lot of articles on color change in DS 1.6, looked at classes in CSS, but I could not change the colors (

I try:


#INFOCHART_COMPCODE_control_container .v-datapoint-group>g:first-child>g:last-child rect{




.colChart g.v-column g.v-datashape:nth-child(1) rect.v-datapoint.v-morphable-datapoint {fill: #41477E;}

.colChart g.v-column g.v-datashape:nth-child(2) rect.v-datapoint.v-morphable-datapoint {fill: #BAC7F3;}

.colChart g.v-column g.v-datashape:nth-child(3) rect.v-datapoint.v-morphable-datapoint {fill: #990000;}

.colChart g.v-legend-content g.v-row.ID_0 path {Fill:#41477E;stroke:black;stroke-width:1px;}

.colChart g.v-legend-content g.v-row.ID_1 path {Fill:#BAC7F3;stroke:black;stroke-width:1px;}

.colChart g.v-legend-content g.v-row.ID_2 path {Fill:#990000;stroke:black;stroke-width:1px;}

3) And string from CSS, and !important and more..

color.png (93.3 kB)
error-color.png (68.3 kB)
error.png (32.1 kB)
10 |10000 characters needed characters left characters exceeded

Hi Yulia,

since there hasn't been an answer yet: Did you find anything in the meantime? We are curious as well how this can be achieved.



Hi Timo,

No, we didn't find a solution to the problem and submitted an appeal to SAP. We wait.

Regards, Yulia


Hi Yulia,

You got any solution for the issue. I request to please update the thread if you have found the way of changing it.



Arjun N


This is a main requirement, curious if a day SAP will deliver this :)

using Composites for Charts doesn't make any sense if the colours can be maintained to ensure corporate look!

i'm wondering why SAP is not able to enable this Option for Lumira designer whereas you can do it in Lumira Discovery!!!

they are using the same Chart engine.

* Please Login or Register to Answer, Follow or Comment.

1 Answer

Andrea De Pinto Feb 28 at 03:08 PM

The problem also occurs on Lumira Designer 2.1. I try to change default palette of Lumira Discovery, but not works.

10 |10000 characters needed characters left characters exceeded