From a4b594c0e2cccbe7326a96d7160238b366350de6 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Mon, 24 Mar 2025 21:52:39 +0000
Subject: [PATCH] Update Go Pro buttons to use darker green colors with
 consistent hover states

---
 admin/css/wp-allstars-admin.css         | 9 +++++----
 admin/includes/class-plugin-manager.php | 2 +-
 admin/partials/theme-panel.php          | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css
index b1a73a5..9b413b3 100644
--- a/admin/css/wp-allstars-admin.css
+++ b/admin/css/wp-allstars-admin.css
@@ -903,16 +903,17 @@ input:checked + .wp-toggle-slider:before {
 .wpa-pro-plugin .button-group .button.button-primary,
 .go-pro-button {
     transition: all 0.3s ease !important;
-    background-color: #27ae60 !important;
-    border-color: #219653 !important;
+    background-color: #219653 !important; /* Darker green */
+    border-color: #1e874b !important; /* Even darker for border */
+    color: #ffffff !important;
 }
 
 .button.button-primary[style*="background-color: #27ae60"]:hover,
 .theme-install-actions .button.button-primary:hover,
 .wpa-pro-plugin .button-group .button.button-primary:hover,
 .go-pro-button:hover {
-    background-color: #219653 !important;
-    border-color: #1e874b !important;
+    background-color: #1b7b42 !important; /* Even darker green on hover */
+    border-color: #186a39 !important; /* Darkest for border */
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
 }
 
diff --git a/admin/includes/class-plugin-manager.php b/admin/includes/class-plugin-manager.php
index 7f16de2..e9c4445 100644
--- a/admin/includes/class-plugin-manager.php
+++ b/admin/includes/class-plugin-manager.php
@@ -316,7 +316,7 @@ class WP_Allstars_Plugin_Manager {
             $pro_url = self::get_pro_plugin_url($pro_plugin);
             
             if (!empty($pro_url)) {
-                echo '<li><a href="' . esc_url($pro_url) . '" target="_blank" class="button button-primary" style="background-color: #27ae60; border-color: #219653;">' . esc_html__('Go Pro', 'wp-allstars') . '</a></li>';
+                echo '<li><a href="' . esc_url($pro_url) . '" target="_blank" class="button button-primary go-pro-button">' . esc_html__('Go Pro', 'wp-allstars') . '</a></li>';
             }
         }
     }
diff --git a/admin/partials/theme-panel.php b/admin/partials/theme-panel.php
index b2ccf54..595b2a2 100644
--- a/admin/partials/theme-panel.php
+++ b/admin/partials/theme-panel.php
@@ -88,7 +88,7 @@ if (!defined('ABSPATH')) {
         <a class="button button-secondary" href="https://www.kadencewp.com/pricing/" target="_blank">
             <?php esc_html_e('Pricing'); ?>
         </a>
-        <a class="button button-primary" href="https://www.kadencewp.com/kadence-theme/" target="_blank">
+        <a class="button button-primary go-pro-button" href="https://www.kadencewp.com/kadence-theme/" target="_blank">
             <?php esc_html_e('Go Pro'); ?>
         </a>
     </div>