feat: screening (#96)

* .

* .

* refactor

* .

* screening

* add report user function

* add danger and warning styles

* update deps

* update

* fix line height

* .

crates/ui/src/button.rs

@@ -36,6 +36,21 @@ pub trait ButtonVariants: Sized {
         self.with_variant(ButtonVariant::Secondary)
     }
 
+    /// With the danger style for the Button.
+    fn danger(self) -> Self {
+        self.with_variant(ButtonVariant::Danger)
+    }
+
+    /// With the danger alternate style for the Button.
+    fn danger_alt(self) -> Self {
+        self.with_variant(ButtonVariant::DangerAlt)
+    }
+
+    /// With the warning style for the Button.
+    fn warning(self) -> Self {
+        self.with_variant(ButtonVariant::Warning)
+    }
+
     /// With the ghost style for the Button.
     fn ghost(self) -> Self {
         self.with_variant(ButtonVariant::Ghost)
@@ -88,6 +103,9 @@ impl ButtonCustomVariant {
 pub enum ButtonVariant {
     Primary,
     Secondary,
+    Danger,
+    DangerAlt,
+    Warning,
     Ghost,
     Transparent,
     Custom(ButtonCustomVariant),
@@ -394,11 +412,19 @@ struct ButtonVariantStyle {
 }
 
 impl ButtonVariant {
+    fn normal(&self, window: &Window, cx: &App) -> ButtonVariantStyle {
+        let bg = self.bg_color(window, cx);
+        let fg = self.text_color(window, cx);
+
+        ButtonVariantStyle { bg, fg }
+    }
+
     fn bg_color(&self, _window: &Window, cx: &App) -> Hsla {
         match self {
             ButtonVariant::Primary => cx.theme().element_background,
             ButtonVariant::Secondary => cx.theme().elevated_surface_background,
-            ButtonVariant::Transparent => gpui::transparent_black(),
+            ButtonVariant::Danger => cx.theme().danger_background,
+            ButtonVariant::Warning => cx.theme().warning_background,
             ButtonVariant::Custom(colors) => colors.color,
             _ => cx.theme().ghost_element_background,
         }
@@ -408,23 +434,22 @@ impl ButtonVariant {
         match self {
             ButtonVariant::Primary => cx.theme().element_foreground,
             ButtonVariant::Secondary => cx.theme().text_muted,
+            ButtonVariant::Danger => cx.theme().danger_foreground,
+            ButtonVariant::DangerAlt => cx.theme().danger_background,
+            ButtonVariant::Warning => cx.theme().warning_foreground,
             ButtonVariant::Transparent => cx.theme().text_placeholder,
             ButtonVariant::Ghost => cx.theme().text_muted,
             ButtonVariant::Custom(colors) => colors.foreground,
         }
     }
 
-    fn normal(&self, window: &Window, cx: &App) -> ButtonVariantStyle {
-        let bg = self.bg_color(window, cx);
-        let fg = self.text_color(window, cx);
-
-        ButtonVariantStyle { bg, fg }
-    }
-
     fn hovered(&self, window: &Window, cx: &App) -> ButtonVariantStyle {
         let bg = match self {
             ButtonVariant::Primary => cx.theme().element_hover,
             ButtonVariant::Secondary => cx.theme().secondary_hover,
+            ButtonVariant::Danger => cx.theme().danger_hover,
+            ButtonVariant::DangerAlt => gpui::transparent_black(),
+            ButtonVariant::Warning => cx.theme().warning_hover,
             ButtonVariant::Ghost => cx.theme().ghost_element_hover,
             ButtonVariant::Transparent => gpui::transparent_black(),
             ButtonVariant::Custom(colors) => colors.hover,
@@ -444,6 +469,9 @@ impl ButtonVariant {
         let bg = match self {
             ButtonVariant::Primary => cx.theme().element_active,
             ButtonVariant::Secondary => cx.theme().secondary_active,
+            ButtonVariant::Danger => cx.theme().danger_active,
+            ButtonVariant::DangerAlt => gpui::transparent_black(),
+            ButtonVariant::Warning => cx.theme().warning_active,
             ButtonVariant::Ghost => cx.theme().ghost_element_active,
             ButtonVariant::Transparent => gpui::transparent_black(),
             ButtonVariant::Custom(colors) => colors.active,
@@ -462,6 +490,9 @@ impl ButtonVariant {
         let bg = match self {
             ButtonVariant::Primary => cx.theme().element_selected,
             ButtonVariant::Secondary => cx.theme().secondary_selected,
+            ButtonVariant::Danger => cx.theme().danger_selected,
+            ButtonVariant::DangerAlt => gpui::transparent_black(),
+            ButtonVariant::Warning => cx.theme().warning_selected,
             ButtonVariant::Ghost => cx.theme().ghost_element_selected,
             ButtonVariant::Transparent => gpui::transparent_black(),
             ButtonVariant::Custom(colors) => colors.active,

crates/ui/src/icon.rs

@@ -70,6 +70,7 @@ pub enum IconName {
     ThumbsUp,
     Upload,
     UsersThreeFill,
+    OpenUrl,
     WindowClose,
     WindowMaximize,
     WindowMinimize,
@@ -140,6 +141,7 @@ impl IconName {
             Self::ThumbsUp => "icons/thumbs-up.svg",
             Self::Upload => "icons/upload.svg",
             Self::UsersThreeFill => "icons/users-three-fill.svg",
+            Self::OpenUrl => "icons/open-url.svg",
             Self::WindowClose => "icons/window-close.svg",
             Self::WindowMaximize => "icons/window-maximize.svg",
             Self::WindowMinimize => "icons/window-minimize.svg",

crates/ui/src/input/element.rs

@@ -700,7 +700,7 @@ impl Element for TextElement {
 
         // Paint selections
         if let Some(path) = prepaint.selection_path.take() {
-            window.paint_path(path, cx.theme().element_disabled);
+            window.paint_path(path, cx.theme().selection);
         }
 
         // Paint text