chore: tweak form styles

web/package.json

@@ -19,7 +19,7 @@
     "@mui/joy": "5.0.0-beta.48",
     "@radix-ui/react-popover": "^1.1.2",
     "@reduxjs/toolkit": "^2.3.0",
-    "@usememos/mui": "0.0.1-alpha.25",
+    "@usememos/mui": "0.0.1-alpha.26",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "copy-to-clipboard": "^3.3.3",

web/pnpm-lock.yaml

@@ -39,8 +39,8 @@ importers:
         specifier: ^2.3.0
         version: 2.3.0(react-redux@9.1.2(@types/react@18.3.12)(react@18.3.1)(redux@5.0.1))(react@18.3.1)
       '@usememos/mui':
-        specifier: 0.0.1-alpha.25
-        version: 0.0.1-alpha.25(lucide-react@0.453.0(react@18.3.1))(postcss@8.4.47)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)(tailwindcss@3.4.14)
+        specifier: 0.0.1-alpha.26
+        version: 0.0.1-alpha.26(lucide-react@0.453.0(react@18.3.1))(postcss@8.4.47)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)(tailwindcss@3.4.14)
       class-variance-authority:
         specifier: ^0.7.0
         version: 0.7.0
@@ -1400,8 +1400,8 @@ packages:
   '@ungap/structured-clone@1.2.0':
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
-  '@usememos/mui@0.0.1-alpha.25':
-    resolution: {integrity: sha512-TjvhSgKRqXrDBPGJuojwjbBGLysiycvE+05UJlzmJ1OOQLO3UBYFc5F+iPHg5ok+7PEjWrt3tTubU76/kWsgBQ==}
+  '@usememos/mui@0.0.1-alpha.26':
+    resolution: {integrity: sha512-6K5iYBddv6tcnXVq2qEi2mgW8QYo7x+b0V7fPtow5JUv7UcUykNEYvRhlQyLmAktnL9jiSkTOcR2kPeKzctNbw==}
     peerDependencies:
       lucide-react: ^0.453.0
       postcss: ^8.4.47
@@ -4684,7 +4684,7 @@ snapshots:
 
   '@ungap/structured-clone@1.2.0': {}
 
-  '@usememos/mui@0.0.1-alpha.25(lucide-react@0.453.0(react@18.3.1))(postcss@8.4.47)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)(tailwindcss@3.4.14)':
+  '@usememos/mui@0.0.1-alpha.26(lucide-react@0.453.0(react@18.3.1))(postcss@8.4.47)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)(tailwindcss@3.4.14)':
     dependencies:
       lucide-react: 0.453.0(react@18.3.1)
       postcss: 8.4.47

web/src/components/PasswordSignInForm.tsx

@@ -69,7 +69,7 @@ const PasswordSignInForm = () => {
         <div className="w-full flex flex-col justify-start items-start">
           <span className="leading-8 text-gray-600">{t("common.username")}</span>
           <Input
-            className="w-full"
+            className="w-full bg-white dark:bg-black"
             size="lg"
             type="text"
             readOnly={actionBtnLoadingState.isLoading}
@@ -85,7 +85,7 @@ const PasswordSignInForm = () => {
         <div className="w-full flex flex-col justify-start items-start">
           <span className="leading-8 text-gray-600">{t("common.password")}</span>
           <Input
-            className="w-full"
+            className="w-full bg-white dark:bg-black"
             size="lg"
             type="password"
             readOnly={actionBtnLoadingState.isLoading}

web/src/pages/SignIn.tsx

@@ -96,6 +96,7 @@ const SignIn = () => {
             <div className="w-full flex flex-col space-y-2">
               {identityProviderList.map((identityProvider) => (
                 <Button
+                  className="bg-white dark:bg-black"
                   key={identityProvider.name}
                   variant="outlined"
                   fullWidth

web/src/pages/SignUp.tsx

@@ -88,7 +88,7 @@ const SignUp = () => {
                 <div className="w-full flex flex-col justify-start items-start">
                   <span className="leading-8 text-gray-600">{t("common.username")}</span>
                   <Input
-                    className="w-full"
+                    className="w-full bg-white dark:bg-black"
                     size="lg"
                     type="text"
                     readOnly={actionBtnLoadingState.isLoading}
@@ -104,7 +104,7 @@ const SignUp = () => {
                 <div className="w-full flex flex-col justify-start items-start">
                   <span className="leading-8 text-gray-600">{t("common.password")}</span>
                   <Input
-                    className="w-full"
+                    className="w-full bg-white dark:bg-black"
                     size="lg"
                     type="password"
                     readOnly={actionBtnLoadingState.isLoading}