Mọi màu sắc và số đo đều nằm dưới kiểu GoHud trong Theme và được gọi theo tên.
Không viết số là quy tắc: đổi theme thì cái tên đi theo.
GoUi.color(GoTheme.ACCENT) # màu
GoUi.metric(GoTheme.GAP) # số đo (dp)
GoUi.font_size(GoTheme.ROLE_CAPTION) # cỡ chữ cho một vai trò văn bản
GoUi.box(GoTheme.BOX_CARD) # một bản sao của StyleBox
Màu sắc
| Tên | Dùng cho |
|---|---|
background | Nền dưới cùng của màn hình |
surface · surface_soft · surface_high | Ba lớp tấm nền — tấm nền, thẻ, ô nổi lên |
border | Viền của thẻ và nút |
text · secondary · muted | Ba mức chữ — thân bài, phụ trợ, mờ nhạt |
accent · on_accent | Màu nhấn và màu chữ đặt lên nó |
success · warning · danger · info | Màu chữ cho các trạng thái |
*_fill | Vẫn các trạng thái đó nhưng dùng làm phần tô — thanh và các mảng lớn khác |
scrim · shadow · track | Lớp phủ mờ sau popup, bóng đổ, rãnh của thanh |
*_fill. Cùng một ý nghĩa nhưng yêu cầu ngược nhau. warning
dùng làm chữ thì phải đủ tối để đọc được trên nền sáng; dùng làm phần tô của thanh kinh nghiệm thì
phải đủ sáng để gây chú ý. Một token không thể vừa thế này vừa thế kia — thanh của theme sáng đã ngả thành nâu.
Theme nào không có biến thể _fill thì tự động lùi về cái tên gốc, nên những theme có trước
các token này vẫn chạy bình thường.
Số đo (dp)
touch button_height gap_tiny gap_small
gap gap_large padding padding_compact
compact_padding_x compact_padding_y
radius_small radius radius_large screen_margin
scroll_deadzone scroll_edge scrollbar_width
list_glyph icon_size notice_duration_ms
Độ đục của tấm nền (%)
panel_alpha card_alpha hud_alpha notice_alpha
popup_alpha — mặt của một container đặc đến mức nào. Mặc định là 80, để game vẫn
nhìn thấy được phía sau một hộp thoại; riêng popup_alpha là 100. Theme nào không có các
token này thì lùi về 100 và vẽ ra y hệt như trước. Đọc giá trị đã tính xong dưới dạng tỉ lệ bằng
GoUi.surface_alpha(variant); mục
Độ đục — game ở phía sau tấm nền có đầy đủ quy tắc.
Vai trò văn bản
micro · compact · caption · body ·
button · subtitle · title — một vai trò đặt tên cho một cỡ chữ,
không phải cho một mục đích. "Chữ lớn nhất", chứ không phải "tiêu đề". Nhờ vậy thang cỡ chữ vẫn đứng vững
ngay cả khi một màn hình dùng nó cho việc khác.
Biến thể kiểu
GoPanel GoCard GoButton GoPrimaryButton
GoDangerButton GoDangerSolidButton GoBareButton GoCompactButton
GoIconButton GoListButton GoTitleLabel GoSubtitleLabel
GoCaptionLabel GoCompactLabel GoMicroLabel