fixing login and signup images

Author: jcenturion

auth4genai/img/login_dark.png

@@ -94,7 +94,17 @@ Choosing a login flow impacts security and user experience. Auth0 offers two way
    - **Use case:** Ideal for most AI agents requiring secure, frictionless user access.
 
 <Frame>
-  <img src="/img/universal_login.png" alt="Universal login screen" />
+<img
+  className="block dark:hidden"
+  src="/img/login_light.png"
+  alt="Univeral Longin Screen"
+/>
+
+<img
+  className="hidden dark:block"
+  src="/img/login_dark.png"
+  alt="Univeral Longin Screen"
+/>
 </Frame>
 
 2. [**Embedded Login**](https://auth0.com/docs/authenticate/login/embedded-login)**:** The login interface is integrated directly within your AI application's UI.

auth4genai/img/login_light.png

@@ -73,8 +73,17 @@ Visit the URL `http://localhost:5173` in your browser.
 You will see:
 
 <Frame>
-  ![Auth0 login
-  screen](/img/user_authentication_quickstart_login_screen.png)
+<img
+  className="block dark:hidden"
+  src="/img/signup_light.png"
+  alt="Auth0 login screen"
+/>
+
+<img
+  className="hidden dark:block"
+  src="/img/signup_dark.png"
+  alt="Auth0 login screen"
+/>
 </Frame>
 
 Sign up to your application to create a new user account. You will then see a welcome message with your user name. You can sign in with that account on future visits.

auth4genai/img/signup_dark.png

@@ -146,7 +146,17 @@ Visit your app in the browser, typically at `http://localhost:3000`.
 You will see:
 
 <Frame>
-  ![Auth0 login screen](/img/user_authentication_quickstart_login_screen.png)
+<img
+  className="block dark:hidden"
+  src="/img/signup_light.png"
+  alt="Auth0 login screen"
+/>
+
+<img
+  className="hidden dark:block"
+  src="/img/signup_dark.png"
+  alt="Auth0 login screen"
+/>
 </Frame>
 
 Sign up to your application to create a new user account. You will then see a welcome message with your user name. You can sign in with that account on future visits.