From 64adce0e2451a3586a0ada0679986f636f31b8a7 Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Fri, 26 Jun 2026 01:35:50 +0800
Subject: [PATCH] Flatten records page styling to match outer card background.

Use card-bg for equity curve and trade table instead of nested inner card colors.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 static/js/equity_curve.js |  2 +-
 templates/base.html       | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/static/js/equity_curve.js b/static/js/equity_curve.js
index 436390c..35e67cc 100644
--- a/static/js/equity_curve.js
+++ b/static/js/equity_curve.js
@@ -14,7 +14,7 @@
 
     function themeColors() {
         return {
-            bg: cssVar('--card-inner', '#101424'),
+            bg: cssVar('--card-bg', '#0a0c16'),
             text: cssVar('--text-muted', '#7a82a0'),
             grid: cssVar('--table-border', 'rgba(76,194,255,.1)'),
             border: cssVar('--card-border', 'rgba(76,194,255,.22)'),
diff --git a/templates/base.html b/templates/base.html
index 6375e5a..a1b4db0 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -430,6 +430,8 @@
             padding:.35rem .45rem;font-size:.78rem;border-radius:6px;width:100%;min-width:0;
         }
         .trade-table .cell-readonly{color:var(--text-primary)}
+        .records-equity-card .card-body{padding-top:0}
+        .records-equity-card #equity-curve-chart{background:transparent}
         .records-trade-card{overflow:visible}
         .records-trade-card .card-body{overflow:visible}
         .records-trade-card .trade-table-wrap{
@@ -440,26 +442,26 @@
             max-height:calc(var(--rec-row-h) * 10 + var(--rec-head-h));
             width:100%;
             -webkit-overflow-scrolling:touch;
-            border-radius:10px;
-            border:1px solid var(--card-border);
-            background:var(--card-inner);
+            border:none;
+            border-radius:0;
+            background:transparent;
         }
         .records-trade-card .trade-table thead th{
             position:sticky;
             top:0;
             z-index:2;
-            background:var(--card-inner);
+            background:var(--card-bg);
             box-shadow:0 1px 0 var(--table-border);
         }
         .records-trade-card .trade-table thead th:last-child{
             z-index:5;
-            background:var(--card-inner);
+            background:var(--card-bg);
         }
         .records-trade-card .trade-table tbody td{
-            background:var(--card-inner);
+            background:var(--card-bg);
         }
         .records-trade-card .trade-table tbody td:last-child{
-            background:var(--card-inner);
+            background:var(--card-bg);
         }
         .trade-actions{display:flex;gap:.35rem;flex-wrap:nowrap;align-items:center;min-width:230px;white-space:nowrap}
         .trade-actions a,.trade-actions button{flex-shrink:0;white-space:nowrap;font-size:.72rem;padding:.3rem .55rem;border-radius:6px;text-decoration:none;border:none;cursor:pointer;width:auto;min-width:0}