Hide the scrollbar from the window manager

[hanswu...@googlemail.com]

Hello @ all,

My system:
Beaglebone Black,
Debian Stretch V9.9,
5" Display (Matrix Orbital)

browser: Midori V.0.5.11

additionally I have installed the following
openbox,
xserver-xorg-video-fbdev,
x11-xserver-utils,
lightdm

I wrote a web app in html5 and node express.

I am using the window manager to display the web app in kiosk mode.
$ DISPLAY=:0 midori -e Fullscreen -a http://localhost:8082

My problem:
The vertical scrollbar is probably displayed very thin by the window manager. I want to make this scrollbar wider or hide it and use CSS to create my own scrollbar.

If I create a custom scrollbar with css I get 2 scrollbars side by side.

/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: red;
  border radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}

Who can help me ? 

Unfortunately I cannot upload any photos here. 

I always get the message that it is rejected by the server.

[Tarmo]

Hi!

Seems like Midori uses the GTK toolkit. You can install the GTK theme switcher (gtk-theme-switch) and a few different themes (apt-cache search gtk-theme) and play around with them - maybe one of those is more suitable.

--

Kind regards,

Tarmo

[Hans Wurst]

Hello, 

thank you Tarmo for your help.

My solution:
$ sudo apt install gtk-theme-switch
$ DISPLAY=:0 gtk-theme-switch2 -d
select the theme "Adwaita"

/usr/share/theme/Adwaita/gtk-2.0/main.rc
GtkRange::slider-width = 13
With this variable you can set the width.

Ready