1
 2import { ColorScheme } from "../themes/common/colorScheme";
 3import { border } from "./components";
 4
 5export default function welcome(colorScheme: ColorScheme) {
 6    let layer = colorScheme.highest;
 7
 8    // TODO
 9    let checkboxBase = {
10        cornerRadius: 4,
11        padding: {
12            left: 8,
13            right: 8,
14            top: 4,
15            bottom: 4,
16        },
17        shadow: colorScheme.popoverShadow,
18        border: border(layer),
19        margin: {
20            left: -8,
21        },
22    };
23
24    return {
25        checkbox: {
26            width: 9,
27            height: 9,
28            default: {
29                ...checkboxBase,
30                background: colorScheme.ramps.blue(0.5).hex(),
31            },
32            checked: {
33                ...checkboxBase,
34                background: colorScheme.ramps.red(0.5).hex(),
35            },
36            hovered: {
37                ...checkboxBase,
38                background: colorScheme.ramps.blue(0.5).hex(),
39
40                border: {
41                    color: colorScheme.ramps.green(0.5).hex(),
42                    width: 1,
43                }
44            },
45            hoveredAndChecked: {
46                ...checkboxBase,
47                background: colorScheme.ramps.red(0.5).hex(),
48                border: {
49                    color: colorScheme.ramps.green(0.5).hex(),
50                    width: 1,
51                }
52            }
53        }
54    }
55}