fixed ring color of orgs

apps/web/pages/commercial.tsx

@@ -0,0 +1,71 @@
+import Shell, { MobileNavigationMoreItems } from "@calcom/features/shell/Shell";
+import { UpgradeTip } from "@calcom/features/tips";
+import { APP_NAME } from "@calcom/lib/constants";
+import { useLocale } from "@calcom/lib/hooks/useLocale";
+import { Button, ButtonGroup } from "@calcom/ui";
+import { EyeOff, Mail, RefreshCcw, UserPlus, Users, Video } from "@calcom/ui/components/icon";
+
+import PageWrapper from "@components/PageWrapper";
+
+export default function CommercialPage() {
+  const { t } = useLocale();
+  const features = [
+    {
+      icon: <Users className="h-5 w-5 text-red-500" />,
+      title: t("collective_scheduling"),
+      description: t("make_it_easy_to_book"),
+    },
+    {
+      icon: <RefreshCcw className="h-5 w-5 text-blue-500" />,
+      title: t("round_robin"),
+      description: t("find_the_best_person"),
+    },
+    {
+      icon: <UserPlus className="h-5 w-5 text-green-500" />,
+      title: t("fixed_round_robin"),
+      description: t("add_one_fixed_attendee"),
+    },
+    {
+      icon: <Mail className="h-5 w-5 text-orange-500" />,
+      title: t("sms_attendee_action"),
+      description: t("send_reminder_sms"),
+    },
+    {
+      icon: <Video className="h-5 w-5 text-purple-500" />,
+      title: "Cal Video" + " " + t("recordings_title"),
+      description: t("upgrade_to_access_recordings_description"),
+    },
+    {
+      icon: <EyeOff className="h-5 w-5 text-indigo-500" />,
+      title: t("disable_cal_branding", { appName: APP_NAME }),
+      description: t("disable_cal_branding_description", { appName: APP_NAME }),
+    },
+  ];
+  return (
+    <Shell hideHeadingOnMobile>
+      <UpgradeTip
+        plan="license"
+        title={t("Acquire a commercial license")}
+        description={t(
+          "Purchase a commercial license to unlock enterprise features, such as workflows, routing forms, enhanced admin tools and more!"
+        )}
+        features={features}
+        background="/tips/insights"
+        buttons={
+          <div className="space-y-2 rtl:space-x-reverse sm:space-x-2">
+            <ButtonGroup>
+              <Button color="primary" href="https://cal.com/sales">
+                {t("contact_sales")}
+              </Button>
+            </ButtonGroup>
+          </div>
+        }>
+        <div className="max-w-screen-lg">
+          <MobileNavigationMoreItems />
+          <p className="text-subtle mt-6 text-xs leading-tight md:hidden">{t("more_page_footer")}</p>
+        </div>
+      </UpgradeTip>
+    </Shell>
+  );
+}
+CommercialPage.PageWrapper = PageWrapper;

packages/features/ee/organizations/components/OrganizationAvatar.tsx

@@ -19,7 +19,7 @@ const OrganizationAvatar = ({ size, imageSrc, alt, organizationSlug, ...rest }:
             <img
               src={`/org/${organizationSlug}/avatar.png`}
               alt={alt}
-              className="flex h-full items-center justify-center rounded-full ring-2 ring-white"
+              className="dark:ring-darkgray-50 flex h-full items-center justify-center rounded-full ring-2 ring-white"
             />
           </div>
         ) : null

packages/features/tips/UpgradeTip.tsx

@@ -7,6 +7,7 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 export function UpgradeTip({
   dark,
   title,
+  plan,
   description,
   background,
   features,
@@ -15,6 +16,7 @@ export function UpgradeTip({
   children,
 }: {
   dark?: boolean;
+  plan?: "team" | "license";
   title: string;
   description: string;
   /* overwrite EmptyScreen text */
@@ -28,7 +30,10 @@ export function UpgradeTip({
   const { t } = useLocale();
   const { isLoading, hasTeamPlan } = useHasTeamPlan();
 
-  if (hasTeamPlan) return children;
+  // todo: if plan == "license" check for license
+  // if plan == "team" check for team plan
+
+  if (plan !== "license" && hasTeamPlan) return children;
 
   if (isLoading) return <>{isParentLoading}</>;