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..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,11 +58,11 @@ --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 */ - --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); @@ -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); + } +}