[Android] Remote access: improve the scrollbar theme

[Nicolas Pomepuy]

vlc-android | branch: master | Nicolas Pomepuy <nicolas at videolabs.io> | Mon Feb 12 09:39:01 2024 +0100| [dc74966b27fcafc8b260bf0d1a69d98f9ba46242] | committer: Nicolas Pomepuy

Remote access: improve the scrollbar theme

> https://code.videolan.org/videolan/vlc-android/commit/dc74966b27fcafc8b260bf0d1a69d98f9ba46242
---

 buildsystem/network-sharing-server/src/App.vue       | 10 +++++-----
 buildsystem/network-sharing-server/src/scss/app.scss |  4 ++++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/buildsystem/network-sharing-server/src/App.vue b/buildsystem/network-sharing-server/src/App.vue
index b9b2e18855..64f53addda 100644
--- a/buildsystem/network-sharing-server/src/App.vue
+++ b/buildsystem/network-sharing-server/src/App.vue
@@ -207,21 +207,21 @@ main {
 }
 
 ::-webkit-scrollbar {
-  height: 5px;
-  width: 5px;
+  height: 8px;
+  width: 8px;
 }
 
 /* Handle */
 ::-webkit-scrollbar-thumb {
-  background: rgba(0, 0, 0, 0.4);
+  background: var(--scrollbar-thumb);
 }
 
 ::-webkit-scrollbar-track {
-  background: rgba(0, 0, 0, 0.05);
+  background: var(--scrollbar-track);
 }
 
 ::-webkit-scrollbar-thumb:window-inactive {
-  background: rgba(0, 0, 0, 0.4);
+  background: var(--scrollbar-thumb);
 }
 
 .footer-bottom-margin {
diff --git a/buildsystem/network-sharing-server/src/scss/app.scss b/buildsystem/network-sharing-server/src/scss/app.scss
index 1b3f57e377..45ed28f36a 100644
--- a/buildsystem/network-sharing-server/src/scss/app.scss
+++ b/buildsystem/network-sharing-server/src/scss/app.scss
@@ -45,6 +45,8 @@ $card-spacer-x: 0.5rem;
   --light-gray: #{$light-gray};
   --breadcrumb-bg: #{$lighter-gray};
   --placeholder-animation: rgba(255, 255, 255, 0.3);
+  --scrollbar-thumb: rgba(0, 0, 0, 0.4);
+  --scrollbar-track: rgba(0, 0, 0, 0.05);
 
   .card {
     --bs-card-bg: #{$lighter-gray};
@@ -63,6 +65,8 @@ $card-spacer-x: 0.5rem;
   --light-gray: #{$light-gray-dark};
   --breadcrumb-bg: #{$gray-900};
   --placeholder-animation: rgba(255, 255, 255, 0.03);
+  --scrollbar-thumb: rgba(255, 255, 255, 0.4);
+  --scrollbar-track: rgba(255, 255, 255, 0.05);
 
   .card {
     --bs-card-bg: #{$gray-900};