End Game CTA Cleanup - Submission #1

[samgawaran]

Summary

Our current end-game stat CTAs does not use our current CTA design and font-color

This submission proposes a minor change on the end-game CTAs to make it flexible to change in the future

Comparison

Details

Bot and Lobby Games

Ranked Games

Hover on Desktop

---

• Adjust the color of the selected CTA into $color-cta-sub
• retain the brown color for now. we don't want the players to be confused on the new color scheme so the update should be gradual
• Make the text use white colors

Related Links

• https://github.com/colonistio/design/issues/11

Submission Checklist

• [x] whats the scope of this submission? this submission covers the end-game CTAs. specifically the overview, dice, res card, etc. and proposed changes to make it look more cohesive with our CTAs

• [x] how will it look on Mobile? Provided on the sample images

• [x] what would hover states look like? Provided a gif sample on how it would look like

• [x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

Reviewers

@demiculus

[JuanRoman77]

1. This is not a CTA, it's a tab. If selected it shouldn't be the same color of the CTAs. It should look like the other tabs but on its enabled mode.
2. Back to Lobby -> Lobby
3. Maybe Map -> Board?

[samgawaran]

@JuanRoman77

This is not a CTA, it's a tab. If selected it shouldn't be the same color of the CTAs. It should look like the other tabs but on its enabled mode.

something like this?

I can't make the text white, it won't be readable on the enabled state of the tabs.

I also adjusted the text: Back to Lobby to Lobby Return to Map to View Board` (its less wordy than return to map, we can also do View Map if ever)