# DB2: ui-tabulator custom styling help

**URL:** https://discourse.nodered.org/t/db2-ui-tabulator-custom-styling-help/98828
**Category:** Dashboard
**Tags:** dashboard-2, ui-tabulator
**Created:** [25 August 2025 12:44 UTC](https://discourse.nodered.org/t/db2-ui-tabulator-custom-styling-help/98828 "2025-08-25T12:44:48Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![rakgupta](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rakgupta/32/42535_2.png) [@rakgupta](https://discourse.nodered.org/u/rakgupta)
#### Post date: [25 August 2025 12:44 UTC](https://discourse.nodered.org/t/db2-ui-tabulator-custom-styling-help/98828/1 "2025-08-25T12:44:48Z")

</div>

I am using the “dark” theme in ui-tabulator and have the “pagination” property enabled. However, the “pagination” controls are not really visible as the default text color is dark grey/black for the “unselected” items.

![Screenshot 2025-08-25 at 7.32.24 AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/c/bce3ea8f68fab60dbbaa1366226b5dd01c8f563d.png)

If I change the color in the inspect element panel to a lighter color, the page controls are visible.

 ![Screenshot 2025-08-25 at 7.31.29 AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/7/677674180a866e33252a39ca39a42eb9689de279.png)

 ![Screenshot 2025-08-25 at 7.31.41 AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/6/66e8abdf5038c6b39c72ac8b6024a26fcc037934.png)

Does anyone know how I can make this change to override the default setting the “dark” theme file

 ![Screenshot 2025-08-25 at 7.33.36 AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/2/225ffea6150a0250831d3770613695ff248bacf7.png)

Thanks for your help.

---

<div class="post-metadata">

### Author: ![rakgupta](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rakgupta/32/42535_2.png) [@rakgupta](https://discourse.nodered.org/u/rakgupta)
#### Post date: [25 August 2025 13:20 UTC](https://discourse.nodered.org/t/db2-ui-tabulator-custom-styling-help/98828/2 "2025-08-25T13:20:22Z")

</div>

Figured it out… I have a ui-wide CSS template and I added the following to it:

```auto
.tabulator .tabulator-footer .tabulator-page {
    color: white !important;
}

```

I had to use “!Important” - did not work without that 🤷🏻‍♂️

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [8 September 2025 13:21 UTC](https://discourse.nodered.org/t/db2-ui-tabulator-custom-styling-help/98828/3 "2025-09-08T13:21:02Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.