# Different font style of ui-text and ui-switch

**URL:** https://discourse.nodered.org/t/different-font-style-of-ui-text-and-ui-switch/96353
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [31 March 2025 17:19 UTC](https://discourse.nodered.org/t/different-font-style-of-ui-text-and-ui-switch/96353 "2025-03-31T17:19:52Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![MKaiser96](https://avatars.discourse-cdn.com/v4/letter/m/8c91f0/32.png) [@MKaiser96](https://discourse.nodered.org/u/MKaiser96)
#### Post date: [31 March 2025 17:19 UTC](https://discourse.nodered.org/t/different-font-style-of-ui-text-and-ui-switch/96353/1 "2025-03-31T17:19:52Z")

</div>

Hi there,

I have a problem with ui-text and ui-switch. The font styles are different. I have a CSS style for both and defined the text color white, but the ui-switch is gray or white transparency.

Here is a screeshot. Test is groupname. Text is ui-text. Switch is ui-switch.

 ![Screenshot 31.03.2025 um 19.11.17 PM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/6/960d3fc95b92726c5f6a156dd757047a5a02a7db.png)

This is how I defined the CSS style.

```auto
.text-neu label {
    color: white;
}
.text-neu span{
    color: rgb(255, 255, 255);
}

```

Can anyone help?

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [31 March 2025 17:37 UTC](https://discourse.nodered.org/t/different-font-style-of-ui-text-and-ui-switch/96353/2 "2025-03-31T17:37:55Z")

</div>

Try set the opacity

opacity:1;

---

<div class="post-metadata">

### Author: ![MKaiser96](https://avatars.discourse-cdn.com/v4/letter/m/8c91f0/32.png) [@MKaiser96](https://discourse.nodered.org/u/MKaiser96)
#### Post date: [31 March 2025 18:31 UTC](https://discourse.nodered.org/t/different-font-style-of-ui-text-and-ui-switch/96353/3 "2025-03-31T18:31:11Z")

</div>

Yes opacity is the solution. Now it works.

```auto
.text-neu label {
    color: white;
    opacity: 1;
}
.text-neu span{
    color: rgb(255, 255, 255);
}

```

 ![Screenshot 31.03.2025 um 20.29.14 PM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/a/4a7d3c76f3a04e3150d7bc654e13de3e23d95ba8.png)

---

<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: [14 April 2025 18:31 UTC](https://discourse.nodered.org/t/different-font-style-of-ui-text-and-ui-switch/96353/4 "2025-04-14T18:31:23Z")

</div>

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