Adjust scrollbar track background and border colors (#3596)

Marshall Bowers created 2 years ago

This PR adjusts the colors we pull from the VS Code themes to use for
the scrollbar track background and border.

For the scrollbar track background we now use the `editor.background`,
and for the scrollbar track border we use `editorOverviewRuler.border`.

Release Notes:

- N/A

Change summary

crates/editor2/src/element.rs                 |  7 ++
crates/theme2/src/themes/andromeda.rs         |  6 +-
crates/theme2/src/themes/ayu.rs               | 12 ++--
crates/theme2/src/themes/dracula.rs           |  2 
crates/theme2/src/themes/gruvbox.rs           | 12 ++--
crates/theme2/src/themes/night_owl.rs         |  6 -
crates/theme2/src/themes/noctis.rs            | 44 ++++++++++----------
crates/theme2/src/themes/nord.rs              |  4 
crates/theme2/src/themes/palenight.rs         |  9 +--
crates/theme2/src/themes/rose_pine.rs         | 12 ++--
crates/theme2/src/themes/solarized.rs         |  2 
crates/theme2/src/themes/synthwave_84.rs      |  4 
crates/theme_importer/src/vscode/converter.rs | 40 ++++++------------
crates/theme_importer/src/vscode/theme.rs     |  7 +++
14 files changed, 83 insertions(+), 84 deletions(-)

Detailed changes

crates/editor2/src/element.rs

@@ -1282,7 +1282,12 @@ impl EditorElement {
                 track_bounds,
                 Corners::default(),
                 cx.theme().colors().scrollbar_track_background,
-                Edges::default(), // todo!("style.track.border")
+                Edges {
+                    top: Pixels::ZERO,
+                    right: Pixels::ZERO,
+                    bottom: Pixels::ZERO,
+                    left: px(1.),
+                },
                 cx.theme().colors().scrollbar_track_border,
             );
             let scrollbar_settings = EditorSettings::get_global(cx).scrollbar;

crates/theme2/src/themes/andromeda.rs

@@ -46,7 +46,7 @@ pub fn andromeda() -> UserThemeFamily {
                         scrollbar_thumb_hover_background: Some(rgba(0x3a3f4caa).into()),
                         scrollbar_thumb_border: Some(rgba(0x3a3f4c77).into()),
                         scrollbar_track_background: Some(rgba(0x23262eff).into()),
-                        scrollbar_track_border: Some(rgba(0x23262eff).into()),
+                        scrollbar_track_border: Some(rgba(0x1b1d23ff).into()),
                         editor_background: Some(rgba(0x23262eff).into()),
                         editor_gutter_background: Some(rgba(0x23262eff).into()),
                         editor_line_number: Some(rgba(0x746f77ff).into()),
@@ -259,8 +259,8 @@ pub fn andromeda() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x3a3f4c77).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x3a3f4caa).into()),
                         scrollbar_thumb_border: Some(rgba(0x3a3f4c77).into()),
-                        scrollbar_track_background: Some(rgba(0x23262eff).into()),
-                        scrollbar_track_border: Some(rgba(0x23262eff).into()),
+                        scrollbar_track_background: Some(rgba(0x262a33ff).into()),
+                        scrollbar_track_border: Some(rgba(0x1b1d23ff).into()),
                         editor_background: Some(rgba(0x262a33ff).into()),
                         editor_gutter_background: Some(rgba(0x262a33ff).into()),
                         editor_line_number: Some(rgba(0x746f77ff).into()),

crates/theme2/src/themes/ayu.rs

@@ -44,8 +44,8 @@ pub fn ayu() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x8a919966).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x8a919999).into()),
                         scrollbar_thumb_border: Some(rgba(0x8a919966).into()),
