1// Copyright © SixtyFPS GmbH <info@slint.dev>
2// SPDX-License-Identifier: MIT
3
4import "fonts/Roboto-Regular.ttf";
5import "fonts/Roboto-Bold.ttf";
6
7export global Theme {
8 // brushes
9 out property <brush> window-background: #2C2F36;
10 out property <brush> background-regular: #0025FF;
11 out property <brush> background-hover: root.background-regular.darker(0.2);
12 out property <brush> background-pressed: root.background-regular.darker(0.4);
13 out property <brush> background-selected: root.foreground;
14 out property <brush> background-selected-hover: root.background-selected.darker(0.2);
15 out property <brush> background-selected-pressed: root.background-selected.darker(0.4);
16 out property <brush> foreground: #FFFFFF;
17 out property <brush> foreground-hover: root.foreground.darker(0.2);
18 out property <brush> foreground-pressed: root.foreground.darker(0.4);
19 out property <brush> foreground-selected: root.background-regular;
20 out property <brush> foreground-selected-hover: root.foreground-selected.darker(0.2);
21 out property <brush> foreground-selected-pressed: root.foreground-selected.darker(0.4);
22
23 // durations
24 out property <duration> duration-fast: 100ms;
25 out property <duration> duration-regular: 250ms;
26
27 // radius
28 out property <length> radius-regular: 16px;
29
30 // sizes
31 out property <length> size-small: 24px;
32 out property <length> size-regular: 32px;
33 out property <length> size-medium: 128px;
34 out property <length> size-big: 170px;
35
36 // spacings
37 out property <length> spacing-regular: 4px;
38 out property <length> spacing-medium: 8px;
39
40 // typo
41 out property <string> font-family: "Roboto";
42 out property <length> font-size-regular: 12px;
43 out property <length> font-size-medium: 28px;
44 out property <int> font-weight-regular: 400;
45 out property <int> font-weight-bold: 900;
46}