New schema for pixels and links.

src/components/input/PanelButton.tsx

@@ -11,7 +11,7 @@ export function PanelButton(props: ButtonProps) {
       {...props}
       style={{ padding: 0 }}
     >
-      <Icon>
+      <Icon strokeColor="muted">
         <PanelLeft />
       </Icon>
     </Button>

src/components/input/TeamsButton.tsx

@@ -15,7 +15,7 @@ import {
   Pressable,
 } from '@umami/react-zen';
 import { useLoginQuery, useMessages, useUserTeamsQuery, useNavigation } from '@/components/hooks';
-import { Chevron, User, Users, LogOut } from '@/components/icons';
+import { Chevron, User, Users } from '@/components/icons';
 
 export function TeamsButton({ showText = true }: { showText?: boolean }) {
   const { user } = useLoginQuery();
@@ -79,17 +79,6 @@ export function TeamsButton({ showText = true }: { showText?: boolean }) {
                 </MenuItem>
               ))}
             </MenuSection>
-            <MenuSeparator />
-            <MenuSection>
-              <MenuItem id="logout">
-                <Row alignItems="center" gap>
-                  <Icon size="sm">
-                    <LogOut />
-                  </Icon>
-                  <Text wrap="nowrap">{formatMessage(labels.logout)}</Text>
-                </Row>
-              </MenuItem>
-            </MenuSection>
           </Menu>
         </Box>
       </Popover>