From 57e10ce7c6ec85446a0a2512a2388e0f211bb4f3 Mon Sep 17 00:00:00 2001
From: Joseph Lyons <JosephTLyons@gmail.com>
Date: Wed, 8 Feb 2023 21:02:28 -0500
Subject: [PATCH] Style info text

---
 crates/feedback/src/feedback_editor.rs | 16 ++++++----------
 crates/theme/src/theme.rs              |  1 +
 styles/src/styleTree/feedback.ts       |  4 ++--
 3 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/crates/feedback/src/feedback_editor.rs b/crates/feedback/src/feedback_editor.rs
index ae8ccc9151..7681b160e9 100644
--- a/crates/feedback/src/feedback_editor.rs
+++ b/crates/feedback/src/feedback_editor.rs
@@ -534,16 +534,12 @@ impl View for FeedbackInfoText {
     fn render(&mut self, cx: &mut RenderContext<Self>) -> ElementBox {
         let theme = cx.global::<Settings>().theme.clone();
         let text = "We read whatever you submit here. For issues and discussions, visit the community repo on GitHub.";
-        Label::new(
-            theme.workspace.titlebar.outdated_warning.text.clone(),
-            text.to_string(),
-        )
-        .contained()
-        .with_style(theme.workspace.titlebar.outdated_warning.container)
-        .aligned()
-        .left()
-        .clipped()
-        .boxed()
+        Label::new(text.to_string(), theme.feedback.info_text.text.clone())
+            .contained()
+            .aligned()
+            .left()
+            .clipped()
+            .boxed()
     }
 }
 
diff --git a/crates/theme/src/theme.rs b/crates/theme/src/theme.rs
index b8ec3e0329..bc338bbe26 100644
--- a/crates/theme/src/theme.rs
+++ b/crates/theme/src/theme.rs
@@ -811,6 +811,7 @@ pub struct TerminalStyle {
 pub struct FeedbackStyle {
     pub submit_button: Interactive<ContainedText>,
     pub button_margin: f32,
+    pub info_text: ContainedText,
 }
 
 #[derive(Clone, Deserialize, Default)]
diff --git a/styles/src/styleTree/feedback.ts b/styles/src/styleTree/feedback.ts
index eb0f61ecfd..46cb867ad9 100644
--- a/styles/src/styleTree/feedback.ts
+++ b/styles/src/styleTree/feedback.ts
@@ -5,7 +5,6 @@ import { background, border, text } from "./components";
 export default function feedback(colorScheme: ColorScheme) {
   let layer = colorScheme.highest;
 
-  // Currently feedback only needs style for the submit feedback button
   return {
     submit_button: {
       ...text(layer, "mono", "on"),
@@ -32,6 +31,7 @@ export default function feedback(colorScheme: ColorScheme) {
         border: border(layer, "on", "hovered"),
       },
     },
-    button_margin: 8
+    button_margin: 8,
+    info_text: text(layer, "sans", "default", { size: "xs" }),
   };
 }