PD-013D: Page-Specific Dark Theme Fixes.

PlotLine/wwwroot/css/plotline-theme.css

@@ -1215,9 +1215,19 @@ a:focus-visible {
 [data-theme="dark"] .edit-panel,
 [data-theme="dark"] .list-section,
 [data-theme="dark"] .list-group-item,
+[data-theme="dark"] .asset-card,
 [data-theme="dark"] .story-bible-section,
 [data-theme="dark"] .story-bible-card,
 [data-theme="dark"] .story-bible-nav,
+[data-theme="dark"] .attention-list article,
+[data-theme="dark"] .warning-filter-panel,
+[data-theme="dark"] .validation-summary,
+[data-theme="dark"] .analytics-section,
+[data-theme="dark"] .metric-shape-chart,
+[data-theme="dark"] .metric-chart-frame,
+[data-theme="dark"] .analytics-list-item,
+[data-theme="dark"] .analytics-count-row,
+[data-theme="dark"] .purpose-stat-row,
 [data-theme="dark"] .archive-item-card,
 [data-theme="dark"] .warning-card,
 [data-theme="dark"] .warning-mini-card,
@@ -1259,6 +1269,90 @@ a:focus-visible {
   box-shadow: var(--plotline-shadow-subtle);
 }
 
+[data-theme="dark"] .asset-card {
+  border-left-color: rgba(241, 195, 143, 0.42);
+}
+
+[data-theme="dark"] .asset-card h2 a,
+[data-theme="dark"] .story-bible-card a,
+[data-theme="dark"] .analytics-link-row,
+[data-theme="dark"] .health-kpi-grid strong {
+  color: #ffe2bd;
+}
+
+[data-theme="dark"] .asset-card h2 a:hover,
+[data-theme="dark"] .story-bible-card a:hover,
+[data-theme="dark"] .analytics-link-row:hover {
+  color: #fff4e8;
+}
+
+[data-theme="dark"] .asset-card p,
+[data-theme="dark"] .asset-card-footer,
+[data-theme="dark"] .asset-card .muted,
+[data-theme="dark"] .warning-filter-panel .form-label,
+[data-theme="dark"] .warning-filter-panel .form-check-label,
+[data-theme="dark"] .validation-summary,
+[data-theme="dark"] .story-bible-card p,
+[data-theme="dark"] .story-bible-card h4,
+[data-theme="dark"] .story-bible-facts dt,
+[data-theme="dark"] .story-bible-link-list span,
+[data-theme="dark"] .story-bible-scene-summary span,
+[data-theme="dark"] .attention-list p,
+[data-theme="dark"] .analytics-section-heading span,
+[data-theme="dark"] .analytics-list-item p,
+[data-theme="dark"] .analytics-link-row span,
+[data-theme="dark"] .analytics-count-row span,
+[data-theme="dark"] .purpose-stat-row span,
+[data-theme="dark"] .health-kpi-grid span {
+  color: var(--app-text-muted) !important;
+}
+
+[data-theme="dark"] .asset-card-footer .btn,
+[data-theme="dark"] .warning-actions .btn {
+  box-shadow: none;
+}
+
+[data-theme="dark"] .story-bible-link-list li,
+[data-theme="dark"] .story-bible-facts,
+[data-theme="dark"] .story-bible-chapter-summary,
+[data-theme="dark"] .story-bible-scene-summary,
+[data-theme="dark"] .metric-raw-details,
+[data-theme="dark"] .analytics-list-item,
+[data-theme="dark"] .analytics-link-row,
+[data-theme="dark"] .analytics-count-row,
+[data-theme="dark"] .purpose-stat-row {
+  border-color: rgba(241, 195, 143, 0.18);
+}
+
+[data-theme="dark"] .story-bible-actions a,
+[data-theme="dark"] .story-bible-nav a {
+  color: #f1dcc4;
+  background: rgba(241, 195, 143, 0.1);
+  border: 1px solid rgba(241, 195, 143, 0.26);
+}
+
+[data-theme="dark"] .story-bible-actions a:hover,
+[data-theme="dark"] .story-bible-nav a:hover,
+[data-theme="dark"] .story-bible-nav a:focus,
+[data-theme="dark"] .story-bible-actions a:focus {
+  color: #21160f;
+  background: #f1c38f;
+  border-color: #ffd5a6;
+}
+
+[data-theme="dark"] .metric-chart-frame,
+[data-theme="dark"] .attention-list article {
+  background: #211b17;
+}
+
+[data-theme="dark"] .purpose-stat-bar {
+  background: rgba(231, 214, 190, 0.12);
+}
+
+[data-theme="dark"] .purpose-stat-bar span {
+  background: var(--plotline-accent-dark);
+}
+
 [data-theme="dark"] .scene-inspector-root {
   color: var(--app-text);
   background: transparent;
@@ -1407,12 +1501,20 @@ a:focus-visible {
 }
 
 [data-theme="dark"] .badge.text-bg-warning,
+[data-theme="dark"] .badge.bg-warning,
 [data-theme="dark"] .warning-placeholder.active {
   color: #f6d8a6 !important;
   background: rgba(187, 126, 54, 0.24) !important;
   border-color: rgba(224, 173, 101, 0.34);
 }
 
+[data-theme="dark"] .badge.bg-secondary,
+[data-theme="dark"] .badge.text-bg-secondary {
+  color: #ead8c4 !important;
+  background: rgba(205, 187, 167, 0.16) !important;
+  border-color: rgba(231, 214, 190, 0.34);
+}
+
 [data-theme="dark"] .badge.text-bg-success {
   color: #bddfc3 !important;
   background: rgba(91, 143, 101, 0.22) !important;
@@ -1565,6 +1667,21 @@ a:focus-visible {
   --bs-btn-hover-border-color: #ffb2aa;
 }
 
+[data-theme="dark"] .btn-outline-success {
+  --bs-btn-color: #bddfc3;
+  --bs-btn-border-color: rgba(145, 201, 154, 0.46);
+  --bs-btn-bg: rgba(91, 143, 101, 0.12);
+  --bs-btn-hover-color: #102016;
+  --bs-btn-hover-bg: #bddfc3;
+  --bs-btn-hover-border-color: #d2efd6;
+  --bs-btn-active-color: #102016;
+  --bs-btn-active-bg: #a8d7b0;
+  --bs-btn-active-border-color: #d2efd6;
+  --bs-btn-disabled-color: #8aa58e;
+  --bs-btn-disabled-border-color: rgba(145, 201, 154, 0.2);
+  background-color: var(--bs-btn-bg);
+}
+
 [data-theme="dark"] .nav-tabs {
   --bs-nav-tabs-border-color: var(--app-border);
   --bs-nav-tabs-link-hover-border-color: rgba(241, 195, 143, 0.28);