Modifications to Vivaldi are not officially supported

@barbudo2005
i tried on clean vivaldi portable with dark theme enabled - still has the same white screen. it seems to be intended behavior, it briefly loads about:blank when opening a site, and about:blank can't be touched by dark reader. the only way to fix it is enable "Force a dark theme on all websites" setting which will break dark reader.

@dhruva023 currently, you don't have a "direct" setting for it. you can, however, do a few tricks for it.
For example : you can have 1 chain command per workspace that switches both the workspace and the theme. but might not work for your use case.

@pafflick said in Follower Tabs:

Method 1 - Bookmarklet Persistent through browser updates, not persistent on page refresh Save the following code as a bookmark: javascript:var linksArr=document.getElementsByTagName("a");for(i=0;i<linksArr.length;i++){linksArr[i].setAttribute("target","followertab");}; Put the bookmark on your bookmarks bar or wherever you find the most convenient for you. Call this bookmark whenever you want to make the active tab the "origin" tab. The "follower" tab will be created once you visit any link from the origin tab (see explanation above).

Remember that once you change content on the origin tab (by either refreshing the page or loading any new content into it), the links on that page won't use the follower tab any more. Use the bookmarklet again, to restore the link between the origin tab and the follower tab.

I tried this and found this doesn't work on some sites but can't find reasons or common points and, it's confusing, at first this works for them.
Of cource I don't refresh and load more contents.

One of the sites I found is Bluesky but this contents is changec by users, I found a site which this bookmarklet doesn't work is following Japanese page: https://yamdas.hatenablog.com/

Edit:
Sorry, I noticed this doesn't work only for Link Card, their target remains _blank and normal links works.
I also noticed for Bluesky, static links work, such as Feedback Privacy Terms Help. But links of posts doesn't work even if target is changed to followertab.

Hi.

It works perfectly on Vivaldi 6.9-stable_x64 for GNU/Linux.

Makes it a lot easier to identify the active tab from many other open tabs.

Great work!

(Translate with DeepL)

@nomadic Exactly what it was. Thank yoy!

@ItsZariep said in Icon-only tabs in Vivaldi 6.9:

/Add it at the end of "$INSTALLATION_PATH/resources/vivaldi/style/common.css" /

Regarding this comment, that isn't the best way to do CSS mods. It will be wiped and need to be re-added on every browser update. The best method is detailed in the pined post of the Modifications forum here:

Modding Vivaldi:

Adding Style (CSS) Open vivaldi://experiments Enable "Allow for using CSS modifications". Open Appearance section in settings. Under "Custom UI Modifications" choose the folder you want to use. Place your CSS files inside this folder. IMPORTANT: The CSS files can't have spaces in the filename or they won't work. Restart Vivaldi to see them in effect.

@nirin

There is now apparently an experimental UI Density setting that can be enabled under vivaldi://experiments/. I assume it came with the latest update.

It doesn't allow setting a custom gap size or margin, but it increases the tab height in the vertical tabstrip. It certainly looks better than the default and it doesn't have this weird offset when you're dragging tabs.

@Mauveyo Not what I said. I said I haven't tested it with the latest version. I havent updated my version of global media controls in a bit

@smerugu28 said in Update Thumbnails on speed:

It should fetch the favicon

52b8c785-e1ba-404e-a23d-b42ba144fd90-image.png

@IGupta said in Increase width of tiled tab inside padding:

s there a way to distinguish between different tiles and only apply the custom margin to the sides that don't touch the outsides of the webview container?

I have no idea, I don't really use tiles or have a need to mod them.

Please learn to inspect the UI yourself so you can figure things out 🙂
https://forum.vivaldi.net/topic/16684/inspecting-the-vivaldi-ui-with-devtools

@AltCode said in I can't move mac window buttons:

it doesn't seem to do anything (the container really only seems to be there to add empty space for other addressbar buttons)

This is exactly what it does and why it exists, the reason for this is to add spacing for native buttons that the UI layer has no idea about 😃

@diusonem It broke many versions ago because someone from Vivaldi team decided that, specifically on macs, there must be native window controls... I don't like this decision either.

@Xiean Quick fix (in place of a 'proper' one, I guess) : on the code on my original post, around line 72, remove this piece :

.tab-header{ justify-content: center; }

will make it align everything to the left. (both the close button and the title)

@adacom Ask in the original topic. You are only reaching people by chance here, while with a reply to the topic relevant users get notified.

@barbudo2005 Well I just liked MacOS traffic lights better than the bland window controls of... Windows. I've never used MacOS so the closest thing to Safari's look I've tampered with was Brave Muon UI. And I had the crazy thought that I could round the entire Window instead of tabs since I have that systemwide.