[Feature] Normalize class names for options.

[yurisuika]

Before Requesting

• I found no existing issue matching my feature request
• This request is related to Millennium, and not a request for a specific theme/addon

Describe the feature you'd like!

As of 3.4.0-b9, I noticed that class names are generated for your theme options. However, they are the exact string literal of the option name, which results in multiple class names from spaces. This does not produce a very useful result.

Apostrophes are preserved, which I guess must be valid for class names. I don't know what happens if you have commas or periods etc.

I'd suggest that these class names be normalized into a camel case without the spaces and punctuation. So like My FREAKin' cool OPTION! becomes MyFreakinCoolOption.

Anything else?

No response

[shdwmtr]

Definitely a bug! The algorithm should only restore internal class names, ex: WithBottomSeparatorStandard, everything else is a false positive - make sure to report!

I just need steps to reproduce this! It wasn't an intentional feature.

[yurisuika]

So like I have my option, right..

"Show Accent Color on Window Borders": {
  "description": "Show accent color on window borders when focused.",
  "tab": "Personalization",
  "section": "Colors",
  "default": "yes",
  "values": {
    "no": {
      "TargetCss": {
        "affects": [".*"],
        "src": "option/personalization/colors/show accent color on window borders/off.css"
      }
    },
    "yes": {
      "TargetCss": {
        "affects": [".*"],
        "src": "option/personalization/colors/show accent color on window borders/on.css"
      }
    }
  }
}

Shows up as I'd expect in the flyout.

Classes for the div are Show Accent Color on Window Borders eKmEXJCm_lgme24Fp_HWt Field _16vVnDqpbNs-zIH-EdV6Vz VerticalAlignCenter GxgIyq8R5xTOeu4ftGrgX WithBottomSeparatorStandard _3nLNLFMUMSt4jvxIayuPV3 ExtraPaddingOnChildrenBelow xIITXDcM70faUNqssgUyx StandardPadding _2HFrmMgB38Ike5w4rVxzEX HighlightOnFocus _2CCdODv0vfzOMrEBUzZwfI Background Panel.

All my options are like this, whether they are dropdowns, switches, or sliders.

Is there anything else you need?

[yurisuika]

While on the subject of de-obfuscation, I understand the desire for unobfuscated class names. I have, however, noticed at least one case where the de-obfuscated class name is the same as a class name that exists in Steam that was never obfuscated to begin with. Naturally, this resulted in a styling conflict. Off the top of my head I think this was somewhere in the Friends Settings, but I can't check that now because Friends Settings is presently broken unless in Steam Beta, and today's Steam Beta update broke Millennium.