-                        scrollbar_track_background: Some(rgba(0x6b7d8f00).into()),
-                        scrollbar_track_border: Some(rgba(0x6b7d8f00).into()),
+                        scrollbar_track_background: Some(rgba(0xf8f9faff).into()),
+                        scrollbar_track_border: Some(rgba(0x6b7d8f1f).into()),
                         editor_background: Some(rgba(0xf8f9faff).into()),
                         editor_gutter_background: Some(rgba(0xf8f9faff).into()),
                         editor_line_number: Some(rgba(0x8a919966).into()),
@@ -350,8 +350,8 @@ pub fn ayu() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x707a8c66).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x707a8c99).into()),
                         scrollbar_thumb_border: Some(rgba(0x707a8c66).into()),
-                        scrollbar_track_background: Some(rgba(0x171b2400).into()),
-                        scrollbar_track_border: Some(rgba(0x171b2400).into()),
+                        scrollbar_track_background: Some(rgba(0x1f2430ff).into()),
+                        scrollbar_track_border: Some(rgba(0x171b24ff).into()),
                         editor_background: Some(rgba(0x1f2430ff).into()),
                         editor_gutter_background: Some(rgba(0x1f2430ff).into()),
                         editor_line_number: Some(rgba(0x8a919966).into()),
@@ -656,8 +656,8 @@ pub fn ayu() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x565b6666).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x565b6699).into()),
                         scrollbar_thumb_border: Some(rgba(0x565b6666).into()),
-                        scrollbar_track_background: Some(rgba(0x1e232b00).into()),
-                        scrollbar_track_border: Some(rgba(0x1e232b00).into()),
+                        scrollbar_track_background: Some(rgba(0x0b0e14ff).into()),
+                        scrollbar_track_border: Some(rgba(0x1e232bff).into()),
                         editor_background: Some(rgba(0x0b0e14ff).into()),
                         editor_gutter_background: Some(rgba(0x0b0e14ff).into()),
                         editor_line_number: Some(rgba(0x6c738099).into()),

crates/theme2/src/themes/dracula.rs

