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