Set different color for active and current / focused workspace?

[raaron773]

Hi,

I want to have different color for active(but not being used) and for current / focused workspace. How do I solve this?

This is my style.css

#workspaces button {   
    margin-top: 6px;
    margin-left: 10px;
    margin-bottom: 0px;
    border-radius: 50%; 
    background-color: transparent;
    color: rgb(255, 255, 255); 
}

#workspaces button.active {
    background-color: transparent;
    color: rgb(72, 201, 176);                                       
}

#workspaces button.focused,
        button.selected  {
    background-color: transparent;
    color: rgb(72, 201, 176);
}

#workspaces button.urgent {
    background-color: transparent;
    color: rgb(231, 76, 60);
}

The button.focused is used for focused / active window but I want to set color for active but not focused

All the buttons show same color except the focused one. I want to make them show a different color for "active but not focused" as well.
I would appreciate some help. Thank you