@@ -41,6 +41,8 @@ pub fn dracula() -> UserThemeFamily {
                     tab_bar_background: Some(rgba(0x191a21ff).into()),
                     tab_inactive_background: Some(rgba(0x21222cff).into()),
                     tab_active_background: Some(rgba(0x282a36ff).into()),
+                    scrollbar_track_background: Some(rgba(0x282a36ff).into()),
+                    scrollbar_track_border: Some(rgba(0x191a21ff).into()),
                     editor_background: Some(rgba(0x282a36ff).into()),
                     editor_gutter_background: Some(rgba(0x282a36ff).into()),
                     editor_line_number: Some(rgba(0x6272a4ff).into()),

crates/theme2/src/themes/gruvbox.rs

@@ -45,7 +45,7 @@ pub fn gruvbox() -> UserThemeFamily {
                         scrollbar_thumb_hover_background: Some(rgba(0x665c54ff).into()),
                         scrollbar_thumb_border: Some(rgba(0x50494599).into()),
                         scrollbar_track_background: Some(rgba(0x1d2021ff).into()),
-                        scrollbar_track_border: Some(rgba(0x1d2021ff).into()),
+                        scrollbar_track_border: Some(rgba(0x1d202100).into()),
                         editor_background: Some(rgba(0x1d2021ff).into()),
                         editor_gutter_background: Some(rgba(0x1d2021ff).into()),
                         editor_line_number: Some(rgba(0x665c54ff).into()),
@@ -337,7 +337,7 @@ pub fn gruvbox() -> UserThemeFamily {
                         scrollbar_thumb_hover_background: Some(rgba(0x665c54ff).into()),
                         scrollbar_thumb_border: Some(rgba(0x50494599).into()),
                         scrollbar_track_background: Some(rgba(0x282828ff).into()),
-                        scrollbar_track_border: Some(rgba(0x282828ff).into()),
+                        scrollbar_track_border: Some(rgba(0x28282800).into()),
                         editor_background: Some(rgba(0x282828ff).into()),
                         editor_gutter_background: Some(rgba(0x282828ff).into()),
                         editor_line_number: Some(rgba(0x665c54ff).into()),
@@ -629,7 +629,7 @@ pub fn gruvbox() -> UserThemeFamily {
                         scrollbar_thumb_hover_background: Some(rgba(0x665c54ff).into()),
                         scrollbar_thumb_border: Some(rgba(0x50494599).into()),
                         scrollbar_track_background: Some(rgba(0x32302fff).into()),
-                        scrollbar_track_border: Some(rgba(0x32302fff).into()),
+                        scrollbar_track_border: Some(rgba(0x32302f00).into()),
                         editor_background: Some(rgba(0x32302fff).into()),
                         editor_gutter_background: Some(rgba(0x32302fff).into()),
                         editor_line_number: Some(rgba(0x665c54ff).into()),
@@ -921,7 +921,7 @@ pub fn gruvbox() -> UserThemeFamily {
                         scrollbar_thumb_hover_background: Some(rgba(0xbdae93ff).into()),
                         scrollbar_thumb_border: Some(rgba(0xd5c4a199).into()),
                         scrollbar_track_background: Some(rgba(0xf9f5d7ff).into()),
-                        scrollbar_track_border: Some(rgba(0xf9f5d7ff).into()),
+                        scrollbar_track_border: Some(rgba(0xf9f5d700).into()),
                         editor_background: Some(rgba(0xf9f5d7ff).into()),
                         editor_gutter_background: Some(rgba(0xf9f5d7ff).into()),
                         editor_line_number: Some(rgba(0xbdae93ff).into()),
@@ -1213,7 +1213,7 @@ pub fn gruvbox() -> UserThemeFamily {
                         scrollbar_thumb_hover_background: Some(rgba(0xbdae93ff).into()),
                         scrollbar_thumb_border: Some(rgba(0xd5c4a199).into()),
                         scrollbar_track_background: Some(rgba(0xfbf1c7ff).into()),
-                        scrollbar_track_border: Some(rgba(0xfbf1c7ff).into()),
+                        scrollbar_track_border: Some(rgba(0xfbf1c700).into()),
                         editor_background: Some(rgba(0xfbf1c7ff).into()),
                         editor_gutter_background: Some(rgba(0xfbf1c7ff).into()),
                         editor_line_number: Some(rgba(0xbdae93ff).into()),
@@ -1505,7 +1505,7 @@ pub fn gruvbox() -> UserThemeFamily {
                         scrollbar_thumb_hover_background: Some(rgba(0xbdae93ff).into()),
                         scrollbar_thumb_border: Some(rgba(0xd5c4a199).into()),
                         scrollbar_track_background: Some(rgba(0xf2e5bcff).into()),
-                        scrollbar_track_border: Some(rgba(0xf2e5bcff).into()),
+                        scrollbar_track_border: Some(rgba(0xf2e5bc00).into()),
                         editor_background: Some(rgba(0xf2e5bcff).into()),
                         editor_gutter_background: Some(rgba(0xf2e5bcff).into()),
                         editor_line_number: Some(rgba(0xbdae93ff).into()),

crates/theme2/src/themes/night_owl.rs

@@ -45,8 +45,7 @@ pub fn night_owl() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x084d8180).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x084d8180).into()),
                         scrollbar_thumb_border: Some(rgba(0x084d8180).into()),
-                        scrollbar_track_background: Some(rgba(0x010b14ff).into()),
-                        scrollbar_track_border: Some(rgba(0x010b14ff).into()),
+                        scrollbar_track_background: Some(rgba(0x011627ff).into()),
                         editor_background: Some(rgba(0x011627ff).into()),
                         editor_gutter_background: Some(rgba(0x011627ff).into()),
                         editor_line_number: Some(rgba(0x4b6479ff).into()),
@@ -305,8 +304,7 @@ pub fn night_owl() -> UserThemeFamily {
                         tab_bar_background: Some(rgba(0xf0f0f0ff).into()),
                         tab_inactive_background: Some(rgba(0xf0f0f0ff).into()),
                         tab_active_background: Some(rgba(0xf6f6f6ff).into()),
-                        scrollbar_track_background: Some(rgba(0xccccccff).into()),
-                        scrollbar_track_border: Some(rgba(0xccccccff).into()),
+                        scrollbar_track_background: Some(rgba(0xfbfbfbff).into()),
                         editor_background: Some(rgba(0xfbfbfbff).into()),
                         editor_gutter_background: Some(rgba(0xfbfbfbff).into()),
                         editor_line_number: Some(rgba(0x90a7b2ff).into()),

crates/theme2/src/themes/noctis.rs

@@ -45,8 +45,8 @@ pub fn noctis() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x008ee633).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x008ee655).into()),
                         scrollbar_thumb_border: Some(rgba(0x008ee633).into()),
-                        scrollbar_track_background: Some(rgba(0x00000044).into()),
-                        scrollbar_track_border: Some(rgba(0x00000044).into()),
+                        scrollbar_track_background: Some(rgba(0x07273bff).into()),
+                        scrollbar_track_border: Some(rgba(0x07273bff).into()),
                         editor_background: Some(rgba(0x07273bff).into()),
                         editor_gutter_background: Some(rgba(0x07273bff).into()),
                         editor_line_number: Some(rgba(0x4d6c80ff).into()),
@@ -322,8 +322,8 @@ pub fn noctis() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0xeb609133).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0xeb609144).into()),
                         scrollbar_thumb_border: Some(rgba(0xeb609133).into()),
