makepad_widgets/
theme_desktop_light.rs

1use crate::makepad_platform::*;
2
3live_design! {
4    link theme_desktop_light;
5    use link::shaders::*;
6    
7    // GLOBAL PARAMETERS
8    pub THEME_COLOR_CONTRAST = 1.0
9    pub THEME_COLOR_TINT = #444488
10    pub THEME_COLOR_TINT_AMOUNT = 0.0
11    pub THEME_SPACE_FACTOR = 6. // Increase for a less dense layout
12    pub THEME_CORNER_RADIUS = 2.5
13    pub THEME_BEVELING = 0.75
14    pub THEME_FONT_SIZE_BASE = 7.5
15    pub THEME_FONT_SIZE_CONTRAST = 2.5// Greater values = greater font-size steps between font-formats (i.e. from H3 to H2)
16
17    // DIMENSIONS
18    pub THEME_SPACE_1 = (0.5 * (THEME_SPACE_FACTOR))
19    pub THEME_SPACE_2 = (1.0 * (THEME_SPACE_FACTOR))
20    pub THEME_SPACE_3 = (1.5 * (THEME_SPACE_FACTOR))
21
22    pub THEME_MSPACE_1 = {top: (THEME_SPACE_1), right: (THEME_SPACE_1), bottom: (THEME_SPACE_1), left: (THEME_SPACE_1)} 
23    pub THEME_MSPACE_H_1 = {top: 0., right: (THEME_SPACE_1), bottom: 0., left: (THEME_SPACE_1)}
24    pub THEME_MSPACE_V_1 = {top: (THEME_SPACE_1), right: 0., bottom: (THEME_SPACE_1), left: 0.}
25    pub THEME_MSPACE_2 = {top: (THEME_SPACE_2), right: (THEME_SPACE_2), bottom: (THEME_SPACE_2), left: (THEME_SPACE_2)}
26    pub THEME_MSPACE_H_2 = {top: 0., right: (THEME_SPACE_2), bottom: 0., left: (THEME_SPACE_2)}
27    pub THEME_MSPACE_V_2 = {top: (THEME_SPACE_2), right: 0., bottom: (THEME_SPACE_2), left: 0.}
28    pub THEME_MSPACE_3 = {top: (THEME_SPACE_3), right: (THEME_SPACE_3), bottom: (THEME_SPACE_3), left: (THEME_SPACE_3)}
29    pub THEME_MSPACE_H_3 = {top: 0., right: (THEME_SPACE_3), bottom: 0., left: (THEME_SPACE_3)}
30    pub THEME_MSPACE_V_3 = {top: (THEME_SPACE_3), right: 0., bottom: (THEME_SPACE_3), left: 0.}
31
32    pub THEME_DATA_ITEM_HEIGHT = (7.75 * THEME_SPACE_1);
33    pub THEME_DATA_ICON_WIDTH = (2.7 * THEME_SPACE_2);
34    pub THEME_DATA_ICON_HEIGHT = (3.6 * THEME_SPACE_2);
35
36    pub THEME_CONTAINER_CORNER_RADIUS = (THEME_CORNER_RADIUS * 2.)
37    pub THEME_TEXTSELECTION_CORNER_RADIUS = (THEME_CORNER_RADIUS * .5)
38    pub THEME_TAB_HEIGHT = (6 * THEME_SPACE_FACTOR),
39    pub THEME_SPLITTER_HORIZONTAL = 16.0,
40    pub THEME_SPLITTER_SIZE = 10.0,
41    pub THEME_SPLITTER_MIN_HORIZONTAL = (THEME_TAB_HEIGHT),
42    pub THEME_SPLITTER_MAX_HORIZONTAL = (THEME_TAB_HEIGHT + THEME_SPLITTER_SIZE),
43    pub THEME_SPLITTER_MIN_VERTICAL = (THEME_SPLITTER_HORIZONTAL),
44    pub THEME_SPLITTER_MAX_VERTICAL = (THEME_SPLITTER_HORIZONTAL + THEME_SPLITTER_SIZE),
45    pub THEME_SPLITTER_SIZE = 5.0
46    pub THEME_DOCK_BORDER_SIZE: 0.0
47
48    // COLOR PALETTE
49    pub THEME_COLOR_W = #FFFFFFFF
50    pub THEME_COLOR_W_H = #FFFFFF00
51    pub THEME_COLOR_B = #000000FF
52    pub THEME_COLOR_B_H = #00000000
53
54    // Light theme: swap U and D definitions
55    pub THEME_COLOR_U_6 = (mix(THEME_COLOR_B, THEME_COLOR_B_H, pow(0.2, THEME_COLOR_CONTRAST)))
56    pub THEME_COLOR_U_5 = (mix(THEME_COLOR_B, THEME_COLOR_B_H, pow(0.35, THEME_COLOR_CONTRAST)))
57    pub THEME_COLOR_U_4 = (mix(THEME_COLOR_B, THEME_COLOR_B_H, pow(0.6, THEME_COLOR_CONTRAST)))
58    pub THEME_COLOR_U_4_OPAQUE = #6; // TODO: REPLACE
59    pub THEME_COLOR_U_3 = (mix(THEME_COLOR_B, THEME_COLOR_B_H, pow(0.75, THEME_COLOR_CONTRAST)))
60    pub THEME_COLOR_U_2 = (mix(THEME_COLOR_B, THEME_COLOR_B_H, pow(0.85, THEME_COLOR_CONTRAST)))
61    pub THEME_COLOR_U_2_OPAQUE = #9; // TODO: REPLACE
62    pub THEME_COLOR_U_1 = (mix(THEME_COLOR_B, THEME_COLOR_B_H, pow(0.95, THEME_COLOR_CONTRAST)))
63    pub THEME_COLOR_U_HIDDEN = (THEME_COLOR_B_H)
64
65    pub THEME_COLOR_D_1 = (mix(THEME_COLOR_W, THEME_COLOR_W_H, pow(0.85, THEME_COLOR_CONTRAST)))
66    pub THEME_COLOR_D_2 = (mix(THEME_COLOR_W, THEME_COLOR_W_H, pow(0.75, THEME_COLOR_CONTRAST)))
67    pub THEME_COLOR_D_3 = (mix(THEME_COLOR_W, THEME_COLOR_W_H, pow(0.6, THEME_COLOR_CONTRAST)))
68    pub THEME_COLOR_D_4 = (mix(THEME_COLOR_W, THEME_COLOR_W_H, pow(0.4, THEME_COLOR_CONTRAST)))
69    pub THEME_COLOR_D_5 = (mix(THEME_COLOR_W, THEME_COLOR_W_H, pow(0.25, THEME_COLOR_CONTRAST)))
70    pub THEME_COLOR_BLACK = (mix(THEME_COLOR_W, THEME_COLOR_W_H, pow(0.1, THEME_COLOR_CONTRAST)))
71    pub THEME_COLOR_D_HIDDEN = (THEME_COLOR_W_H)
72    pub THEME_COLOR_WHITE = (mix(THEME_COLOR_W, THEME_COLOR_W_H, pow(0.1, THEME_COLOR_CONTRAST))) // preserve original
73
74    pub THEME_COLOR_BG_APP = (mix(
75        mix(THEME_COLOR_W, THEME_COLOR_TINT, THEME_COLOR_TINT_AMOUNT),
76        mix(THEME_COLOR_B, THEME_COLOR_TINT, THEME_COLOR_TINT_AMOUNT),
77        pow(0.3, THEME_COLOR_CONTRAST)))
78    pub THEME_COLOR_FG_APP = (mix(
79        mix(THEME_COLOR_W, THEME_COLOR_TINT, THEME_COLOR_TINT_AMOUNT),
80        mix(THEME_COLOR_B, THEME_COLOR_TINT, THEME_COLOR_TINT_AMOUNT),
81        pow(0.36, THEME_COLOR_CONTRAST))
82    )
83
84    // Opaque variants remain relative to FG
85    pub THEME_COLOR_OPAQUE_U_6 = (mix(THEME_COLOR_FG_APP, #F, 0.8))
86    pub THEME_COLOR_OPAQUE_U_5 = (mix(THEME_COLOR_FG_APP, #F, 0.7))
87    pub THEME_COLOR_OPAQUE_U_4 = (mix(THEME_COLOR_FG_APP, #F, 0.5))
88    pub THEME_COLOR_OPAQUE_U_3 = (mix(THEME_COLOR_FG_APP, #F, 0.35))
89    pub THEME_COLOR_OPAQUE_U_2 = (mix(THEME_COLOR_FG_APP, #F, 0.25))
90    pub THEME_COLOR_OPAQUE_U_1 = (mix(THEME_COLOR_FG_APP, #F, 0.15))
91
92    pub THEME_COLOR_OPAQUE_D_1 = (mix(THEME_COLOR_FG_APP, #0, 0.15))
93    pub THEME_COLOR_OPAQUE_D_2 = (mix(THEME_COLOR_FG_APP, #0, 0.25))
94    pub THEME_COLOR_OPAQUE_D_3 = (mix(THEME_COLOR_FG_APP, #0, 0.45))
95    pub THEME_COLOR_OPAQUE_D_4 = (mix(THEME_COLOR_FG_APP, #0, 0.6))
96    pub THEME_COLOR_OPAQUE_D_5 = (mix(THEME_COLOR_FG_APP, #0, 0.75))
97
98    // BASICS
99    pub THEME_COLOR_MAKEPAD = #FF5C39FF
100
101    pub THEME_COLOR_SHADOW = (THEME_COLOR_OPAQUE_D_3)
102    pub THEME_COLOR_SHADOW_FOCUS = (THEME_COLOR_D_5)
103    pub THEME_COLOR_SHADOW_DISABLED = (THEME_COLOR_OPAQUE_D_2)
104    pub THEME_COLOR_LIGHT = (THEME_COLOR_OPAQUE_U_1)
105    pub THEME_COLOR_LIGHT_HOVER = (THEME_COLOR_OPAQUE_U_1)
106    pub THEME_COLOR_LIGHT_FOCUS = (THEME_COLOR_OPAQUE_U_2)
107    pub THEME_COLOR_LIGHT_DISABLED = (THEME_COLOR_OPAQUE_D_1)
108
109    pub THEME_COLOR_BG_HIGHLIGHT = (THEME_COLOR_U_1)
110    pub THEME_COLOR_BG_UNFOCUSSED = (THEME_COLOR_BG_HIGHLIGHT * 0.85)
111    pub THEME_COLOR_APP_CAPTION_BAR = (THEME_COLOR_D_HIDDEN)
112    pub THEME_COLOR_DRAG_QUAD = (THEME_COLOR_U_5)
113    pub THEME_COLOR_DRAG_TARGET_PREVIEW = (THEME_COLOR_U_2)
114
115    pub THEME_COLOR_CURSOR = (THEME_COLOR_BLACK)
116    pub THEME_COLOR_CURSOR_FOCUS = (THEME_COLOR_BLACK)
117    pub THEME_COLOR_CURSOR_EMPTY = (THEME_COLOR_BLACK)
118    pub THEME_COLOR_CURSOR_DISABLED = (THEME_COLOR_U_HIDDEN)
119    pub THEME_COLOR_CURSOR_BORDER = (THEME_COLOR_BLACK)
120
121    pub THEME_COLOR_HIGHLIGHT = (THEME_COLOR_U_1)
122    pub THEME_COLOR_TEXT_CURSOR = (THEME_COLOR_BLACK)
123    pub THEME_COLOR_BG_HIGHLIGHT_INLINE = (THEME_COLOR_D_3)
124
125    pub THEME_COLOR_TEXT = (THEME_COLOR_D_2)
126    pub THEME_COLOR_TEXT_HL = (THEME_COLOR_TEXT)
127    pub THEME_COLOR_TEXT_HOVER = (THEME_COLOR_TEXT)
128    pub THEME_COLOR_TEXT_FOCUS = (THEME_COLOR_TEXT)
129    pub THEME_COLOR_TEXT_DOWN = (THEME_COLOR_TEXT)
130    pub THEME_COLOR_TEXT_DISABLED = (THEME_COLOR_U_1)
131    pub THEME_COLOR_TEXT_PLACEHOLDER = (THEME_COLOR_U_2)
132    pub THEME_COLOR_TEXT_PLACEHOLDER_HOVER = (THEME_COLOR_U_3)
133    pub THEME_COLOR_TEXT_META = (THEME_COLOR_U_4)
134
135    pub THEME_COLOR_LABEL_INNER = (THEME_COLOR_U_5)
136    pub THEME_COLOR_LABEL_INNER_DOWN = (THEME_COLOR_U_3)
137    pub THEME_COLOR_LABEL_INNER_DRAG = (THEME_COLOR_LABEL_INNER_DOWN)
138    pub THEME_COLOR_LABEL_INNER_HOVER = (THEME_COLOR_LABEL_INNER)
139    pub THEME_COLOR_LABEL_INNER_FOCUS = (THEME_COLOR_LABEL_INNER)
140    pub THEME_COLOR_LABEL_INNER_ACTIVE = (THEME_COLOR_LABEL_INNER)
141    pub THEME_COLOR_LABEL_INNER_INACTIVE = (THEME_COLOR_U_4)
142    pub THEME_COLOR_LABEL_INNER_DISABLED = (THEME_COLOR_U_3)
143
144    pub THEME_COLOR_LABEL_OUTER = (THEME_COLOR_U_5)
145    pub THEME_COLOR_LABEL_OUTER_OFF = (THEME_COLOR_U_3)
146    pub THEME_COLOR_LABEL_OUTER_DOWN = (THEME_COLOR_LABEL_OUTER)
147
148    pub THEME_COLOR_LABEL_OUTER_DRAG = (THEME_COLOR_LABEL_OUTER)
149    pub THEME_COLOR_LABEL_OUTER_HOVER = (THEME_COLOR_LABEL_OUTER)
150    pub THEME_COLOR_LABEL_OUTER_FOCUS = (THEME_COLOR_LABEL_OUTER)
151    pub THEME_COLOR_LABEL_OUTER_ACTIVE = (THEME_COLOR_LABEL_OUTER)
152    pub THEME_COLOR_LABEL_OUTER_ACTIVE_FOCUS = (THEME_COLOR_LABEL_OUTER)
153    pub THEME_COLOR_LABEL_OUTER_DISABLED = (THEME_COLOR_U_3)
154
155    pub THEME_COLOR_ICON = (THEME_COLOR_D_2)
156    pub THEME_COLOR_ICON_ACTIVE = (THEME_COLOR_U_4)
157    pub THEME_COLOR_ICON_DISABLED = (THEME_COLOR_D_4)
158
159    pub THEME_COLOR_BG_CONTAINER = (THEME_COLOR_D_3 * 0.8)
160    pub THEME_COLOR_BG_EVEN = (THEME_COLOR_BG_CONTAINER * 0.875)
161    pub THEME_COLOR_BG_ODD = (THEME_COLOR_BG_CONTAINER * 1.125)
162
163    pub THEME_COLOR_BEVEL = (THEME_COLOR_SHADOW)
164    pub THEME_COLOR_BEVEL_FOCUS = (THEME_COLOR_SHADOW_FOCUS)
165    pub THEME_COLOR_BEVEL_HOVER = (THEME_COLOR_SHADOW)
166    pub THEME_COLOR_BEVEL_DOWN = (THEME_COLOR_SHADOW_FOCUS)
167    pub THEME_COLOR_BEVEL_DRAG = (THEME_COLOR_SHADOW_FOCUS)
168    pub THEME_COLOR_BEVEL_EMPTY = (THEME_COLOR_SHADOW)
169    pub THEME_COLOR_BEVEL_ACTIVE = (THEME_COLOR_SHADOW)
170    pub THEME_COLOR_BEVEL_DISABLED = (THEME_COLOR_SHADOW_DISABLED)
171
172    pub THEME_COLOR_BEVEL_INSET_1 = (THEME_COLOR_LIGHT)
173    pub THEME_COLOR_BEVEL_INSET_1_FOCUS = (THEME_COLOR_LIGHT_FOCUS)
174    pub THEME_COLOR_BEVEL_INSET_1_HOVER = (THEME_COLOR_LIGHT)
175    pub THEME_COLOR_BEVEL_INSET_1_DOWN = (THEME_COLOR_LIGHT_FOCUS)
176    pub THEME_COLOR_BEVEL_INSET_1_DRAG = (THEME_COLOR_LIGHT_FOCUS)
177    pub THEME_COLOR_BEVEL_INSET_1_EMPTY = (THEME_COLOR_LIGHT)
178    pub THEME_COLOR_BEVEL_INSET_1_ACTIVE = (THEME_COLOR_LIGHT)
179    pub THEME_COLOR_BEVEL_INSET_1_DISABLED = (THEME_COLOR_LIGHT_DISABLED)
180
181    pub THEME_COLOR_BEVEL_INSET_2 = (THEME_COLOR_SHADOW)
182    pub THEME_COLOR_BEVEL_INSET_2_FOCUS = (THEME_COLOR_SHADOW_FOCUS)
183    pub THEME_COLOR_BEVEL_INSET_2_HOVER = (THEME_COLOR_SHADOW)
184    pub THEME_COLOR_BEVEL_INSET_2_DOWN = (THEME_COLOR_SHADOW_FOCUS)
185    pub THEME_COLOR_BEVEL_INSET_2_DRAG = (THEME_COLOR_SHADOW_FOCUS)
186    pub THEME_COLOR_BEVEL_INSET_2_ACTIVE = (THEME_COLOR_SHADOW)
187    pub THEME_COLOR_BEVEL_INSET_2_EMPTY = (THEME_COLOR_SHADOW)
188    pub THEME_COLOR_BEVEL_INSET_2_DISABLED = (THEME_COLOR_SHADOW_DISABLED)
189
190    pub THEME_COLOR_BEVEL_OUTSET_1 = (THEME_COLOR_LIGHT)
191    pub THEME_COLOR_BEVEL_OUTSET_1_HOVER = (THEME_COLOR_LIGHT_HOVER)
192    pub THEME_COLOR_BEVEL_OUTSET_1_ACTIVE = (THEME_COLOR_LIGHT)
193    pub THEME_COLOR_BEVEL_OUTSET_1_DOWN = (THEME_COLOR_SHADOW)
194    pub THEME_COLOR_BEVEL_OUTSET_1_DRAG = (THEME_COLOR_BEVEL_OUTSET_1_DOWN)
195    pub THEME_COLOR_BEVEL_OUTSET_1_FOCUS = (THEME_COLOR_LIGHT_FOCUS)
196    pub THEME_COLOR_BEVEL_OUTSET_1_DISABLED = (THEME_COLOR_LIGHT_DISABLED)
197
198    pub THEME_COLOR_BEVEL_OUTSET_2 = (THEME_COLOR_SHADOW)
199    pub THEME_COLOR_BEVEL_OUTSET_2_HOVER = (THEME_COLOR_SHADOW)
200    pub THEME_COLOR_BEVEL_OUTSET_2_ACTIVE = (THEME_COLOR_SHADOW)
201    pub THEME_COLOR_BEVEL_OUTSET_2_DOWN = (THEME_COLOR_LIGHT)
202    pub THEME_COLOR_BEVEL_OUTSET_2_DRAG = (THEME_COLOR_BEVEL_OUTSET_2_DOWN)
203    pub THEME_COLOR_BEVEL_OUTSET_2_FOCUS = (THEME_COLOR_SHADOW_FOCUS)
204    pub THEME_COLOR_BEVEL_OUTSET_2_DISABLED = (THEME_COLOR_SHADOW_DISABLED)
205
206    // Background of textinputs, radios, checkboxes etc.
207    pub THEME_COLOR_INSET = (THEME_COLOR_D_2)
208    pub THEME_COLOR_INSET_HOVER = (THEME_COLOR_INSET)
209    pub THEME_COLOR_INSET_FOCUS = (THEME_COLOR_INSET)
210    pub THEME_COLOR_INSET_ACTIVE = (THEME_COLOR_INSET)
211    pub THEME_COLOR_INSET_EMPTY = (THEME_COLOR_INSET)
212    pub THEME_COLOR_INSET_DOWN = (THEME_COLOR_INSET)
213    pub THEME_COLOR_INSET_DRAG = (THEME_COLOR_INSET_DOWN)
214    pub THEME_COLOR_INSET_DISABLED = (THEME_COLOR_D_1)
215
216    pub THEME_COLOR_INSET_1 = (THEME_COLOR_D_3)
217    pub THEME_COLOR_INSET_1_HOVER = (THEME_COLOR_INSET_1)
218    pub THEME_COLOR_INSET_1_FOCUS = (THEME_COLOR_INSET_1)
219    pub THEME_COLOR_INSET_1_ACTIVE = (THEME_COLOR_INSET_1)
220    pub THEME_COLOR_INSET_1_EMPTY = (THEME_COLOR_INSET_1)
221    pub THEME_COLOR_INSET_1_DOWN = (THEME_COLOR_INSET_1)
222    pub THEME_COLOR_INSET_1_DRAG = (THEME_COLOR_INSET_1_DOWN)
223    pub THEME_COLOR_INSET_1_DISABLED = (THEME_COLOR_D_3)
224
225    pub THEME_COLOR_INSET_2 = (THEME_COLOR_D_1)
226    pub THEME_COLOR_INSET_2_HOVER = (THEME_COLOR_INSET_2)
227    pub THEME_COLOR_INSET_2_DOWN = (THEME_COLOR_INSET_2)
228    pub THEME_COLOR_INSET_2_DRAG = (THEME_COLOR_INSET_2)
229    pub THEME_COLOR_INSET_2_FOCUS = (THEME_COLOR_INSET_2)
230    pub THEME_COLOR_INSET_2_EMPTY = (THEME_COLOR_INSET_2)
231    pub THEME_COLOR_INSET_2_ACTIVE = (THEME_COLOR_INSET_2)
232    pub THEME_COLOR_INSET_2_DISABLED = (THEME_COLOR_INSET_2)
233
234    // WIDGET COLORS
235    pub THEME_COLOR_OUTSET = (THEME_COLOR_U_1)
236    pub THEME_COLOR_OUTSET_DOWN = (THEME_COLOR_D_1)
237    pub THEME_COLOR_OUTSET_HOVER = (THEME_COLOR_U_2)
238    pub THEME_COLOR_OUTSET_ACTIVE = (THEME_COLOR_U_3)
239    pub THEME_COLOR_OUTSET_FOCUS = (THEME_COLOR_U_1)
240    pub THEME_COLOR_OUTSET_DRAG = (THEME_COLOR_U_2)
241    pub THEME_COLOR_OUTSET_DISABLED = (THEME_COLOR_U_1)
242    pub THEME_COLOR_OUTSET_INACTIVE = (THEME_COLOR_D_HIDDEN)
243
244    pub THEME_COLOR_OUTSET_1 = (THEME_COLOR_U_1)
245    pub THEME_COLOR_OUTSET_1_DOWN = (THEME_COLOR_D_1)
246    pub THEME_COLOR_OUTSET_1_DRAG = (THEME_COLOR_OUTSET_1_DOWN)
247    pub THEME_COLOR_OUTSET_1_HOVER = (THEME_COLOR_U_2)
248    pub THEME_COLOR_OUTSET_1_ACTIVE = (THEME_COLOR_U_4)
249    pub THEME_COLOR_OUTSET_1_FOCUS = (THEME_COLOR_U_2)
250    pub THEME_COLOR_OUTSET_1_DISABLED = (THEME_COLOR_D_HIDDEN)
251
252    pub THEME_COLOR_OUTSET_2 = (THEME_COLOR_D_1)
253    pub THEME_COLOR_OUTSET_2_HOVER = (THEME_COLOR_OUTSET_2)
254    pub THEME_COLOR_OUTSET_2_FOCUS = (THEME_COLOR_OUTSET_2)
255    pub THEME_COLOR_OUTSET_2_ACTIVE = (THEME_COLOR_U_3)
256    pub THEME_COLOR_OUTSET_2_DOWN = (THEME_COLOR_D_3)
257    pub THEME_COLOR_OUTSET_2_DRAG = (THEME_COLOR_OUTSET_2_DOWN)
258    pub THEME_COLOR_OUTSET_2_DISABLED = (THEME_COLOR_D_1)
259
260    pub THEME_COLOR_MARK = (THEME_COLOR_U_5)
261    pub THEME_COLOR_MARK_EMPTY = (THEME_COLOR_INSET)
262    pub THEME_COLOR_MARK_OFF = (THEME_COLOR_U_HIDDEN)
263    pub THEME_COLOR_MARK_HOVER = (THEME_COLOR_MARK)
264    pub THEME_COLOR_MARK_ACTIVE = (THEME_COLOR_MARK)
265    pub THEME_COLOR_MARK_ACTIVE_HOVER = (THEME_COLOR_MARK)
266    pub THEME_COLOR_MARK_FOCUS = (THEME_COLOR_MARK)
267    pub THEME_COLOR_MARK_DOWN = (THEME_COLOR_U_4)
268    pub THEME_COLOR_MARK_DISABLED = (THEME_COLOR_U_2)
269
270    pub THEME_COLOR_SELECTION = (THEME_COLOR_D_HIDDEN)
271    pub THEME_COLOR_SELECTION_HOVER = (THEME_COLOR_U_3)
272    pub THEME_COLOR_SELECTION_DOWN = (THEME_COLOR_U_3)
273    pub THEME_COLOR_SELECTION_FOCUS = (THEME_COLOR_U_3)
274    pub THEME_COLOR_SELECTION_EMPTY = (THEME_COLOR_D_HIDDEN)
275    pub THEME_COLOR_SELECTION_DISABLED = (THEME_COLOR_D_HIDDEN)
276
277    // Progress bars, slider amounts etc.
278    pub THEME_COLOR_VAL = (THEME_COLOR_OPAQUE_U_2)
279    pub THEME_COLOR_VAL_HOVER = (THEME_COLOR_OPAQUE_U_3)
280    pub THEME_COLOR_VAL_FOCUS = (THEME_COLOR_OPAQUE_U_3)
281    pub THEME_COLOR_VAL_DRAG = (THEME_COLOR_OPAQUE_U_3)
282    pub THEME_COLOR_VAL_DISABLED = (THEME_COLOR_OPAQUE_U_2)
283
284    pub THEME_COLOR_VAL_1 = (THEME_COLOR_OPAQUE_U_1)
285    pub THEME_COLOR_VAL_1_HOVER = (THEME_COLOR_OPAQUE_U_2)
286    pub THEME_COLOR_VAL_1_FOCUS = (THEME_COLOR_OPAQUE_U_2)
287    pub THEME_COLOR_VAL_1_DRAG = (THEME_COLOR_OPAQUE_U_2)
288    pub THEME_COLOR_VAL_1_DISABLED = (THEME_COLOR_OPAQUE_U_1)
289    
290    pub THEME_COLOR_VAL_2 = (THEME_COLOR_OPAQUE_U_2)
291    pub THEME_COLOR_VAL_2_HOVER = (THEME_COLOR_OPAQUE_U_3)
292    pub THEME_COLOR_VAL_2_FOCUS = (THEME_COLOR_OPAQUE_U_3)
293    pub THEME_COLOR_VAL_2_DRAG = (THEME_COLOR_OPAQUE_U_3)
294    pub THEME_COLOR_VAL_2_DISABLED = (THEME_COLOR_OPAQUE_U_2)
295
296
297    // WIDGET SPECIFIC COLORS
298    pub THEME_COLOR_HANDLE: (THEME_COLOR_OPAQUE_U_3);
299    pub THEME_COLOR_HANDLE_HOVER: (THEME_COLOR_OPAQUE_U_4);
300    pub THEME_COLOR_HANDLE_FOCUS: (THEME_COLOR_OPAQUE_U_3);
301    pub THEME_COLOR_HANDLE_DISABLED: (THEME_COLOR_OPAQUE_U_1);
302    pub THEME_COLOR_HANDLE_DRAG: (THEME_COLOR_OPAQUE_U_5);
303
304    pub THEME_COLOR_HANDLE_1: (THEME_COLOR_OPAQUE_U_1);
305    pub THEME_COLOR_HANDLE_1_HOVER: (THEME_COLOR_OPAQUE_U_2);
306    pub THEME_COLOR_HANDLE_1_FOCUS: (THEME_COLOR_OPAQUE_U_2);
307    pub THEME_COLOR_HANDLE_1_DISABLED: (THEME_COLOR_OPAQUE_D_1);
308    pub THEME_COLOR_HANDLE_1_DRAG: (THEME_COLOR_OPAQUE_U_2);
309
310    pub THEME_COLOR_HANDLE_2: (THEME_COLOR_OPAQUE_D_5);
311    pub THEME_COLOR_HANDLE_2_HOVER: (THEME_COLOR_OPAQUE_D_5);
312    pub THEME_COLOR_HANDLE_2_FOCUS: (THEME_COLOR_OPAQUE_D_5);
313    pub THEME_COLOR_HANDLE_2_DISABLED: (THEME_COLOR_OPAQUE_D_3);
314    pub THEME_COLOR_HANDLE_2_DRAG: (THEME_COLOR_OPAQUE_D_5);
315
316    pub THEME_COLOR_DOCK_TAB_ACTIVE = (THEME_COLOR_FG_APP)
317
318    // TODO: THESE ARE APPLICATION SPECIFIC COLORS THAT SHOULD BE MOVED FROM THE GENERAL THEME TO THE GIVEN PROJECT
319    pub THEME_COLOR_HIGH = #C00
320    pub THEME_COLOR_MID = #FA0
321    pub THEME_COLOR_LOW = #8A0
322    pub THEME_COLOR_PANIC = #f0f
323    pub THEME_COLOR_ICON_WAIT = (THEME_COLOR_LOW),
324    pub THEME_COLOR_ERROR = (THEME_COLOR_HIGH),
325    pub THEME_COLOR_WARNING = (THEME_COLOR_MID),
326    pub THEME_COLOR_ICON_PANIC = (THEME_COLOR_HIGH)
327
328    // TYPOGRAPHY
329    pub THEME_FONT_SIZE_CODE = 9.0
330    pub THEME_FONT_WDGT_LINE_SPACING = 1.2
331    pub THEME_FONT_HL_LINE_SPACING = 0.9
332    pub THEME_FONT_LONGFORM_LINE_SPACING = 1.2
333
334    pub THEME_FONT_SIZE_1 = (THEME_FONT_SIZE_BASE + 16 * THEME_FONT_SIZE_CONTRAST)
335    pub THEME_FONT_SIZE_2 = (THEME_FONT_SIZE_BASE + 8 * THEME_FONT_SIZE_CONTRAST)
336    pub THEME_FONT_SIZE_3 = (THEME_FONT_SIZE_BASE + 4 * THEME_FONT_SIZE_CONTRAST)
337    pub THEME_FONT_SIZE_4 = (THEME_FONT_SIZE_BASE + 2 * THEME_FONT_SIZE_CONTRAST)
338    pub THEME_FONT_SIZE_P = (THEME_FONT_SIZE_BASE + 1 * THEME_FONT_SIZE_CONTRAST)
339
340    pub THEME_FONT_LABEL = {
341        font_family:{
342            latin = font("crate://self/resources/IBMPlexSans-Text.ttf", 0.0, 0.0),
343            chinese = font("crate://self/resources/LXGWWenKaiRegular.ttf", 0.0, 0.0)
344            emoji = font("crate://self/resources/NotoColorEmoji.ttf", 0.0, 0.0)
345        },
346        line_spacing: 1.2
347    } // TODO: LEGACY, REMOVE. REQUIRED BY RUN LIST IN STUDIO ATM
348    pub THEME_FONT_REGULAR = {
349        font_family: {
350            latin = font("crate://self/resources/IBMPlexSans-Text.ttf", -0.1, 0.0),
351            chinese = font("crate://self/resources/LXGWWenKaiRegular.ttf", 0.0, 0.0)
352            emoji = font("crate://self/resources/NotoColorEmoji.ttf", 0.0, 0.0)
353        },
354        line_spacing: 1.2
355    }
356    pub THEME_FONT_BOLD = {
357        font_family:{
358            latin = font("crate://self/resources/IBMPlexSans-SemiBold.ttf", 0.0, 0.0)
359            chinese = font("crate://self/resources/LXGWWenKaiBold.ttf", 0.0, 0.0),
360            emoji = font("crate://self/resources/NotoColorEmoji.ttf", 0.0, 0.0)
361        },
362        line_spacing: 1.2
363    }
364    pub THEME_FONT_ITALIC = {
365        font_family:{
366            latin = font("crate://self/resources/IBMPlexSans-Italic.ttf", 0.0, 0.0)
367            chinese =  font("crate://self/resources/LXGWWenKaiRegular.ttf", 0.0, 0.0),
368        },
369        line_spacing: 1.2
370    }
371    pub THEME_FONT_BOLD_ITALIC = {
372        font_family:{
373            latin = font("crate://self/resources/IBMPlexSans-BoldItalic.ttf", 0.0, 0.0)
374            chinese = font("crate://self/resources/LXGWWenKaiBold.ttf", 0.0, 0.0),
375        },
376        line_spacing: 1.2
377    }
378    pub THEME_FONT_CODE = {
379        font_size: (THEME_FONT_SIZE_CODE),
380        font_family:{
381            latin = font("crate://self/resources/LiberationMono-Regular.ttf", 0.0, 0.0)
382        },
383        line_spacing: 1.35
384    }
385    pub THEME_FONT_ICONS = {
386        font_family:{
387            latin = font("crate://self/resources/fa-solid-900.ttf", 0.0, 0.0)
388        },
389        line_spacing: 1.2,
390    }
391}
makepad_widgets/theme_desktop_light.rs

makepad_widgets/
theme_desktop_light.rs
