Merge pull request #31 from khanghy2130/minor-changes

light theme color changes. login page style change
khanghy2130 · Oct 11, 2024 · 4ac31ba · 4ac31ba
2 parents 56ebe0a + 74f0345
commit 4ac31ba
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/app/components/SidePanel.tsx b/app/components/SidePanel.tsx
@@ -229,7 +229,7 @@ export default function SidePanel({
                         <h1 className="mb-4 text-lg">Log in to see profile</h1>
                         <Link to="/login">
                             <button
-                                className="click-shrink rounded-md bg-primaryColor px-4 py-2 text-xl text-primaryTextColor hover:bg-primaryColorMuted"
+                                className="click-shrink rounded-md bg-primaryColor px-4 py-2 text-xl font-medium text-primaryTextColor hover:bg-primaryColorMuted"
                                 onClick={() => setSidePanelIsShown(false)}
                             >
                                 Login

diff --git a/app/routes/login/index.tsx b/app/routes/login/index.tsx
@@ -193,10 +193,10 @@ export default function Login() {
             </div>
             <div className="m-8 mx-32 my-12 text-4xl">OR</div>
 
-            <div className="relative h-[520px] w-full max-w-72 overflow-hidden rounded-xl border-2 border-bgColor2 text-center">
+            <div className="relative h-[520px] w-full max-w-72 overflow-hidden rounded-xl border-2 border-textColor2 text-center">
                 {/* LOGIN/SIGNUP SWITCH */}
                 <button
-                    className="absolute right-2 top-2 z-10 min-w-24 rounded-md bg-bgColor2 py-1 text-sm font-medium hover:bg-bgColor3"
+                    className="absolute right-2 top-2 z-10 min-w-32 rounded-md bg-bgColor2 py-1 text-base font-medium hover:bg-bgColor3"
                     onClick={() => {
                         setIsAtLogin(!isAtLogin);
                         resetErrorMessage();

diff --git a/app/tailwind.css b/app/tailwind.css
@@ -10,9 +10,9 @@
         --primaryTextColor: #f6f6f6;
     }
     html {
-        --bgColor1: #faf9ee;
-        --bgColor2: #f3f0d6;
-        --bgColor3: #f3edb8;
+        --bgColor1: #f4f4e0;
+        --bgColor2: #f3eec3;
+        --bgColor3: #eee9ad;
         --textColor1: #373737;
         --textColor2: #6b6b6b;
     }