From 60da243d0cc70977935ea6ec00ae707ce3a736e1 Mon Sep 17 00:00:00 2001
From: Sodbileg Gansukh <sodbileg.gansukh@gmail.com>
Date: Wed, 15 May 2024 12:47:02 +0800
Subject: [PATCH] Updated signup and private page forms for consistency
 (#20208)

ref TRI-92
---
 ghost/admin/app/styles/layouts/auth.css   |  9 +++++----
 ghost/core/core/frontend/public/ghost.css | 15 +++++++++++++--
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/auth.css b/ghost/admin/app/styles/layouts/auth.css
index faa660b7a3..899985962a 100644
--- a/ghost/admin/app/styles/layouts/auth.css
+++ b/ghost/admin/app/styles/layouts/auth.css
@@ -1,10 +1,10 @@
 /* Flow
 /* ---------------------------------------------------------- */
-.gh-flow:has(form.gh-signin) {
+.gh-flow:has(form:is(.gh-signin, .gh-signup)) {
     background: #fff;
 }
 
-.gh-flow:has(form.gh-signin) .gh-flow-content {
+.gh-flow:has(form:is(.gh-signin, .gh-signup)) .gh-flow-content {
     max-width: 500px;
 }
 
@@ -73,6 +73,7 @@
 .gh-signup .gh-btn-signup span {
     font-size: 1.8rem;
     color: #fff;
+    letter-spacing: -0.01em;
 }
 
 .gh-signin .gh-btn-reset {
@@ -134,11 +135,11 @@
     text-decoration: underline;
 }
 
-.gh-signin .form-group label {
+:is(.gh-signin, .gh-signup) .form-group label {
     font-size: 1.5rem;
 }
 
-.gh-signin .gh-input {
+:is(.gh-signin, .gh-signup) .gh-input {
     height: auto;
     padding: 1.4rem 1.6rem;
     border: 1px solid #f3f6f7;
diff --git a/ghost/core/core/frontend/public/ghost.css b/ghost/core/core/frontend/public/ghost.css
index f4d1c8a2a1..d7c5428f2f 100644
--- a/ghost/core/core/frontend/public/ghost.css
+++ b/ghost/core/core/frontend/public/ghost.css
@@ -656,6 +656,10 @@ h2 {
     background: linear-gradient(315deg,#efefef,#fff);
 }
 
+.gh-flow:has(.gh-flow-content.private) {
+    background: #fff;
+}
+
 .gh-flow-content-wrap {
     display: flex;
     flex-direction: column;
@@ -686,7 +690,7 @@ h2 {
     line-height: 1.5em;
     font-weight: 300;
     border-radius: 3px;
-    box-shadow: 
+    box-shadow:
         0 2.8px 2.2px rgba(0,0,0,.02),
         0 6.7px 5.3px rgba(0,0,0,.02),
         0 12.5px 10px rgba(0,0,0,.02),
@@ -704,6 +708,10 @@ h2 {
         text-align: center;
 }
 
+.gh-flow-content.private {
+    box-shadow: none;
+}
+
 @media (max-width: 500px) {
     .gh-flow-content {
         padding: 0;
@@ -820,6 +828,9 @@ h2 {
     padding: 12px 16px;
     font-size: 1.8rem;
     border-radius: 8px;
+    border: 1px solid #f3f6f7;
+    background: #f3f6f7;
+    color: var(--black);
 }
 
 .gh-signin .gh-input::placeholder {
@@ -846,7 +857,7 @@ h2 {
 
 .gh-signin .gh-input:focus {
     border-color: #30cf43;
-    box-shadow: 0 0 0 3px rgba(26,170,96,.15);
+    box-shadow: 0 0 0 3px rgba(48,207,67,.25);
 }
 
 .gh-signin .gh-btn {