Webpages scrollbars with var(--color) [Mod/extension hybrid]
-
Thank you very much for the clear steps.
I did all 3 steps... but when I start the browser... well, I see no changes in the scrollbars. In the code, I tried both /style/ and /style/VScroll.
See pictures:
-
@fne Try to remove line 22 (empty line)
Unpacked extension (vscroll content) should be under a different path, maybe is not working due its path (I keep under c:\devext\vscroll for example).
You shouldn't put vscroll content (manifest, angrycat, custom.css) in style folder. Only js and custom.css (but not the ones in the extensions) are supposed to be in style folder -
Ah wait, I think I'm a bit confused. Beside the two files... where do the rest of the files go? Or do I put the whole zip somewhere?
-
I got it to work! My bad... forgot to put custom.css in style! :D... but this only affects the browser scrollbars... not any web pages.
-
@fne
After you put the two js in browser.html and activated the flag, you can load in the extensions the vscroll folder. But it's better to keep in a different path (or at least not on any of \application subfolder) -
-
@hadden89 said in *EXPERIMENTAL* Blink scrollbars with vivaldi current theme:
@fne
...you can load in the extensions the vscroll folder...How?
-
@fne I see dark scroll.. have you disabled that from extensions? Are you on 1.16?
-
I'm totally confused. I need the scrollbars in the Web sites to change.
Not sure what you mean by "load/install" the extension. I thought by altering the files, is what I did?
-
I'm on 1.15.1147.36
-
- Go to vivaldi://extensions/
- Enable developer mode
- Load unpacked extension
- Point to vscroll folder
- You should see it as extension now
- Restart browser
If scripts are working correctly, and the extension was loaded you should see this
-
OH MY GOD, IT WORKS!
THANK YOU!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-
@fne I hope will see a native function to do that in future
-
Yes... but for now, this is like magic to me!!!!!!!!!!!!!!!!!!!!!!!!
I ALWAYS hated Windows 10 pale invisible thin scrollbars!! WOWOWOWOWOOWOW... this is so amazing.
I'm sooo greatful for your help!!!
THANK YOU VERY MUCH!!!
-
Not a fan of the Blink scrollbars, rather use the default scrollbars with colors. Would be cool if Vivaldi could replace Chrome's default scrollbar with Vivaldi's own scrollbar.
-
@artex Is what this do: it's a custom scrollbar extension which use vivaldi colors plus two 2 js scripts to inject vivaldi colors to webpages.
Sadly, not being very expert in these things (especially js and debugging) sometimes could fail.
It's quite hacky way to do that, but it works (on RC2/stable at least). Made the title more clear.Patience Is The Key To Get The Vivaldi Spree | Unsupported Extensions | Github | w11 + Kde Manjaro + Android 13
-
@hadden89 It uses the chrome's overlay scrollbar which i really dislike. I tried it and me not knowing much about it didn't succeed in making it work. I'll just wait if someone tries to make a version that isnt so hard to add XD.
-
@artex said in *TEST* Scrollbar extension/hooks with vivaldi var(--color):
@hadden89 It uses the chrome's overlay scrollbar which i really dislike. I tried it and me not knowing much about it didn't succeed in making it work. I'll just wait if someone tries to make a version that isnt so hard to add XD.
I will make an easy step by step guide for you because I need it myself as well. Vivaldi "deletes" all these changes on each update so it's good to have a handy guide to "re-install" this fast.
I'll post it here when it's done.
Edit: I hate overlay scrollbars too but this acts almost like the "normal" scrollbars so it's very good.
-
Here you go. I made a step by step guide. If you follow it, you will not lose the scrollbar files on Vivaldi updates. All you need to do is to just re-edit "browser.html" file and probably re-enable the extension from the menu.
You can edit the "scroll_custom.css" to make it look the way you like, the colors, sizes etc. Each change needs a Vivaldi restart though.
Edit: The css/js files, I couldn't upload here but I replicated this post in TechTalk.cc: Custom scrollbars inside Web sites for Vivaldi where "scroll.zip" source code files is attached in there.
Edit2: A small update: It seems that you don't even need to alter "browser.html". As long as you install the extension, it works fine (at least for me).
-
Help! It marked my post as spam when I tried to post the source code inside the files for some reason! lol
Edit: Never mind, I will post it in another place as well to be able to host the files longer term. Will update shortly!
