From 0a29e13d4ac9ac1351bbb7f5fda7996709fe520a Mon Sep 17 00:00:00 2001
From: Antonio Scandurra <me@as-cii.com>
Date: Tue, 27 Sep 2022 14:34:13 +0200
Subject: [PATCH] Add active style when participant popover is open

---
 crates/collab_titlebar_item/src/collab_titlebar_item.rs | 4 +++-
 styles/src/styleTree/workspace.ts                       | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/crates/collab_titlebar_item/src/collab_titlebar_item.rs b/crates/collab_titlebar_item/src/collab_titlebar_item.rs
index de27fd4eb8..a48318d204 100644
--- a/crates/collab_titlebar_item/src/collab_titlebar_item.rs
+++ b/crates/collab_titlebar_item/src/collab_titlebar_item.rs
@@ -96,7 +96,9 @@ impl CollabTitlebarItem {
             Stack::new()
                 .with_child(
                     MouseEventHandler::<ToggleAddParticipantPopover>::new(0, cx, |state, _| {
-                        let style = titlebar.add_participant_button.style_for(state, false);
+                        let style = titlebar
+                            .add_participant_button
+                            .style_for(state, self.add_participant_popover.is_some());
                         Svg::new("icons/plus_8.svg")
                             .with_color(style.color)
                             .constrained()
diff --git a/styles/src/styleTree/workspace.ts b/styles/src/styleTree/workspace.ts
index b10828828b..75f11b3942 100644
--- a/styles/src/styleTree/workspace.ts
+++ b/styles/src/styleTree/workspace.ts
@@ -124,6 +124,10 @@ export default function workspace(theme: Theme) {
         color: iconColor(theme, "secondary"),
         iconWidth: 8,
         buttonWidth: 20,
+        active: {
+          background: backgroundColor(theme, "on300", "active"),
+          color: iconColor(theme, "active"),
+        },
         hover: {
           background: backgroundColor(theme, "on300", "hovered"),
           color: iconColor(theme, "active"),