Implement a button for submitting feedback

Co-Authored-By: Kay Simmons <3323631+Kethku@users.noreply.github.com>

styles/src/styleTree/app.ts

@@ -19,6 +19,7 @@ import terminal from "./terminal";
 import contactList from "./contactList";
 import incomingCallNotification from "./incomingCallNotification";
 import { ColorScheme } from "../themes/common/colorScheme";
+import feedback from "./feedback";
 
 export default function app(colorScheme: ColorScheme): Object {
   return {
@@ -51,6 +52,7 @@ export default function app(colorScheme: ColorScheme): Object {
     simpleMessageNotification: simpleMessageNotification(colorScheme),
     tooltip: tooltip(colorScheme),
     terminal: terminal(colorScheme),
+    feedback: feedback(colorScheme),
     colorScheme: {
       ...colorScheme,
       players: Object.values(colorScheme.players),

styles/src/styleTree/feedback.ts

@@ -0,0 +1,37 @@
+
+import { ColorScheme } from "../themes/common/colorScheme";
+import { background, border, text } from "./components";
+
+export default function search(colorScheme: ColorScheme) {
+  let layer = colorScheme.highest;
+
+  // Currently feedback only needs style for the submit feedback button
+  return {
+    submit_button: {
+      ...text(layer, "mono", "on"),
+      background: background(layer, "on"),
+      cornerRadius: 6,
+      border: border(layer, "on"),
+      margin: {
+        right: 4,
+      },
+      padding: {
+        bottom: 2,
+        left: 10,
+        right: 10,
+        top: 2,
+      },
+      clicked: {
+        ...text(layer, "mono", "on", "pressed"),
+        background: background(layer, "on", "pressed"),
+        border: border(layer, "on", "pressed"),
+      },
+      hover: {
+        ...text(layer, "mono", "on", "hovered"),
+        background: background(layer, "on", "hovered"),
+        border: border(layer, "on", "hovered"),
+      },
+    },
+    button_margin: 8
+  };
+}