Phos theme

Phos theme 2018-02-20

Phos theme for OBS Studio UI.

Dark but still greenish theme for OBS Studio (v21.0.1 and up).
Phos as 7z archive:

Phos.7z (~0.4 MBytes)

archive MD5: 8196ED42083E387FB6B77A5DB0AA9CFC
archive SHA256: 0A71C48694552E248F90D2F105980E2A9EC4464F616A7423F8B74F38BB69E23B

How to install?
  1. Open OBS Studio main menu File>Show Settings Folder
  2. File explorer should open application's settings folder, there you need to create new folder named "themes" (if you already have one - just ignore this)
  3. Download Phos.7z archive and unpack the file Phos.qss and the folder Phos to the folder themes(from p.2)
    • ...
    • profiler_data
    • themes
      • Phos
      • Phos.qss
    • updates
    • ...
  4. Restart OBS Studio. New theme should appear under the Settings>General>Theme named "Phos"
  5. Choose the "Phos" theme and if required - restart OBS Studio to save the changes.
Was tested on Windows platform only.
Known issues(I), short info(SI) and possible workaround(PW) under the spoiler:

I: Docked tab's text may clip if pane's size too small.
SI: Docked panes tabs is a bit franky now. At least one opened bug for Qt is present. Nothing I can do to fix this right now.​
PW: Resize docked pane to make tabs text fully visible.​

I: Docked tabs has different outlook. No border.
SI: Limitation of the Qt styling for the docked tabs. The pane covered/substituted by general widget.​
PW: Use "default" theme.​

I: Some icons were left from default theme (tray, "no sources" message...) but tools and buttons has new look.
SI: Tray icon was considered by developers to be dark... always.​
PW: Recompile application using different set of the base icons.​

I: Audio and Advanced pages from Settings has colored warnings and the sign picture is missing.
SI: This is in the code - because of long development. Usually, when you program things too long - some strange strings were written in the code and then forgotten.​
PW: Changes in the code required. I did some style overriding whenever it was possible, but this all I can do right now.​

I: When switching between themes some part of the interface has previous color tint, for example Volume Meter ticks.
SI: Application uses custom methods to handle some UI drawing, so styles not updated.​
PW: Restart OBS Studio after new theme applied.​

I: Disabled drop-down list (for example Rescale Output) looks way different when it becomes enabled and editable. Thin or something like this.
SI: I have only guess on this. This is all about Qt that is used in OBS Studio. The QComboBox widget (editable drop-down list) consist of few elements/classes and some sub-elements doesn't inherits the state of the main widget when its state changes from disabled to enabled. They are drawn disabled (as QLineEdit) or Qt caches this style. The reverse - when widget was created "enabled", the transition: enable-disable-enable - acts normal.​
PW: No workaround found up to Qt 5.10.1. Maybe Qt bug or I did spend too much time on this stylesheet programming and thus miss obvious solution...​

Let me know if you have better solutions of the known problems that fits the stylesheet programming.

Sources to modify this theme:
Phos source folder (~1.78 MBytes compressed into "Phos themes for obs.7z" file)
  • Like
Reactions: gatekeeper1122
Suslik V
First release
Last update
0.00 star(s) 0 ratings

More resources from Suslik V

Latest updates

  1. Late update of the Phos theme for OBS Studio v26.0.2+

    Theme files adjusted to be compatible with v26.0.2 Update is compatible with v21.0.1 and up, so...
  2. Phos theme Bugfix update for v25.0.8+

    O-o-ops, forgot to add one icon drawing. Fixing... Update is compatible with v21.0.1 and up, so...
  3. New OBS Studio v24.0.0 is coming up - it's time to try Phos UI theme

    Theme files adjusted to be compatible with v24.0.0 To update: download archive, unpack and...