• How to change New Tab button?

    Modifications
    2
    · texbates
    0 Votes
    2 Posts
    678 Views
    nomadic
    N
    @texbates The button is an SVG, so it is a bit harder to style exactly how you want it. You could approximate the look you are going for with something like this: .toolbar-tabbar .newtab > button svg { transform: scale(2); fill: #333; } The border-radius would be slightly off and the scale factor might need tweaking, but it is a starting place. The other option is to replace the path of the SVG with a plain "+" symbol and then style the background of the container that holds the SVG to have the parameters you want. I could help with that if you want, but I would need your other tab bar CSS mods to make sure everything was lining up correctly.
  • Feed icons

    Modifications
    10
    · tam710562
    6 Votes
    10 Posts
    974 Views
    Granite1
    G
    @tam710562: I can't reproduce your issue. I uninstalled then reinstalled your javascript, relaunched Vivaldi, and now it does not misbehave anymore. Thanks for your help and patience.
  • Show Quotes on the Startpage

    Modifications
    53
    · nomadic
    12 Votes
    53 Posts
    8k Views
    stardepp
    S
    [image: xAPegyS.jpeg]
  • Move Extensions to Tar Bar

    Modifications
    2
    · tears330
    2 Votes
    2 Posts
    516 Views
    B
    Thank you very much! I had given up on this functionality!
  • how to auto hide all bars and panels?

    Modifications
    4
    · hiil
    0 Votes
    4 Posts
    682 Views
    D
    @hiil Pls search the forum for solution. Unfortunately there are no one size fit all CSS solution for Vivaldi, because Vivaldi is too flexible & have too many possible combination of toolbar setup. Thus, you have to deal with each toolbar one by one with various CSS mod.
  • Theme Interface plus

    Modifications
    56
    · luetage
    16 Votes
    56 Posts
    7k Views
    luetage
    L
    @dude99 I know your take is meant to be lighthearted, but that’s exactly how it played out. It’s the reason we don’t pay for this browser with ca$h, the devs feed off our pain and confusion instead. Why would you allow your users the liberty to mess with your carefully constructed program, if not to torture them.
  • Profile Icon mod

    Modifications
    6
    · luetage
    4 Votes
    6 Posts
    1k Views
    luetage
    L
    Made an update to the mod for the new buttons experiment. This is the only toolbar icon which can’t be exchanged with the toolbar editor, therefore a mod is still needed, if an SVG icon is preferred.
  • Mod Collections

    Modifications
    9
    · luetage
    7 Votes
    9 Posts
    1k Views
    ?
    @luetage gotcha. that’s the bit i was missing.
  • Global Media Controls Panel

    Modifications
    100
    · tam710562
    31 Votes
    100 Posts
    18k Views
    A
    Hi! I feel really lucky to have found this extension.js. I was thinking it would be great if there were a global volume scale or limit option because, most of the time, every video's default volume feels way too loud for me... Or maybe a settings section where the volume scale can be triggered based on the matched URL, or check box to remember the last setting for the same URL? Just a suggestion, but it’s already a fantastic tool. Thanks so much!
  • Need for a Vivaldi Theme store

    Unsolved Modifications
    19
    · mynameismon
    2 Votes
    19 Posts
    2k Views
    K
    This forum, it's all here. I don't understand anything about CSS or JS, but I've found anything i need/like here. Well, with a some try'n'error. It might need a bit of work, but if you're intrested enough...
  • Accent Mod

    Modifications
    6
    · luetage
    10 Votes
    6 Posts
    2k Views
    luetage
    L
    The new snapshot 2482.13 breaks this mod. I pushed an update and it should be fine now.
  • 6 Votes
    9 Posts
    2k Views
    nomadic
    N
    @explorerthegeneral I just tested it, and other than needing to update an event handler to bring it up to date with 5.1.2567.73 (see original post for updated code), it should hibernate background tabs in all open windows. GIF showing it working [image: 1648543767122-hibernating.gif] One thing that the mod won't do is hibernate the active tab of any given window (even if it isn't focused). This is more a limitation of Vivaldi than a conscious choice I made while writing the mod. However, this behavior does make sense. Any active tab will need to be loaded again instantly, so it doesn't make much sense to allow hibernation for active tabs. But it got me thinking, looking at the code (and I'm no coder), it looks like it could be modified to loop through all the windowId's rather than just the currently active one. It is looping over all tabs rather than windows. The beginning section with the mention of the current windowId is for one of the config parameters. Here is a more thoroughly commented section of the relevant code to better explain it's function: function hibernateBackgroundTabs() { // This section is needed for the SKIP_ACTIVE_TAB_STACK_TABS config parameter // ================ START ================ // figure out the ID of the active window to allow fetching the active tab vivaldi.windowPrivate.getCurrentId((currentWindowId) => { // get the active tab chrome.tabs.query({ active: true, windowId: currentWindowId }, (activeTab) => { activeTab = activeTab[0]; // see if the active tab is in a tab stack, and if so, get the stack ID let activeTabStackID = (regex.exec(activeTab.extData) || [false])[0]; // ================= END ================= // get tabs from all normal (not devTool or popup) windows chrome.tabs.query({ windowType: "normal" }, (tabs) => { // loop through all tabs and check if it should be hibernated or not based off of parameters of the tab and mod config tabs.forEach((tab) => { if (tab.discarded) return; // already discarded, so can skip it if (tab.windowId === currentWindowId && tab.active) return; // skip active tab; apparently not needed; Vivaldi already handles if (SKIP_SELECTED_TABS && tab.highlighted) return; // skip selected tabs if configured to do so // skip tabs in the same tab stack as the active tab if configured to do so if (SKIP_ACTIVE_TAB_STACK_TABS && activeTabStackID) { let stackID = (regex.exec(tab.extData) || [""])[0]; if (stackID === activeTabStackID) return; } chrome.tabs.discard(tab.id); }); }); }); }); }
  • 11 Votes
    17 Posts
    3k Views
    sjudenim
    S
    @mrjimshim For each button you pin to one side, you can just add a spacer to the other side of the Address Field to keep it centered. Side note: If the Address Field becomes too small for your liking you can add this bit of code (you can replace the value of 8 with one to your liking. Default is 5) .toolbar-spacer-flexible ~ .UrlBar-AddressField, .toolbar-spacer-panel ~ .UrlBar-AddressField { flex-grow: 8; }
  • 16 Votes
    11 Posts
    1k Views
    ThePfromtheO
    T
    @Zalex108 said in Pancake Button Mod [ Late April Fools' ]: A weekly countdown for VUpdates would be nice too! This one seems good delicious to me!
  • Moon Phase

    Modifications
    74
    · luetage
    18 Votes
    74 Posts
    9k Views
    luetage
    L
    I made a few more improvements to the mod. One addition is the display of the age (days since last new moon) in the title. [image: 1719218907500-e40458a0-0ae4-417b-8003-53598cb1764c-image.png] The second change is the ability to set the latitude in the mod, which tries to approximate how the moon might look in the sky at your location, by rotating the icon. This would be incredibly complicated to do exact, because we observe changes in the moon’s orientation while the earth is rotating (moon rise — moon set) and this is dependent on many other factors, but it gets us in the ballpark. Wikipedia provides a nice example graphic of moon phases by latitude for anyone who wants to check this out ☛ https://en.wikipedia.org/wiki/Lunar_phase#/media/File:Moon_phases_by_latitude.svg Both the Javascript file and the SVG file for the command chain button have to be updated to the latest version (2024.6.2)
  • Theme internal pages

    Modifications
    29
    · luetage
    9 Votes
    29 Posts
    3k Views
    luetage
    L
    @guigirl Fair point, only shows it’s important to follow guides. But this is only valid for the hooks mod, everything else belongs beneath bundle.js. In any case, you should always test mods without any other mods running to find out whether they work for you. You cannot expect that all mods play nice together and it is impossible for a third person to determine what you should do to make everything work together without having access to your full code.
  • Restore Methods for chrome.tabs

    Modifications
    16
    · tam710562
    15 Votes
    16 Posts
    3k Views
    Hadden89
    H
    @luetage What I thought. So my small experimental extension (colored scrollbars) is probably broken due the fix of the issue plus the recent changes. Seems I have (to try) to learn few chrome APIs now
  • 0 Votes
    3 Posts
    358 Views
    AntoninJcb
    A
    @potmeklecbohdan thank you! The custom css did the trick. If some of you have trouble understanding where this should go, take a look at the experimental features and turn on custom css modification. In appearance settings, choose a folder of your choice, and create a new css file in it (I called mine vivaldi.css), then restart the browser. I assume this has been covered in the forum anyway. I don't know if this can be considered "fixed", but it is a working solution. Thanks again!
  • Signature no longer visible anywhere?

    Moved Archive
    12
    · stardepp
    2 Votes
    12 Posts
    657 Views
    hlehyaric
    H
    @stardepp It's a known issue. Signature mod doesn't work as expected any longer.
  • 0 Votes
    5 Posts
    503 Views
    yudai-nkt
    Y
    @Pathduck Wow, that approach would never come to my mind and it indeed works! Thanks again for your help