-                        scrollbar_track_background: Some(rgba(0x00000044).into()),
-                        scrollbar_track_border: Some(rgba(0x00000044).into()),
+                        scrollbar_track_background: Some(rgba(0x322a2dff).into()),
+                        scrollbar_track_border: Some(rgba(0x322a2dff).into()),
                         editor_background: Some(rgba(0x322a2dff).into()),
                         editor_gutter_background: Some(rgba(0x322a2dff).into()),
                         editor_line_number: Some(rgba(0x715b63ff).into()),
@@ -599,8 +599,8 @@ pub fn noctis() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x6a90955b).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x0099ad62).into()),
                         scrollbar_thumb_border: Some(rgba(0x6a90955b).into()),
-                        scrollbar_track_background: Some(rgba(0x00000055).into()),
-                        scrollbar_track_border: Some(rgba(0x00000055).into()),
+                        scrollbar_track_background: Some(rgba(0xf4f6f6ff).into()),
+                        scrollbar_track_border: Some(rgba(0xf4f6f6ff).into()),
                         editor_background: Some(rgba(0xf4f6f6ff).into()),
                         editor_gutter_background: Some(rgba(0xf4f6f6ff).into()),
                         editor_line_number: Some(rgba(0xa0abacff).into()),
@@ -876,8 +876,8 @@ pub fn noctis() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x6a90955b).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x7060eb62).into()),
                         scrollbar_thumb_border: Some(rgba(0x6a90955b).into()),
-                        scrollbar_track_background: Some(rgba(0x00000055).into()),
-                        scrollbar_track_border: Some(rgba(0x00000055).into()),
+                        scrollbar_track_background: Some(rgba(0xf2f1f8ff).into()),
+                        scrollbar_track_border: Some(rgba(0xf2f1f8ff).into()),
                         editor_background: Some(rgba(0xf2f1f8ff).into()),
                         editor_gutter_background: Some(rgba(0xf2f1f8ff).into()),
                         editor_line_number: Some(rgba(0x9d9ab1ff).into()),
@@ -1153,8 +1153,8 @@ pub fn noctis() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x6a90955b).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x0099ad62).into()),
                         scrollbar_thumb_border: Some(rgba(0x6a90955b).into()),
