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

Adding colors `vscode-editorStickyScroll-border` and `vscode-editorStickyScroll-shadow` (#200239) 

* adding two more colors

* rewording text and making the border color null
pull/200389/head
Aiday Marlen Kyzy 2023-12-08 17:25:59 +01:00 committed by GitHub
parent 26723a2f2e
commit 14d593fb5f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -277,6 +277,8 @@
"--vscode-editorPane-background",
"--vscode-editorRuler-foreground",
"--vscode-editorStickyScroll-background",
"--vscode-editorStickyScroll-border",
"--vscode-editorStickyScroll-shadow",
"--vscode-editorStickyScrollHover-background",
"--vscode-editorSuggestWidget-background",
"--vscode-editorSuggestWidget-border",
@ -795,4 +797,4 @@
"--zoom-factor",
"--test-bar-width"
]
}
}

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

@ -50,9 +50,8 @@
text-align: right;
}
.monaco-editor.hc-black .sticky-widget,
.monaco-editor.hc-light .sticky-widget {
border-bottom: 1px solid var(--vscode-contrastBorder);
.monaco-editor .sticky-widget {
border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
}
.monaco-editor .sticky-line-content:hover {
@ -62,7 +61,7 @@
.monaco-editor .sticky-widget {
width: 100%;
box-shadow: var(--vscode-scrollbar-shadow) 0 3px 2px -2px;
box-shadow: var(--vscode-editorStickyScroll-shadow) 0 3px 2px -2px;
z-index: 4;
background-color: var(--vscode-editorStickyScroll-background);
}

6
src/vs/platform/theme/common/colorRegistry.ts
View File

@ -316,8 +316,10 @@ export const editorForeground = registerColor('editor.foreground', { light: '#33
/**
* Sticky scroll
*/
export const editorStickyScrollBackground = registerColor('editorStickyScroll.background', { light: editorBackground, dark: editorBackground, hcDark: editorBackground, hcLight: editorBackground }, nls.localize('editorStickyScrollBackground', "Sticky scroll background color for the editor"));
export const editorStickyScrollHoverBackground = registerColor('editorStickyScrollHover.background', { dark: '#2A2D2E', light: '#F0F0F0', hcDark: null, hcLight: Color.fromHex('#0F4A85').transparent(0.1) }, nls.localize('editorStickyScrollHoverBackground', "Sticky scroll on hover background color for the editor"));
export const editorStickyScrollBackground = registerColor('editorStickyScroll.background', { light: editorBackground, dark: editorBackground, hcDark: editorBackground, hcLight: editorBackground }, nls.localize('editorStickyScrollBackground', "Background color of sticky scroll in the editor"));
export const editorStickyScrollHoverBackground = registerColor('editorStickyScrollHover.background', { dark: '#2A2D2E', light: '#F0F0F0', hcDark: null, hcLight: Color.fromHex('#0F4A85').transparent(0.1) }, nls.localize('editorStickyScrollHoverBackground', "Background color of sticky scroll on hover in the editor"));
export const editorStickyScrollBorder = registerColor('editorStickyScroll.border', { dark: null, light: null, hcDark: contrastBorder, hcLight: contrastBorder }, nls.localize('editorStickyScrollBorder', "Border color of sticky scroll in the editor"));
export const editorStickyScrollShadow = registerColor('editorStickyScroll.shadow', { dark: scrollbarShadow, light: scrollbarShadow, hcDark: scrollbarShadow, hcLight: scrollbarShadow }, nls.localize('editorStickyScrollShadow', " Shadow color of sticky scroll in the editor"));
/**
* Editor widgets