1import { ColorScheme } from "../theme/colorScheme"
 2import { background, border, text } from "./components"
 3
 4export default function feedback(colorScheme: ColorScheme) {
 5    let layer = colorScheme.highest
 6
 7    return {
 8        submit_button: {
 9            ...text(layer, "mono", "on"),
10            background: background(layer, "on"),
11            cornerRadius: 6,
12            border: border(layer, "on"),
13            margin: {
14                right: 4,
15            },
16            padding: {
17                bottom: 2,
18                left: 10,
19                right: 10,
20                top: 2,
21            },
22            clicked: {
23                ...text(layer, "mono", "on", "pressed"),
24                background: background(layer, "on", "pressed"),
25                border: border(layer, "on", "pressed"),
26            },
27            hover: {
28                ...text(layer, "mono", "on", "hovered"),
29                background: background(layer, "on", "hovered"),
30                border: border(layer, "on", "hovered"),
31            },
32        },
33        button_margin: 8,
34        info_text_default: text(layer, "sans", "default", { size: "xs" }),
35        link_text_default: text(layer, "sans", "default", {
36            size: "xs",
37            underline: true,
38        }),
39        link_text_hover: text(layer, "sans", "hovered", {
40            size: "xs",
41            underline: true,
42        }),
43    }
44}