From aa697e4915396245fba4e73d2af521c96e43c7be Mon Sep 17 00:00:00 2001
From: Truong Giang <truongwp@gmail.com>
Date: Wed, 15 Jan 2025 21:00:46 +0700
Subject: [PATCH 1/2] Fix cta link color

---
 css/frm_admin.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/css/frm_admin.css b/css/frm_admin.css
index 22052c2382..78315ce071 100644
--- a/css/frm_admin.css
+++ b/css/frm_admin.css
@@ -9536,7 +9536,8 @@ Responsive Design
 	color: var(--orange);
 }
 
-.frm-gradient .frm-tip-cta {
+.frm-gradient .frm-tip-cta,
+.frm-light-tip .frm-gradient .frm-tip-cta {
 	color: currentColor;
 	font-weight: 700;
 }

From 946cb026e53be9440e5bec4fa16c08960c3e2f6e Mon Sep 17 00:00:00 2001
From: Truong Giang <truongwp@gmail.com>
Date: Sat, 1 Feb 2025 01:02:18 +0700
Subject: [PATCH 2/2] Update Lite to Pro gradient styling

---
 classes/helpers/FrmAppHelper.php |  2 ++
 css/frm_admin.css                | 33 +++++++++++++++++++++++++++++++-
 js/admin/applications.js         |  2 +-
 3 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/classes/helpers/FrmAppHelper.php b/classes/helpers/FrmAppHelper.php
index bc590d430c..3c84b11c98 100644
--- a/classes/helpers/FrmAppHelper.php
+++ b/classes/helpers/FrmAppHelper.php
@@ -1369,6 +1369,7 @@ public static function print_admin_banner( $should_show_lite_upgrade ) {
 		}
 		?>
 		<div class="frm-upgrade-bar">
+			<div class="frm-upgrade-bar-inner">
 				<?php
 				$cta_text = FrmSalesApi::get_best_sale_value( 'lite_banner_cta_text' );
 				if ( ! $cta_text ) {
@@ -1393,6 +1394,7 @@ public static function print_admin_banner( $should_show_lite_upgrade ) {
 					'</a>'
 				);
 				?>
+			</div>
 		</div>
 		<?php
 	}
diff --git a/css/frm_admin.css b/css/frm_admin.css
index 78315ce071..657053b089 100644
--- a/css/frm_admin.css
+++ b/css/frm_admin.css
@@ -485,9 +485,40 @@ td.column-title .frm_actions_dropdown {
 	border: 0 !important;
 }
 
+.frm-gradient.frm-button-primary:not([disabled]),
 .frm-gradient.frm-button-primary:not([disabled]):hover,
 .frm-gradient.frm-button-primary:not([disabled]):focus {
-	background: linear-gradient(90deg, #2871E6, #9989FB) !important;
+	background: linear-gradient(90deg, #1961D5, #816CFA) !important;
+}
+
+.frm-upgrade-bar,
+.frm-gradient {
+	position: relative;
+}
+
+.frm-upgrade-bar:before,
+.frm-gradient:before {
+	content: '';
+	display: none;
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	background-color: rgba(255, 255, 255, 0.1);
+	z-index: 0;
+}
+
+.frm-upgrade-bar:hover:before,
+.frm-gradient:hover:before,
+.frm-gradient:focus:before {
+	display: block;
+}
+
+.frm-upgrade-bar-inner,
+.frm-gradient > * {
+	position: relative;
+	z-index: 1;
 }
 
 .frm-upgrade-bar {
diff --git a/js/admin/applications.js b/js/admin/applications.js
index 07d6ecfc53..055daed078 100644
--- a/js/admin/applications.js
+++ b/js/admin/applications.js
@@ -117,7 +117,7 @@
 					div({
 						className: 'frm2',
 						child: a({
-							className: 'button button-primary frm-gradient',
+							className: 'frm-button-primary frm-gradient',
 							text: __( 'Upgrade to Pro', 'formidable' ),
 							href: frmApplicationsVars.proUpgradeUrl
 						})