feat(YouTube - Settings): Add a color picker

[MarcaDian]

Introduces a customizable color picker component to settings, allowing users to select interface colors directly within the app with live UI previews.

Part of code adapted from anddea/revanced-patches@bd0aa09

---

[MarcaDian]

It may also be necessary to rework the color picker call, or perhaps display a toast to the user so that it is obvious that they need to click on the color dot to open the color picker.

I tried to do everything in one dialog box, that is, both the color selection and the edittext, but there are some problems because the fragment extends EditTextPreference.

[LisoUseInAIKyrios]

Is the touch color picker enabled? For the seekbar all I see is a text edit box with the color dot updated as the user types (similar to existing SB color picker).

[MarcaDian]

Is the touch color picker enabled? For the seekbar all I see is a text edit box with the color dot updated as the user types (similar to existing SB color picker).

Need to tap on this color dot

[LisoUseInAIKyrios]

If possible, maybe put the color picker in the same dialog as the text edit? One less click.

Or at a minimum, leave the color picker separate like it is now, but add a button to open the color picker.

[MarcaDian]

If possible, maybe put the color picker in the same dialog as the text edit?

I wrote about this above.

I tried to do everything in one dialog box, that is, both the color selection and the edittext, but there are some problems because the fragment extends EditTextPreference.

If the problem with saving is resolved, I'll try again.

[LisoUseInAIKyrios]

Problem with saving seems to be fixed.

[MarcaDian]

add a button to open the color picker.

How to notify the user about the color selection in the SB? Is it possible to show a toast? There is no place for a button there, but it is not intuitively clear that you need to click on the dot to open the color picker.

[LisoUseInAIKyrios]

If the color picker can be changed to a single dialog with the touch color and text box, then SB could remove the color string text box and replace it with a button to open the color picker ("change color" button)

[LisoUseInAIKyrios]

Or maybe somehow fit the color picker view into the same edit category dialog?

The color view might need to be resized smaller, but if everything can fit on the category dialog (even if vertical scrolling is required) it would be easier to understand without going into a second dialog.

[LisoUseInAIKyrios]

Functionally that looks a lot better.

Instead of overriding EditTextPreference, maybe override a regular Preference?

If the class extends regular Preference, then add code to handle the Color preference to:

revanced-patches/extensions/shared/library/src/main/java/app/revanced/extension/shared/settings/preference/AbstractPreferenceFragment.java

Line 161 in 25e7dc1

protected boolean prefIsSetToDefault(Preference pref, Setting<?> setting) {

revanced-patches/extensions/shared/library/src/main/java/app/revanced/extension/shared/settings/preference/AbstractPreferenceFragment.java

Line 213 in 25e7dc1

protected void syncSettingWithPreference(@NonNull Preference pref,

if (pref instanceof ColorPickerPreference colorPref) {
    // todo
}

Edit: since ColorPickerPreference is a shared class, instead just add code to the abstract preference fragment.

[MarcaDian]

maybe override a regular Preference?

In the video above I did that.

And here is the result if still use EditTextPreference.
But need to fix the behavior of the buttons.

Screenrecorder-2025-05-18-15-11-03-909.mp4

[MarcaDian]

I still can't initialize the color for the left rectangles, where the top one is the saved color and the bottom one is the current one.

This may be due to UI rendering delays.

[LisoUseInAIKyrios]

Yeah very strange why the preview color areas don't show. The draw rectangle is correct, and the colors are set correctly on the first call to draw().

[LisoUseInAIKyrios]

Manually editing the text color string doesn't update the color preview or the color picker wheel cursor location.

[MarcaDian]

it is updated only when the correct color is entered in the format #FFFFFF, i.e. 6 letters or numbers.

Sometimes looping still occurs when manually entering text.

Perhaps a better solution would be to bring back to 2 dialog and simply add a color picker button.

[MarcaDian]

I think it's ready to merge?

Offtop: My crappy code and professional edits from Liso resulted in a very useful feature for users 😅.

[LisoUseInAIKyrios]

Yes, seems ready to merge. Will merge tomorrow if there's no new issues by then.