-                        scrollbar_track_background: Some(rgba(0x00000055).into()),
-                        scrollbar_track_border: Some(rgba(0x00000055).into()),
+                        scrollbar_track_background: Some(rgba(0xfef8ecff).into()),
+                        scrollbar_track_border: Some(rgba(0xfef8ecff).into()),
                         editor_background: Some(rgba(0xfef8ecff).into()),
                         editor_gutter_background: Some(rgba(0xfef8ecff).into()),
                         editor_line_number: Some(rgba(0xa0abacff).into()),
@@ -1430,8 +1430,8 @@ pub fn noctis() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x3f7fa633).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x3f7fa655).into()),
                         scrollbar_thumb_border: Some(rgba(0x3f7fa633).into()),
-                        scrollbar_track_background: Some(rgba(0x00000044).into()),
-                        scrollbar_track_border: Some(rgba(0x00000044).into()),
+                        scrollbar_track_background: Some(rgba(0x1b2932ff).into()),
+                        scrollbar_track_border: Some(rgba(0x1b2932ff).into()),
                         editor_background: Some(rgba(0x1b2932ff).into()),
                         editor_gutter_background: Some(rgba(0x1b2932ff).into()),
                         editor_line_number: Some(rgba(0x5d6e79ff).into()),
@@ -1707,8 +1707,8 @@ pub fn noctis() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x6a90955b).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x169fb162).into()),
                         scrollbar_thumb_border: Some(rgba(0x6a90955b).into()),
-                        scrollbar_track_background: Some(rgba(0x00000044).into()),
-                        scrollbar_track_border: Some(rgba(0x00000044).into()),
+                        scrollbar_track_background: Some(rgba(0x052529ff).into()),
+                        scrollbar_track_border: Some(rgba(0x052529ff).into()),
                         editor_background: Some(rgba(0x052529ff).into()),
                         editor_gutter_background: Some(rgba(0x052529ff).into()),
                         editor_line_number: Some(rgba(0x4e6b6eff).into()),
@@ -1984,8 +1984,8 @@ pub fn noctis() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x6a90955b).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x169fb162).into()),
                         scrollbar_thumb_border: Some(rgba(0x6a90955b).into()),
-                        scrollbar_track_background: Some(rgba(0x00000044).into()),
-                        scrollbar_track_border: Some(rgba(0x00000044).into()),
+                        scrollbar_track_background: Some(rgba(0x031417ff).into()),
+                        scrollbar_track_border: Some(rgba(0x031417ff).into()),
                         editor_background: Some(rgba(0x031417ff).into()),
                         editor_gutter_background: Some(rgba(0x031417ff).into()),
                         editor_line_number: Some(rgba(0x4e6b6eff).into()),
@@ -2261,8 +2261,8 @@ pub fn noctis() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x6a90955b).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x169fb162).into()),
                         scrollbar_thumb_border: Some(rgba(0x6a90955b).into()),
-                        scrollbar_track_background: Some(rgba(0x00000044).into()),
-                        scrollbar_track_border: Some(rgba(0x00000044).into()),
+                        scrollbar_track_background: Some(rgba(0x031417ff).into()),
+                        scrollbar_track_border: Some(rgba(0x031417ff).into()),
                         editor_background: Some(rgba(0x031417ff).into()),
                         editor_gutter_background: Some(rgba(0x031417ff).into()),
                         editor_line_number: Some(rgba(0x4e6b6eff).into()),
@@ -2538,8 +2538,8 @@ pub fn noctis() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x7060eb33).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x7060eb55).into()),
                         scrollbar_thumb_border: Some(rgba(0x7060eb33).into()),
-                        scrollbar_track_background: Some(rgba(0x00000044).into()),
-                        scrollbar_track_border: Some(rgba(0x00000044).into()),
+                        scrollbar_track_background: Some(rgba(0x292640ff).into()),
+                        scrollbar_track_border: Some(rgba(0x292640ff).into()),
                         editor_background: Some(rgba(0x292640ff).into()),
                         editor_gutter_background: Some(rgba(0x292640ff).into()),
                         editor_line_number: Some(rgba(0x5c5973ff).into()),
