Skip to content

Commit

Permalink
some tweaks to tab bar colors.
Browse files Browse the repository at this point in the history
  • Loading branch information
gzagatti committed Dec 22, 2022
1 parent 873ec57 commit f96d154
Showing 1 changed file with 22 additions and 0 deletions.
22 changes: 22 additions & 0 deletions vivaldi/userChrome.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,3 +20,25 @@
height: initial;
min-height: 40px !important;
}

/*
highlight tab bar favicons in white for better contrast in dark mode
highlight active favicon in pink
https://forum.vivaldi.net/topic/48030/some-questions-about-tab-icons/9
*/
.tab-position .tab-header .favicon {
filter: drop-shadow(1px 0 0 rgba(246, 246, 246, 0.5)) drop-shadow(-1px 0 0 rgba(246, 246, 246, 0.5)) drop-shadow(0 1px 0 rgba(246, 246, 246, 0.5)) drop-shadow(0 -1px 0 rgba(246, 246, 246, 0.5));
}

.tab-position .tab.active .tab-header .favicon {
filter: drop-shadow(1px 0 0 rgba(249, 57, 185, 0.75)) drop-shadow(-1px 0 0 rgba(249, 57, 185, 0.75)) drop-shadow(0 1px 0 rgba(249, 57, 185, 0.75)) drop-shadow(0 -1px 0 rgba(249, 57, 185, 0.75)) !important;
}

/*
different background for stack to visually distinguish them in tab bar
*/
.svg-tab-stack {
background-color: #2d2d2d;
opacity: 0.7;
z-index: -1;
}

0 comments on commit f96d154

Please sign in to comment.