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

use crate::cow_borrowed;
use crate::theming::*;

pub const DARK_THEME: Theme = Theme {
    name: "dark",
    body: BodyTheme {
        background: cow_borrowed!("rgb(25, 25, 25)"),
        color: cow_borrowed!("white"),
        padding: LIGHT_THEME.body.padding,
    },
    slider: SliderTheme {
        background: cow_borrowed!("rgb(60, 60, 60)"),
        thumb_background: cow_borrowed!("rgb(60, 60, 60)"),
        thumb_inner_background: cow_borrowed!("rgb(255, 95, 0)"),
        border_fill: cow_borrowed!("rgb(110, 110, 110)"),
    },
    button: ButtonTheme {
        background: cow_borrowed!("rgb(35, 35, 35)"),
        hover_background: cow_borrowed!("rgb(45, 45, 45)"),
        font_theme: FontTheme {
            color: cow_borrowed!("white"),
        },
        border_fill: cow_borrowed!("rgb(80, 80, 80)"),
        focus_border_fill: cow_borrowed!("rgb(110, 110, 110)"),
        padding: LIGHT_THEME.button.padding,
        margin: LIGHT_THEME.button.margin,
        corner_radius: LIGHT_THEME.button.corner_radius,
        width: LIGHT_THEME.button.width,
        height: LIGHT_THEME.button.height,
    },
    input: InputTheme {
        background: cow_borrowed!("rgb(35, 35, 35)"),
        hover_background: cow_borrowed!("rgb(45, 45, 45)"),
        font_theme: FontTheme {
            color: cow_borrowed!("white"),
        },
        border_fill: cow_borrowed!("rgb(80, 80, 80)"),
        width: LIGHT_THEME.input.width,
        margin: LIGHT_THEME.input.margin,
    },
    switch: SwitchTheme {
        background: cow_borrowed!("rgb(60, 60, 60)"),
        thumb_background: cow_borrowed!("rgb(200, 200, 200)"),
        enabled_background: cow_borrowed!("rgb(255, 95, 0)"),
        enabled_thumb_background: cow_borrowed!("rgb(234, 221, 255)"),
        focus_border_fill: cow_borrowed!("rgb(110, 110, 110)"),
        enabled_focus_border_fill: cow_borrowed!("rgb(170, 170, 170)"),
    },
    scroll_bar: ScrollBarTheme {
        background: cow_borrowed!("rgb(35, 35, 35)"),
        thumb_background: cow_borrowed!("rgb(100, 100, 100)"),
        hover_thumb_background: cow_borrowed!("rgb(120, 120, 120)"),
        active_thumb_background: cow_borrowed!("rgb(140, 140, 140)"),
    },
    scroll_view: ScrollViewTheme {
        height: LIGHT_THEME.scroll_view.height,
        width: LIGHT_THEME.scroll_view.width,
        padding: LIGHT_THEME.scroll_view.padding,
    },
    tooltip: TooltipTheme {
        background: cow_borrowed!("rgb(35,35,35)"),
        color: cow_borrowed!("rgb(240,240,240)"),
        border_fill: cow_borrowed!("rgb(80, 80, 80)"),
    },
    external_link: ExternalLinkTheme {
        highlight_color: cow_borrowed!("rgb(43,106,208)"),
    },
    dropdown: DropdownTheme {
        dropdown_background: cow_borrowed!("rgb(25, 25, 25)"),
        background_button: cow_borrowed!("rgb(35, 35, 35)"),
        hover_background: cow_borrowed!("rgb(45, 45, 45)"),
        font_theme: FontTheme {
            color: cow_borrowed!("white"),
        },
        border_fill: cow_borrowed!("rgb(80, 80, 80)"),
        arrow_fill: cow_borrowed!("rgb(40, 40, 40)"),
    },
    dropdown_item: DropdownItemTheme {
        background: cow_borrowed!("rgb(35, 35, 35)"),
        select_background: cow_borrowed!("rgb(80, 80, 80)"),
        hover_background: cow_borrowed!("rgb(55, 55, 55)"),
        font_theme: FontTheme {
            color: cow_borrowed!("white"),
        },
    },
    accordion: AccordionTheme {
        color: cow_borrowed!("white"),
        background: cow_borrowed!("rgb(60, 60, 60)"),
        border_fill: cow_borrowed!("rgb(80, 80, 80)"),
    },
    loader: LoaderTheme {
        primary_color: cow_borrowed!("rgb(150, 150, 150)"),
        secondary_color: cow_borrowed!("rgb(255, 255, 255)"),
    },
    progress_bar: ProgressBarTheme {
        color: cow_borrowed!("white"),
        background: cow_borrowed!("rgb(60, 60, 60)"),
        progress_background: cow_borrowed!("rgb(255, 95, 0)"),
        width: LIGHT_THEME.progress_bar.width,
        height: LIGHT_THEME.progress_bar.height,
    },
    table: TableTheme {
        font_theme: FontTheme {
            color: cow_borrowed!("white"),
        },
        background: cow_borrowed!("rgb(25, 25, 25)"),
        arrow_fill: cow_borrowed!("rgb(150, 150, 150)"),
        row_background: cow_borrowed!("transparent"),
        alternate_row_background: cow_borrowed!("rgb(50, 50, 50)"),
        divider_fill: cow_borrowed!("rgb(100, 100, 100)"),
        height: LIGHT_THEME.table.height,
        corner_radius: LIGHT_THEME.table.corner_radius,
        shadow: LIGHT_THEME.table.shadow,
    },
    canvas: CanvasTheme {
        width: LIGHT_THEME.canvas.width,
        height: LIGHT_THEME.canvas.height,
        background: cow_borrowed!("white"),
    },
    graph: GraphTheme {
        width: LIGHT_THEME.graph.width,
        height: LIGHT_THEME.graph.height,
    },
    network_image: NetworkImageTheme {
        width: LIGHT_THEME.network_image.width,
        height: LIGHT_THEME.network_image.height,
    },
    arrow_icon: ArrowIconTheme {
        width: LIGHT_THEME.arrow_icon.width,
        height: LIGHT_THEME.arrow_icon.height,
        margin: LIGHT_THEME.arrow_icon.margin,
    },
};