Modding Vivaldi
-
@luetage Oh. Well then that's not the mistake that caused my second mod not to work at first, nor what fixed it. Oh well. My spiffy mods are working, and now I know there's an option. Thanks!
-
Since it wasn't mentioned before, I'd like to point out that you can also use vivaldi://inspect/#apps to inspect the browser.html without depending on remote debugging or enabling the debug flag. It's the top most entry in that list that titles Vivaldi. Just click inspect underneath and there you go. (Tried on v3)
You can press F5 with the devtools window being focused to reload Vivaldi without restarting it.
-
Has someone tried using the experiment for css modifications in the latest snapshot? I did only try it when it first came out, but I immediately went back to loading it myself. When I tried it again today, it didn’t load the css file from the given directory.
-
@luetage For me it works pretty well. Are you sure that...? (basic questions, I know)
- you restarted Vivaldi
- you use the correct dir name
- the dir path doesn’t contain spaces (applies also to files)
- just for case also diacritics
- all the files end with
.css
-
@luetage Tis still fine here.
-
@potmeklecbohdan yeah, this is not a standard troubleshooting issue. I don’t care too much anyway, since I will continue loading css manually, just wanted to test the standard Vivaldi functionality out again and in my case it doesn’t work at all.
-
It’s working on latest snapshot. I kept the experiment on when it didn’t work and now the css file shows up in the sources tab. It’s rare that something fixes itself without intervention, but I won’t complain ^^
-
I cannot find browser.html on mac on latest version. Has the location changed?
-
@dehyde I doubt it. Where are you looking?
-
Anyone knows where they put this bloat:
https://vivaldi.com/blog/three-cheers-to-vivaldi-3-4-a-powerful-and-fun-version-arrives/
and if it is possible to gut it out? -
-
@potmeklecbohdan This doesn't work for me in the latest Vivaldi snapshot. Is there something special I should put in the file to make Vivaldi recognise the instructions? I'm just copying and pasting into the file the script that I've changed. Thanks!
-
@DarylO Your file must have .css extension. Is it the case?
-
@hlehyaric Yes, it does.
-
@DarylO Please tell us more. Has it worked before this snapshot and what did you try exactly? Are we talking css modifications only, or javascript too? Are you trying out the experiment or editing
browser.html
? -
@luetage I have only tried this in the current snapshot. The only css modification in my custom.css file is the following:
#browser.linux textarea { font-family: system-ui, sans-serif; }
I've tried multiple locations already, and Vivaldi never reads it. I'm trying out the experiment. I have not yet tried editing the browser.html file.
-
@DarylO Check whether the file is visible in the sources tab of developer tools ☛ https://forum.vivaldi.net/topic/16684/inspecting-the-vivaldi-ui-with-devtools
-
@luetage It is indeed visible but is ignored. I had to manually change the common.css file to change the font.
-
@DarylO The file isn’t being ignored, it’s loaded. But your code has an issue, it’s being overruled by the original. Try to set
!important
at the end, then it should work. Shouldn’t it work you gotta write out the specific font you want at the beginning, instead of Ubuntu, e.g.#browser.linux textarea { font-family: Fira Code, system-ui, sans-serif !important; }
-
@luetage Thanks for the suggestion, but that doesn't work. Are there particular folders where the file should be?