Rename contact list theme to collab panel

styles/src/style_tree/app.ts

@@ -1,4 +1,3 @@
-import contact_finder from "./contact_finder"
 import contacts_popover from "./contacts_popover"
 import command_palette from "./command_palette"
 import project_panel from "./project_panel"
@@ -14,7 +13,8 @@ import simple_message_notification from "./simple_message_notification"
 import project_shared_notification from "./project_shared_notification"
 import tooltip from "./tooltip"
 import terminal from "./terminal"
-import contact_list from "./contact_list"
+import contact_finder from "./contact_finder"
+import collab_panel from "./collab_panel"
 import toolbar_dropdown_menu from "./toolbar_dropdown_menu"
 import incoming_call_notification from "./incoming_call_notification"
 import welcome from "./welcome"
@@ -49,8 +49,8 @@ export default function app(): any {
         project_panel: project_panel(),
         channels_panel: channels_panel(),
         contacts_popover: contacts_popover(),
+        collab_panel: collab_panel(),
         contact_finder: contact_finder(),
-        contact_list: contact_list(),
         toolbar_dropdown_menu: toolbar_dropdown_menu(),
         search: search(),
         shared_screen: shared_screen(),

styles/src/style_tree/collab_panel.ts

@@ -7,6 +7,7 @@ import {
 } from "./components"
 import { interactive, toggleable } from "../element"
 import { useTheme } from "../theme"
+
 export default function contacts_panel(): any {
     const theme = useTheme()
 
@@ -49,7 +50,7 @@ export default function contacts_panel(): any {
     }
 
     return {
-        background: background(layer),
+        // background: background(layer),
         padding: { top: 12 },
         user_query_editor: {
             background: background(layer, "on"),
@@ -88,7 +89,7 @@ export default function contacts_panel(): any {
                         left: side_padding,
                         right: side_padding,
                     },
-                    background: background(layer, "default"), // posiewic: breaking change
+                    // background: background(layer, "default"), // posiewic: breaking change
                 },
                 state: {
                     hovered: {
@@ -97,7 +98,7 @@ export default function contacts_panel(): any {
                     clicked: {
                         background: background(layer, "pressed"),
                     },
-                }, // hack, we want headerRow to be interactive for whatever reason. It probably shouldn't be interactive in the first place.
+                },
             }),
             state: {
                 active: {
@@ -220,7 +221,7 @@ export default function contacts_panel(): any {
             base: interactive({
                 base: {
                     ...project_row,
-                    background: background(layer),
+                    // background: background(layer),
                     icon: {
                         margin: { left: name_margin },
                         color: foreground(layer, "variant"),