Last active
December 21, 2021 19:08
-
-
Save DCzajkowski/baaf7bc81aae5278d690eaae951a823b to your computer and use it in GitHub Desktop.
My CSS modifications to the current state of Proton design for Firefox (v90.0b4)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* Firefox 96.0 | |
*/ | |
/* Removes the padding between pinned and unpinned tabs */ | |
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { | |
margin-inline-start: 0 !important; | |
} | |
/* Makes the speaker icon to always appear if the tab is playing (not only on hover) */ | |
.tab-icon-overlay:not([crashed]) { | |
top: -4.5px !important; | |
inset-inline-end: -9px !important; | |
z-index: 1 !important; | |
background: transparent !important; | |
stroke: white !important; | |
border-radius: 999px !important; | |
opacity: 1 !important; | |
fill-opacity: 1 !important; | |
} | |
.tab-icon-image:not([crashed]) { | |
opacity: 1 !important; | |
} | |
/* | |
* Older version, Firefox from 2021-04-22, probably 89. | |
*/ | |
/* @media (-moz-proton) { | |
#tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), #toolbar-menubar:not(:hover) + #TabsToolbar:not(:hover) #tabbrowser-tabs:not([secondarytext-unsupported]) .tab-icon-image[src] ~ .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]), :is(#toolbar-menubar:hover + #TabsToolbar, #TabsToolbar:hover) .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) { | |
opacity: 1 !important; | |
} | |
.tab-icon-overlay:not([crashed]) { | |
top: -4.5px !important; | |
inset-inline-end: -9px !important; | |
z-index: 1 !important; | |
background: transparent !important; | |
} | |
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { | |
opacity: 1 !important; | |
} | |
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { | |
margin-inline-start: 0 !important; | |
} | |
} */ |
Then it is treated as an public domain(CC0) license.
https://creativecommons.org/share-your-work/public-domain/cc0/
Sounds good @black7375. This file can be considered to be under CC0 🙂
@black7375 @Teym0ur1 Updated the styles for Firefox 96.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
ah sorry for leaving you high and dry man. This is what I meant. I shall update it to the latest one now.
EDIT I have updated it now; it is much better. I changed stroke: white !important; to stroke: grey !important; white gave me a blank white circle while grey actually showed me the audio symbol