Customize CSS for values in record pages and record list pages

Coteza version 2023.9.7

Challenge
I would like to customize the css, in particular the color of values in record forms to make them more readable. To have consistency, i am also looking to modify the color of values in record list pages.

This works to some extend. I added the following custom css in the admin module / settings:

.value {
    color: blue;
}
a, .value {
    color: blue;
}

.rt-content {
    color: blue;
}

So far that seems to coverr all record pages, but not all fields of the record list pages.
Some cells in the record list pages do not seem to have set a proper class attribute. Example:

<td data-v-71c3bc3e="" role="cell" class="">
<div data-v-71c3bc3e="" class="d-flex mb-0"><div data-v-71c3bc3e="" module="[object Object]"><div class="">21.06.24</div>
<div>
</div>
</div>
</div></td>

Feature Request
It would be great if all entities that show a value, would have assigned a specific css class.
Maybe one more class to easily select values in record pages and values in a record list page with different css selectors to allow for different colors for the values.

Thx for reading.

Edit.
I decided to only change colors in record pages for now. This is my css:

fieldset {
    color: blue;
}
fieldset a {
    color: blue;
}
1 Like

We’ve added a custom CSS class property to blocks, so you can use that to apply consistent styling across pages.

Also there are namespace and page id’s in the HTML elements

Thank you very much. Which version will start supporting this?

It is in 2023.9.7 (block configurator)