search

dempfi / ayu

🎨🖌 Modern Sublime Text theme
MIT License
4.29k stars 323 forks source link

Add a shadow to the bottom side of the sticky widget #279

Open ptsl opened 1 year ago

ptsl commented 1 year ago

Hello, Ayu Mirage has been my favorite VSCode and Sublime Text theme since I first discovered it.

However, on VSCode, it does not work nicely with Sticky Scroll.

Problem Description

  1. Go to the VSCode menu. Enable View -> Sticky Scroll.

This enables the sticky scroll widget. This widget always shows the current class and method.

  1. Go to Settings (Ctrl+,).
  2. Go to Editor > Sticky Scroll: Default Model.
  3. Try all settings. The last setting (indentationModel) will make the sticky window as tall as possible.

Now, there is no line showing the border between the sticky widget and the rest of the editor. There is nothing to show that some lines of the function definition are missing, save for the gap in line numbers. (Line 54 is followed by Line 65 and then by Line 77.)

Dark: image

Light: image

Please, add a shadow to the bottom side of the sticky widget (<div class="sticky-widget">). For your inspiration... I've filed a similar issue to Yi Dark & Yi Light Themes and this is how they fixed it:

Dark: image

Light: image

Anyway, I said, this is just for inspiration and there are other solutions. For example, Dark High Contrast theme adds a simple line. Or a different background can be used for the sticky widget, just to give you a few ideas.

deathaxe commented 2 months ago

This repo targets Sublime Text, but not VS Code.