Skip to content

Commit 03c4924

Browse files
committed
Use CSS variables for line numbers
1 parent 05ec316 commit 03c4924

File tree

2 files changed

+8
-15
lines changed

2 files changed

+8
-15
lines changed

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

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,3 +23,11 @@
2323
.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
2424
margin-top: 1px;
2525
}
26+
27+
.monaco-editor .line-numbers {
28+
color: var(--vscode-editorLineNumber-foreground);
29+
}
30+
31+
.monaco-editor .line-numbers.active-line-number {
32+
color: var(--vscode-editorLineNumber-activeForeground);
33+
}

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

Lines changed: 0 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,9 @@ import * as platform from 'vs/base/common/platform';
88
import { DynamicViewOverlay } from 'vs/editor/browser/view/dynamicViewOverlay';
99
import { RenderLineNumbersType, EditorOption } from 'vs/editor/common/config/editorOptions';
1010
import { Position } from 'vs/editor/common/core/position';
11-
import { editorActiveLineNumber, editorLineNumbers } from 'vs/editor/common/core/editorColorRegistry';
1211
import { RenderingContext } from 'vs/editor/browser/view/renderingContext';
1312
import { ViewContext } from 'vs/editor/common/viewModel/viewContext';
1413
import * as viewEvents from 'vs/editor/common/viewEvents';
15-
import { registerThemingParticipant } from 'vs/platform/theme/common/themeService';
1614

1715
export class LineNumbersOverlay extends DynamicViewOverlay {
1816

@@ -192,16 +190,3 @@ export class LineNumbersOverlay extends DynamicViewOverlay {
192190
return this._renderResult[lineIndex];
193191
}
194192
}
195-
196-
// theming
197-
198-
registerThemingParticipant((theme, collector) => {
199-
const lineNumbers = theme.getColor(editorLineNumbers);
200-
if (lineNumbers) {
201-
collector.addRule(`.monaco-editor .line-numbers { color: ${lineNumbers}; }`);
202-
}
203-
const activeLineNumber = theme.getColor(editorActiveLineNumber);
204-
if (activeLineNumber) {
205-
collector.addRule(`.monaco-editor .line-numbers.active-line-number { color: ${activeLineNumber}; }`);
206-
}
207-
});

0 commit comments

Comments
 (0)