After a lot of effort, i didn't manage to fix my data grid. In the following image, I want to do the following changes:
a) remove globally any instance of my primary color (green) from background color
b) change the numbers format globaly to not include comma.
PS. My last iteration of css is this:
/* Apply the primary color to the data grid headers */
.wj-header.wj-state-selected,
.wj-header.wj-state-active,
.wj-header-alt.wj-state-selected,
.wj-header-alt.wj-state-active {
background-color: transparent !important; /* or use your desired color */
}
/* Remove the background color for selected rows in the left column */
.wj-cell.wj-header-alt.wj-state-selected {
/* Ensure selected row background is also transparent */
.wj-row.wj-state-selected {
/* Ensure hover state does not apply any unwanted background */
.wj-row:hover {
background-color: transparent !important; /* Make sure hover stays transparent */
I find the solution, In the company internal custom theme had the --color-primary-selected color as dark green. Changing this value in the root application class, solved the problem effectively. --color-primary-selected: var(--color-green-lightest); For the coma , I used custom columns and those fixed the problem. Thanks for leading me to the right direction.
Hi @Savvas Savva
To make collaboration more efficient since this information is to vague, please share a sample oml with your case so we can reproduce it.
Cheers,GM
I am attaching a reference OML, that is based on outsystems UI default reactive theme, and this one does not have the primary color issue. It is something related to highlighted, but what actually to look for? We are using custom reactive theme internally. In the default UI Theme there is not any problem, as you can see in the attached oml. So If anyone knows how to change the highlighed color in the attached oml, this will fit the case.
Sorry, but I'm a bit confused.
You're sharing an oml that doesn't replicate your use case is that?
Trying to organize this:
Yes, it is ended up to be a ccs issue in our company internal custom reactive theme. I didn't realize that in the begging.