fix: set default selection color (#1282)

7nik · web-flow · commit 5756c13ecea4 · 2025-04-09T18:51:55.000-04:00
Co-authored-by: 7nik &lt;kifiranet@gmail.com&gt;
diff --git a/packages/repl/src/lib/Editor/codemirror.css b/packages/repl/src/lib/Editor/codemirror.css
@@ -119,6 +119,7 @@
 
 	.cm-selectionBackground {
 		border-radius: 2px;
+		background-color: var(--sk-bg-unfocused-selection);
 	}
 
 	.cm-selectionMatch {
diff --git a/packages/site-kit/src/lib/styles/tokens/colours.css b/packages/site-kit/src/lib/styles/tokens/colours.css
@@ -22,6 +22,7 @@
 	--sk-bg-4: hsl(0, 0%, 95%); /* hover states and highlights */
 	--sk-bg-accent: var(--sk-fg-accent);
 	--sk-bg-selection: hsla(204, 100%, 63%, 0.3);
+	--sk-bg-unfocused-selection: hsla(204, 50%, 63%, 0.2);
 	--sk-bg-highlight: hsl(60, 100%, 80%);
 
 	/* Border color — use this for all borders, except 'active' borders (e.g. current nav) which use `--sk-fg-accent`  */

Original file line number	Diff line number	Diff line change
`@@ -119,6 +119,7 @@`
`119`	`119`
`120`	`120`	`.cm-selectionBackground {`
`121`	`121`	`border-radius: 2px;`
	`122`	`+ background-color: var(--sk-bg-unfocused-selection);`
`122`	`123`	`}`
`123`	`124`
`124`	`125`	`.cm-selectionMatch {`