• Login
    • Search
    • Categories
    • Recent
    • Tags
    • Users
    • Groups
    • Rules
    • Help

    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

    Opera for Windows
    2
    2
    682
    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.
    • A Former User
      A Former User last edited by

      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 🙂

      Reply Quote 0
        leocg 1 Reply Last reply
      • leocg
        leocg Moderator Volunteer @Guest last edited by

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

        Reply Quote 0
          1 Reply Last reply
        • First post
          Last post

        Computer browsers

        • Opera for Windows
        • Opera for Mac
        • Opera for Linux
        • Opera beta version
        • Opera USB

        Mobile browsers

        • Opera for Android
        • Opera Mini
        • Opera Touch
        • Opera for basic phones

        • Add-ons
        • Opera account
        • Wallpapers
        • Opera Ads

        • Help & support
        • Opera blogs
        • Opera forums
        • Dev.Opera

        • Security
        • Privacy
        • Cookies Policy
        • EULA
        • Terms of Service

        • About Opera
        • Press info
        • Jobs
        • Investors
        • Become a partner
        • Contact us

        Follow Opera

        • Opera - Facebook
        • Opera - Twitter
        • Opera - YouTube
        • Opera - LinkedIn
        • Opera - Instagram

        © Opera Software 1995-