@@ -2815,8 +2815,8 @@ pub fn noctis() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0xa660eb33).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0xa660eb55).into()),
                         scrollbar_thumb_border: Some(rgba(0xa660eb33).into()),
-                        scrollbar_track_background: Some(rgba(0x00000044).into()),
-                        scrollbar_track_border: Some(rgba(0x00000044).into()),
+                        scrollbar_track_background: Some(rgba(0x30243dff).into()),
+                        scrollbar_track_border: Some(rgba(0x30243dff).into()),
                         editor_background: Some(rgba(0x30243dff).into()),
                         editor_gutter_background: Some(rgba(0x30243dff).into()),
                         editor_line_number: Some(rgba(0x665973ff).into()),

crates/theme2/src/themes/nord.rs

@@ -44,8 +44,8 @@ pub fn nord() -> UserThemeFamily {
                     scrollbar_thumb_background: Some(rgba(0x434c5e99).into()),
                     scrollbar_thumb_hover_background: Some(rgba(0x434c5eaa).into()),
                     scrollbar_thumb_border: Some(rgba(0x434c5e99).into()),
-                    scrollbar_track_background: Some(rgba(0x00000066).into()),
-                    scrollbar_track_border: Some(rgba(0x00000066).into()),
+                    scrollbar_track_background: Some(rgba(0x2e3440ff).into()),
+                    scrollbar_track_border: Some(rgba(0x3b4252ff).into()),
                     editor_background: Some(rgba(0x2e3440ff).into()),
                     editor_gutter_background: Some(rgba(0x2e3440ff).into()),
                     editor_line_number: Some(rgba(0x4c566aff).into()),

crates/theme2/src/themes/palenight.rs

@@ -45,8 +45,7 @@ pub fn palenight() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x694ca466).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x694ca4cc).into()),
                         scrollbar_thumb_border: Some(rgba(0x694ca466).into()),
-                        scrollbar_track_background: Some(rgba(0x292d3e00).into()),
-                        scrollbar_track_border: Some(rgba(0x292d3e00).into()),
+                        scrollbar_track_background: Some(rgba(0x292d3eff).into()),
                         editor_background: Some(rgba(0x292d3eff).into()),
                         editor_gutter_background: Some(rgba(0x292d3eff).into()),
                         editor_line_number: Some(rgba(0x4c5374ff).into()),
@@ -331,8 +330,7 @@ pub fn palenight() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x694ca466).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x694ca4cc).into()),
                         scrollbar_thumb_border: Some(rgba(0x694ca466).into()),
-                        scrollbar_track_background: Some(rgba(0x292d3e00).into()),
-                        scrollbar_track_border: Some(rgba(0x292d3e00).into()),
+                        scrollbar_track_background: Some(rgba(0x292d3eff).into()),
                         editor_background: Some(rgba(0x292d3eff).into()),
                         editor_gutter_background: Some(rgba(0x292d3eff).into()),
                         editor_line_number: Some(rgba(0x4c5374ff).into()),
@@ -617,8 +615,7 @@ pub fn palenight() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x694ca466).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x694ca4cc).into()),
                         scrollbar_thumb_border: Some(rgba(0x694ca466).into()),
-                        scrollbar_track_background: Some(rgba(0x292d3e00).into()),
-                        scrollbar_track_border: Some(rgba(0x292d3e00).into()),
+                        scrollbar_track_background: Some(rgba(0x292d3eff).into()),
                         editor_background: Some(rgba(0x292d3eff).into()),
                         editor_gutter_background: Some(rgba(0x292d3eff).into()),
                         editor_line_number: Some(rgba(0x4c5374ff).into()),

crates/theme2/src/themes/rose_pine.rs

