Greyscale tabs



  • A previous release of Vivaldi would show inactive tabs and their favicons in greyscale. How would I go about restoring that function in custom.css?



  • ~
    Dunno what to do about the icons, but my inactive tabs are currently light shade of blue.

    Here is the CSS for that :

    #tabs .tab:not(.active) {
     	background: linear-gradient(rgb(160,190,240),rgb(150,180,230)) !important;
    }
    
    ```~
    That was part of a theme which I have been developing and using, generally blue in colour, but could easily be changed to any other colour thru CSS.
    
    This is a light grey :
    
    

    #tabs .tab:not(.active) {
    background: linear-gradient(rgb(220,220,220),rgb(210,210,210)) !important;
    }

    Smaller numbers make it darker, larger ones lighter.
    
    Keep each group in step and it stays grey, rather than a colour.
    
    Make one of the groups more different than the other in overall number, and see a shade change in each tab.
    
    Cheers ! :cheer:
    ~


  • #tabs .tab:not(.active){
    -webkit-filter: grayscale(1);
    }



  • ~
    Less typing ;)

    So will a 2 inside the bracket give a darker grey, and so on ?



  • No, only values between 0 and 1. You can also use percentage if you want.


Log in to reply
 

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