diff --git a/apps/nextjs/src/components/layout/v2-beta-announcement/v2-beta-announcement.module.css b/apps/nextjs/src/components/layout/v2-beta-announcement/v2-beta-announcement.module.css index bb3f45508..be2544710 100644 --- a/apps/nextjs/src/components/layout/v2-beta-announcement/v2-beta-announcement.module.css +++ b/apps/nextjs/src/components/layout/v2-beta-announcement/v2-beta-announcement.module.css @@ -55,6 +55,10 @@ background: light-dark(var(--mantine-color-white), var(--mantine-color-dark-7)); } +.qolCard { + background: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-8)); +} + .diffViewer { overflow: hidden; } diff --git a/apps/nextjs/src/components/layout/v2-beta-announcement/v2-beta-announcement.tsx b/apps/nextjs/src/components/layout/v2-beta-announcement/v2-beta-announcement.tsx index 50f36d4d5..c729725a3 100644 --- a/apps/nextjs/src/components/layout/v2-beta-announcement/v2-beta-announcement.tsx +++ b/apps/nextjs/src/components/layout/v2-beta-announcement/v2-beta-announcement.tsx @@ -4,6 +4,7 @@ import type { ReactNode } from "react"; import { ActionIcon, Alert, + Badge, Box, Button, CopyButton, @@ -26,6 +27,7 @@ import { IconHeartHandshake, IconRobot, IconRocket, + IconSparkles, IconTerminal2, IconWand, IconX, @@ -96,15 +98,19 @@ export const V2BetaAnnouncement = ({ dismissalCookieName, onDismiss }: V2BetaAnn return ( - - - We've been cooking, Homarr v2 beta is here - - - Custom Widgets & CSS workshop, new drag-and-drop, new container system, side-bars are back, new widgets - and so much more, come check it out and help us make v2 ready for everyone - - + + + + + + + Homarr v2 beta is here + + + Test it with us and help make v2 ready for everyone. + + +