Inconsistent control widget color scheme - and confusing
### Describe The Bug

### What is happening?

The new color scheme for control widgets is inconsistent. Sometimes it's the selected theme color, sometimes it's blue, sometimes it's black. It's a little bit confusing as to whether the color differences have a meaning or not.

**The Settings screen:**

<img width="1346" alt="Image" src="https://github.com/user-attachments/assets/7bdef927-cd06-4ea7-8155-82023d0b1e92" /><p>

The buttons are blue, but the toggles are the selected theme color.

**The plugin config popup:**

<img width="730" alt="Image" src="https://github.com/user-attachments/assets/a8fcbbf3-c777-438a-b6f7-518c76127fce" /><p>

<img width="730" alt="Image" src="https://github.com/user-attachments/assets/736957b6-d329-471d-bf7b-623fdb01d286" /><p>

This is a little bit more confusing because there is no contrast between the black buttons and the grayed out Save button

### What you expect to happen?

A consistent color scheme for control widgets.
1. Toggles should be blue on Setting screen
2. There should be more contrast between grayed out and active buttons, so maybe a lighter gray or a color other than black

### Logs

N/A

### Config

```JSON
N/A
```

### Homebridge UI Version

v5.0.0-beta.37

### Homebridge Version

1.8.5

### Node.js Version

22.12.0

### Operating System

macOS

### Environment Info

Using hb-service

### Raspberry Pi Model

None