From 57004048e55290b130df8bfb18594fc58ca28495 Mon Sep 17 00:00:00 2001
From: Andrew nuark G <me@nuark.xyz>
Date: Sun, 5 Mar 2023 19:14:18 +0700
Subject: [PATCH] New pallette!

---
 lib/game_pallete.dart                  | 696 ++++++++++++++++++-------
 lib/ui/pages/game_page.dart            |  97 ++--
 lib/ui/widgets/static_color_plate.dart |  10 +
 3 files changed, 555 insertions(+), 248 deletions(-)

diff --git a/lib/game_pallete.dart b/lib/game_pallete.dart
index 772ce30..6f0ba52 100644
--- a/lib/game_pallete.dart
+++ b/lib/game_pallete.dart
@@ -1,209 +1,503 @@
 import 'dart:ui';
 
+import 'package:flutter/material.dart';
+
 const pallete = {
-  "A0": Color.fromRGBO(0, 0, 186, 1),
-  "A1": Color.fromRGBO(0, 26, 186, 1),
-  "A2": Color.fromRGBO(0, 51, 186, 1),
-  "A3": Color.fromRGBO(0, 77, 186, 1),
-  "A4": Color.fromRGBO(0, 102, 186, 1),
-  "A5": Color.fromRGBO(0, 128, 186, 1),
-  "A6": Color.fromRGBO(0, 153, 186, 1),
-  "A7": Color.fromRGBO(0, 179, 186, 1),
-  "A8": Color.fromRGBO(0, 204, 186, 1),
-  "A9": Color.fromRGBO(0, 230, 186, 1),
-  "B0": Color.fromRGBO(13, 0, 186, 1),
-  "B1": Color.fromRGBO(13, 26, 186, 1),
-  "B2": Color.fromRGBO(13, 51, 186, 1),
-  "B3": Color.fromRGBO(13, 77, 186, 1),
-  "B4": Color.fromRGBO(13, 102, 186, 1),
-  "B5": Color.fromRGBO(13, 128, 186, 1),
-  "B6": Color.fromRGBO(13, 153, 186, 1),
-  "B7": Color.fromRGBO(13, 179, 186, 1),
-  "B8": Color.fromRGBO(13, 204, 186, 1),
-  "B9": Color.fromRGBO(13, 230, 186, 1),
-  "C0": Color.fromRGBO(26, 0, 186, 1),
-  "C1": Color.fromRGBO(26, 26, 186, 1),
-  "C2": Color.fromRGBO(26, 51, 186, 1),
-  "C3": Color.fromRGBO(26, 77, 186, 1),
-  "C4": Color.fromRGBO(26, 102, 186, 1),
-  "C5": Color.fromRGBO(26, 128, 186, 1),
-  "C6": Color.fromRGBO(26, 153, 186, 1),
-  "C7": Color.fromRGBO(26, 179, 186, 1),
-  "C8": Color.fromRGBO(26, 204, 186, 1),
-  "C9": Color.fromRGBO(26, 230, 186, 1),
-  "D0": Color.fromRGBO(38, 0, 186, 1),
-  "D1": Color.fromRGBO(38, 26, 186, 1),
-  "D2": Color.fromRGBO(38, 51, 186, 1),
-  "D3": Color.fromRGBO(38, 77, 186, 1),
-  "D4": Color.fromRGBO(38, 102, 186, 1),
-  "D5": Color.fromRGBO(38, 128, 186, 1),
-  "D6": Color.fromRGBO(38, 153, 186, 1),
-  "D7": Color.fromRGBO(38, 179, 186, 1),
-  "D8": Color.fromRGBO(38, 204, 186, 1),
-  "D9": Color.fromRGBO(38, 230, 186, 1),
-  "E0": Color.fromRGBO(51, 0, 186, 1),
-  "E1": Color.fromRGBO(51, 26, 186, 1),
-  "E2": Color.fromRGBO(51, 51, 186, 1),
-  "E3": Color.fromRGBO(51, 77, 186, 1),
-  "E4": Color.fromRGBO(51, 102, 186, 1),
-  "E5": Color.fromRGBO(51, 128, 186, 1),
-  "E6": Color.fromRGBO(51, 153, 186, 1),
-  "E7": Color.fromRGBO(51, 179, 186, 1),
-  "E8": Color.fromRGBO(51, 204, 186, 1),
-  "E9": Color.fromRGBO(51, 230, 186, 1),
-  "F0": Color.fromRGBO(64, 0, 186, 1),
-  "F1": Color.fromRGBO(64, 26, 186, 1),
-  "F2": Color.fromRGBO(64, 51, 186, 1),
-  "F3": Color.fromRGBO(64, 77, 186, 1),
-  "F4": Color.fromRGBO(64, 102, 186, 1),
-  "F5": Color.fromRGBO(64, 128, 186, 1),
-  "F6": Color.fromRGBO(64, 153, 186, 1),
-  "F7": Color.fromRGBO(64, 179, 186, 1),
-  "F8": Color.fromRGBO(64, 204, 186, 1),
-  "F9": Color.fromRGBO(64, 230, 186, 1),
-  "G0": Color.fromRGBO(77, 0, 186, 1),
-  "G1": Color.fromRGBO(77, 26, 186, 1),
-  "G2": Color.fromRGBO(77, 51, 186, 1),
-  "G3": Color.fromRGBO(77, 77, 186, 1),
-  "G4": Color.fromRGBO(77, 102, 186, 1),
-  "G5": Color.fromRGBO(77, 128, 186, 1),
-  "G6": Color.fromRGBO(77, 153, 186, 1),
-  "G7": Color.fromRGBO(77, 179, 186, 1),
-  "G8": Color.fromRGBO(77, 204, 186, 1),
-  "G9": Color.fromRGBO(77, 230, 186, 1),
-  "H0": Color.fromRGBO(89, 0, 186, 1),
-  "H1": Color.fromRGBO(89, 26, 186, 1),
-  "H2": Color.fromRGBO(89, 51, 186, 1),
-  "H3": Color.fromRGBO(89, 77, 186, 1),
-  "H4": Color.fromRGBO(89, 102, 186, 1),
-  "H5": Color.fromRGBO(89, 128, 186, 1),
-  "H6": Color.fromRGBO(89, 153, 186, 1),
-  "H7": Color.fromRGBO(89, 179, 186, 1),
-  "H8": Color.fromRGBO(89, 204, 186, 1),
-  "H9": Color.fromRGBO(89, 230, 186, 1),
-  "I0": Color.fromRGBO(102, 0, 186, 1),
-  "I1": Color.fromRGBO(102, 26, 186, 1),
-  "I2": Color.fromRGBO(102, 51, 186, 1),
-  "I3": Color.fromRGBO(102, 77, 186, 1),
-  "I4": Color.fromRGBO(102, 102, 186, 1),
-  "I5": Color.fromRGBO(102, 128, 186, 1),
-  "I6": Color.fromRGBO(102, 153, 186, 1),
-  "I7": Color.fromRGBO(102, 179, 186, 1),
-  "I8": Color.fromRGBO(102, 204, 186, 1),
-  "I9": Color.fromRGBO(102, 230, 186, 1),
-  "J0": Color.fromRGBO(115, 0, 186, 1),
-  "J1": Color.fromRGBO(115, 26, 186, 1),
-  "J2": Color.fromRGBO(115, 51, 186, 1),
-  "J3": Color.fromRGBO(115, 77, 186, 1),
-  "J4": Color.fromRGBO(115, 102, 186, 1),
-  "J5": Color.fromRGBO(115, 128, 186, 1),
-  "J6": Color.fromRGBO(115, 153, 186, 1),
-  "J7": Color.fromRGBO(115, 179, 186, 1),
-  "J8": Color.fromRGBO(115, 204, 186, 1),
-  "J9": Color.fromRGBO(115, 230, 186, 1),
-  "K0": Color.fromRGBO(128, 0, 186, 1),
-  "K1": Color.fromRGBO(128, 26, 186, 1),
-  "K2": Color.fromRGBO(128, 51, 186, 1),
-  "K3": Color.fromRGBO(128, 77, 186, 1),
-  "K4": Color.fromRGBO(128, 102, 186, 1),
-  "K5": Color.fromRGBO(128, 128, 186, 1),
-  "K6": Color.fromRGBO(128, 153, 186, 1),
-  "K7": Color.fromRGBO(128, 179, 186, 1),
-  "K8": Color.fromRGBO(128, 204, 186, 1),
-  "K9": Color.fromRGBO(128, 230, 186, 1),
-  "L0": Color.fromRGBO(140, 0, 186, 1),
-  "L1": Color.fromRGBO(140, 26, 186, 1),
-  "L2": Color.fromRGBO(140, 51, 186, 1),
-  "L3": Color.fromRGBO(140, 77, 186, 1),
-  "L4": Color.fromRGBO(140, 102, 186, 1),
-  "L5": Color.fromRGBO(140, 128, 186, 1),
-  "L6": Color.fromRGBO(140, 153, 186, 1),
-  "L7": Color.fromRGBO(140, 179, 186, 1),
-  "L8": Color.fromRGBO(140, 204, 186, 1),
-  "L9": Color.fromRGBO(140, 230, 186, 1),
-  "M0": Color.fromRGBO(153, 0, 186, 1),
-  "M1": Color.fromRGBO(153, 26, 186, 1),
-  "M2": Color.fromRGBO(153, 51, 186, 1),
-  "M3": Color.fromRGBO(153, 77, 186, 1),
-  "M4": Color.fromRGBO(153, 102, 186, 1),
-  "M5": Color.fromRGBO(153, 128, 186, 1),
-  "M6": Color.fromRGBO(153, 153, 186, 1),
-  "M7": Color.fromRGBO(153, 179, 186, 1),
-  "M8": Color.fromRGBO(153, 204, 186, 1),
-  "M9": Color.fromRGBO(153, 230, 186, 1),
-  "N0": Color.fromRGBO(166, 0, 186, 1),
-  "N1": Color.fromRGBO(166, 26, 186, 1),
-  "N2": Color.fromRGBO(166, 51, 186, 1),
-  "N3": Color.fromRGBO(166, 77, 186, 1),
-  "N4": Color.fromRGBO(166, 102, 186, 1),
-  "N5": Color.fromRGBO(166, 128, 186, 1),
-  "N6": Color.fromRGBO(166, 153, 186, 1),
-  "N7": Color.fromRGBO(166, 179, 186, 1),
-  "N8": Color.fromRGBO(166, 204, 186, 1),
-  "N9": Color.fromRGBO(166, 230, 186, 1),
-  "O0": Color.fromRGBO(179, 0, 186, 1),
-  "O1": Color.fromRGBO(179, 26, 186, 1),
-  "O2": Color.fromRGBO(179, 51, 186, 1),
-  "O3": Color.fromRGBO(179, 77, 186, 1),
-  "O4": Color.fromRGBO(179, 102, 186, 1),
-  "O5": Color.fromRGBO(179, 128, 186, 1),
-  "O6": Color.fromRGBO(179, 153, 186, 1),
-  "O7": Color.fromRGBO(179, 179, 186, 1),
-  "O8": Color.fromRGBO(179, 204, 186, 1),
-  "O9": Color.fromRGBO(179, 230, 186, 1),
-  "P0": Color.fromRGBO(191, 0, 186, 1),
-  "P1": Color.fromRGBO(191, 26, 186, 1),
-  "P2": Color.fromRGBO(191, 51, 186, 1),
-  "P3": Color.fromRGBO(191, 77, 186, 1),
-  "P4": Color.fromRGBO(191, 102, 186, 1),
-  "P5": Color.fromRGBO(191, 128, 186, 1),
-  "P6": Color.fromRGBO(191, 153, 186, 1),
-  "P7": Color.fromRGBO(191, 179, 186, 1),
-  "P8": Color.fromRGBO(191, 204, 186, 1),
-  "P9": Color.fromRGBO(191, 230, 186, 1),
-  "Q0": Color.fromRGBO(204, 0, 186, 1),
-  "Q1": Color.fromRGBO(204, 26, 186, 1),
-  "Q2": Color.fromRGBO(204, 51, 186, 1),
-  "Q3": Color.fromRGBO(204, 77, 186, 1),
-  "Q4": Color.fromRGBO(204, 102, 186, 1),
-  "Q5": Color.fromRGBO(204, 128, 186, 1),
-  "Q6": Color.fromRGBO(204, 153, 186, 1),
-  "Q7": Color.fromRGBO(204, 179, 186, 1),
-  "Q8": Color.fromRGBO(204, 204, 186, 1),
-  "Q9": Color.fromRGBO(204, 230, 186, 1),
-  "R0": Color.fromRGBO(217, 0, 186, 1),
-  "R1": Color.fromRGBO(217, 26, 186, 1),
-  "R2": Color.fromRGBO(217, 51, 186, 1),
-  "R3": Color.fromRGBO(217, 77, 186, 1),
-  "R4": Color.fromRGBO(217, 102, 186, 1),
-  "R5": Color.fromRGBO(217, 128, 186, 1),
-  "R6": Color.fromRGBO(217, 153, 186, 1),
-  "R7": Color.fromRGBO(217, 179, 186, 1),
-  "R8": Color.fromRGBO(217, 204, 186, 1),
-  "R9": Color.fromRGBO(217, 230, 186, 1),
-  "S0": Color.fromRGBO(230, 0, 186, 1),
-  "S1": Color.fromRGBO(230, 26, 186, 1),
-  "S2": Color.fromRGBO(230, 51, 186, 1),
-  "S3": Color.fromRGBO(230, 77, 186, 1),
-  "S4": Color.fromRGBO(230, 102, 186, 1),
-  "S5": Color.fromRGBO(230, 128, 186, 1),
-  "S6": Color.fromRGBO(230, 153, 186, 1),
-  "S7": Color.fromRGBO(230, 179, 186, 1),
-  "S8": Color.fromRGBO(230, 204, 186, 1),
-  "S9": Color.fromRGBO(230, 230, 186, 1),
-  "T0": Color.fromRGBO(242, 0, 186, 1),
-  "T1": Color.fromRGBO(242, 26, 186, 1),
-  "T2": Color.fromRGBO(242, 51, 186, 1),
-  "T3": Color.fromRGBO(242, 77, 186, 1),
-  "T4": Color.fromRGBO(242, 102, 186, 1),
-  "T5": Color.fromRGBO(242, 128, 186, 1),
-  "T6": Color.fromRGBO(242, 153, 186, 1),
-  "T7": Color.fromRGBO(242, 179, 186, 1),
-  "T8": Color.fromRGBO(242, 204, 186, 1),
-  "T9": Color.fromRGBO(242, 230, 186, 1)
+  "A1": Color.fromRGBO(107, 38, 5, 1),
+  "A2": Color.fromRGBO(117, 33, 5, 1),
+  "A3": Color.fromRGBO(128, 26, 12, 1),
+  "A4": Color.fromRGBO(148, 13, 17, 1),
+  "A5": Color.fromRGBO(162, 3, 21, 1),
+  "A6": Color.fromRGBO(174, 0, 25, 1),
+  "A7": Color.fromRGBO(190, 0, 26, 1),
+  "A8": Color.fromRGBO(217, 1, 25, 1),
+  "A9": Color.fromRGBO(246, 1, 18, 1),
+  "A10": Color.fromRGBO(255, 0, 13, 1),
+  "A11": Color.fromRGBO(255, 0, 6, 1),
+  "A12": Color.fromRGBO(255, 0, 8, 1),
+  "A13": Color.fromRGBO(255, 0, 30, 1),
+  "A14": Color.fromRGBO(255, 0, 48, 1),
+  "A15": Color.fromRGBO(255, 1, 65, 1),
+  "A16": Color.fromRGBO(255, 0, 80, 1),
+  "A17": Color.fromRGBO(250, 0, 98, 1),
+  "A18": Color.fromRGBO(247, 0, 117, 1),
+  "A19": Color.fromRGBO(236, 0, 136, 1),
+  "A20": Color.fromRGBO(230, 1, 146, 1),
+  "A21": Color.fromRGBO(218, 0, 146, 1),
+  "A22": Color.fromRGBO(203, 19, 149, 1),
+  "A23": Color.fromRGBO(198, 35, 152, 1),
+  "A24": Color.fromRGBO(183, 39, 153, 1),
+  "A25": Color.fromRGBO(173, 46, 153, 1),
+  "A26": Color.fromRGBO(158, 49, 154, 1),
+  "A27": Color.fromRGBO(151, 56, 156, 1),
+  "A28": Color.fromRGBO(142, 57, 158, 1),
+  "A29": Color.fromRGBO(135, 59, 159, 1),
+  "A30": Color.fromRGBO(124, 62, 161, 1),
+  "B1": Color.fromRGBO(146, 71, 14, 1),
+  "B2": Color.fromRGBO(161, 63, 16, 1),
+  "B3": Color.fromRGBO(171, 55, 16, 1),
+  "B4": Color.fromRGBO(185, 52, 21, 1),
+  "B5": Color.fromRGBO(199, 43, 21, 1),
+  "B6": Color.fromRGBO(216, 12, 24, 1),
+  "B7": Color.fromRGBO(237, 2, 19, 1),
+  "B8": Color.fromRGBO(250, 0, 14, 1),
+  "B9": Color.fromRGBO(255, 0, 8, 1),
+  "B10": Color.fromRGBO(255, 0, 24, 1),
+  "B11": Color.fromRGBO(255, 0, 34, 1),
+  "B12": Color.fromRGBO(254, 0, 52, 1),
+  "B13": Color.fromRGBO(255, 1, 55, 1),
+  "B14": Color.fromRGBO(255, 0, 76, 1),
+  "B15": Color.fromRGBO(255, 0, 94, 1),
+  "B16": Color.fromRGBO(255, 0, 110, 1),
+  "B17": Color.fromRGBO(255, 1, 126, 1),
+  "B18": Color.fromRGBO(255, 0, 144, 1),
+  "B19": Color.fromRGBO(240, 1, 147, 1),
+  "B20": Color.fromRGBO(226, 35, 151, 1),
+  "B21": Color.fromRGBO(207, 49, 159, 1),
+  "B22": Color.fromRGBO(198, 48, 158, 1),
+  "B23": Color.fromRGBO(180, 48, 157, 1),
+  "B24": Color.fromRGBO(170, 54, 155, 1),
+  "B25": Color.fromRGBO(165, 54, 156, 1),
+  "B26": Color.fromRGBO(152, 55, 152, 1),
+  "B27": Color.fromRGBO(140, 58, 158, 1),
+  "B28": Color.fromRGBO(137, 59, 160, 1),
+  "B29": Color.fromRGBO(120, 58, 157, 1),
+  "B30": Color.fromRGBO(113, 57, 158, 1),
+  "C1": Color.fromRGBO(176, 94, 21, 1),
+  "C2": Color.fromRGBO(184, 85, 18, 1),
+  "C3": Color.fromRGBO(200, 84, 11, 1),
+  "C4": Color.fromRGBO(208, 69, 14, 1),
+  "C5": Color.fromRGBO(223, 57, 17, 1),
+  "C6": Color.fromRGBO(235, 45, 19, 1),
+  "C7": Color.fromRGBO(249, 25, 13, 1),
+  "C8": Color.fromRGBO(254, 0, 3, 1),
+  "C9": Color.fromRGBO(255, 7, 23, 1),
+  "C10": Color.fromRGBO(255, 26, 55, 1),
+  "C11": Color.fromRGBO(255, 35, 70, 1),
+  "C12": Color.fromRGBO(255, 25, 74, 1),
+  "C13": Color.fromRGBO(255, 21, 90, 1),
+  "C14": Color.fromRGBO(255, 0, 104, 1),
+  "C15": Color.fromRGBO(255, 0, 120, 1),
+  "C16": Color.fromRGBO(255, 1, 136, 1),
+  "C17": Color.fromRGBO(255, 0, 154, 1),
+  "C18": Color.fromRGBO(239, 47, 156, 1),
+  "C19": Color.fromRGBO(220, 60, 158, 1),
+  "C20": Color.fromRGBO(200, 66, 161, 1),
+  "C21": Color.fromRGBO(195, 64, 160, 1),
+  "C22": Color.fromRGBO(179, 64, 157, 1),
+  "C23": Color.fromRGBO(172, 62, 157, 1),
+  "C24": Color.fromRGBO(161, 60, 156, 1),
+  "C25": Color.fromRGBO(152, 62, 158, 1),
+  "C26": Color.fromRGBO(142, 57, 160, 1),
+  "C27": Color.fromRGBO(132, 57, 158, 1),
+  "C28": Color.fromRGBO(124, 56, 157, 1),
+  "C29": Color.fromRGBO(110, 55, 156, 1),
+  "C30": Color.fromRGBO(97, 46, 149, 1),
+  "D1": Color.fromRGBO(213, 128, 1, 1),
+  "D2": Color.fromRGBO(230, 125, 0, 1),
+  "D3": Color.fromRGBO(238, 112, 1, 1),
+  "D4": Color.fromRGBO(248, 114, 3, 1),
+  "D5": Color.fromRGBO(249, 94, 1, 1),
+  "D6": Color.fromRGBO(253, 81, 0, 1),
+  "D7": Color.fromRGBO(255, 83, 0, 1),
+  "D8": Color.fromRGBO(255, 70, 29, 1),
+  "D9": Color.fromRGBO(254, 61, 44, 1),
+  "D10": Color.fromRGBO(255, 71, 73, 1),
+  "D11": Color.fromRGBO(255, 79, 95, 1),
+  "D12": Color.fromRGBO(255, 81, 104, 1),
+  "D13": Color.fromRGBO(255, 73, 111, 1),
+  "D14": Color.fromRGBO(255, 66, 124, 1),
+  "D15": Color.fromRGBO(255, 60, 142, 1),
+  "D16": Color.fromRGBO(255, 59, 157, 1),
+  "D17": Color.fromRGBO(241, 73, 161, 1),
+  "D18": Color.fromRGBO(223, 76, 165, 1),
+  "D19": Color.fromRGBO(205, 88, 169, 1),
+  "D20": Color.fromRGBO(195, 81, 168, 1),
+  "D21": Color.fromRGBO(177, 79, 166, 1),
+  "D22": Color.fromRGBO(167, 72, 162, 1),
+  "D23": Color.fromRGBO(160, 71, 165, 1),
+  "D24": Color.fromRGBO(153, 69, 163, 1),
+  "D25": Color.fromRGBO(140, 65, 160, 1),
+  "D26": Color.fromRGBO(132, 62, 160, 1),
+  "D27": Color.fromRGBO(119, 59, 159, 1),
+  "D28": Color.fromRGBO(110, 54, 155, 1),
+  "D29": Color.fromRGBO(95, 50, 153, 1),
+  "D30": Color.fromRGBO(73, 46, 143, 1),
+  "E1": Color.fromRGBO(247, 152, 0, 1),
+  "E2": Color.fromRGBO(254, 148, 0, 1),
+  "E3": Color.fromRGBO(255, 139, 0, 1),
+  "E4": Color.fromRGBO(255, 133, 3, 1),
+  "E5": Color.fromRGBO(255, 125, 1, 1),
+  "E6": Color.fromRGBO(255, 110, 1, 1),
+  "E7": Color.fromRGBO(254, 110, 39, 1),
+  "E8": Color.fromRGBO(255, 100, 52, 1),
+  "E9": Color.fromRGBO(255, 100, 69, 1),
+  "E10": Color.fromRGBO(254, 111, 97, 1),
+  "E11": Color.fromRGBO(255, 109, 112, 1),
+  "E12": Color.fromRGBO(255, 110, 125, 1),
+  "E13": Color.fromRGBO(254, 109, 138, 1),
+  "E14": Color.fromRGBO(254, 102, 153, 1),
+  "E15": Color.fromRGBO(255, 93, 168, 1),
+  "E16": Color.fromRGBO(249, 103, 176, 1),
+  "E17": Color.fromRGBO(226, 107, 175, 1),
+  "E18": Color.fromRGBO(211, 108, 177, 1),
+  "E19": Color.fromRGBO(200, 109, 178, 1),
+  "E20": Color.fromRGBO(183, 99, 174, 1),
+  "E21": Color.fromRGBO(168, 91, 171, 1),
+  "E22": Color.fromRGBO(157, 85, 171, 1),
+  "E23": Color.fromRGBO(148, 82, 169, 1),
+  "E24": Color.fromRGBO(141, 79, 165, 1),
+  "E25": Color.fromRGBO(130, 69, 162, 1),
+  "E26": Color.fromRGBO(118, 68, 163, 1),
+  "E27": Color.fromRGBO(105, 61, 158, 1),
+  "E28": Color.fromRGBO(95, 50, 151, 1),
+  "E29": Color.fromRGBO(79, 42, 156, 1),
+  "E30": Color.fromRGBO(54, 43, 135, 1),
+  "F1": Color.fromRGBO(254, 177, 1, 1),
+  "F2": Color.fromRGBO(255, 173, 1, 1),
+  "F3": Color.fromRGBO(255, 166, 0, 1),
+  "F4": Color.fromRGBO(251, 171, 0, 1),
+  "F5": Color.fromRGBO(254, 160, 24, 1),
+  "F6": Color.fromRGBO(255, 159, 49, 1),
+  "F7": Color.fromRGBO(254, 146, 71, 1),
+  "F8": Color.fromRGBO(255, 136, 80, 1),
+  "F9": Color.fromRGBO(255, 130, 90, 1),
+  "F10": Color.fromRGBO(255, 129, 110, 1),
+  "F11": Color.fromRGBO(254, 136, 122, 1),
+  "F12": Color.fromRGBO(254, 138, 139, 1),
+  "F13": Color.fromRGBO(254, 135, 154, 1),
+  "F14": Color.fromRGBO(255, 134, 165, 1),
+  "F15": Color.fromRGBO(255, 129, 182, 1),
+  "F16": Color.fromRGBO(239, 136, 189, 1),
+  "F17": Color.fromRGBO(221, 136, 193, 1),
+  "F18": Color.fromRGBO(208, 137, 193, 1),
+  "F19": Color.fromRGBO(196, 128, 189, 1),
+  "F20": Color.fromRGBO(180, 119, 186, 1),
+  "F21": Color.fromRGBO(165, 115, 186, 1),
+  "F22": Color.fromRGBO(152, 101, 178, 1),
+  "F23": Color.fromRGBO(138, 93, 174, 1),
+  "F24": Color.fromRGBO(130, 88, 172, 1),
+  "F25": Color.fromRGBO(119, 79, 168, 1),
+  "F26": Color.fromRGBO(105, 75, 165, 1),
+  "F27": Color.fromRGBO(95, 66, 158, 1),
+  "F28": Color.fromRGBO(79, 51, 154, 1),
+  "F29": Color.fromRGBO(61, 46, 149, 1),
+  "F30": Color.fromRGBO(46, 41, 125, 1),
+  "G1": Color.fromRGBO(254, 189, 0, 1),
+  "G2": Color.fromRGBO(254, 189, 1, 1),
+  "G3": Color.fromRGBO(255, 180, 0, 1),
+  "G4": Color.fromRGBO(250, 180, 0, 1),
+  "G5": Color.fromRGBO(255, 183, 75, 1),
+  "G6": Color.fromRGBO(255, 168, 63, 1),
+  "G7": Color.fromRGBO(254, 167, 87, 1),
+  "G8": Color.fromRGBO(254, 158, 98, 1),
+  "G9": Color.fromRGBO(255, 157, 110, 1),
+  "G10": Color.fromRGBO(255, 156, 127, 1),
+  "G11": Color.fromRGBO(255, 154, 146, 1),
+  "G12": Color.fromRGBO(255, 153, 151, 1),
+  "G13": Color.fromRGBO(255, 153, 166, 1),
+  "G14": Color.fromRGBO(255, 150, 170, 1),
+  "G15": Color.fromRGBO(255, 152, 199, 1),
+  "G16": Color.fromRGBO(237, 162, 203, 1),
+  "G17": Color.fromRGBO(218, 165, 207, 1),
+  "G18": Color.fromRGBO(211, 172, 216, 1),
+  "G19": Color.fromRGBO(190, 149, 205, 1),
+  "G20": Color.fromRGBO(174, 138, 199, 1),
+  "G21": Color.fromRGBO(159, 130, 194, 1),
+  "G22": Color.fromRGBO(141, 118, 186, 1),
+  "G23": Color.fromRGBO(129, 109, 180, 1),
+  "G24": Color.fromRGBO(118, 101, 179, 1),
+  "G25": Color.fromRGBO(105, 94, 173, 1),
+  "G26": Color.fromRGBO(89, 85, 170, 1),
+  "G27": Color.fromRGBO(81, 75, 163, 1),
+  "G28": Color.fromRGBO(70, 66, 163, 1),
+  "G29": Color.fromRGBO(50, 55, 155, 1),
+  "G30": Color.fromRGBO(42, 47, 139, 1),
+  "H1": Color.fromRGBO(255, 205, 2, 1),
+  "H2": Color.fromRGBO(255, 204, 0, 1),
+  "H3": Color.fromRGBO(255, 197, 1, 1),
+  "H4": Color.fromRGBO(255, 196, 4, 1),
+  "H5": Color.fromRGBO(255, 196, 32, 1),
+  "H6": Color.fromRGBO(255, 188, 63, 1),
+  "H7": Color.fromRGBO(253, 186, 73, 1),
+  "H8": Color.fromRGBO(255, 182, 93, 1),
+  "H9": Color.fromRGBO(255, 175, 112, 1),
+  "H10": Color.fromRGBO(255, 171, 122, 1),
+  "H11": Color.fromRGBO(255, 171, 137, 1),
+  "H12": Color.fromRGBO(255, 176, 157, 1),
+  "H13": Color.fromRGBO(254, 180, 171, 1),
+  "H14": Color.fromRGBO(252, 181, 179, 1),
+  "H15": Color.fromRGBO(247, 179, 200, 1),
+  "H16": Color.fromRGBO(223, 181, 217, 1),
+  "H17": Color.fromRGBO(210, 183, 218, 1),
+  "H18": Color.fromRGBO(206, 189, 221, 1),
+  "H19": Color.fromRGBO(183, 170, 214, 1),
+  "H20": Color.fromRGBO(165, 162, 207, 1),
+  "H21": Color.fromRGBO(154, 149, 205, 1),
+  "H22": Color.fromRGBO(131, 137, 199, 1),
+  "H23": Color.fromRGBO(116, 126, 195, 1),
+  "H24": Color.fromRGBO(104, 118, 191, 1),
+  "H25": Color.fromRGBO(90, 108, 180, 1),
+  "H26": Color.fromRGBO(77, 100, 180, 1),
+  "H27": Color.fromRGBO(68, 90, 175, 1),
+  "H28": Color.fromRGBO(59, 80, 169, 1),
+  "H29": Color.fromRGBO(40, 70, 160, 1),
+  "H30": Color.fromRGBO(30, 60, 158, 1),
+  "I1": Color.fromRGBO(254, 225, 1, 1),
+  "I2": Color.fromRGBO(254, 220, 0, 1),
+  "I3": Color.fromRGBO(255, 216, 1, 1),
+  "I4": Color.fromRGBO(252, 216, 0, 1),
+  "I5": Color.fromRGBO(255, 222, 5, 1),
+  "I6": Color.fromRGBO(254, 214, 54, 1),
+  "I7": Color.fromRGBO(254, 216, 69, 1),
+  "I8": Color.fromRGBO(255, 212, 82, 1),
+  "I9": Color.fromRGBO(251, 219, 108, 1),
+  "I10": Color.fromRGBO(241, 226, 133, 1),
+  "I11": Color.fromRGBO(239, 221, 149, 1),
+  "I12": Color.fromRGBO(233, 226, 174, 1),
+  "I13": Color.fromRGBO(227, 224, 193, 1),
+  "I14": Color.fromRGBO(220, 225, 202, 1),
+  "I15": Color.fromRGBO(208, 226, 210, 1),
+  "I16": Color.fromRGBO(192, 223, 228, 1),
+  "I17": Color.fromRGBO(188, 218, 244, 1),
+  "I18": Color.fromRGBO(187, 217, 243, 1),
+  "I19": Color.fromRGBO(158, 203, 236, 1),
+  "I20": Color.fromRGBO(144, 187, 229, 1),
+  "I21": Color.fromRGBO(130, 172, 222, 1),
+  "I22": Color.fromRGBO(112, 162, 221, 1),
+  "I23": Color.fromRGBO(105, 146, 210, 1),
+  "I24": Color.fromRGBO(94, 135, 201, 1),
+  "I25": Color.fromRGBO(76, 123, 191, 1),
+  "I26": Color.fromRGBO(68, 110, 186, 1),
+  "I27": Color.fromRGBO(57, 99, 181, 1),
+  "I28": Color.fromRGBO(48, 93, 178, 1),
+  "I29": Color.fromRGBO(43, 80, 169, 1),
+  "I30": Color.fromRGBO(31, 72, 164, 1),
+  "J1": Color.fromRGBO(252, 236, 1, 1),
+  "J2": Color.fromRGBO(253, 235, 1, 1),
+  "J3": Color.fromRGBO(254, 234, 0, 1),
+  "J4": Color.fromRGBO(255, 236, 0, 1),
+  "J5": Color.fromRGBO(252, 239, 0, 1),
+  "J6": Color.fromRGBO(251, 243, 48, 1),
+  "J7": Color.fromRGBO(250, 240, 80, 1),
+  "J8": Color.fromRGBO(240, 239, 112, 1),
+  "J9": Color.fromRGBO(230, 236, 126, 1),
+  "J10": Color.fromRGBO(221, 233, 147, 1),
+  "J11": Color.fromRGBO(213, 232, 166, 1),
+  "J12": Color.fromRGBO(207, 233, 186, 1),
+  "J13": Color.fromRGBO(206, 233, 202, 1),
+  "J14": Color.fromRGBO(199, 235, 209, 1),
+  "J15": Color.fromRGBO(193, 232, 214, 1),
+  "J16": Color.fromRGBO(176, 232, 231, 1),
+  "J17": Color.fromRGBO(164, 230, 244, 1),
+  "J18": Color.fromRGBO(164, 229, 249, 1),
+  "J19": Color.fromRGBO(139, 223, 249, 1),
+  "J20": Color.fromRGBO(107, 216, 255, 1),
+  "J21": Color.fromRGBO(98, 201, 242, 1),
+  "J22": Color.fromRGBO(89, 183, 234, 1),
+  "J23": Color.fromRGBO(76, 172, 222, 1),
+  "J24": Color.fromRGBO(72, 154, 214, 1),
+  "J25": Color.fromRGBO(58, 141, 207, 1),
+  "J26": Color.fromRGBO(59, 126, 197, 1),
+  "J27": Color.fromRGBO(44, 113, 191, 1),
+  "J28": Color.fromRGBO(35, 104, 182, 1),
+  "J29": Color.fromRGBO(42, 92, 177, 1),
+  "J30": Color.fromRGBO(36, 82, 168, 1),
+  "K1": Color.fromRGBO(249, 240, 0, 1),
+  "K2": Color.fromRGBO(249, 240, 1, 1),
+  "K3": Color.fromRGBO(248, 239, 0, 1),
+  "K4": Color.fromRGBO(249, 237, 3, 1),
+  "K5": Color.fromRGBO(244, 236, 47, 1),
+  "K6": Color.fromRGBO(236, 237, 74, 1),
+  "K7": Color.fromRGBO(231, 234, 105, 1),
+  "K8": Color.fromRGBO(222, 230, 118, 1),
+  "K9": Color.fromRGBO(212, 229, 117, 1),
+  "K10": Color.fromRGBO(198, 223, 132, 1),
+  "K11": Color.fromRGBO(182, 223, 144, 1),
+  "K12": Color.fromRGBO(171, 219, 157, 1),
+  "K13": Color.fromRGBO(170, 220, 169, 1),
+  "K14": Color.fromRGBO(167, 220, 178, 1),
+  "K15": Color.fromRGBO(162, 221, 191, 1),
+  "K16": Color.fromRGBO(165, 222, 215, 1),
+  "K17": Color.fromRGBO(158, 222, 222, 1),
+  "K18": Color.fromRGBO(153, 224, 228, 1),
+  "K19": Color.fromRGBO(131, 219, 233, 1),
+  "K20": Color.fromRGBO(109, 217, 243, 1),
+  "K21": Color.fromRGBO(71, 213, 249, 1),
+  "K22": Color.fromRGBO(40, 205, 250, 1),
+  "K23": Color.fromRGBO(45, 192, 236, 1),
+  "K24": Color.fromRGBO(52, 173, 226, 1),
+  "K25": Color.fromRGBO(47, 160, 220, 1),
+  "K26": Color.fromRGBO(45, 140, 208, 1),
+  "K27": Color.fromRGBO(33, 127, 199, 1),
+  "K28": Color.fromRGBO(36, 116, 187, 1),
+  "K29": Color.fromRGBO(34, 103, 181, 1),
+  "K30": Color.fromRGBO(34, 95, 178, 1),
+  "L1": Color.fromRGBO(244, 237, 1, 1),
+  "L2": Color.fromRGBO(242, 235, 0, 1),
+  "L3": Color.fromRGBO(235, 233, 0, 1),
+  "L4": Color.fromRGBO(234, 233, 1, 1),
+  "L5": Color.fromRGBO(229, 231, 0, 1),
+  "L6": Color.fromRGBO(219, 229, 36, 1),
+  "L7": Color.fromRGBO(209, 224, 71, 1),
+  "L8": Color.fromRGBO(186, 219, 86, 1),
+  "L9": Color.fromRGBO(168, 217, 89, 1),
+  "L10": Color.fromRGBO(157, 214, 107, 1),
+  "L11": Color.fromRGBO(146, 212, 115, 1),
+  "L12": Color.fromRGBO(136, 211, 129, 1),
+  "L13": Color.fromRGBO(126, 210, 148, 1),
+  "L14": Color.fromRGBO(122, 207, 152, 1),
+  "L15": Color.fromRGBO(121, 210, 166, 1),
+  "L16": Color.fromRGBO(120, 209, 177, 1),
+  "L17": Color.fromRGBO(122, 211, 191, 1),
+  "L18": Color.fromRGBO(116, 212, 200, 1),
+  "L19": Color.fromRGBO(101, 212, 205, 1),
+  "L20": Color.fromRGBO(91, 209, 213, 1),
+  "L21": Color.fromRGBO(58, 206, 220, 1),
+  "L22": Color.fromRGBO(0, 205, 226, 1),
+  "L23": Color.fromRGBO(3, 201, 246, 1),
+  "L24": Color.fromRGBO(0, 190, 242, 1),
+  "L25": Color.fromRGBO(0, 172, 232, 1),
+  "L26": Color.fromRGBO(2, 156, 218, 1),
+  "L27": Color.fromRGBO(25, 138, 208, 1),
+  "L28": Color.fromRGBO(21, 121, 196, 1),
+  "L29": Color.fromRGBO(37, 115, 190, 1),
+  "L30": Color.fromRGBO(30, 102, 184, 1),
+  "M1": Color.fromRGBO(226, 227, 1, 1),
+  "M2": Color.fromRGBO(218, 226, 1, 1),
+  "M3": Color.fromRGBO(211, 226, 1, 1),
+  "M4": Color.fromRGBO(203, 223, 1, 1),
+  "M5": Color.fromRGBO(198, 219, 0, 1),
+  "M6": Color.fromRGBO(180, 215, 11, 1),
+  "M7": Color.fromRGBO(168, 212, 41, 1),
+  "M8": Color.fromRGBO(148, 208, 52, 1),
+  "M9": Color.fromRGBO(126, 202, 67, 1),
+  "M10": Color.fromRGBO(112, 200, 78, 1),
+  "M11": Color.fromRGBO(96, 199, 92, 1),
+  "M12": Color.fromRGBO(81, 199, 103, 1),
+  "M13": Color.fromRGBO(78, 197, 117, 1),
+  "M14": Color.fromRGBO(77, 197, 126, 1),
+  "M15": Color.fromRGBO(76, 199, 136, 1),
+  "M16": Color.fromRGBO(78, 200, 143, 1),
+  "M17": Color.fromRGBO(78, 199, 156, 1),
+  "M18": Color.fromRGBO(81, 203, 164, 1),
+  "M19": Color.fromRGBO(85, 203, 169, 1),
+  "M20": Color.fromRGBO(63, 202, 181, 1),
+  "M21": Color.fromRGBO(35, 200, 186, 1),
+  "M22": Color.fromRGBO(0, 198, 197, 1),
+  "M23": Color.fromRGBO(3, 196, 211, 1),
+  "M24": Color.fromRGBO(0, 197, 224, 1),
+  "M25": Color.fromRGBO(0, 190, 234, 1),
+  "M26": Color.fromRGBO(0, 174, 234, 1),
+  "M27": Color.fromRGBO(0, 160, 222, 1),
+  "M28": Color.fromRGBO(0, 142, 210, 1),
+  "M29": Color.fromRGBO(1, 129, 200, 1),
+  "M30": Color.fromRGBO(0, 116, 189, 1),
+  "N1": Color.fromRGBO(191, 218, 1, 1),
+  "N2": Color.fromRGBO(182, 215, 0, 1),
+  "N3": Color.fromRGBO(172, 212, 1, 1),
+  "N4": Color.fromRGBO(159, 207, 1, 1),
+  "N5": Color.fromRGBO(147, 206, 0, 1),
+  "N6": Color.fromRGBO(133, 205, 1, 1),
+  "N7": Color.fromRGBO(109, 197, 27, 1),
+  "N8": Color.fromRGBO(93, 196, 29, 1),
+  "N9": Color.fromRGBO(77, 191, 41, 1),
+  "N10": Color.fromRGBO(47, 185, 46, 1),
+  "N11": Color.fromRGBO(23, 184, 55, 1),
+  "N12": Color.fromRGBO(0, 181, 71, 1),
+  "N13": Color.fromRGBO(0, 186, 75, 1),
+  "N14": Color.fromRGBO(0, 187, 98, 1),
+  "N15": Color.fromRGBO(0, 191, 108, 1),
+  "N16": Color.fromRGBO(12, 193, 112, 1),
+  "N17": Color.fromRGBO(27, 191, 120, 1),
+  "N18": Color.fromRGBO(29, 195, 133, 1),
+  "N19": Color.fromRGBO(40, 196, 135, 1),
+  "N20": Color.fromRGBO(47, 194, 140, 1),
+  "N21": Color.fromRGBO(25, 195, 156, 1),
+  "N22": Color.fromRGBO(0, 198, 171, 1),
+  "N23": Color.fromRGBO(3, 196, 177, 1),
+  "N24": Color.fromRGBO(0, 195, 197, 1),
+  "N25": Color.fromRGBO(0, 195, 209, 1),
+  "N26": Color.fromRGBO(0, 189, 221, 1),
+  "N27": Color.fromRGBO(0, 177, 227, 1),
+  "N28": Color.fromRGBO(1, 170, 227, 1),
+  "N29": Color.fromRGBO(0, 154, 216, 1),
+  "N30": Color.fromRGBO(1, 135, 206, 1),
+  "O1": Color.fromRGBO(149, 197, 1, 1),
+  "O2": Color.fromRGBO(142, 198, 1, 1),
+  "O3": Color.fromRGBO(134, 197, 4, 1),
+  "O4": Color.fromRGBO(121, 194, 29, 1),
+  "O5": Color.fromRGBO(107, 191, 33, 1),
+  "O6": Color.fromRGBO(81, 182, 42, 1),
+  "O7": Color.fromRGBO(69, 179, 44, 1),
+  "O8": Color.fromRGBO(40, 172, 53, 1),
+  "O9": Color.fromRGBO(28, 170, 52, 1),
+  "O10": Color.fromRGBO(3, 160, 53, 1),
+  "O11": Color.fromRGBO(0, 161, 58, 1),
+  "O12": Color.fromRGBO(3, 167, 55, 1),
+  "O13": Color.fromRGBO(1, 172, 58, 1),
+  "O14": Color.fromRGBO(2, 180, 56, 1),
+  "O15": Color.fromRGBO(2, 183, 68, 1),
+  "O16": Color.fromRGBO(3, 186, 82, 1),
+  "O17": Color.fromRGBO(2, 188, 89, 1),
+  "O18": Color.fromRGBO(0, 190, 104, 1),
+  "O19": Color.fromRGBO(2, 189, 110, 1),
+  "O20": Color.fromRGBO(2, 190, 113, 1),
+  "O21": Color.fromRGBO(0, 193, 128, 1),
+  "O22": Color.fromRGBO(3, 191, 141, 1),
+  "O23": Color.fromRGBO(3, 193, 157, 1),
+  "O24": Color.fromRGBO(3, 191, 167, 1),
+  "O25": Color.fromRGBO(1, 192, 185, 1),
+  "O26": Color.fromRGBO(3, 195, 200, 1),
+  "O27": Color.fromRGBO(1, 193, 214, 1),
+  "O28": Color.fromRGBO(3, 182, 215, 1),
+  "O29": Color.fromRGBO(1, 173, 221, 1),
+  "O30": Color.fromRGBO(4, 162, 227, 1),
+  "P1": Color.fromRGBO(112, 167, 40, 1),
+  "P2": Color.fromRGBO(100, 172, 36, 1),
+  "P3": Color.fromRGBO(92, 170, 50, 1),
+  "P4": Color.fromRGBO(80, 165, 46, 1),
+  "P5": Color.fromRGBO(57, 167, 52, 1),
+  "P6": Color.fromRGBO(29, 162, 55, 1),
+  "P7": Color.fromRGBO(0, 154, 56, 1),
+  "P8": Color.fromRGBO(0, 153, 57, 1),
+  "P9": Color.fromRGBO(0, 149, 59, 1),
+  "P10": Color.fromRGBO(1, 139, 61, 1),
+  "P11": Color.fromRGBO(0, 144, 59, 1),
+  "P12": Color.fromRGBO(0, 148, 56, 1),
+  "P13": Color.fromRGBO(0, 158, 58, 1),
+  "P14": Color.fromRGBO(0, 165, 61, 1),
+  "P15": Color.fromRGBO(0, 174, 61, 1),
+  "P16": Color.fromRGBO(0, 181, 60, 1),
+  "P17": Color.fromRGBO(0, 183, 59, 1),
+  "P18": Color.fromRGBO(0, 184, 72, 1),
+  "P19": Color.fromRGBO(0, 185, 84, 1),
+  "P20": Color.fromRGBO(3, 186, 93, 1),
+  "P21": Color.fromRGBO(0, 188, 104, 1),
+  "P22": Color.fromRGBO(0, 190, 120, 1),
+  "P23": Color.fromRGBO(2, 189, 136, 1),
+  "P24": Color.fromRGBO(0, 187, 152, 1),
+  "P25": Color.fromRGBO(0, 191, 160, 1),
+  "P26": Color.fromRGBO(0, 191, 175, 1),
+  "P27": Color.fromRGBO(0, 191, 192, 1),
+  "P28": Color.fromRGBO(1, 192, 202, 1),
+  "P29": Color.fromRGBO(0, 187, 218, 1),
+  "P30": Color.fromRGBO(0, 182, 232, 1),
 };
 
