fix(dashboard): Fix dev mode styling in dark mode

packages/dashboard/src/lib/components/layout/nav-item-wrapper.tsx

@@ -65,7 +65,7 @@ export function NavItemWrapper({
             <div
                 className={cn(
                     'ring-2 ring-transparent rounded-md transition-all delay-50 relative',
-                    isHovered || isPopoverOpen ? 'ring-dev-mode ring-offset-1' : '',
+                    isHovered || isPopoverOpen ? 'ring-dev-mode ring-offset-1 ring-offset-background' : '',
                 )}
                 onMouseEnter={handleMouseEnter}
                 onMouseLeave={handleMouseLeave}

packages/dashboard/src/lib/framework/layout-engine/location-wrapper.tsx

@@ -73,7 +73,7 @@ export function LocationWrapper({ children, identifier }: Readonly<LocationWrapp
         return (
             <div
                 className={cn(
-                    `ring-2 transition-all ring-offset-4 delay-50 relative`,
+                    `ring-2 transition-all ring-offset-4 ring-offset-background delay-50 relative`,
                     isHovered || isPopoverOpen ? 'ring-dev-mode' : 'ring-transparent',
                     isPageWrapper ? 'ring-offset-8' : '',
                     identifier ? 'rounded-md' : 'rounded',