Changes
  • The Pause button is now red @pause. Affects the orange and yellow variants to improve differentiation.
    $R9PGWYC.png
    $RB6U0VD.png
  • Volume slider ticks are visible again
    sliderTicks.png
Additions

Variants1.png


Added colors:
Cyan, Lime, Gold, Brown, Pink, Lavender
  • All colors are now WAI WCAG compliant
  • new naming scheme, please remove the old theme files
cheers :)
Now you can select the colors you want from the drop down list.
You no longer have to adjust the colors yourself if you don't want to.

Attachments

  • Variants.png
    Variants.png
    26.4 KB · Views: 32
Rework/implementation of new theming conventions for OBS 30.2
changes
color coding and better visualisation for indicators like
  • audio mute state
  • pause state
  • volume slider position
  • color code for add/delete/change items/states
  • better text selection readability
  • mouseover effects on active states
  • mouseover effects for dock resize-areas

Attachments

  • OBS MAIN v2  - grid-mode.PNG
    OBS MAIN v2 - grid-mode.PNG
    59.9 KB · Views: 45
After opening a Github issue post, the issue will be resolved in the next ASS version.

This theme update removes my attempts to apply additional rules for ASS. To reflect the new structures for OBS 30.1.1+
The advanced scene switcher plugin displays checkboxes instead of expand/collapse icons.
This happens with all themes, including the original OBS themes (as far as I tested)
So I don't have any direct influence on it, maybe it's due to an internal change in OBS or an incoherence in the Advanced Scene Switcher layouting. IDK

Since I already had to play around with the checkboxes, I took the opportunity to make them consistent across OBS, not just in the Settings window.
New statusbar implemented & some minor fixes
More polishing on:
  • additional/floating windows like: (advanced audio properties, filters, tools etc.)
  • top window docks
  • plugins -> like advanced scene switcher

!Text colors also are global variables now .
(Easily match the text color, to your highlight colors needs.)

Example:
If you set your "highlight" background color to yellow.​
The white text, is probably not easy to read.​
  • "text" -> Just set it to a more appropriate RGB value.
  • "highlightedText" -> applies the same way. This text color is active, on mouse interactions and/or state changes.
Some element and text design changes,
to draw attention to the main components and clean up the overall look.

Attachments

  • OBS MAIN1.1.png
    OBS MAIN1.1.png
    47.6 KB · Views: 127
  • OBS Settings1.1.png
    OBS Settings1.1.png
    49.5 KB · Views: 124
Top