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: F399E4F29D0DF849B5AE454EB9A51261
archive SHA256: 10376E7E4F9866612657E39E70B476E690D2BF6F6CB00A70A9EC16CAEB235898

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.64 MBytes)
Suslik V
First release
Last update
0.00 star(s) 0 ratings

More resources from Suslik V

Latest updates

  1. 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...
  2. Get ready to new OBS Studio v23.0.0 with Phos theme

    Theme files adjusted to be compatible with v23.0.0 To update: download archive, unpack and...
  3. Bugfix update for v22.0.0

    Yeah, it was unexpected for me too. But the application's UI was changed right after the release...