fix(editor): Fix focused state in Code node editor (#5869)

🎨 Fix focused state in Code node
n8n-io · Apr 3, 2023 · 3be37e2 · 3be37e2
1 parent 86e2017
commit 3be37e2
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/editor-ui/src/components/CodeNodeEditor/theme.ts b/packages/editor-ui/src/components/CodeNodeEditor/theme.ts
@@ -48,6 +48,10 @@ export const CODE_NODE_EDITOR_THEME = [
 		'&.cm-focused .cm-selectionBackgroundm .cm-selectionBackground, .cm-content ::selection': {
 			backgroundColor: 'var(--color-code-selection)',
 		},
+		'&.cm-editor.cm-focused': {
+			outline: 'none',
+			borderColor: 'var(--color-secondary)',
+		},
 		'.cm-activeLine': {
 			backgroundColor: 'var(--color-code-lineHighlight)',
 		},
@@ -57,6 +61,7 @@ export const CODE_NODE_EDITOR_THEME = [
 		'.cm-gutters': {
 			backgroundColor: 'var(--color-code-gutterBackground)',
 			color: 'var(--color-code-gutterForeground)',
+			borderRadius: 'var(--border-radius-base)',
 		},
 		'.cm-tooltip': {
 			maxWidth: BASE_STYLING.tooltip.maxWidth,