Collection of mods [auto color] [hide new tab] [audio tab ani] [skewed tabs]

  • A couple of snippets I used, with some modifications.


    AUTO COLOR MOD [ src ]

    #panels-container#main > div.toolbar.toolbar-addressbar::after {display: none !important;}
    #switch > button.webviewbtn > img,
    .tab-position .tab-header .favicon {background-color: transparent !important;}
    .win10 .vivaldi, #header #titlebar .window-buttongroup button {height: 30px !important;}
    .linux.normal .topmenu +,
    .win.normal .topmenu + {padding-top: 0 !important;}
    .tabs-bottom .tab-position .tab,
    .tabs-top .tab-position .tab {margin-right: 0 !important;}
    .tabs-top .tab-position .tab {color: var(--colorBorderIntense)!important;}
    #panels-container {border: none !important;}
    .color-behind-tabs-on .tab-position {background-color: rgba(18, 19, 20, 0.25) !important;color: white !important;}
    .tabs-top.color-behind-tabs-on #tabs-container {background-image: none !important;}
    .toolbar.toolbar-addressbar svg,
    .button-addressfield.bookmark svg .bookmark-outline,
    #tabs-container > div.resize > > div > div > > span.close > svg,
    #switch svg,
    #footer svg,
    #footer svg g {fill: var(--colorAccentBg) !important;}
    .addressfield form input.url,
    .addressfield .pageload,
    #footer {color: var(--colorAccentBg) !important;}
    .color-behind-tabs-on .addressfield.focused,
    .color-behind-tabs-on .searchfield.focused {box-shadow: 0 0 0 1px var(--colorAccentBg) inset !important;border-color: var(--colorAccentBg) !important;}
    #browser input[type=range]::-webkit-slider-thumb {border: 2px solid var(--colorAccentBg) !important;background-color: 2px solid var(--colorAccentBg) !important;}
    /* COLOR TEXT */
    #header {color: var(--colorAccentBg) !important;}
    #browser.color-behind-tabs-off:not(.tabs-top) {
    background-color: var(--colorBg);
    color: var(--colorAccentBg);
    fill: var(--colorAccentBg);
    /* COLOR BUTTONS */ .window-buttongroup {stroke: var(--colorAccentBg) !important;}
    button.window-minimize svg,button.window-maximize svg,button.window-close svg {stroke: var(--colorAccentBg) !important;}
    .extensions-wrapper {background-color: var(--colorBorderIntense);}, + div, + div + div, button, input, select, textarea,
    .tab-position .tab {font-family:"terminus (ttf)","Segoe UI";font-size:9pt!important;}

    HIDE NEW TAB [ src ]

    .newtab {display: none}


    @keyframes greenwave {from {background: var(--colorAccentBgFaded);}	to {background: #bbffff;}}
    @keyframes greenactive {from {background: var(--colorBg);}to {background: #bbffff;}} {animation-name: greenwave;} {animation-name: greenactive;}, {animation-duration: 2s
    ;animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in;}

    SKEWED TABS [ src ]

    .tab-position .tab {transform: skewX(-25deg);}
    .tab-position .tab .tab-header {transform: skewX(25deg);}


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