# Perspective Radio Button Style Color

**URL:** <https://forum.inductiveautomation.com/t/perspective-radio-button-style-color/89478>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 25, 2024, 6:27pm UTC](https://forum.inductiveautomation.com/t/perspective-radio-button-style-color/89478 "2024-04-25T18:27:16Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 25, 2024, 6:51pm UTC](https://forum.inductiveautomation.com/t/perspective-radio-button-style-color/89478/2 "2024-04-25T18:51:39Z")

</div>

For consistency in your app you should override these variables in the Project Browser | Perspective | Styles | right-click Advanced (I think) and then edit stylesheet.css.

Try adding this:

```python
:root {
	--radio--selected: green;
	--radio--unselected: blue;
}

```

Then adjust them to give something that looks professionally designed and is consistent with your site theme.

If you are using buttons, dropdowns, sliders, toggles and checkboxes you should look up their definitions too and redefine those to be consistent with your radio buttons.

(This is a summary. For a more detailed explanation see [How to change colors of a dropdown box - #2 by Transistor](https://forum.inductiveautomation.com/t/how-to-change-colors-of-a-dropdown-box/89110/2))

---

_[View the full topic](https://forum.inductiveautomation.com/t/perspective-radio-button-style-color/89478)._