@@ -45,8 +45,8 @@ pub fn rose_pine() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x6e6a8633).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x6e6a8666).into()),
                         scrollbar_thumb_border: Some(rgba(0x6e6a8633).into()),
-                        scrollbar_track_background: Some(rgba(0x1f1d2e4d).into()),
-                        scrollbar_track_border: Some(rgba(0x1f1d2e4d).into()),
+                        scrollbar_track_background: Some(rgba(0x191724ff).into()),
+                        scrollbar_track_border: Some(rgba(0x6e6a8666).into()),
                         editor_background: Some(rgba(0x191724ff).into()),
                         editor_gutter_background: Some(rgba(0x191724ff).into()),
                         editor_line_number: Some(rgba(0x908caaff).into()),
@@ -304,8 +304,8 @@ pub fn rose_pine() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x817c9c26).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x817c9c4d).into()),
                         scrollbar_thumb_border: Some(rgba(0x817c9c26).into()),
-                        scrollbar_track_background: Some(rgba(0x2a273f4d).into()),
-                        scrollbar_track_border: Some(rgba(0x2a273f4d).into()),
+                        scrollbar_track_background: Some(rgba(0x232136ff).into()),
+                        scrollbar_track_border: Some(rgba(0x817c9c4d).into()),
                         editor_background: Some(rgba(0x232136ff).into()),
                         editor_gutter_background: Some(rgba(0x232136ff).into()),
                         editor_line_number: Some(rgba(0x908caaff).into()),
