Change:
<!-- Do Not Delete This! featurerequesttemplate --<!-- Please read our Rules of Conduct: --<!-- Please search existing issues to avoid creating duplicates. --<!-- Describe the feature you'd like. --Especially in dark mode, it can be (maybe I'm just blind). Relavent section: Would love if the box shadow and/or bottom-border was customizable in the theme.
I recently learned of which you can put in your theme, and I think it helps a lot, but I'll leave this ticket open since it would be a nice QoL and doesn't seem like it would be super difficult.
For what it's worth I can see the shadow quite clearly (even in your screenshot). You probably aren't blind :sweat_smile: - rather I think your monitor's gamma may be set a bit dark (or your monitor is bad at colour reproduction, or you work in weird lighting conditions, or or or). If you're on windows you could run "Calibrate display color" and see if that helps. Even if it's just to test out my theory (mess around with the gamma slider to check things out, and then hit cancel). You may also be able to set gamma in your monitor's OSD. I still think this is a worthwhile request though!
You can already modify that theme value in your settings. It's using the which also applies to the breadcrumbs, the explorer, and likely other locations the app. Might not be worth adding a specific shadow property for this feature and stick to relying on the same scroll shadow that's used everywhere depending on the demand?
<!-- -96bd-47a8-a0e8- --This feature request is now a candidate for our backlog. The community has 60 days to the issue. If it receives 20 upvotes we will move it to our backlog. If not, we will close it. To learn more about how we handle feature requests, please see our . Happy Coding!
With , I can't make out a shadow at all, on two different screens: ! It looks like that theme which is the . I quite like the simplicity of it, but here it is confusing... Not sure if that could be considered a bug in the theme though. I ended up configuring instead, which I prefer: !
My theme didn't have any shadow either. Good to know about the background option.
For anyone else just as confused as I am on how to personalize this, you can edit with the following:
Customizing the background color as described does make this feature more usable under my color theme, but I'd still appreciate the ability to make a harder border than I currently have.
I would prefer showing lines per level. I think that would be much more intuitive comparing to current shadow style, even if it takes larger spaces.
I am using the high contrast dark mode that comes with VSCode, one would expect that one to have a visible difference between the sticky scroll and the rest of the code. I fixed it in my editor with as many mentioned. It would be great if it was fixed for everyone since it is a theme that comes with the editor
<!-- -a7ce-58b9-b1f9- --This feature request has not yet received the 20 community it takes to make to our backlog. 10 days to go. To learn more about how we handle feature requests, please see our . Happy Coding!
Thanks for sharing the trick! At the end the best result is by changing the background. Thanks again! mario

Discussion:
"--vscode-editorPane-background", "--vscode-editorRuler-foreground", "--vscode-editorStickyScroll-background", <ins> "--vscode-editorStickyScroll-border", "--vscode-editorStickyScroll-shadow", </ins> "--vscode-editorStickyScrollHover-background", "--vscode-editorSuggestWidget-background", "--vscode-editorSuggestWidget-border",

"--zoom-factor", "--test-bar-width" ] <del> } </del>  No newline at end of file <ins> } </ins>

text-align: right; } <del> .monaco-editor.hc-black .sticky-widget, .monaco-editor.hc-light .sticky-widget { border-bottom: 1px solid var(--vscode-contrastBorder); </del> <ins> .monaco-editor .sticky-widget { border-bottom: 1px solid var(--vscode-editorStickyScroll-border); </ins> } .monaco-editor .sticky-line-content:hover {

.monaco-editor .sticky-widget { width: 100%; <del> box-shadow: var(--vscode-scrollbar-shadow) 0 3px 2px -2px; </del> <ins> box-shadow: var(--vscode-editorStickyScroll-shadow) 0 3px 2px -2px; </ins> z-index: 4; background-color: var(--vscode-editorStickyScroll-background); }

/** * Sticky scroll */ <del> 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")); </del> <ins> 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")); </ins> /** * Editor widgets