Some questions about tab icons

[nomadic]

@codic

***Ignore all this, a working solution is farther down the thread***

Sorry, that is about all I can think of.

My last trouble shooting advice:

If the Start Page favicon CSS isn't in the same file as the disable active tab white outline CSS, that one called disable_white_outline.css, try and put it in that file because that one is applying properly.

You could also try putting an obvious change in to test if the file isn't working or the CSS selector isn't working. This will make all the tabs' text red if the file is working:

.tab {
  color: red !important;
}

If the file is working, you could also try changing it to a filter instead, which is arguably a better solution than my replacing it with base64:

.tab-position .tab[title="Start Page"] .tab-header .favicon img {
  filter: invert(1);
}

Otherwise, the best I can do is say try to make your own CSS for it. I am on Windows, so I don't know if Linux has some different behavior that is causing it to not work. On Windows I can have multiple CSS files in the custom CSS directory, but Linux might only allow one. It also might be some file permission issue or something.

EDIT: Also how are you adding the CSS? Did you do the vivaldi://experiments or adding it directly to browser.html? A quick sanity check could be to make sure the CSS is in the right directory or that you added it to browser.html.

[A Former User]

I think the problem is in tab popup thumbs setting.

Err… I wanted to remind you of the favicon contrast mod, but… you wrote there it doesn’t work, so…

Can’t you select it as img[srcset="/resources/[email protected]"]?

[A Former User]

@hlehyaric said in Some questions about tab icons:

I've just tried thrice. Vivaldi crashed thrice when I closed devtools window

For this it’s good to always open a new window for modding

• you can just throw the junk away w/o restarting V
• you can work around this bug by simply closing the V window before devtools

[nomadic]

@potmeklecbohdan Yep, that setting does mess it up. Thanks. And thanks for helping me get better at this. I am going to try my hand at some Vivaldi Hooks when I have the time, so I might need your assistance again soon.

@codic This should work:

img[srcset="/resources/[email protected]"] {
  filter: invert(1);
}

[codic]

@nomadic Thanks for this so much! I simply removed the filter property and changed it to a content property pointing to a url() with my BASE64-encoded image made in GIMP. all is working perfectly fine.