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