thyme 0.7.0

Themable Immediate Mode GUI
Documentation 
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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314

# A minimal theme with definitions for the provided example fonts.
# No image definitions are included in this theme, instead those are in separate
# files to allow easy hot-swapping
# It includes definitions for all of the basic types of widgets.
# This file works standalone or can be included in a larger theme.

fonts:
  medium:
    source: Roboto-Medium
    size: 20
    # add Greek and Coptic characters to defaults
    characters:
      - lower: 0x0020
        upper: 0x007e
      - lower: 0x00A1
        upper: 0x00FF
      - lower: 0x0370
        upper: 0x03FF
  small:
    source: Roboto-Medium
    size: 16
    # use default characters: 0x0020 to 0x007e and 0x00A1 to 0x00FF
  small_italic:
    source: Roboto-Italic
    size: 16
  small_bold:
    source: Roboto-Bold
    size: 16
  small_bold_italic:
    source: Roboto-BoldItalic
    size: 16
  heading1:
    source: Roboto-Medium
    size: 24
  heading2:
    source: Roboto-Medium
    size: 22
widgets:
  tooltip:
    background: gui/small_button_normal
    font: small
    text_align: Center
    size_from: [Text, FontLine]
    border: { all: 5 }
  greyed_out:
    background: gui/greyed_out
  horizontal_slider:
    size: [0, 15]
    width_from: Parent
    border: { top: 6, bot: 5, left: 5, right: 5 }
    children:
      slider_bar:
        align: TopLeft
        width_from: Parent
        height_from: Parent
        background: gui/slider_horizontal
      slider_button:
        from: button
        background: gui/slider_button
        size: [15, 15]
  combo_box:
    from: button
    children:
      expand:
        from: dropdown_expand
      combo_box_popup:
        from: scrollpane_vertical
        width_from: Parent
        height_from: Normal
        size: [10, 120]
        pos: [-5, 18]
        background: gui/small_button_normal
        children:
          content:
            size: [-18, -10]
            pos: [0, 5]
            children:
              entry:
                from: button
                width_from: Parent
                size: [0, 25]
  scrollpane_vertical:
    from: scrollpane
    children:
      content:
        size: [-18, 0]
      scrollbar_vertical:
        from: scrollbar_vertical
        size: [20, 0]
  scrollpane:
    width_from: Parent
    height_from: Parent
    children:
      content:
        border: { all: 2 }
        height_from: Parent
        width_from: Parent
        align: TopLeft
        layout: Vertical
        size: [-18, -20]
        pos: [0, 0]
        child_align: TopLeft
      scrollbar_horizontal:
        from: scrollbar_horizontal
      scrollbar_vertical:
        from: scrollbar_vertical
  dropdown_expand:
    size: [12, 12]
    align: Right
    foreground: gui/arrow_down
  scroll_left:
    from: scroll_button
    align: Left
    foreground: gui/arrow_left
  scroll_right:
    from: scroll_button
    align: Right
    foreground: gui/arrow_right
  scroll_up:
    from: scroll_button
    align: Top
    foreground: gui/arrow_up
  scroll_down:
    from: scroll_button
    align: Bot
    foreground: gui/arrow_down
  scroll_button:
    wants_mouse: true
    background: gui/scroll_button
    size: [20, 20]
    border: { all: 4 }
  scrollbar_horizontal:
    size: [-29, 20]
    pos: [0, 0]
    align: BotLeft
    width_from: Parent
    background: gui/scrollbar_horizontal
    children:
      left:
        from: scroll_left
      right:
        from: scroll_right
      scroll:
        wants_mouse: true
        background: gui/small_button
        align: Left
        border: { all: 4 }
  scrollbar_vertical:
    size: [20, -20]
    pos: [0, 0]
    align: TopRight
    height_from: Parent
    background: gui/scrollbar_vertical
    children:
      up:
        from: scroll_up
      down:
        from: scroll_down
      scroll:
        wants_mouse: true
        background: gui/small_button
        align: Top
        border: { all: 4 }
  progress_bar:
    size: [100, 24]
    background: gui/small_button_normal
    border: { all: 4 }
    child_align: TopLeft
    children:
      bar:
        background: gui/progress_bar
        size_from: [Parent, Parent]
  input_field:
    font: small
    border: { height: 4, width: 5 }
    background: gui/input_field
    text_align: Left
    wants_mouse: true
    size: [150, 24]
    child_align: TopLeft
    children:
      caret:
        size: [2, -2]
        height_from: Parent
        background: gui/caret
  text_area_item:
    from: label
    text_align: TopLeft
  text_area:
    border: { all: 5 }
    size_from: [Parent, Children]
    custom:
      tab_width: 6.0
      column_width: 90.0
      list_bullet: "* "
    children:
      paragraph_normal:
        from: text_area_item
        font: small
      paragraph_strong:
        from: text_area_item
        font: small_bold
      paragraph_emphasis:
        from: text_area_item
        font: small_italic
      paragraph_strong_emphasis:
        from: text_area_item
        font: small_bold_italic
      heading1_normal:
        from: text_area_item
        font: heading1
      heading2_normal:
        from: text_area_item
        font: heading2
  bg_label:
    from: label
    background: gui/small_button_normal
  label:
    font: small
    border: { width: 5 }
    text_align: Center
    size_from: [Parent, FontLine]
  check_button:
    from: button
    background: gui/small_button_no_active
    foreground: gui/check
  button:
    font: small
    wants_mouse: true
    background: gui/small_button
    text_align: Center
    size: [150, 24]
    border: { all: 5 }
  spinner:
    size: [80, 20]
    layout: Horizontal
    layout_spacing: [5, 5]
    child_align: Left
    children:
      decrease:
        from: button
        text: "-"
        background: gui/small_button
        size: [20, 20]
      value:
        from: label
        size: [30, 0]
        font: medium
        width_from: Normal
      increase:
        from: button
        text: "+"
        background: gui/small_button
        size: [20, 20]
  window_base:
    background: gui/window_bg
    wants_mouse: true
    layout: Vertical
    layout_spacing: [5, 5]
    border: { left: 5, right: 5, top: 29, bot: 5 }
    size: [300, 400]
    child_align: Top
    children:
      titlebar:
        wants_mouse: true
        background: gui/small_button
        size: [10, 30]
        pos: [-6, -30]
        border: { all: 5 }
        width_from: Parent
        child_align: Center
        align: TopLeft
        children:
          title:
            from: label
            text: "Main Window"
            font: medium
            width_from: Parent
          close:
            from: window_close
      handle:
        wants_mouse: true
        background: gui/window_handle
        size: [12, 12]
        align: BotRight
        pos: [-2, 0]
  window:
    from: window_base
  window_close:
    wants_mouse: true
    background: gui/small_button
    foreground: gui/close_icon
    size: [20, 20]
    border: { all: 4 }
    align: TopRight
  tree:
    size_from: [Parent, Children]
    border: { all: 5 }
    background: gui/frame
    children:
      expand:
        from: button
        align: TopLeft
        pos: [0, 0]
        text: "+"
        text_align: Center
        size: [20, 20]
      collapse:
        from: button
        align: TopLeft
        pos: [0, 0]
        text: "-"
        text_align: Center
        size: [20, 20]