Do more on the web, with a fast and secure browser!

Download Opera browser with:

  • built-in ad blocker
  • battery saver
  • free VPN
Download Opera

Include blue (highlight) line at top of active or selected tab using CSS code

  • I've been attempting to enter CSS code using the Stylus extension to add a thin blue line at the top of the active or selected tab.

    I've tried all of the following (which I would expect to work in any other browser) but no luck.

    Incidentally I am using (enabled) the "dark" theme native to Opera and would like to better observe the active tab since it is not that easy to see in this theme.

    CSS code I've tried:
    /.tabbrowser-tab[selected="true"] {
    background-image: linear-gradient(rgba(105,105,1005,.96), rgba(05,05,05,.85) 25%),
    linear-gradient(-moz-dialog, -moz-dialog) !important;
    color: white !important;}

    /.tabbrowser-tab[selected="true"] {
    background-image: linear-gradient(rgba(105,105,1005,.96), rgba(05,05,05,.85) 25%) !important;}

    /.tabbrowser-tab[selected="true"] .tab-line{ background-color: #0d00ff !important;/

    /.tab-line{ background-color: red !important; }/

    /.tabbrowser-tab[selected="true"] .tab-line{ background-color: red !important; }/

    .tabbrowser-tab[selected="true"] {background-image: linear-gradient(rgba(105,105,1005,.96), rgba(05,05,05,.85) 25%) !important; }

    .tabbrowser-tab[active="true"] {background-image: linear-gradient(rgba(105,105,1005,.96), rgba(05,05,05,.85) 25%) !important; }


    Absent getting what I want via CSS code --- I've attempted to find optional browser themes in Opera -- but not able to find anything on this.

    Assuming I am unable to add a red line at the top of the active tab in the Opera native "dark" theme ---- Where can I find ALTERNATE OPTIONAL THEMES for the Opera browser?

    Thanks in advance for any help 🙂

  • @lakrsrool You can't change Opera's UI color.