replace classes extensive names for wildcards

[datsfilipe]

Description

• It is worse for performance but will make the theme less susceptible to break

Example change

I have replaced class names for wildcards for buttons, here's how it is now:

  [class*="lookFilled"][class*="colorBrand"]:not([class*="colorWhite"]) {
    color: tc.$text-alt;
    background-color: gc.$color11;
    transition: filter 0.3s;
  }

  [class*="lookFilled"][class*="colorBrand"]:not([class*="colorWhite"]):hover {
    color: tc.$text-alt;
    background-color: gc.$color11;
    filter: brightness(0.8);
  }

It looked like this before the changes:

  .lookFilled__abc.colorBrand__abc:not(.colorWhite__abc) {
    color: tc.$text-alt;
    background-color: gc.$color11;
    transition: filter 0.3s;
  }

  .lookFilled__abc.colorBrand__abc:not(.colorWhite__abc):hover {
    color: tc.$text-alt;
    background-color: gc.$color11;
    filter: brightness(0.8);
  }

Note: a tool like Vencord can be used to inspect discord classes.