Merge pull request #279 from RivianTrackr/compare-gold-accent

Use the gold brand accent on compare and review pages (v1.49.2)

Author: RivianTrackr

CHANGELOG.md

@@ -4,6 +4,13 @@ All notable changes to the Rivian Tire Guide plugin will be documented in this f
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
+## [1.49.2] - 2026-06-12
+
+### Fixed
+- **Compare and tire-review pages now use the gold brand accent.** Both standalone templates overrode `--rtg-accent` to green (`#5ec095` / hover `#4ade80`), so best-value highlights, buttons, links, and focus states rendered green instead of amber. Accent is now `#fba919` / `#ffbe4a` like the rest of the site. Button text on gold was already dark (`#15130e`), so contrast is unaffected.
+- Kept semantically-green elements green now that the accent is gold: the review success toast pins to `#34c759` (system success) and the compare "Yes" feature checkmarks pin to `#4ade80` (matching the green-check / amber-best convention from the spec tables). The 3PMS/EV/studded category tags are unchanged.
+- Template text tokens aligned to spec: `--rtg-text-primary` `#e5e5e5 → #ece9e4` (warm), `--rtg-text-heading` `#ffffff → #f6f4f0`.
+
 ## [1.49.1] - 2026-06-12
 
 ### Fixed

frontend/js/compare.js

@@ -253,7 +253,7 @@ function renderComparison(rows, indexes) {
     ['UTQG', t => t[COL.utqg] || "None"],
     ['3PMS Rated', t => {
       const v = (t[COL.threePms] || "").toLowerCase();
-      return v === "yes" ? '<span style="color:var(--rtg-accent);font-weight:600">' + rtgIcon('check', 14) + ' Yes</span>' : 'No';
+      return v === "yes" ? '<span style="color:#4ade80;font-weight:600">' + rtgIcon('check', 14) + ' Yes</span>' : 'No';
     }],
   ], tires, best, n);
 

frontend/js/compare.min.js

@@ -34,16 +34,16 @@
   ?>
   <style>
     :root {
-      --rtg-accent: #5ec095;
-      --rtg-accent-hover: #4ade80;
+      --rtg-accent: #fba919;
+      --rtg-accent-hover: #ffbe4a;
       --rtg-bg-primary: #1e2126;
       --rtg-bg-card: #16191e;
       --rtg-bg-input: #3a3e45;
       --rtg-bg-deep: #121418;
-      --rtg-text-primary: #e5e5e5;
+      --rtg-text-primary: #ece9e4;
       --rtg-text-light: #f6f4f0;
       --rtg-text-muted: #a19e97;
-      --rtg-text-heading: #ffffff;
+      --rtg-text-heading: #f6f4f0;
       --rtg-border: #3a3e45;
       <?php if ( $rtg_css_vars ) echo $rtg_css_vars; ?>
     }

frontend/templates/compare.php

@@ -94,16 +94,16 @@
   <?php wp_head(); ?>
   <style>
     :root {
-      --rtg-accent: #5ec095;
-      --rtg-accent-hover: #4ade80;
+      --rtg-accent: #fba919;
+      --rtg-accent-hover: #ffbe4a;
       --rtg-bg-primary: #1e2126;
       --rtg-bg-card: #16191e;
       --rtg-bg-input: #3a3e45;
       --rtg-bg-deep: #121418;
-      --rtg-text-primary: #e5e5e5;
+      --rtg-text-primary: #ece9e4;
       --rtg-text-light: #f6f4f0;
       --rtg-text-muted: #a19e97;
-      --rtg-text-heading: #ffffff;
+      --rtg-text-heading: #f6f4f0;
       --rtg-border: #3a3e45;
       --rtg-star-filled: #fba919;
       --rtg-star-user: #4ade80;
@@ -623,8 +623,8 @@
     }
     .rv-toast.visible { opacity: 1; transform: translateX(0); }
     .rv-toast-icon { flex-shrink: 0; }
-    .rv-toast-success { border-left: 3px solid var(--rtg-accent); }
-    .rv-toast-success .rv-toast-icon { color: var(--rtg-accent); }
+    .rv-toast-success { border-left: 3px solid #34c759; }
+    .rv-toast-success .rv-toast-icon { color: #34c759; }
     .rv-toast-info { border-left: 3px solid #60a5fa; }
     .rv-toast-info .rv-toast-icon { color: #60a5fa; }
 

frontend/templates/tire-review.php

@@ -1,6 +1,6 @@
 {
   "name": "rivian-tire-guide",
-  "version": "1.49.1",
+  "version": "1.49.2",
   "private": true,
   "description": "Interactive tire guide for Rivian vehicles — WordPress plugin",
   "scripts": {

package.json

@@ -2,7 +2,7 @@
 /**
  * Plugin Name: Rivian Tire Guide
  * Description: Interactive tire guide for Rivian vehicles with filtering, comparison, and ratings.
- * Version: 1.49.1
+ * Version: 1.49.2
  * Author: RivianTrackr
  * Text Domain: rivian-tire-guide
  * Requires at least: 5.8
@@ -14,7 +14,7 @@
     exit;
 }
 
-define( 'RTG_VERSION', '1.49.1' );
+define( 'RTG_VERSION', '1.49.2' );
 define( 'RTG_PLUGIN_DIR', plugin_dir_path( __FILE__ ) );
 define( 'RTG_PLUGIN_URL', plugin_dir_url( __FILE__ ) );
 define( 'RTG_PLUGIN_FILE', __FILE__ );