• Browser
  • Mail
  • News
  • Community
  • About
Register Login
HomeBlogsForumThemesContributeSocial

Vivaldi

  • Browser
  • Mail
  • News
  • Community
  • About

Navigation

    • Home
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups

    We will be doing maintenance work on Vivaldi Translate on the 11th of May starting at 03:00 (UTC) (see the time in your time zone).
    Some downtime and service disruptions may be experienced.
    Thanks in advance for your patience.

    1. Home
    2. Desktop
    3. Customizations & Extensions
    4. Modifications
    5. Colorful tabs

    Colorful tabs

    Modifications
    7
    26
    2.3k
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • DavidBevi
      D
      DavidBevi
      last edited by

      I updated my separator (beta v0.2), now it's simpler and supports saving the title and the color inside the URL. https://davidbevi.github.io/separator/
      12.gif

      Also, I've edited @aminought's code to only color the separators. INSTALLATION

      1. Put chroma.min.js and color_tabs_bb.js into <YOURVIVALDIDIRECTORY>\Application\<VERSION>\resources\vivaldi.
      2. Add lines into <body> of window.html:
      <script src="chroma.min.js"></script>
      <script src="color_tabs_bb.js"></script>
      
      1. Restart Vivaldi.
      1 Reply Last reply Reply Quote 1
      • CasketPizza
        C
        CasketPizza
        last edited by

        I'm really struggling to get this working. I followed the instructions to a T and tried going back to horizontal tabs but still no luck. Did it break with an update?

        RadekPilich
        R
        1 Reply Last reply
        Reply Quote 0
        • RadekPilich
          R
          RadekPilich @CasketPizza
          last edited by

          @CasketPizza For me it broke probably quite a few weeks later, but I can't certainly get it to work either.

          Win 11 with latest Vivaldi snapshot, OnePlus 9 Pro Android 14 with latest regular Vivaldi update.

          1 Reply Last reply Reply Quote 0
          • barbudo2005
            B
            barbudo2005
            last edited by barbudo2005

            The change in the UI was accompanied by new selectors that control the tabs.

            The title of the tab is now associated with [id*="tab"].tab-wrapper.extended and not with .tab

            0dd7f4f0-639d-4b6d-9d23-c194c588f561-image.png

            So the code is now:

            [id*="tab"].tab-wrapper.extended[title*="abcdef"]   
            
            RadekPilich
            R
            1 Reply Last reply
            Reply Quote 1
            • RadekPilich
              R
              RadekPilich @barbudo2005
              last edited by

              @barbudo2005 YES!!! Thank you! ❤

              Reminder for others - I had to turn on "accent on window" to make it work again.

              Win 11 with latest Vivaldi snapshot, OnePlus 9 Pro Android 14 with latest regular Vivaldi update.

              1 Reply Last reply Reply Quote 0
              • PaRr0tBoy
                P
                PaRr0tBoy
                last edited by

                In vivaldi 7.0 under macos this script only colored active tab. How can I fix it?
                20241211-05PM@2x.png

                1 Reply Last reply Reply Quote 0
                Loading More Posts
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes
                Reply
                • Reply as topic
                Log in to reply
                • 1
                • 2
                • 2 / 2
                • First post
                  Last post

                Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.

                Copyright © Vivaldi Technologies™ — All rights reserved. Privacy Policy | Code of conduct | Terms of use | Vivaldi Status