daohualiuxiang
/
vscode
mirror of https://github.com/microsoft/vscode.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

adding new color for sticky scroll inside of the panel

pull/200251/head
Aiday Marlen Kyzy 2023-12-08 15:05:20 +01:00
parent 797f78fb64
commit b5ad415b68
No known key found for this signature in database
GPG Key ID: 24A8B53DBD26FF4E
4 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
build/lib/stylelint/vscode-known-variables.json
View File

@ -343,8 +343,6 @@
"--vscode-inputValidation-warningBackground",
"--vscode-inputValidation-warningBorder",
"--vscode-inputValidation-warningForeground",
"--vscode-interactive-activeCodeBorder",
"--vscode-interactive-inactiveCodeBorder",
"--vscode-keybindingLabel-background",
"--vscode-keybindingLabel-border",
"--vscode-keybindingLabel-bottomBorder",
@ -467,6 +465,7 @@
"--vscode-panelSectionHeader-background",
"--vscode-panelSectionHeader-border",
"--vscode-panelSectionHeader-foreground",
"--vscode-panelStickyScroll-background",
"--vscode-panelTitle-activeBorder",
"--vscode-panelTitle-activeForeground",
"--vscode-panelTitle-inactiveForeground",
@ -797,4 +796,4 @@
"--zoom-factor",
"--test-bar-width"
]
}
}

4
src/vs/editor/contrib/stickyScroll/browser/stickyScroll.css
View File

@ -67,8 +67,8 @@
background-color: var(--vscode-editorStickyScroll-background);
}
.monaco-editor .sticky-widget.output {
background-color: var(--vscode-outputViewEditorStickyScroll-background);
.monaco-editor .sticky-widget.panel {
background-color: var(--vscode-panelStickyScroll-background);
}
.monaco-editor .sticky-widget.peek {

5
src/vs/editor/contrib/stickyScroll/browser/stickyScrollWidget.ts
View File

@ -73,12 +73,9 @@ export class StickyScrollWidget extends Disposable implements IOverlayWidget {
this._linesDomNodeScrollable.className = 'sticky-widget-lines-scrollable';
this._linesDomNodeScrollable.appendChild(this._linesDomNode);
const isOutput = this._editor.getModel()?.uri.scheme === 'output';
this._rootDomNode.className = 'sticky-widget';
this._rootDomNode.classList.toggle('peek', _editor instanceof EmbeddedCodeEditorWidget);
this._rootDomNode.classList.toggle('panel', _editor.getModel()?.uri.scheme === 'output');
this._rootDomNode.appendChild(this._lineNumbersDomNode);
this._rootDomNode.appendChild(this._linesDomNodeScrollable);

8
src/vs/workbench/common/theme.ts
View File

@ -401,6 +401,14 @@ export const PANEL_SECTION_BORDER = registerColor('panelSection.border', {
hcLight: PANEL_BORDER
}, localize('panelSectionBorder', "Panel section border color used when multiple views are stacked horizontally in the panel. Panels are shown below the editor area and contain views like output and integrated terminal. Panel sections are views nested within the panels."));
registerColor('panelStickyScroll.background', {
dark: PANEL_BACKGROUND,
light: PANEL_BACKGROUND,
hcDark: PANEL_BACKGROUND,
hcLight: PANEL_BACKGROUND
}, localize('panelStickyScrollBackground', "Panel sticky scroll background color. Panels are shown below the editor area and contain views like output and integrated terminal. Panel sections are views nested within the panels."));
// < --- Banner --- >
export const BANNER_BACKGROUND = registerColor('banner.background', {