Merge pull request #278 from RivianTrackr/ink-compare-followups

Finish ink & brass conversion for compare and review (v1.49.1)

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.1] - 2026-06-12
+
+### Fixed
+- **Compare & review follow-ups for the ink & brass theme.** The compare and tire-review standalone templates had drifted token fallbacks (`--rtg-bg-deep: #111827`, `--rtg-border: #334155`) plus a navy section-header hover (`#1a2537`) that the 1.49.0 conversion missed — now `#121418` / `#3a3e45` / `#1f2228`. Also converted the focused-search background, the toggle off-track, and the guest-notice background fallback in the main stylesheet.
+- **Compare grade colors now match the documented A–F scale**: grade A `#5ec095 → #34c759`, grade B `#a3e635 → #7dc734` (C/D/F already matched); the no-grade fallback gray is warm-neutral (`#a19e97`).
+- Review toast "info" accent aligned to the system info color (`#3b82f6 → #60a5fa`).
+
 ## [1.49.0] - 2026-06-12
 
 ### Changed

frontend/css/rivian-tires.css

@@ -180,7 +180,7 @@
 }
 .search-input:focus {
   outline: none !important;
-  background-color: #1f2937 !important;
+  background-color: #1f2228 !important;
   box-shadow: 0 0 0 2px var(--rtg-accent) !important;
   border-color: var(--rtg-accent) !important;
   border-radius: 8px !important;
@@ -383,7 +383,7 @@
   position: relative;
   width: 44px;
   height: 24px;
-  background-color: #475569;
+  background-color: #4a4e55;
   border-radius: 9999px;
   transition: background-color 0.2s ease;
   flex-shrink: 0;
@@ -1800,7 +1800,7 @@
 .rtg-review-guest-notice {
   font-size: 13px;
   color: var(--rtg-text-muted, #99968f);
-  background: var(--rtg-bg-secondary, #0d1b2a);
+  background: var(--rtg-bg-secondary, #121418);
   border-radius: 6px;
   padding: 10px 12px;
   margin-top: 10px;

frontend/css/rivian-tires.min.css

@@ -69,7 +69,7 @@ const COL = {
 
 // --- Efficiency badge colors ---
 const GRADE_COLORS = {
-  A: "#5ec095", B: "#a3e635", C: "#facc15", D: "#f97316", F: "#b91c1c"
+  A: "#34c759", B: "#7dc734", C: "#facc15", D: "#f97316", F: "#b91c1c"
 };
 
 // --- Determine "best" values for highlighting ---
@@ -99,7 +99,7 @@ function findBestValues(tires) {
 function effBadge(score, grade) {
   const s = escapeHTML(score || "-");
   const g = escapeHTML((grade || "-").toUpperCase());
-  const color = GRADE_COLORS[g] || "#94a3b8";
+  const color = GRADE_COLORS[g] || "#a19e97";
   return `<span class="cmp-eff-badge">
     <span class="cmp-eff-grade" style="background:${color}">${g}</span>
     <span class="cmp-eff-score">${s}/100</span>
@@ -247,7 +247,7 @@ function renderComparison(rows, indexes) {
       const mi = Math.round((parseFloat(t[COL.roamerTotalKm]) || 0) * 0.621371);
       const veh = parseInt(t[COL.roamerVehicleCount]) || 0;
       return '<span style="display:inline-block;background:rgba(59,130,246,0.15);border-radius:6px;padding:2px 8px;font-weight:700;color:#60a5fa;">' + miPerKwh + ' mi/kWh</span>' +
-        '<br><span style="font-size:11px;color:#94a3b8;">' + mi.toLocaleString() + ' mi tracked, ' + veh + ' vehicle' + (veh !== 1 ? 's' : '') + '</span>';
+        '<br><span style="font-size:11px;color:#a19e97;">' + mi.toLocaleString() + ' mi tracked, ' + veh + ' vehicle' + (veh !== 1 ? 's' : '') + '</span>';
     }, 'roamerEfficiency'],
     ['Speed Rating', t => t[COL.speedRating] || "-"],
     ['UTQG', t => t[COL.utqg] || "None"],

frontend/js/compare.js

@@ -39,12 +39,12 @@
       --rtg-bg-primary: #1e2126;
       --rtg-bg-card: #16191e;
       --rtg-bg-input: #3a3e45;
-      --rtg-bg-deep: #111827;
+      --rtg-bg-deep: #121418;
       --rtg-text-primary: #e5e5e5;
       --rtg-text-light: #f6f4f0;
       --rtg-text-muted: #a19e97;
       --rtg-text-heading: #ffffff;
-      --rtg-border: #334155;
+      --rtg-border: #3a3e45;
       <?php if ( $rtg_css_vars ) echo $rtg_css_vars; ?>
     }
 
@@ -243,7 +243,7 @@
       cursor: pointer;
       user-select: none;
     }
-    .cmp-section-header:hover { background: #1a2537; }
+    .cmp-section-header:hover { background: #1f2228; }
     .cmp-section-icon {
       color: var(--rtg-accent);
       font-size: 16px;

frontend/js/compare.min.js

@@ -99,12 +99,12 @@
       --rtg-bg-primary: #1e2126;
       --rtg-bg-card: #16191e;
       --rtg-bg-input: #3a3e45;
-      --rtg-bg-deep: #111827;
+      --rtg-bg-deep: #121418;
       --rtg-text-primary: #e5e5e5;
       --rtg-text-light: #f6f4f0;
       --rtg-text-muted: #a19e97;
       --rtg-text-heading: #ffffff;
-      --rtg-border: #334155;
+      --rtg-border: #3a3e45;
       --rtg-star-filled: #fba919;
       --rtg-star-user: #4ade80;
       --rtg-star-empty: #2c2f34;
@@ -625,8 +625,8 @@
     .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-info { border-left: 3px solid #3b82f6; }
-    .rv-toast-info .rv-toast-icon { color: #3b82f6; }
+    .rv-toast-info { border-left: 3px solid #60a5fa; }
+    .rv-toast-info .rv-toast-icon { color: #60a5fa; }
 
     /* --- Responsive --- */
     @media (max-width: 640px) {

frontend/templates/compare.php

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

frontend/templates/tire-review.php

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