... | ... | @@ -63,13 +63,15 @@ Warning: when writing your own CSS rules, please try to be specific and avoid us |
|
|
```
|
|
|
</details>
|
|
|
|
|
|
## Add white outline around favicons (dark theme)
|
|
|
## Add white outline around favicons
|
|
|
|
|
|
Useful with a dark theme.
|
|
|
|
|
|
<details>
|
|
|
<summary>Show/Hide CSS</summary>
|
|
|
|
|
|
```css
|
|
|
body.dark-theme .tab .tab-icon {
|
|
|
body .tab .tab-icon {
|
|
|
filter: url('data:image/svg+xml;,<svg xmlns="http://www.w3.org/2000/svg"><filter id="s"><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 -0.2125 -0.7154 -0.0721 1 0" /><feMorphology operator="dilate" radius="1"/><feComponentTransfer><feFuncA type="gamma" offset="0" amplitude="1" exponent="2"/></feComponentTransfer><feGaussianBlur stdDeviation="0.5"/><feComposite in="SourceGraphic" operator="over"/></filter></svg>#s');
|
|
|
}
|
|
|
```
|
... | ... | @@ -265,7 +267,7 @@ For Firefox 64 and ulterior, with no animation (hiding of scrollbar can’t be a |
|
|
<summary>Show/Hide CSS</summary>
|
|
|
|
|
|
```css
|
|
|
.tab-icon-overlay.muted {
|
|
|
.tab.muted .tab-icon-overlay-muted {
|
|
|
display: none;
|
|
|
}
|
|
|
```
|
... | ... | |