From fece96cc1ce65f5b801c6093c317bf84f7d5780b Mon Sep 17 00:00:00 2001 From: Sychev Andrey Date: Fri, 5 Jun 2026 14:50:05 +0200 Subject: [PATCH 1/2] dbeaver/pro#9303 feat: update edge color variable in CSS for execution plan --- .../ExecutionPlan/SqlExecutionPlanPanel.module.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.module.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.module.css index 53131b5f81..51ba715b43 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.module.css +++ b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.module.css @@ -62,7 +62,7 @@ --dbv-plan-node-cost-bar-color: var(--theme-status); /* Edges */ - --dbv-plan-edge-color: var(--theme-text-hint-on-light); + --dbv-plan-edge-color: var(--theme-input-border); /* Toolbar */ --dbv-plan-toolbar-border: var(--theme-input-border); From 9c5844c2928b70a51f5fbb36a9c967195a6fe869 Mon Sep 17 00:00:00 2001 From: Sychev Andrey Date: Thu, 11 Jun 2026 12:44:28 +0200 Subject: [PATCH 2/2] dbeaver/pro#9303 feat: update node cost bar background and add theme-light styles for edges and captions --- .../SqlExecutionPlanPanel.module.css | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.module.css b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.module.css index 51ba715b43..cc9c1dba30 100644 --- a/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.module.css +++ b/webapp/packages/plugin-sql-editor/src/SqlResultTabs/ExecutionPlan/SqlExecutionPlanPanel.module.css @@ -58,7 +58,7 @@ --dbv-plan-node-metric-value-color: var(--theme-on-surface); /* Node cost bar */ - --dbv-plan-node-cost-bar-bg: var(--theme-input-border); + --dbv-plan-node-cost-bar-bg: var(--theme-background); --dbv-plan-node-cost-bar-color: var(--theme-status); /* Edges */ @@ -72,3 +72,16 @@ --dbv-plan-toolbar-active-bg: var(--theme-secondary); } } + +:global(.theme-light) .pane { + &:first-child { + /* Node */ + --dbv-plan-node-bg: var(--theme-surface); + + /* Edges */ + --dbv-plan-edge-color: #c0c0c0; + + /* Node caption */ + --dbv-plan-node-caption-bg: var(--theme-secondary); + } +}