Vivaldi MODS [CSS/JS]

Just an article which links several vivaldi mods — as modding section is growing up a lot.

I won’t link everything – almost impossible – but most useful mods found in forum, most from modding section (or other forum areas)

Mods are chosen under a “non conflictual criteria”.
So I won’t usually link mods which could break other mods, never tested or broken by recent snapshot updates.
There are several mods: some are just CSS, some others are JS, some are CSS+JS and some others again could be CSS+JS+html with or without a “companion” extension. But you should find any info following the links.
Before start modding, you have to read and understand the pinned thread.
And all the infos in the mod thread, or it will likely fail.

[Active tab bold]

[Alternative find-in-page bar]

[Background on urlbar buttons]

[Background image visibility on dark backgrounds]

[Bookmark bar text on two rows]

[Bookmark bar mod (text on folder / icon on bookmark)]

[Change extensions icons with CSS]

[Change toolbar icons with CSS (via background image)]

[Change toolbar icons with CSS (via SVG path)]

[Chromium scrollbars in vivaldi style]

[Chromium pages skin (extension)]

[Extension toggle improvement] (Two versions provided)

[Flash On tab Title Change]

[Footer mod (show as tool menu)]

[Footer on top] (aka known as status bar)

[Hide add-bookmark preview (Urlbar)]

[Hide home button]

[Hide text in padlock by default (show on hover)]

[Incognito Button (Urlbar)]

[Move all panel buttons on top]

[Links Panel]

[Open panel on button mouseover]

[Panel overlay] (if you use floating panel, just use mode above)

[Pinned tab custom indicator (right/left)] (use only first code block)

[Session Panel mod]

[Scroll on top hovering .tab .title]

[Stacked Tabs mod]

[Notes panel enhancement]

[Tabs under urlbar]

[Tabs under bookmarkbar]

[Transparent speed dial folders]

[Trash button near add button]

[Vivaldi://experiment color fix (“theme safe”)]

[Vivaldi focus theme]

[Webpanel zoom]

[White Flash Fix]

 

 

What about speed dial scaling?
Speed dial handling is complex and not always work as expected, so I’ll leave the various configurations below.
You can test them ONLY on by one.

[Pure CSS mod to have smaller dials (110% UI)]

[Pure CSS hack to have smaller dials] (Made for tabs on right)

[JS/CSS mod for smaller dials] (Could need fixes)

Lascia un commento