From e5873e5d987b82d7e06ef165844c62451378a8d4 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sat, 28 Feb 2026 10:08:37 +0000 Subject: [PATCH 1/3] Initial plan From 9e7b2959c64bb0127a8f89c8b1d40b628b165ce5 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sat, 28 Feb 2026 10:19:21 +0000 Subject: [PATCH 2/3] Fix chart labels visibility and dark mode support for benchmark charts - Change Mermaid theme primaryTextColor from #ffffff to #1f2937 for readable labels - Fix CSS selectors to match actual Docusaurus Mermaid DOM structure - Add dark mode CSS overrides for chart text, background, and grid lines - Update all 7 existing benchmark markdown files and the generator script Co-authored-by: thomhurst <30480171+thomhurst@users.noreply.github.com> --- .github/scripts/process-benchmarks.js | 4 +- docs/docs/benchmarks/AsyncTests.md | 2 +- docs/docs/benchmarks/BuildTime.md | 2 +- docs/docs/benchmarks/DataDrivenTests.md | 2 +- docs/docs/benchmarks/MassiveParallelTests.md | 2 +- docs/docs/benchmarks/MatrixTests.md | 2 +- docs/docs/benchmarks/ScaleTests.md | 2 +- docs/docs/benchmarks/SetupTeardownTests.md | 2 +- docs/src/css/benchmark-charts.css | 61 +++----------------- 9 files changed, 18 insertions(+), 61 deletions(-) diff --git a/.github/scripts/process-benchmarks.js b/.github/scripts/process-benchmarks.js index 44ebc84537..8852efabbf 100644 --- a/.github/scripts/process-benchmarks.js +++ b/.github/scripts/process-benchmarks.js @@ -191,7 +191,7 @@ ${data.map(row => { 'theme':'base', 'themeVariables': { 'primaryColor': '#2563eb', - 'primaryTextColor': '#ffffff', + 'primaryTextColor': '#1f2937', 'primaryBorderColor': '#1e40af', 'lineColor': '#6b7280', 'secondaryColor': '#7c3aed', @@ -290,7 +290,7 @@ ${data.map(row => { 'theme':'base', 'themeVariables': { 'primaryColor': '#2563eb', - 'primaryTextColor': '#ffffff', + 'primaryTextColor': '#1f2937', 'primaryBorderColor': '#1e40af', 'lineColor': '#6b7280', 'secondaryColor': '#7c3aed', diff --git a/docs/docs/benchmarks/AsyncTests.md b/docs/docs/benchmarks/AsyncTests.md index 872e82c948..41c4e082f2 100644 --- a/docs/docs/benchmarks/AsyncTests.md +++ b/docs/docs/benchmarks/AsyncTests.md @@ -29,7 +29,7 @@ This benchmark was automatically generated on **2026-02-28** from the latest CI 'theme':'base', 'themeVariables': { 'primaryColor': '#2563eb', - 'primaryTextColor': '#ffffff', + 'primaryTextColor': '#1f2937', 'primaryBorderColor': '#1e40af', 'lineColor': '#6b7280', 'secondaryColor': '#7c3aed', diff --git a/docs/docs/benchmarks/BuildTime.md b/docs/docs/benchmarks/BuildTime.md index b71f677d61..4ff7534708 100644 --- a/docs/docs/benchmarks/BuildTime.md +++ b/docs/docs/benchmarks/BuildTime.md @@ -30,7 +30,7 @@ Compilation time comparison across frameworks: 'theme':'base', 'themeVariables': { 'primaryColor': '#2563eb', - 'primaryTextColor': '#ffffff', + 'primaryTextColor': '#1f2937', 'primaryBorderColor': '#1e40af', 'lineColor': '#6b7280', 'secondaryColor': '#7c3aed', diff --git a/docs/docs/benchmarks/DataDrivenTests.md b/docs/docs/benchmarks/DataDrivenTests.md index 71041779dd..534ff80a9b 100644 --- a/docs/docs/benchmarks/DataDrivenTests.md +++ b/docs/docs/benchmarks/DataDrivenTests.md @@ -29,7 +29,7 @@ This benchmark was automatically generated on **2026-02-28** from the latest CI 'theme':'base', 'themeVariables': { 'primaryColor': '#2563eb', - 'primaryTextColor': '#ffffff', + 'primaryTextColor': '#1f2937', 'primaryBorderColor': '#1e40af', 'lineColor': '#6b7280', 'secondaryColor': '#7c3aed', diff --git a/docs/docs/benchmarks/MassiveParallelTests.md b/docs/docs/benchmarks/MassiveParallelTests.md index 2f52037bc3..f656a857cd 100644 --- a/docs/docs/benchmarks/MassiveParallelTests.md +++ b/docs/docs/benchmarks/MassiveParallelTests.md @@ -29,7 +29,7 @@ This benchmark was automatically generated on **2026-02-28** from the latest CI 'theme':'base', 'themeVariables': { 'primaryColor': '#2563eb', - 'primaryTextColor': '#ffffff', + 'primaryTextColor': '#1f2937', 'primaryBorderColor': '#1e40af', 'lineColor': '#6b7280', 'secondaryColor': '#7c3aed', diff --git a/docs/docs/benchmarks/MatrixTests.md b/docs/docs/benchmarks/MatrixTests.md index 3198d65e9b..564a93bf4f 100644 --- a/docs/docs/benchmarks/MatrixTests.md +++ b/docs/docs/benchmarks/MatrixTests.md @@ -29,7 +29,7 @@ This benchmark was automatically generated on **2026-02-28** from the latest CI 'theme':'base', 'themeVariables': { 'primaryColor': '#2563eb', - 'primaryTextColor': '#ffffff', + 'primaryTextColor': '#1f2937', 'primaryBorderColor': '#1e40af', 'lineColor': '#6b7280', 'secondaryColor': '#7c3aed', diff --git a/docs/docs/benchmarks/ScaleTests.md b/docs/docs/benchmarks/ScaleTests.md index 42071c503f..44dfeb1215 100644 --- a/docs/docs/benchmarks/ScaleTests.md +++ b/docs/docs/benchmarks/ScaleTests.md @@ -29,7 +29,7 @@ This benchmark was automatically generated on **2026-02-28** from the latest CI 'theme':'base', 'themeVariables': { 'primaryColor': '#2563eb', - 'primaryTextColor': '#ffffff', + 'primaryTextColor': '#1f2937', 'primaryBorderColor': '#1e40af', 'lineColor': '#6b7280', 'secondaryColor': '#7c3aed', diff --git a/docs/docs/benchmarks/SetupTeardownTests.md b/docs/docs/benchmarks/SetupTeardownTests.md index 4766e4f7ac..b8d7a94366 100644 --- a/docs/docs/benchmarks/SetupTeardownTests.md +++ b/docs/docs/benchmarks/SetupTeardownTests.md @@ -29,7 +29,7 @@ This benchmark was automatically generated on **2026-02-28** from the latest CI 'theme':'base', 'themeVariables': { 'primaryColor': '#2563eb', - 'primaryTextColor': '#ffffff', + 'primaryTextColor': '#1f2937', 'primaryBorderColor': '#1e40af', 'lineColor': '#6b7280', 'secondaryColor': '#7c3aed', diff --git a/docs/src/css/benchmark-charts.css b/docs/src/css/benchmark-charts.css index cf992fae08..ca99b1cfee 100644 --- a/docs/src/css/benchmark-charts.css +++ b/docs/src/css/benchmark-charts.css @@ -1,69 +1,26 @@ /* Enhanced styling for Mermaid benchmark charts */ -/* Override Mermaid xychart bar colors for better visibility */ -.markdown article .mermaid .xychart .plot > g > g > rect:nth-child(1) { - fill: #10b981 !important; /* TUnit - Emerald Green */ - opacity: 0.9; -} - -.markdown article .mermaid .xychart .plot > g > g > rect:nth-child(2) { - fill: #ef4444 !important; /* NUnit - Red */ - opacity: 0.85; -} - -.markdown article .mermaid .xychart .plot > g > g > rect:nth-child(3) { - fill: #f59e0b !important; /* MSTest - Amber */ - opacity: 0.85; -} - -.markdown article .mermaid .xychart .plot > g > g > rect:nth-child(4) { - fill: #8b5cf6 !important; /* xUnit - Purple */ - opacity: 0.85; -} - -.markdown article .mermaid .xychart .plot > g > g > rect:nth-child(5) { - fill: #06b6d4 !important; /* TUnit AOT - Cyan */ - opacity: 0.9; -} - -/* Enhance chart readability */ -.markdown article .mermaid .xychart text { +/* Enhance chart readability - light mode */ +.markdown .docusaurus-mermaid-container svg text { fill: var(--ifm-font-color-base) !important; font-family: var(--ifm-font-family-base); } -.markdown article .mermaid .xychart .title { - font-size: 16px; - font-weight: 600; -} - /* Grid lines for better readability */ -.markdown article .mermaid .xychart line { +.markdown .docusaurus-mermaid-container svg line { stroke: var(--ifm-color-emphasis-300); stroke-opacity: 0.5; } -/* Axis styling */ -.markdown article .mermaid .xychart .xAxis line, -.markdown article .mermaid .xychart .yAxis line { - stroke: var(--ifm-color-emphasis-500); -} - /* Dark mode adjustments */ -[data-theme='dark'] .markdown article .mermaid .xychart text { - fill: var(--ifm-font-color-base) !important; +[data-theme='dark'] .markdown .docusaurus-mermaid-container svg text { + fill: #e5e7eb !important; } -[data-theme='dark'] .markdown article .mermaid .xychart line { - stroke: var(--ifm-color-emphasis-500); +[data-theme='dark'] .markdown .docusaurus-mermaid-container svg .main > rect { + fill: var(--ifm-background-color) !important; } -/* Add subtle hover effects */ -.markdown article .mermaid .xychart .plot > g > g > rect { - transition: opacity 0.2s ease; -} - -.markdown article .mermaid .xychart .plot > g > g > rect:hover { - opacity: 1 !important; - filter: brightness(1.1); +[data-theme='dark'] .markdown .docusaurus-mermaid-container svg line { + stroke: var(--ifm-color-emphasis-500); } From 1f666f23a92624992c3c1ad361dc4eade21ef78a Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sat, 28 Feb 2026 10:21:11 +0000 Subject: [PATCH 3/3] Use CSS variable for dark mode text color instead of hardcoded value Co-authored-by: thomhurst <30480171+thomhurst@users.noreply.github.com> --- docs/src/css/benchmark-charts.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/src/css/benchmark-charts.css b/docs/src/css/benchmark-charts.css index ca99b1cfee..a170281f0d 100644 --- a/docs/src/css/benchmark-charts.css +++ b/docs/src/css/benchmark-charts.css @@ -14,7 +14,7 @@ /* Dark mode adjustments */ [data-theme='dark'] .markdown .docusaurus-mermaid-container svg text { - fill: #e5e7eb !important; + fill: var(--ifm-font-color-base) !important; } [data-theme='dark'] .markdown .docusaurus-mermaid-container svg .main > rect {