Add a color picker to mod-settings menu, and make it possible to check the color and alpha

[RainTrap341]

I noticed the modsettings menu is not friendly to color string like "255 255 255 255". So I add a ImagePanel and a ColorPicker which helps.
The mod-settings menu now is able to check the color and edit through a color picker. And the change in the color picker is written to ConVar once each slider/textField gets modified.

Code review:

Add 2 categories: "color", "alpha". The hud elements will show if the ConVarData has right type.

void function ModSettings_AddColorSetting(string conVar, string buttonLabel, void functionref() onPress = null, int stackPos = 2)
{
	if ( !( getstackinfos( stackPos )[ "func" ] in file.setFuncs ) || !file.setFuncs[ expect string( getstackinfos( stackPos )[ "func" ] ) ] )
		throw getstackinfos( stackPos )[ "src" ] + " #" + getstackinfos( stackPos )[ "line" ] + "\nCannot add a button before a category and mod title!"

	ConVarData data


	data.conVar = conVar
	data.type = "color"
	data.displayName = buttonLabel
	data.modName = file.currentMod
	data.catName = file.currentCat
	data.onPress = onPress

	file.conVarList.append( data )
}

void  function ModSettings_AddAlphaSetting(string conVar, string displayName, int stackPos = 2)
{
	if ( !( getstackinfos( stackPos )[ "func" ] in file.setFuncs ) || !file.setFuncs[ expect string( getstackinfos( stackPos )[ "func" ] ) ] )
		throw getstackinfos( stackPos )[ "src" ] + " #" + getstackinfos( stackPos )[ "line" ] + "\nCannot add a button before a category and mod title!"

	ConVarData data

	data.catName = file.currentCat
	data.conVar = conVar
	data.modName = file.currentMod
	data.displayName = displayName
	data.type = "alpha"
	data.sliderEnabled = true
	data.forceClamp = false
	data.min = 0
	data.max = 1
	data.stepSize = 0.05

	file.conVarList.append( data )
}

Testing:

If you want to test it, just call the two functions above like:

ModSettings_AddColorSetting("EntityStatus.health_common_fgcolor","#HUD_DEFAULT_COLORS_OPTION")
ModSettings_AddAlphaSetting("EntityStatus.core_label_alpha","#SETTING_ALPHA" )

The ImagePanel will show the convar color auto.

[NachosChipeados]

Just noticed that all sliders show "RuiButton" on the top left corner when you hover over them. No idea why that happens
https://github.com/user-attachments/assets/d52f81da-5f23-4334-8c67-3110f8debacb

[RainTrap341]

Just noticed that all sliders show "RuiButton" on the top left corner when you hover over them. No idea why that happens https://github.com/user-attachments/assets/d52f81da-5f23-4334-8c67-3110f8debacb

The color string should be with 4 int between 0-255, like "91 255 31 255". I noticed your "1.0 0.5 5 0.0"，the defualt value supposed to int, and reset, then it should work.

[NachosChipeados]

Can confirm that both sliders work properly. Didn't review code though, besides the bugs i mentioned before

Titanfall.2.2024-10-18.13-15-54.mp4

[RainTrap341]

Can confirm that both sliders work properly. Didn't review code though, besides the bugs i mentioned before

Titanfall.2.2024-10-18.13-15-54.mp4

I forgot to consider situation when user may use float by accident, now it goes with a clamp function which make them into integers. Also I got some fix. It's supposed to be more friendly.

[RainTrap341]

Now with displayName as subtitle.