feat: OBS Color Picker, Raw/Variable Color Entry

[dennisrijsdijk]

Description of the Change

fixed an issue where RGB-only color codes in the OBS Color Source Effect didn't get padded for transparency, thus getting transparency: 0 from OBS
Added a color picker for OBS Color Source Effect that allows users to pick a color with alpha
Added a custom color mode that allows for replace variables that result in ARGB hex codes

Applicable Issues

partially resolves #2250

• Variables are now allowed in the custom mode, however $obsColorValue will invert the color as it was meant for raw requests. [Feature Request] Color variable  #2076 may provide a solution here.

Testing

Ensured pre-existing effects (saved as ARGB) show their appropriate color, both with and without saving from effect settings UI

Ensured pre-existing effects switch to Custom Color mode when entering effect settings UI

Ensured new effects start in color picker mode with a default color

Ensured ARGB -> RGBA conversion only happens when alpha portion is present and input is a valid hex code

Ensured only valid color codes can be saved when custom mode is turned off

Context

Due to technical limitations in the angularjs-color-picker component, the custom entry (ARGB) and color picker (RGBA) differ in color formats. I have added labels to indicate this as clearly as possible in order to forego some of the confusion.

When switching modes, Firebot will convert the color code as long as it's a valid ARGB or RGBA color code (depending on mode switch)

Screenshots