From 8f4c9637a747a3f8badf6665436445dc51bff0f6 Mon Sep 17 00:00:00 2001
From: chs20 <schlarmann.christian@gmail.com>
Date: Wed, 4 Jan 2023 16:14:53 +0100
Subject: [PATCH] Fix dark mode display for some pages

---
 website/src/pages/account/edit.tsx     | 34 ++++++++++++++------------
 website/src/pages/account/index.tsx    | 16 ++++++------
 website/src/pages/privacy-policy.tsx   |  2 +-
 website/src/pages/terms-of-service.tsx |  2 +-
 4 files changed, 29 insertions(+), 25 deletions(-)

diff --git a/website/src/pages/account/edit.tsx b/website/src/pages/account/edit.tsx
index f695fce7..497e8238 100644
--- a/website/src/pages/account/edit.tsx
+++ b/website/src/pages/account/edit.tsx
@@ -36,22 +36,24 @@ export default function Account() {
           content="Conversational AI for everyone. An open source project to create a chat enabled GPT LLM run by LAION and contributors around the world."
         />
       </Head>
-      <main className="h-3/4 z-0 bg-white flex flex-col items-center justify-center">
-        <p>{session.user.name || "No username"}</p>
-        <form onSubmit={updateUser}>
-          <InputGroup>
-            <Input
-              onChange={(e) => setUsername(e.target.value)}
-              placeholder="Edit Username"
-              type="text"
-              value={username}
-            ></Input>
-            <Button disabled={!username} type="submit" value="Change">
-              Submit
-            </Button>
-          </InputGroup>
-        </form>
-      </main>
+      <div className="oa-basic-theme">
+        <main className="h-3/4 z-0 flex flex-col items-center justify-center">
+          <p>{session.user.name || "No username"}</p>
+          <form onSubmit={updateUser}>
+            <InputGroup>
+              <Input
+                onChange={(e) => setUsername(e.target.value)}
+                placeholder="Edit Username"
+                type="text"
+                value={username}
+              ></Input>
+              <Button disabled={!username} type="submit" value="Change">
+                Submit
+              </Button>
+            </InputGroup>
+          </form>
+        </main>
+      </div>
     </>
   );
 }
diff --git a/website/src/pages/account/index.tsx b/website/src/pages/account/index.tsx
index 9f8dc4a3..d26fc842 100644
--- a/website/src/pages/account/index.tsx
+++ b/website/src/pages/account/index.tsx
@@ -19,13 +19,15 @@ export default function Account() {
           content="Conversational AI for everyone. An open source project to create a chat enabled GPT LLM run by LAION and contributors around the world."
         />
       </Head>
-      <main className="h-3/4 z-0 bg-white flex flex-col items-center justify-center">
-        <p>{session.user.name || "No username"}</p>
-        <Button>
-          <Link href="/account/edit">Edit Username</Link>
-        </Button>
-        <p>{session.user.email}</p>
-      </main>
+      <div className="oa-basic-theme">
+        <main className="h-3/4 z-0 flex flex-col items-center justify-center">
+          <p>{session.user.name || "No username"}</p>
+          <Button>
+            <Link href="/account/edit">Edit Username</Link>
+          </Button>
+          <p>{session.user.email}</p>
+        </main>
+      </div>
     </>
   );
 }
diff --git a/website/src/pages/privacy-policy.tsx b/website/src/pages/privacy-policy.tsx
index dcb3bc19..164fab93 100644
--- a/website/src/pages/privacy-policy.tsx
+++ b/website/src/pages/privacy-policy.tsx
@@ -14,7 +14,7 @@ const PrivacyPolicy = () => {
           content="Conversational AI for everyone. An open source project to create a chat enabled GPT LLM run by LAION and contributors around the world."
         />
       </Head>
-      <main>
+      <main className="oa-basic-theme">
         <Container>
           <Heading as="h1" size="3xl">
             Privacy Policy
diff --git a/website/src/pages/terms-of-service.tsx b/website/src/pages/terms-of-service.tsx
index d97c8d34..ce60a20e 100644
--- a/website/src/pages/terms-of-service.tsx
+++ b/website/src/pages/terms-of-service.tsx
@@ -14,7 +14,7 @@ const TermsOfService = () => {
           content="Conversational AI for everyone. An open source project to create a chat enabled GPT LLM run by LAION and contributors around the world."
         />
       </Head>
-      <main>
+      <main className="oa-basic-theme">
         <Container>
           <Heading as="h1" size="3xl">
             Terms Of Service