From 0734ead08e14b530fd93a458b3ca7d000d44e9b5 Mon Sep 17 00:00:00 2001
From: Mathieu <math.lechat@gmail.com>
Date: Wed, 3 Jun 2026 17:52:11 +0200
Subject: [PATCH] Fix dark theme time bar colors in the profiler

---
 templates/Collector/db.html.twig | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/templates/Collector/db.html.twig b/templates/Collector/db.html.twig
index 9d44f4fd2..1de7932f4 100644
--- a/templates/Collector/db.html.twig
+++ b/templates/Collector/db.html.twig
@@ -101,9 +101,15 @@
 
 {% block queries %}
     <style>
+        :root {
+            --query-time-bar-color: var(--gray-200);
+        }
+        .theme-dark {
+            --query-time-bar-color: var(--gray-700);
+        }
         .time-container { position: relative; }
-        .time-container .nowrap { position: relative; z-index: 1; text-shadow: 0 0 2px #fff; }
-        .time-bar { display: block; position: absolute; top: 0; left: 0; bottom: 0; background: #e0e0e0; }
+        .time-container .nowrap { position: relative; z-index: 1; text-shadow: 0 0 2px var(--page-background); }
+        .time-bar { display: block; position: absolute; top: 0; left: 0; bottom: 0; background: var(--query-time-bar-color); }
         .sql-runnable.sf-toggle-content.sf-toggle-visible { display: flex; flex-direction: column; }
         .sql-runnable button { align-self: end; }
         {% if profiler_markup_version >= 3 %}