2017-09-25 08:23:24 -07:00
|
|
|
from micropython import const
|
|
|
|
from trezor.ui import rgb
|
|
|
|
from trezor.ui import NORMAL, BOLD, MONO
|
|
|
|
|
|
|
|
# radius for buttons and other elements
|
|
|
|
RADIUS = const(2)
|
|
|
|
|
|
|
|
# backlight brightness
|
2017-09-26 03:03:09 -07:00
|
|
|
BACKLIGHT_NORMAL = const(150)
|
2017-09-25 08:23:24 -07:00
|
|
|
BACKLIGHT_DIM = const(5)
|
|
|
|
BACKLIGHT_NONE = const(2)
|
|
|
|
BACKLIGHT_MAX = const(255)
|
|
|
|
|
2017-09-26 03:03:09 -07:00
|
|
|
# color palette
|
2017-09-25 08:23:24 -07:00
|
|
|
LIGHT_RED = rgb(0xFF, 0x00, 0x00)
|
2017-10-03 02:43:56 -07:00
|
|
|
RED = rgb(0xE4, 0x57, 0x2E) # RED E4572E
|
|
|
|
ACTIVE_RED = rgb(0xA6, 0x40, 0x22) # ACTIVE DARK RED A64022
|
2017-09-25 08:23:24 -07:00
|
|
|
PINK = rgb(0xE9, 0x1E, 0x63)
|
|
|
|
PURPLE = rgb(0x9C, 0x27, 0xB0)
|
|
|
|
DEEP_PURPLE = rgb(0x67, 0x3A, 0xB7)
|
|
|
|
INDIGO = rgb(0x3F, 0x51, 0xB5)
|
|
|
|
BLUE = rgb(0x21, 0x96, 0xF3)
|
|
|
|
LIGHT_BLUE = rgb(0x03, 0xA9, 0xF4)
|
|
|
|
CYAN = rgb(0x00, 0xBC, 0xD4)
|
|
|
|
TEAL = rgb(0x00, 0x96, 0x88)
|
2017-10-03 02:43:56 -07:00
|
|
|
GREEN = rgb(0x4C, 0xC1, 0x48) # GREEN 4CC148
|
|
|
|
ACTIVE_GREEN = rgb(0x1A, 0x8C, 0x14) # ACTIVE DARK GREEN 1A8C14
|
2017-09-25 08:23:24 -07:00
|
|
|
LIGHT_GREEN = rgb(0x87, 0xCE, 0x26)
|
|
|
|
LIME = rgb(0xCD, 0xDC, 0x39)
|
|
|
|
YELLOW = rgb(0xFF, 0xEB, 0x3B)
|
|
|
|
AMBER = rgb(0xFF, 0xC1, 0x07)
|
|
|
|
ORANGE = rgb(0xFF, 0x98, 0x00)
|
|
|
|
DEEP_ORANGE = rgb(0xFF, 0x57, 0x22)
|
|
|
|
BROWN = rgb(0x79, 0x55, 0x48)
|
|
|
|
LIGHT_GREY = rgb(0xDA, 0xDD, 0xD8)
|
|
|
|
GREY = rgb(0x9E, 0x9E, 0x9E)
|
|
|
|
DARK_GREY = rgb(0x3E, 0x3E, 0x3E)
|
|
|
|
BLUE_GRAY = rgb(0x60, 0x7D, 0x8B)
|
|
|
|
BLACK = rgb(0x00, 0x00, 0x00)
|
|
|
|
WHITE = rgb(0xFA, 0xFA, 0xFA)
|
2017-09-26 03:03:09 -07:00
|
|
|
BLACKISH = rgb(0x20, 0x20, 0x20)
|
|
|
|
|
|
|
|
# common color styles
|
|
|
|
BG = BLACK
|
|
|
|
FG = WHITE
|
2017-09-25 08:23:24 -07:00
|
|
|
|
|
|
|
# icons
|
|
|
|
ICON_RESET = 'trezor/res/header_icons/reset.toig'
|
|
|
|
ICON_WIPE = 'trezor/res/header_icons/wipe.toig'
|
|
|
|
ICON_RECOVERY = 'trezor/res/header_icons/recovery.toig'
|
2017-09-26 08:05:53 -07:00
|
|
|
ICON_CLEAR = 'trezor/res/clear.toig'
|
|
|
|
ICON_CONFIRM = 'trezor/res/confirm.toig'
|
|
|
|
ICON_LOCK = 'trezor/res/lock.toig'
|
|
|
|
ICON_SEND = 'trezor/res/send.toig'
|
2017-09-25 08:23:24 -07:00
|
|
|
|
|
|
|
# buttons
|
|
|
|
BTN_DEFAULT = {
|
2017-09-26 03:03:09 -07:00
|
|
|
'bg-color': BG,
|
|
|
|
'fg-color': FG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'text-style': NORMAL,
|
2017-09-26 03:03:09 -07:00
|
|
|
'border-color': BG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'radius': RADIUS,
|
|
|
|
}
|
|
|
|
BTN_DEFAULT_ACTIVE = {
|
|
|
|
'bg-color': GREY,
|
2017-09-26 03:03:09 -07:00
|
|
|
'fg-color': BG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'text-style': BOLD,
|
|
|
|
'border-color': GREY,
|
|
|
|
'radius': RADIUS,
|
|
|
|
}
|
|
|
|
BTN_DEFAULT_DISABLED = {
|
2017-09-26 03:03:09 -07:00
|
|
|
'bg-color': BG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'fg-color': GREY,
|
|
|
|
'text-style': NORMAL,
|
2017-09-26 03:03:09 -07:00
|
|
|
'border-color': BG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'radius': RADIUS,
|
|
|
|
}
|
|
|
|
BTN_CANCEL = {
|
|
|
|
'bg-color': RED,
|
2017-09-26 03:03:09 -07:00
|
|
|
'fg-color': FG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'text-style': BOLD,
|
2017-09-26 08:05:53 -07:00
|
|
|
'border-color': BG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'radius': RADIUS,
|
|
|
|
}
|
|
|
|
BTN_CANCEL_ACTIVE = {
|
|
|
|
'bg-color': ACTIVE_RED,
|
2017-09-26 03:03:09 -07:00
|
|
|
'fg-color': FG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'text-style': BOLD,
|
|
|
|
'border-color': ACTIVE_RED,
|
|
|
|
'radius': RADIUS,
|
|
|
|
}
|
|
|
|
BTN_CONFIRM = {
|
|
|
|
'bg-color': GREEN,
|
2017-09-26 03:03:09 -07:00
|
|
|
'fg-color': FG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'text-style': BOLD,
|
2017-09-26 08:05:53 -07:00
|
|
|
'border-color': BG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'radius': RADIUS,
|
|
|
|
}
|
|
|
|
BTN_CONFIRM_ACTIVE = {
|
|
|
|
'bg-color': ACTIVE_GREEN,
|
2017-09-26 03:03:09 -07:00
|
|
|
'fg-color': FG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'text-style': BOLD,
|
|
|
|
'border-color': ACTIVE_GREEN,
|
|
|
|
'radius': RADIUS,
|
|
|
|
}
|
|
|
|
BTN_CLEAR = {
|
2017-09-26 03:03:09 -07:00
|
|
|
'bg-color': BG,
|
|
|
|
'fg-color': FG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'text-style': NORMAL,
|
2017-09-26 03:03:09 -07:00
|
|
|
'border-color': BG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'radius': RADIUS,
|
|
|
|
}
|
|
|
|
BTN_CLEAR_ACTIVE = {
|
2017-09-26 03:03:09 -07:00
|
|
|
'bg-color': BG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'fg-color': GREY,
|
|
|
|
'text-style': NORMAL,
|
2017-09-26 03:03:09 -07:00
|
|
|
'border-color': BG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'radius': RADIUS,
|
|
|
|
}
|
|
|
|
BTN_KEY = {
|
|
|
|
'bg-color': BLACKISH,
|
2017-09-26 03:03:09 -07:00
|
|
|
'fg-color': FG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'text-style': MONO,
|
2017-09-26 03:03:09 -07:00
|
|
|
'border-color': BG,
|
2017-09-25 08:23:24 -07:00
|
|
|
}
|
|
|
|
BTN_KEY_ACTIVE = {
|
|
|
|
'bg-color': GREY,
|
2017-09-26 03:03:09 -07:00
|
|
|
'fg-color': BG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'text-style': MONO,
|
|
|
|
'border-color': GREY,
|
|
|
|
}
|
|
|
|
|
|
|
|
# loader
|
|
|
|
LDR_DEFAULT = {
|
2017-09-26 03:03:09 -07:00
|
|
|
'bg-color': BG,
|
|
|
|
'fg-color': FG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'icon': None,
|
|
|
|
'icon-fg-color': None,
|
|
|
|
}
|
|
|
|
LDR_DEFAULT_ACTIVE = {
|
2017-09-26 03:03:09 -07:00
|
|
|
'bg-color': BG,
|
2017-09-25 08:23:24 -07:00
|
|
|
'fg-color': ACTIVE_GREEN,
|
|
|
|
'icon': None,
|
|
|
|
'icon-fg-color': None,
|
|
|
|
}
|