src="https://update.vivaldi.com/stats/piwik.php?idsite=1&rec=1&bots=1" style="border:0;" alt=""

Control tweaks



  • Various tweaks for buttons and inputs.
    Feel free to try (and maybe hate me for overusing gradients and dotted borders lol)

    /* Faded tick/radio button*/
    input[type=checkbox]:after, input[type=checkbox]:before, input[type=radio]:before {
    	background-color: var(--colorAccentFgFaded);
    }
    
    /* Gradient buttons */
    input[type=button], input[type=submit] {
    	/*color: var(--ColorBg);*/
    	background-image:linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,.2));
    }	
    input[type=search] {
    	border: 1px dotted;
    	border-color: var(--colorFg);
    	background-image:linear-gradient(hsla(0,0%,100%,.2),hsla(0,0%,100%,.1));
    } 
    /* As the url in cardview takes a different color */
    .cardview input[type=text].address, .cardview textarea.address {
            color: inherit;
    }
    
    /* INPUT boxes + gradient */
    .cardview input[type=text].title,
    .cardview textarea.title, 
    .cardview textarea.description,
    .cardview.address, 
    .cardview.description, 
    .cardview.nickname {
    	font-weight: 300;
    	border: 1px dotted !important;
    	border-color: var(--colorFg);
    	background-image:linear-gradient(hsla(0,0%,100%,.2),hsla(0,0%,100%,.1)) !important;
    }
    .cb-form-row select.bookmark-folders {
           border: 1px dotted !important;
    }
    

Log in to reply
 

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