-final avatarColors = [
+final labelColorForComputedLightness = pallete.map(
+  (key, value) => MapEntry(
+    key,
+    ThemeData.estimateBrightnessForColor(pallete[key]!) == Brightness.light
+        ? Colors.black
+        : Colors.white,
+  ),
+);
+
+const palletteAlphabet = "ABCDEFGHIJKLMNOP";
+const palletteWidth = 30;
+
+const avatarColors = [
   Color(0xffA3A948),
   Color(0xffEDB92E),
   Color(0xffF85931),
diff --git a/lib/ui/pages/game_page.dart b/lib/ui/pages/game_page.dart
index 38c3088..3e1fd6c 100644
--- a/lib/ui/pages/game_page.dart
+++ b/lib/ui/pages/game_page.dart
@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import 'package:huacu_mobile/game_pallete.dart';
 import 'package:huacu_mobile/models/auth_data.dart';
 import 'package:huacu_mobile/models/chat_entry.dart';
 import 'package:huacu_mobile/models/game.dart';
@@ -118,7 +119,7 @@ class _GamePageState extends State<GamePage> {
                 constrained: false,
                 boundaryMargin: const EdgeInsets.all(800),
                 maxScale: 0.8,
-                minScale: 0.4,
+                minScale: 0.3,
                 child:
                     isGuesser ? _generateGameField() : _generateStaticField(),
               ),
@@ -207,67 +208,68 @@ class _GamePageState extends State<GamePage> {
   }
 
   Widget _generateGameField() {
-    const alphabet = "ABCDEFGHIJKLMNOPQRST";
     return Container(
-      width: (alphabet.length + 3) * 100,
-      height: 1300,
+      width: (palletteWidth + 2) * 100,
+      height: (palletteAlphabet.length + 2) * 100,
       padding: const EdgeInsets.all(10),
       child: Stack(
         children: [
-          for (int i = 0; i < alphabet.length; i++)
-            for (int j = 0; j < 10; j++)
+          for (int i = 0; i < palletteAlphabet.length; i++)
+            for (int j = 0; j < palletteWidth; j++)
               Positioned(
-                left: (i + 1) * 100.0,
-                top: (j + 1) * 100.0,
+                left: (j + 1) * 100.0,
+                top: (i + 1) * 100.0,
                 child: ColorPlate(
-                  plateName: "${alphabet[i]}$j",
+                  plateName: "${palletteAlphabet[i]}${j + 1}",
                   size: 90,
                   onSelected: _onPlateSelected,
                 ),
               ),
           // Now I need to generate letters and numbers around field
-          for (int i = 0; i < alphabet.length; i++)
+          for (int i = 1; i <= palletteWidth; i++)
             Positioned(
-              left: (i + 1) * 100.0,
+              left: i * 100.0,
               top: 0,
               child: Container(
                 width: 90,
                 height: 90,
                 alignment: Alignment.center,
-                child: Text(alphabet[i], style: const TextStyle(fontSize: 40)),
+                child: Text("$i", style: const TextStyle(fontSize: 40)),
               ),
             ),
-          for (int i = 0; i < alphabet.length; i++)
+          for (int i = 1; i <= palletteWidth; i++)
             Positioned(
-              left: (i + 1) * 100.0,
-              top: 1100,
+              left: i * 100.0,
+              top: (palletteAlphabet.length + 1) * 100,
               child: Container(
                 width: 90,
                 height: 90,
                 alignment: Alignment.center,
-                child: Text(alphabet[i], style: const TextStyle(fontSize: 40)),
+                child: Text("$i", style: const TextStyle(fontSize: 40)),
               ),
             ),
-          for (int j = 0; j < 10; j++)
+          for (int i = 0; i < palletteAlphabet.length; i++)
             Positioned(
               left: 0,
-              top: (j + 1) * 100.0,
+              top: (i + 1) * 100,
               child: Container(
                 width: 90,
                 height: 90,
                 alignment: Alignment.center,
-                child: Text("$j", style: const TextStyle(fontSize: 40)),
+                child: Text(palletteAlphabet[i],
+                    style: const TextStyle(fontSize: 40)),
               ),
             ),
-          for (int j = 0; j < 10; j++)
+          for (int i = 0; i < palletteAlphabet.length; i++)
             Positioned(
-              left: (alphabet.length + 1) * 100,
-              top: (j + 1) * 100.0,
+              left: (palletteWidth + 1) * 100,
+              top: (i + 1) * 100,
               child: Container(
                 width: 90,
                 height: 90,
                 alignment: Alignment.center,
-                child: Text("$j", style: const TextStyle(fontSize: 40)),
+                child: Text(palletteAlphabet[i],
+                    style: const TextStyle(fontSize: 40)),
               ),
             ),
         ],
@@ -276,67 +278,68 @@ class _GamePageState extends State<GamePage> {
   }
 
   Widget _generateStaticField() {
-    const alphabet = "ABCDEFGHIJKLMNOPQRST";
     return Container(
-      width: (alphabet.length + 3) * 100,
-      height: 1300,
+      width: (palletteWidth + 2) * 100,
+      height: (palletteAlphabet.length + 2) * 100,
       padding: const EdgeInsets.all(10),
       child: Stack(
         children: [
-          for (int i = 0; i < alphabet.length; i++)
-            for (int j = 0; j < 10; j++)
+          for (int i = 0; i < palletteAlphabet.length; i++)
+            for (int j = 0; j < palletteWidth; j++)
               Positioned(
-                left: (i + 1) * 100.0,
-                top: (j + 1) * 100.0,
+                left: (j + 1) * 100.0,
+                top: (i + 1) * 100.0,
                 child: StaticColorPlate(
-                  plateName: "${alphabet[i]}$j",
+                  plateName: "${palletteAlphabet[i]}${j + 1}",
                   size: 90,
-                  marked: guessedColors.contains("${alphabet[i]}$j"),
+                  marked:
+                      guessedColors.contains("${palletteAlphabet[i]}${j + 1}"),
                 ),
               ),
-          // Now I need to generate letters and numbers around field
-          for (int i = 0; i < alphabet.length; i++)
+          for (int i = 1; i <= palletteWidth; i++)
             Positioned(
-              left: (i + 1) * 100.0,
+              left: i * 100.0,
               top: 0,
               child: Container(
                 width: 90,
                 height: 90,
                 alignment: Alignment.center,
-                child: Text(alphabet[i], style: const TextStyle(fontSize: 40)),
+                child: Text("$i", style: const TextStyle(fontSize: 40)),
               ),
             ),
-          for (int i = 0; i < alphabet.length; i++)
+          for (int i = 1; i <= palletteWidth; i++)
             Positioned(
-              left: (i + 1) * 100.0,
-              top: 1100,
+              left: i * 100.0,
+              top: (palletteAlphabet.length + 1) * 100,
               child: Container(
                 width: 90,
                 height: 90,
                 alignment: Alignment.center,
-                child: Text(alphabet[i], style: const TextStyle(fontSize: 40)),
+                child: Text("$i", style: const TextStyle(fontSize: 40)),
               ),
             ),
-          for (int j = 0; j < 10; j++)
+          for (int i = 0; i < palletteAlphabet.length; i++)
             Positioned(
               left: 0,
-              top: (j + 1) * 100.0,
+              top: (i + 1) * 100,
               child: Container(
                 width: 90,
                 height: 90,
                 alignment: Alignment.center,
-                child: Text("$j", style: const TextStyle(fontSize: 40)),
+                child: Text(palletteAlphabet[i],
+                    style: const TextStyle(fontSize: 40)),
               ),
             ),
-          for (int j = 0; j < 10; j++)
+          for (int i = 0; i < palletteAlphabet.length; i++)
             Positioned(
-              left: (alphabet.length + 1) * 100,
-              top: (j + 1) * 100.0,
+              left: (palletteWidth + 1) * 100,
+              top: (i + 1) * 100,
               child: Container(
                 width: 90,
                 height: 90,
                 alignment: Alignment.center,
-                child: Text("$j", style: const TextStyle(fontSize: 40)),
+                child: Text(palletteAlphabet[i],
+                    style: const TextStyle(fontSize: 40)),
               ),
             ),
         ],
diff --git a/lib/ui/widgets/static_color_plate.dart b/lib/ui/widgets/static_color_plate.dart
index c674e5f..27f3c0e 100644
--- a/lib/ui/widgets/static_color_plate.dart
+++ b/lib/ui/widgets/static_color_plate.dart
@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:huacu_mobile/game_pallete.dart';
+import 'package:styled_widget/styled_widget.dart';
 
 class StaticColorPlate extends StatelessWidget {
   final String plateName;
@@ -26,6 +27,15 @@ class StaticColorPlate extends StatelessWidget {
         ),
         borderRadius: BorderRadius.circular(10),
       ),
+      alignment: Alignment.center,
+      child: Text(plateName)
+          // .textColor( // NOTE: This is much simpler
+          //   pallete[plateName]!.computeLuminance() > 0.5
+          //       ? Colors.black
+          //       : Colors.white,
+          // )
+          .textColor(labelColorForComputedLightness[plateName])
+          .fontSize(24),
     );
   }
 }