Index: sources/gui/qml/components/ScrollBar.qml
===================================================================
diff -u -r2230a5b1b891f47b64165164710aa680ddfc7040 -r2ef03b2ce51b4dc507f66e9671953a8e0824bde9
--- sources/gui/qml/components/ScrollBar.qml	(.../ScrollBar.qml)	(revision 2230a5b1b891f47b64165164710aa680ddfc7040)
+++ sources/gui/qml/components/ScrollBar.qml	(.../ScrollBar.qml)	(revision 2ef03b2ce51b4dc507f66e9671953a8e0824bde9)
@@ -1,15 +1,15 @@
 /*!
  *
- * Copyright (c) 2019-2020 Diality Inc. - All Rights Reserved.
+ * Copyright (c) 2021-2024 Diality Inc. - All Rights Reserved.
  * \copyright
  * THIS CODE MAY NOT BE COPIED OR REPRODUCED IN ANY FORM, IN PART OR IN
  * WHOLE, WITHOUT THE EXPLICIT PERMISSION OF THE COPYRIGHT OWNER.
  *
  * \file    ScrollBar.qml
- * \author  (last)      Behrouz NematiPour
- * \date    (last)      05-May-2021
+ * \author  (last)      Vy
+ * \date    (last)      04-Apr-2023
  * \author  (original)  Behrouz NematiPour
- * \date    (original)  05-May-2021
+ * \date    (original)  06-May-2021
  *
  */
 
@@ -31,6 +31,7 @@
     property alias scrollColor  : _scrollbar.color
     property alias backColor    : _root.color
     property real  scrollMargin : 0
+    property alias handleWidth  : _scrollbar.width
 
     clip: true
     color   : Colors.transparent
@@ -43,6 +44,6 @@
         radius          : Variables.dialogRadius
         y               : ( flickable instanceof Flickable) ? flickable.height * flickable.visibleArea.yPosition     : 0
         height          : ( flickable instanceof Flickable) ? flickable.height * flickable.visibleArea.heightRatio   : 0
-        color           : "#80696969" // half transparent dimgray
+        color           : Colors.scrollBarBgColor
     }
 }