Customizing OBS buttons' CSS

LaBrainFart

New Member
Hi all,
I'm trying to customise OBS's buttons, however I only found some of their IDs
QPushButton#streamButton,
QPushButton#modeSwitch

What's the ID of the other buttons?

Ty all
 

dqm

Member
We need some context for your buttons, please. Are they in a custom browser dock, browser source, pthyon script, or what?
 

CSMichael

New Member
Did you ever find a solution? I'm trying to figure out the ID for the Virtual Camera. I can't seem to find the documentation for this.

Here's some other buttons someone gave me.

QPushButton#streamButton
QPushButton#modeSwitch
QPushButton#settingsButton
QPushButton#exitButton
 

fowler

New Member
While I don't think there's a specific documentation regarding this, in general, you can find all the UI elements in OBS github repo

The ones you're interested in is probably here: https://github.com/obsproject/obs-studio/tree/master/UI/forms . It consists templates of different forms/windows.

IDs of buttons, and stylings in general you can find in themes directory: https://github.com/obsproject/obs-studio/tree/master/UI/data/themes
It's probably the easiest way to alter one of these to your own liking.

Hope it helps.
 

Suslik V

Active Member
I'm trying to figure out the ID for the Virtual Camera...
in short - QPushButton[themeID="vcamButton"]

in full:

User made themes:
 
Top