Bigger font / monospace in addressbar and searchbar

burbuja

input.url.vivaldi-addressfield,
input.url.vivaldi-addressfield:not(:focus),
input.searchfield-input.vivaldi-searchfield, 
input.searchfield-input.vivaldi-searchfield:not(:focus) {
font-family: "Courier", monospace !important;
font-size: larger;
/* color: yellow;*/
}

If you want to change the font color, uncommend the last instruction.

baris.sehri

@burbuja is it possible to change the font of the other parts of the UI?

A Former User

Of course it is. You just need to add the correct selector.

baris.sehri

@potmeklecbohdan is there a way to find selectors? can you guide me a little for me to play with it myself?

Hadden89

@baris-sehri
This could help:

Enable chrome://flags/#debug-packed-apps (Is a flag for modding)
Restart Vivaldi
Inspect Vivaldi UI: right click on an empty area (as on the tabbar) > Inspect
Goto sources > common.css
Ctrl+F (find) and search for font-family (You can browse where font selector is used)
Try add some changes in your custom.css and see if it looks fine.
Save the changes at your custom.css using your chosen editor (eg: notepad++)
Restart vivaldi again.

Protip: Don't change when in doubt; Don't mess with common.css

A Former User

@Hadden89 said:

Save (I prefer to manual edit the css file but could be done with dev tools too).

AFAIK, this only saves it for the devtools, not on the disk.

A Former User

@baris-sehri Also, if you don't know CSS, you can look for some tutorials (I have never read this or this, but I think they're both of good quality).

baris.sehri

@potmeklecbohdan @Hadden89 you are very helpful. I know css enough for myself, but I'm not a master. I just needed to know where to look and discover the variables in vivaldi... let me dig in... thanks a lot.

baris.sehri

@jimfbk of course it helps. thanks a million

BoneTone

Someone will correct me if I'm wrong, but the switch given by @Hadden89 is equivalent to the command line parameters given by @jimfbk. The difference being command line parameters only apply when that command is invoked, but not when Vivaldi is launched through another method (eg. clicking a link in email). The flag always applies to that instance of Vivaldi.

Hadden89

@BoneTone Correct.
If placed on the shortcut works only from there; if placed as flags is bind to the Vivaldi installation. It's matter of preference.
--flag-switches-begin [...] --flag-switches-end could be omitted: is a place-holder to recognize which command lines are add from users and which from vivaldi itself.
I don't see --silent-debugger-extension-api [Link] from flags. But usually debug-packed-apps [link] is sufficient.