Color scheme & visuals improvement

[CloneWith]

Redesign the colour scheme (or visual style) of win, pick and ban to make them more distinguishable.

---

Some changes must be done before we merge this branch into two currently active branches derived/tboard and derived/tboard_ntcsAppend:

• Trap icons has to be coloured
• Background colour change implementation method (Highest priority)
• Remove trophy icons from winning boxes (won't implement)

[NaughtyChas]

commit d69115b on branch derived/tboard_ntcsAppend changed visual style for box actions. Visuals are not in its final state so further adjustment is required.

                    case ChoiceType.RedWin:
                        Alpha = 1f;
                        icon.Icon = FontAwesome.Solid.Trophy;
                        icon.Colour = new OsuColour().Red;
                        icon.Alpha = 0.73f; // Added this line to distinguish last win from other wins
                        break;

                    case ChoiceType.BlueWin:
                        Alpha = 1f;
                        icon.Icon = FontAwesome.Solid.Trophy;
                        icon.Colour = new OsuColour().Blue;
                        icon.Alpha = 0.73f; // Added this line to distinguish last win from other wins
                        break;

---

Used icon.Alpha = <value>; to distinguish last win from other wins. Last win will be completely non-transparent while other wins display with a certain transparency:

---

I also adjusted the "flashing" effect, as the modified flashing effect seems to be too subtle:

                if (shouldFlash)
                {
                    flash.FadeOutFromOne(900).Loop(0, 3);
                    icon.FadeInFromZero(500);
                }

Now boxes will flash at a slow speed for 3 times, which I believe is a balance point between the original and modified flashing effect. Suggestions welcome.

---

After talking to the art & design team, they said that now only Trap has to change its visual, others are in a good state now.

[NaughtyChas]

Newer design of these boxes had already been pushed onto branch feature/BoardColor. Some changes must be done before we merge this branch into two currently active branches derived/tboard and derived/tboard_ntcsAppend:

---

1. Trap icons has to be coloured.

Current design of the trap display is truely indistinguishable for red and blue:

Art & Design Team has suggested to change the visual style into:

• Use white boundary colour
• Use Coloured trap icon

Just like what we did for protect buttons, but the box boundary will not be coloured.

Should be better in display when picked / win status have added to this box.

---

2. Background colour change implementation method

This should be in the 1st priority, since a protect box had a winning status added to it, the colour of the lock icon will be altered, leading more distinguishability issues.

Red protect Red win / Blue protect Blue win	Red protect Blue win / Blue protect Red win

Two viable options to address this problem:

• Reshape the code to let the icons appear to be "above the colour filter layer".
• Change the background image to work as colour filter instead.
  • If we have chosen to go with this, we might have to take the text colour into account.

---

3. Remove trophy icons from winning boxes

Can't be more straight forward than that.

---

Should be something I have missed or fogotten, Add more bulletpoints below if you got more.

[NaughtyChas]

Closing this issue now.