• Community
    • Community
    • Vivaldi Social
    • Blogs
  • Forum
    • Vivaldi Forum
    • Categories
    • Recent
    • Popular
  • Themes
    • Vivaldi Themes
    • My Themes
    • FAQ
  • Contribute
    • Contribute
    • Volunteer
    • Donate
  • Browser
    • Vivaldi Browser
    • Latest News
    • Snapshots
    • Help
Register Login

Vivaldi

  • Community
  • Themes
  • Contribute
  • Browser

Navigation

    • Home
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    1. Home
    2. Desktop
    3. Archive
    4. Tab stacks theming

    Tab stacks theming

    Scheduled Pinned Locked Moved Archive
    moddingcssarchived
    3 Posts 2 Posters 1.7k Views 2 Watching
    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.
    • luetage
      L
      luetage Supporters Soprano
      last edited by luetage

      Tab stacks can be handy, but the colors of the indicators, especially in light themes, are barely apparent.

      .tab-group-indicator .tab-indicator.active {
      	background-color: #fd3563 !important;	
      }
      
      .tab-group-indicator .tab-indicator {
      	background-color: #fff !important;
      }
      
      .tab-group-indicator .tab-indicator:hover:not(.active) {
      	background-color: #000 !important;
      }
      
      .tabs-bottom .tab-group-indicator .tab-indicator.active {
      	padding-top: 3px;
      }
      

      This code colors the indicator of the active tab in a stack, as well as the indicators of the inactive tabs. When theming the inactive tabs you also have to redo the :hover.

      On bottom tabs the active indicator is much higher, which looks off if you use a strong color, with the last part of the code you can address this. Functions with tabs below address bar too, but I'm not sure if this works reliably on other platforms. You might need to adjust this if you are on Windows or Linux.


      alt text

      github ◊ vfm

      sjudenim
      S
      1 Reply Last reply
      Reply Quote 5
    • sjudenim
      S
      sjudenim Supporters @luetage
      last edited by

      @luetage

      good idea. thanks for sharing

      https://github.com/sjudenim

      1 Reply Last reply Reply Quote 0
    • luetage
      L
      luetage Supporters Soprano
      last edited by

      added code for inactive tabs and hovering to op

      github ◊ vfm

      1 Reply Last reply Reply Quote 2
    • pafflick
      P
      pafflick moved this topic from Modifications on
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    • 1 / 1
    • First post
      Last post

    Copyright © Vivaldi Technologies™ — All rights reserved. Privacy Policy | Code of conduct | Terms of use | Vivaldi Status