Adjust button color

apps/app/src/components/InstallerForm.tsx

@@ -203,7 +203,6 @@ const InstallerForm = memo((): JSX.Element => {
               id="register"
               disabled={isLoading}
             >
-              <div className="eff"></div>
               <span className="btn-label">
                 {isLoading ? (
                   <LoadingSpinner />

apps/app/src/components/Layout/NoLoginLayout.module.scss

@@ -50,32 +50,36 @@
 
   $btn-fill-colors: (
     'login': (
+      rgba(#204986, 0.6),
       rgba(#204986, 0.8),
-      rgba(#204986, 0.5),
     ),
     'register': (
       rgba(bs.$success, 0.4),
-      rgba(#3f7263, 0.7),
+      rgba(bs.$success, 0.7),
     ),
     'google': (
-      rgba(#24292e, 0.4),
-      bs.$gray-700,
+      rgba(#4285F4, 0.4),
+      rgba(#4285F4, 0.8),
     ),
     'github': (
-      rgba(lighten(black, 20%), 0.4),
-      bs.$gray-700,
+      rgba(#403D3E, 0.4),
+      rgba(#403D3E, 0.7),
     ),
     'facebook': (
       rgba(#29487d, 0.4),
-      bs.$gray-700,
+      rgba(#29487d, 0.9),
     ),
     'oidc': (
-      rgba(#24292e, 0.4),
-      bs.$gray-700,
+      rgba(#835B1A, 0.4),
+      rgba(#835B1A, 0.8),
     ),
     'saml': (
-      rgba(#55a79a, 0.4),
-      bs.$gray-700,
+      rgba(#138957, 0.4),
+      rgba(#138957, 0.8),
+    ),
+    'function': (
+      rgba(bs.$gray-800, 0.8),
+      rgba(black, 0.5),
     ),
   );
 

apps/app/src/components/LoginForm.tsx

@@ -520,8 +520,8 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
           <div className="text-end col-12 mb-5">
             <button
               type="button"
-              id="login"
-              className="d-block btn btn-dark col-9 mx-auto"
+              id="function"
+              className="d-block btn btn-fill col-9 mx-auto py-1"
               style={{ pointerEvents: isLoading ? 'none' : 'auto' }}
               onClick={() => { switchForm(); window.location.href = '#login' }}
             >
@@ -553,7 +553,8 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
                   <div className="mt-4">
                     <button
                       type="button"
-                      className="d-block btn btn-dark col-9 mx-auto"
+                      id="function"
+                      className="d-block btn btn-fill col-9 mx-auto py-1"
                       style={{ pointerEvents: isLoading ? 'none' : 'auto' }}
                       onClick={() => { window.location.href = '/forgot-password' }}
                     >
@@ -566,8 +567,8 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
                   <div className="mt-2 mb-5">
                     <button
                       type="button"
-                      id="register"
-                      className="d-block btn btn-dark col-9 mx-auto"
+                      id="function"
+                      className="d-block btn btn-fill col-9 mx-auto py-1"
                       style={{ pointerEvents: isLoading ? 'none' : 'auto' }}
                       onClick={() => { switchForm(); window.location.href = '#register' }}
                     >