Styling Problems

[demiculus]

Description

https://www.instagram.com/p/Conp54XPEF7/

This is a dump of styling problems that will be tackled when the time is right.

• Icons are inconsistent since multiple people drew them, we need to get them all similar style
  • Main page: its not clear its 4 different game modes
  • 4 players -> looks like actual game, the others look like settings icon
  • Idea: 4p could be 4 player icons all facing each other
  • 1v1 could be 1 on the left 1 on the right
  • Bots could be similar to 4p but bots
  • C&K 4p in front of caste?
  • Ranked / Unranked games could be shown differently -> put a crown or something, people don't read
• Hovering over text shouldnt be red (watch video) https://github.com/colonistio/katan/pull/9656
• Merging of Color Palettes https://github.com/colonistio/katan/pull/9624#discussion_r1088781690
• Sliders https://github.com/colonistio/katan/pull/9645#issuecomment-1404778578
• Popup colors don't match the game colors, they are boring, game is lively https://i.imgur.com/RGXqCkk.png
• Color problem: https://colonist.featureupvote.com/suggestions/55391/support-for-color-blind-players
• Green color too flashy https://i.imgur.com/7CUkL7O.jpg
• Popup pink shade looks off https://github.com/colonistio/katan/pull/9939#issuecomment-1435874048
• In game setting icon styles are better: https://www.figma.com/proto/aYC5kDvd3xfiITGCoyAmrO/Mobile-App---(Iosef)-File?node-id=1362-248561&viewport=-4015%2C-28578%2C0.98&scaling=scale-down&starting-point-node-id=1362%3A248561&show-proto-sidebar=1
• Button styles: https://www.figma.com/file/aYC5kDvd3xfiITGCoyAmrO/Mobile-App---(Iosef)-File?node-id=1362%3A238649&t=cGpgrziKZ58WmQHo-1
• Action buttons (road, etc) are on a darker background and the trade buttons are on a lighter background https://discord.com/channels/605233308577562643/1143177161021329568/1144223456938962954

Resources

• Some styles of Sam https://www.figma.com/proto/4sPdkWQrqoiGgFkMLtVSqr/Colonist-UI%2FUX-App?page-id=57%3A1338&node-id=257%3A51618&viewport=1381%2C260%2C0.25&scaling=min-zoom&starting-point-node-id=164%3A10287

Reviewer