From 0fcb917a8defcd99ec563c38ba7570c741a62319 Mon Sep 17 00:00:00 2001 From: Bruno Charest Date: Fri, 5 Jun 2026 11:38:39 -0400 Subject: [PATCH] fix: ER diagram row contrast, mindmap branch colors, timeline blue boxes, xyChart blue bars --- frontend/js/mermaid-viewer.js | 43 +++++++++++++++++++++++++++++++---- 1 file changed, 39 insertions(+), 4 deletions(-) diff --git a/frontend/js/mermaid-viewer.js b/frontend/js/mermaid-viewer.js index 5b0d240..c4ea213 100644 --- a/frontend/js/mermaid-viewer.js +++ b/frontend/js/mermaid-viewer.js @@ -55,8 +55,8 @@ var DARK_THEME = { primaryTextColor: '#c8daf0', primaryBorderColor: '#4a7ab5', lineColor: '#5a7a9a', - secondaryColor: '#1a2d47', - tertiaryColor: '#142236', + secondaryColor: '#2a4a6a', + tertiaryColor: '#3a6090', // Background & containers background: '#0f1117', mainBkg: '#1a2030', @@ -137,8 +137,43 @@ var DARK_THEME = { classText: '#c8daf0', // State diagram labelColor: '#c8daf0', - // ER diagram - attributeEvenColor: '#c8daf0', + // ER diagram — alternating row colors for readability + fillType0: '#1a2d47', + fillType1: '#1e3a55', + fillType2: '#223350', + fillType3: '#1a2a40', + fillType4: '#1e3350', + fillType5: '#223a58', + fillType6: '#1a2d47', + fillType7: '#1e3a55', + entityBorder: '#4a7ab5', + attributeEvenColor: '#e0e8f0', + // Timeline — section colors + cScale0: '#1e3a5f', + cScale1: '#2a5a8a', + cScale2: '#153050', + cScale3: '#3a6a9a', + cScale4: '#204070', + cScale5: '#4a7ab5', + cScaleLabel0: '#c8daf0', + cScaleLabel1: '#c8daf0', + cScaleLabel2: '#c8daf0', + cScaleLabel3: '#c8daf0', + cScaleLabel4: '#c8daf0', + cScaleLabel5: '#c8daf0', + // XY Chart — bar and line colors + xyChartBackgroundColor: '#0f1117', + xyChartTitleColor: '#c8daf0', + xyChartXaxisTitleColor: '#8aacca', + xyChartYaxisTitleColor: '#8aacca', + plotColor1: '#1e3a5f', + plotColor2: '#4a7ab5', + plotColor3: '#2a5a8a', + plotColor4: '#5a8ac0', + plotColor5: '#3a6a9a', + plotColor6: '#6a9ad0', + plotColor7: '#153050', + plotColor8: '#204070', // General text textColor: '#c8daf0', fontSize: '14px',