@@ -563,8 +563,8 @@ pub fn rose_pine() -> UserThemeFamily {
                         scrollbar_thumb_background: Some(rgba(0x6e6a8614).into()),
                         scrollbar_thumb_hover_background: Some(rgba(0x6e6a8626).into()),
                         scrollbar_thumb_border: Some(rgba(0x6e6a8614).into()),
-                        scrollbar_track_background: Some(rgba(0xfffaf34d).into()),
-                        scrollbar_track_border: Some(rgba(0xfffaf34d).into()),
+                        scrollbar_track_background: Some(rgba(0xfaf4edff).into()),
+                        scrollbar_track_border: Some(rgba(0x6e6a8626).into()),
                         editor_background: Some(rgba(0xfaf4edff).into()),
                         editor_gutter_background: Some(rgba(0xfaf4edff).into()),
                         editor_line_number: Some(rgba(0x797593ff).into()),

crates/theme2/src/themes/solarized.rs

@@ -41,6 +41,7 @@ pub fn solarized() -> UserThemeFamily {
                         tab_bar_background: Some(rgba(0x004052ff).into()),
                         tab_inactive_background: Some(rgba(0x004052ff).into()),
                         tab_active_background: Some(rgba(0x002b37ff).into()),
+                        scrollbar_track_background: Some(rgba(0x002b36ff).into()),
                         editor_background: Some(rgba(0x002b36ff).into()),
                         editor_gutter_background: Some(rgba(0x002b36ff).into()),
                         editor_line_number: Some(rgba(0x566c74ff).into()),
@@ -305,6 +306,7 @@ pub fn solarized() -> UserThemeFamily {
                         tab_bar_background: Some(rgba(0xd9d2c2ff).into()),
                         tab_inactive_background: Some(rgba(0xd3cbb7ff).into()),
                         tab_active_background: Some(rgba(0xfdf6e3ff).into()),
+                        scrollbar_track_background: Some(rgba(0xfdf6e3ff).into()),
                         editor_background: Some(rgba(0xfdf6e3ff).into()),
                         editor_gutter_background: Some(rgba(0xfdf6e3ff).into()),
                         editor_line_number: Some(rgba(0x9ca8a6ff).into()),

crates/theme2/src/themes/synthwave_84.rs

@@ -36,8 +36,8 @@ pub fn synthwave_84() -> UserThemeFamily {
                     scrollbar_thumb_background: Some(rgba(0x9d8bca30).into()),
                     scrollbar_thumb_hover_background: Some(rgba(0x9d8bca50).into()),
                     scrollbar_thumb_border: Some(rgba(0x9d8bca30).into()),
-                    scrollbar_track_background: Some(rgba(0x2a2139ff).into()),
-                    scrollbar_track_border: Some(rgba(0x2a2139ff).into()),
+                    scrollbar_track_background: Some(rgba(0x262335ff).into()),
+                    scrollbar_track_border: Some(rgba(0x34294fb3).into()),
                     editor_background: Some(rgba(0x262335ff).into()),
                     editor_gutter_background: Some(rgba(0x262335ff).into()),
                     editor_line_number: Some(rgba(0xffffff73).into()),

crates/theme_importer/src/vscode/converter.rs

@@ -122,13 +122,13 @@ impl VsCodeThemeConverter {
     fn convert_theme_colors(&self) -> Result<ThemeColorsRefinement> {
         let vscode_colors = &self.theme.colors;
 
-        let vscode_editor_background = vscode_colors
-            .editor_background
+        let vscode_panel_border = vscode_colors
+            .panel_border
             .as_ref()
             .traverse(|color| try_parse_color(&color))?;
 
-        let vscode_scrollbar_shadow = vscode_colors
-            .scrollbar_shadow
+        let vscode_editor_background = vscode_colors
+            .editor_background
             .as_ref()
             .traverse(|color| try_parse_color(&color))?;
 
@@ -138,30 +138,15 @@ impl VsCodeThemeConverter {
             .traverse(|color| try_parse_color(&color))?;
 
         Ok(ThemeColorsRefinement {
-            border: vscode_colors
-                .panel_border
-                .as_ref()
-                .traverse(|color| try_parse_color(&color))?,
-            border_variant: vscode_colors
-                .panel_border
-                .as_ref()
-                .traverse(|color| try_parse_color(&color))?,
+            border: vscode_panel_border,
+            border_variant: vscode_panel_border,
             border_focused: vscode_colors
                 .focus_border
                 .as_ref()
                 .traverse(|color| try_parse_color(&color))?,
-            border_disabled: vscode_colors
-                .panel_border
-                .as_ref()
-                .traverse(|color| try_parse_color(&color))?,
-            border_selected: vscode_colors
-                .panel_border
-                .as_ref()
-                .traverse(|color| try_parse_color(&color))?,
-            border_transparent: vscode_colors
-                .panel_border
-                .as_ref()
-                .traverse(|color| try_parse_color(&color))?,
+            border_disabled: vscode_panel_border,
+            border_selected: vscode_panel_border,
+            border_transparent: vscode_panel_border,
             elevated_surface_background: vscode_colors
                 .dropdown_background
                 .as_ref()
@@ -248,8 +233,11 @@ impl VsCodeThemeConverter {
                 .editor_foreground
                 .as_ref()
                 .traverse(|color| try_parse_color(&color))?,
-            scrollbar_track_background: vscode_scrollbar_shadow,
-            scrollbar_track_border: vscode_scrollbar_shadow,
+            scrollbar_track_background: vscode_editor_background,
+            scrollbar_track_border: vscode_colors
+                .editor_overview_ruler_border
+                .as_ref()
+                .traverse(|color| try_parse_color(&color))?,
             scrollbar_thumb_background: vscode_scrollbar_slider_background,
             scrollbar_thumb_border: vscode_scrollbar_slider_background,
             scrollbar_thumb_hover_background: vscode_colors

crates/theme_importer/src/vscode/theme.rs

@@ -1165,6 +1165,13 @@ pub struct VsCodeColors {
     )]
     pub status_bar_background: Option<String>,
 
+    #[serde(
+        default,
+        rename = "statusBar.border",
+        deserialize_with = "empty_string_as_none"
+    )]
+    pub status_bar_border: Option<String>,
+
     #[serde(
         default,
         rename = "statusBar.foreground",