diff --git a/services/web/frontend/js/features/source-editor/extensions/toolbar/toolbar-panel.ts b/services/web/frontend/js/features/source-editor/extensions/toolbar/toolbar-panel.ts index 30eb0098f8..24d43eb236 100644 --- a/services/web/frontend/js/features/source-editor/extensions/toolbar/toolbar-panel.ts +++ b/services/web/frontend/js/features/source-editor/extensions/toolbar/toolbar-panel.ts @@ -319,8 +319,18 @@ const toolbarTheme = EditorView.theme({ }, }) +const toolbarBorderTheme = EditorView.baseTheme({ + '&light.overall-theme-dark .cm-panels-top': { + borderBottom: '1px solid var(--border-divider-dark)', + }, +}) + /** * A panel which contains the editor toolbar, provided by a state field which allows the toolbar to be toggled, * and styles for the toolbar. */ -export const toolbarPanel = () => [toolbarState, toolbarTheme] +export const toolbarPanel = () => [ + toolbarState, + toolbarTheme, + toolbarBorderTheme, +]