feat: Prefer primary color (#2665)

packages/modals-collection/src/boards/add-board-modal.tsx

@@ -82,7 +82,7 @@ export const AddBoardModal = createModal(({ actions }) => {
           <Button onClick={actions.closeModal} variant="subtle" color="gray">
             {t("common.action.cancel")}
           </Button>
-          <Button type="submit" color="teal" loading={isPending}>
+          <Button type="submit" loading={isPending}>
             {t("common.action.create")}
           </Button>
         </Group>

packages/modals-collection/src/groups/add-group-modal.tsx

@@ -44,7 +44,7 @@ export const AddGroupModal = createModal<void>(({ actions }) => {
           <Button onClick={actions.closeModal} variant="subtle" color="gray">
             {t("common.action.cancel")}
           </Button>
-          <Button loading={isPending} type="submit" color="teal">
+          <Button loading={isPending} type="submit">
             {t("common.action.create")}
           </Button>
         </Group>

packages/modals-collection/src/invites/invite-create-modal.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Button, Group, Stack, Text } from "@mantine/core";
 import { DateTimePicker } from "@mantine/dates";
 import dayjs from "dayjs";
@@ -63,7 +62,7 @@ export const InviteCreateModal = createModal<void>(({ actions }) => {
           <Button onClick={actions.closeModal} variant="subtle" color="gray">
             {t("common.action.cancel")}
           </Button>
-          <Button type="submit" loading={isPending} color="teal">
+          <Button type="submit" loading={isPending}>
             {t("common.action.create")}
           </Button>
         </Group>

packages/widgets/src/health-monitoring/cluster/resource-popover.tsx

@@ -189,7 +189,7 @@ const StorageType = ({ item }: { item: StorageResource }) => {
   if (item.isShared) {
     return <Badge color="blue">{t("shared")}</Badge>;
   } else {
-    return <Badge color="teal">{t("local")}</Badge>;
+    return <Badge>{t("local")}</Badge>;
   }
 };
 

packages/widgets/src/modals/widget-advanced-options-modal.tsx

@@ -47,9 +47,7 @@ export const WidgetAdvancedOptionsModal = createModal<InnerProps>(({ actions, in
           <Button onClick={actions.closeModal} variant="subtle" color="gray">
             {t("common.action.cancel")}
           </Button>
-          <Button type="submit" color="teal">
-            {t("common.action.saveChanges")}
-          </Button>
+          <Button type="submit">{t("common.action.saveChanges")}</Button>
         </Group>
       </Stack>
     </form>

packages/widgets/src/modals/widget-edit-modal.tsx

@@ -142,9 +142,7 @@ export const WidgetEditModal = createModal<ModalProps<WidgetKind>>(({ actions, i
               <Button onClick={actions.closeModal} variant="subtle" color="gray">
                 {t("common.action.cancel")}
               </Button>
-              <Button type="submit" color="teal">
-                {t("common.action.saveChanges")}
-              </Button>
+              <Button type="submit">{t("common.action.saveChanges")}</Button>
             </Group>
           </Group>
         </Stack>