Skip to content

theme

Theme view on GitHub

Register a custom color theme.

Install: copy the folder to SCRIPTS:/theme/ on the radio (or the simulator's scripts/ folder) and restart.

main.lua
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
-- Lua Theme example

local function init()
  -- Colors from Ethos 1.6.6
  system.registerTheme({
    key="Dark16", 
    name="Dark (Ethos 1.6)",
    roundButtons=false,
    focusStyle="invert",
    colors={
        COLOR_WHITE, -- PRIMARY_COLOR
        lcd.GREY(0x40), -- SECONDARY_BGCOLOR
        COLOR_YELLOW, -- HIGHLIGHT_COLOR (configurable)
        COLOR_BLACK, -- HIGHLIGHT_CONTRASTING_COLOR
        lcd.GREY(0x70), -- DISABLE_COLOR
        lcd.GREY(0x20), -- PRIMARY_BGCOLOR
        COLOR_BLACK, -- OVERLAY_COLOR
        lcd.GREY(0xB0), -- SECONDARY_COLOR
        COLOR_GREEN, -- SAFE_COLOR 
        lcd.GREY(0x10), -- PAGE_BGCOLOR
        COLOR_RED, -- ERROR_COLOR
        COLOR_GREEN, -- ACTIVE_COLOR
        COLOR_RED, -- INACTIVE_COLOR
        COLOR_WHITE, -- BUTTON_BORDER_ACTIVE_COLOR
        lcd.GREY(0x20), -- BUTTON_BORDER_COLOR
        COLOR_ORANGE, -- WARNING_COLOR
        COLOR_BLACK, -- SAFE_CONTRASTING_COLOR
        COLOR_BLACK, -- TOPLCD_BGCOLOR (XE/S)
    },
    toolbarBackground=lcd.loadBitmap("./toolbar_background_16.png"),
  })

  -- Colors from the default Dark theme
  -- system.registerTheme({
  --   key="DarkCopy", 
  --   name="Dark (Copy)",
  --   roundButtons=true,
  --   focusStyle="invert",
  --   colors={
  --       COLOR_WHITE, -- PRIMARY_COLOR
  --       lcd.RGB(0x29, 0x30, 0x3B), -- SECONDARY_BGCOLOR
  --       COLOR_YELLOW, -- HIGHLIGHT_COLOR (configurable)
  --       COLOR_BLACK, -- HIGHLIGHT_CONTRASTING_COLOR
  --       lcd.GREY(0x90), -- DISABLE_COLOR
  --       lcd.RGB(0x1F, 0x22, 0x29), -- PRIMARY_BGCOLOR
  --       COLOR_BLACK, -- OVERLAY_COLOR
  --       lcd.GREY(0xB0), -- SECONDARY_COLOR
  --       COLOR_GREEN, -- SAFE_COLOR 
  --       lcd.GREY(0x10), -- PAGE_BGCOLOR
  --       COLOR_RED, -- ERROR_COLOR
  --       COLOR_GREEN, -- ACTIVE_COLOR
  --       COLOR_RED, -- INACTIVE_COLOR
  --       COLOR_WHITE, -- BUTTON_BORDER_ACTIVE_COLOR
  --       lcd.RGB(0x45, 0x4E, 0x57), -- BUTTON_BORDER_COLOR
  --       COLOR_COLOR_ORANGE, -- WARNING_COLOR
  --       COLOR_BLACK, -- SAFE_CONTRASTING_COLOR
  --       COLOR_BLACK, -- TOPLCD_BGCOLOR (XE/S)
  --   }
  -- })

  -- Colors from the default Light theme
  -- system.registerTheme({
  --   key="LighCopy", 
  --   name="Light (Copy)",
  --   roundButtons=true,
  --   focusStyle="invert",
  --   colors={
  --       lcd.RGB(0x59, 0x57, 0x58), -- PRIMARY_COLOR
  --       lcd.GREY(0xCA), -- SECONDARY_BGCOLOR
  --       COLOR_ORANGE, -- HIGHLIGHT_COLOR (configurable)
  --       COLOR_WHITE, -- HIGHLIGHT_CONTRASTING_COLOR
  --       lcd.GREY(0x90), -- DISABLE_COLOR
  --       lcd.RGB(0xD6, 0xD6, 0xD6), -- PRIMARY_BGCOLOR
  --       lcd.GREY(0x60), -- OVERLAY_COLOR
  --       lcd.RGB(0x75, 0x75, 0x75), -- SECONDARY_COLOR
  --       COLOR_GREEN, -- SAFE_COLOR 
  --       lcd.RGB(0xED, 0xEC, 0xF1), -- PAGE_BGCOLOR
  --       COLOR_RED, -- ERROR_COLOR
  --       COLOR_GREEN, -- ACTIVE_COLOR
  --       COLOR_RED, -- INACTIVE_COLOR
  --       lcd.RGB(0x45, 0x4E, 0x57), -- BUTTON_BORDER_ACTIVE_COLOR
  --       lcd.GREY(0xA0), -- BUTTON_BORDER_COLOR
  --       COLOR_ORANGE, -- WARNING_COLOR
  --       COLOR_BLACK, -- SAFE_CONTRASTING_COLOR
  --       COLOR_WHITE, -- TOPLCD_BGCOLOR (XE/S)
  --   },
  --   toolbarBackground="light",
  --   toolbarLogo="light",
  -- })

  -- Colors from the default Dark theme, but with outline focus style (2px border width)
  system.registerTheme({
    key="DOutline", 
    name="Dark Outline",
    roundButtons=true,
    focusStyle="outline",
    borderWidth=2,
    colors={
        COLOR_WHITE, -- PRIMARY_COLOR
        lcd.RGB(0x29, 0x30, 0x3B), -- SECONDARY_BGCOLOR
        COLOR_YELLOW, -- HIGHLIGHT_COLOR (configurable)
        COLOR_BLACK, -- HIGHLIGHT_CONTRASTING_COLOR
        lcd.GREY(0x90), -- DISABLE_COLOR
        lcd.RGB(0x1F, 0x22, 0x29), -- PRIMARY_BGCOLOR
        COLOR_BLACK, -- OVERLAY_COLOR
        lcd.GREY(0xB0), -- SECONDARY_COLOR
        COLOR_GREEN, -- SAFE_COLOR 
        lcd.GREY(0x10), -- PAGE_BGCOLOR
        COLOR_RED, -- ERROR_COLOR
        COLOR_GREEN, -- ACTIVE_COLOR
        COLOR_RED, -- INACTIVE_COLOR
        COLOR_WHITE, -- BUTTON_BORDER_ACTIVE_COLOR
        lcd.RGB(0x45, 0x4E, 0x57), -- BUTTON_BORDER_COLOR
        COLOR_ORANGE, -- WARNING_COLOR
        COLOR_BLACK, -- SAFE_CONTRASTING_COLOR
        COLOR_BLACK, -- TOPLCD_BGCOLOR (XE/S)
    }
  })
end

return {init=init}

Assets

toolbar_background_16.png