Move css rules from selections.ts to selections.css (microsoft#166407)

* Move css rules from selections.ts to selections.css

* Move back rule from CSS to TypeScript

Co-authored-by: Joni Keinänen <[email protected]>
Co-authored-by: Alex Dima <[email protected]>

Author: 3 people

src/vs/editor/browser/viewParts/selections/selections.css

@@ -11,6 +11,14 @@
 	position: absolute;
 }
 
+.monaco-editor .focused .selected-text {
+	background-color: var(--vscode-editor-selectionBackground);
+}
+
+.monaco-editor .selected-text {
+	background-color: var(--vscode-editor-inactiveSelectionBackground);
+}
+
 .monaco-editor			.top-left-radius		{ border-top-left-radius: 3px; }
 .monaco-editor			.bottom-left-radius		{ border-bottom-left-radius: 3px; }
 .monaco-editor			.top-right-radius		{ border-top-right-radius: 3px; }

src/vs/editor/browser/viewParts/selections/selections.ts

@@ -9,7 +9,7 @@ import { Range } from 'vs/editor/common/core/range';
 import { HorizontalRange, LineVisibleRanges, RenderingContext } from 'vs/editor/browser/view/renderingContext';
 import { ViewContext } from 'vs/editor/common/viewModel/viewContext';
 import * as viewEvents from 'vs/editor/common/viewEvents';
-import { editorInactiveSelection, editorSelectionBackground, editorSelectionForeground } from 'vs/platform/theme/common/colorRegistry';
+import { editorSelectionForeground } from 'vs/platform/theme/common/colorRegistry';
 import { registerThemingParticipant } from 'vs/platform/theme/common/themeService';
 import { EditorOption } from 'vs/editor/common/config/editorOptions';
 
@@ -403,14 +403,6 @@ export class SelectionsOverlay extends DynamicViewOverlay {
 }
 
 registerThemingParticipant((theme, collector) => {
-	const editorSelectionColor = theme.getColor(editorSelectionBackground);
-	if (editorSelectionColor) {
-		collector.addRule(`.monaco-editor .focused .selected-text { background-color: ${editorSelectionColor}; }`);
-	}
-	const editorInactiveSelectionColor = theme.getColor(editorInactiveSelection);
-	if (editorInactiveSelectionColor) {
-		collector.addRule(`.monaco-editor .selected-text { background-color: ${editorInactiveSelectionColor}; }`);
-	}
 	const editorSelectionForegroundColor = theme.getColor(editorSelectionForeground);
 	if (editorSelectionForegroundColor && !editorSelectionForegroundColor.isTransparent()) {
 		collector.addRule(`.monaco-editor .view-line span.inline-selected-text { color: ${editorSelectionForegroundColor}; }`);