fix: black on orange for leftpane invitewarning

ts/components/NoticeBanner.tsx

@@ -53,7 +53,8 @@ export const NoticeBanner = (props: NoticeBannerProps) => {
 
 const StyledGroupInviteBanner = styled(Flex)`
   position: relative;
-  color: var(--warning-color);
+  color: var(--black-color);
+  background-color: var(--warning-color);
   font-size: var(--font-size-sm);
   padding: var(--margins-xs) var(--margins-lg);
   text-align: center;
@@ -62,6 +63,8 @@ const StyledGroupInviteBanner = styled(Flex)`
   // when part a a dialog, invert it and make it narrower (as the dialog grows to make it fit)
   ${StyledRootDialog} & {
     max-width: 300px;
+    color: var(--warning-color);
+    background-color: inherit;
   }
 `;