This commit is contained in:
vinceliuice 2023-04-11 14:22:56 +08:00
parent 7f9adf55f8
commit 7b60134731
8 changed files with 219 additions and 25 deletions

View file

@ -191,16 +191,11 @@ menu[disabled] > .menu-right {
list-style-image: url("../icons/window-close-symbolic.svg") !important;
}
.tab-icon-overlay {
height: 22px !important;
width: 22px !important;
padding: 3px !important;
}
/* Sound icons */
.tab-icon-overlay[soundplaying] {
list-style-image: url("../icons/audio-playing-symbolic.svg") !important;
}
.tab-icon-overlay[muted] {
list-style-image: url("../icons/audio-muted-symbolic.svg") !important;
}
@ -547,10 +542,12 @@ button.close::before {
height: 16px !important;
width: 16px !important;
}
/* Fix icon color */
#sidebar-icon {
opacity: 1 !important;
}
treechildren::-moz-tree-twisty,
treechildren::-moz-tree-image {
fill-opacity: 1 !important;
@ -682,11 +679,18 @@ treechildren::-moz-tree-image {
#identity-box[pageproxystate="valid"].localResource #identity-icon,
.bookmark-item[container] .toolbarbutton-icon,
.menu-iconic.bookmark-item[container] .menu-iconic-icon,
.panel-info-button > image,
.tab-icon-overlay {
.panel-info-button > image {
filter: invert(60%) brightness(150%);
}
.tab-icon-overlay[soundplaying] {
list-style-image: url("../icons/audio-playing-symbolic-light.svg") !important;
}
.tab-icon-overlay[muted] {
list-style-image: url("../icons/audio-muted-symbolic-light.svg") !important;
}
#save-to-pocket-button,
#pocket-button, #pageAction-panel-pocket {
list-style-image: url("../icons/save-to-pocket-light.svg") !important;

View file

@ -74,6 +74,8 @@ tab > stack {
/* Active tab */
.tab-background[selected=true] {
background: var(--gnome-tabbar-tab-active-background) !important;
animation: none !important;
transition: none !important;
}
.tab-background[selected=true]:-moz-window-inactive {
@ -95,9 +97,17 @@ tab > stack {
min-width: 16px;
}
.tabbrowser-tab[soundplaying="true"] .tab-icon-image {
.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
.tabbrowser-tab[muted="true"] .tab-icon-image {
margin-top: 3px !important;
margin-left: 3px !important;
margin-left: 2px !important;
}
.tab-icon-overlay {
height: 24px !important;
width: 24px !important;
padding: 4px !important;
border-radius: 100px !important;
}
.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
@ -136,7 +146,7 @@ tab > stack {
/* Force tab favicon to the center */
.tab-throbber, .tab-throbber-fallback,
.tabbrowser-tab:not([busy]):not([soundplaying="true"]) .tab-icon-image,
.tabbrowser-tab:not([busy]):not([soundplaying="true"],[muted="true"]) .tab-icon-image,
.tabbrowser-tab:not([class*="identity-color-"]) .tab-icon-stack {
margin-left: auto !important;
}

View file

@ -112,9 +112,17 @@ tab > stack {
margin-top: 0 !important;
}
.tabbrowser-tab[soundplaying="true"] .tab-icon-image {
.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
.tabbrowser-tab[muted="true"] .tab-icon-image {
margin-top: 3px !important;
margin-left: 3px !important;
margin-left: 2px !important;
}
.tab-icon-overlay {
height: 24px !important;
width: 24px !important;
padding: 4px !important;
border-radius: 100px !important;
}
.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {

View file

@ -0,0 +1,86 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="16"
height="16"
version="1.1"
viewBox="0 0 4.2333 4.2333"
id="svg10"
sodipodi:docname="audio-muted-symbolic-light.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs14" />
<sodipodi:namedview
id="namedview12"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="14.75"
inkscape:cx="5.3898305"
inkscape:cy="8"
inkscape:window-width="1920"
inkscape:window-height="1030"
inkscape:window-x="0"
inkscape:window-y="32"
inkscape:window-maximized="1"
inkscape:current-layer="svg10" />
<g
transform="matrix(0.26458125,0,0,0.26458125,0,-1.2677146e-4)"
fill="#363636"
opacity="0.35"
id="g404"
style="fill:#dedede;fill-opacity:1">
<rect
y="6"
width="5"
height="4"
ry="1"
fill-rule="evenodd"
id="rect392"
x="0"
style="fill:#dedede;fill-opacity:1" />
<path
d="M 6,3 3,6 v 4 l 3,3 z"
id="path394"
style="fill:#dedede;fill-opacity:1" />
<g
fill-rule="evenodd"
id="g402"
style="fill:#dedede;fill-opacity:1">
<path
d="M 13.139,1.428 C 12.594,1 12,1.652 12.455,2.16 A 8,8 0 0 1 15,8 8,8 0 0 1 12.446,13.852 C 12,14.323 12.626,15 13.123,14.58 A 9,9 0 0 0 16,8 9,9 0 0 0 13.139,1.428 Z"
id="path396"
style="fill:#dedede;fill-opacity:1" />
<path
d="M 10.775,2.889 C 10.188,2.354 9.576,3.114 10.091,3.621 A 6,6 0 0 1 12,8 6,6 0 0 1 10.084,12.389 c -0.469,0.446 0.173,1.146 0.68,0.728 A 7,7 0 0 0 13,8 7,7 0 0 0 10.775,2.889 Z"
id="path398"
style="fill:#dedede;fill-opacity:1" />
<path
d="M 8.41,4.35 C 7.89,3.856 7.255,4.57 7.727,5.08 A 4,4 0 0 1 9,8 4,4 0 0 1 7.723,10.926 c -0.473,0.43 0.14,1.152 0.68,0.73 A 5,5 0 0 0 10,8 5,5 0 0 0 8.41,4.35 Z"
id="path400"
style="fill:#dedede;fill-opacity:1" />
</g>
</g>
<rect
transform="rotate(45)"
x="0.34758037"
y="-0.13229063"
width="5.291625"
height="0.26458126"
rx="0.13229063"
ry="0.13229063"
fill="#363636"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="0.127811"
style="paint-order:markers stroke fill;fill:#dedede;fill-opacity:1"
id="rect406" />
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View file

@ -0,0 +1,70 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="16"
height="16"
version="1.1"
id="svg10"
sodipodi:docname="audio-playing-symbolic-light.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs14" />
<sodipodi:namedview
id="namedview12"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="14.75"
inkscape:cx="5.3898305"
inkscape:cy="8"
inkscape:window-width="1920"
inkscape:window-height="1030"
inkscape:window-x="0"
inkscape:window-y="32"
inkscape:window-maximized="1"
inkscape:current-layer="svg10" />
<g
transform="translate(0,-4.7914e-4)"
fill="#363636"
id="g14"
style="fill:#dedede;fill-opacity:1">
<rect
y="6"
width="5"
height="4"
ry="1"
fill-rule="evenodd"
id="rect2"
x="0"
style="fill:#dedede;fill-opacity:1" />
<path
d="M 6,3 3,6 v 4 l 3,3 z"
id="path4"
style="fill:#dedede;fill-opacity:1" />
<g
fill-rule="evenodd"
id="g12"
style="fill:#dedede;fill-opacity:1">
<path
d="M 13.139,1.428 C 12.594,1 12,1.652 12.455,2.16 A 8,8 0 0 1 15,8 8,8 0 0 1 12.446,13.852 C 12,14.323 12.626,15 13.123,14.58 A 9,9 0 0 0 16,8 9,9 0 0 0 13.139,1.428 Z"
id="path6"
style="fill:#dedede;fill-opacity:1" />
<path
d="M 10.775,2.889 C 10.188,2.354 9.576,3.114 10.091,3.621 A 6,6 0 0 1 12,8 6,6 0 0 1 10.084,12.389 c -0.469,0.446 0.173,1.146 0.68,0.728 A 7,7 0 0 0 13,8 7,7 0 0 0 10.775,2.889 Z"
id="path8"
style="fill:#dedede;fill-opacity:1" />
<path
d="M 8.41,4.35 C 7.89,3.856 7.255,4.57 7.727,5.08 A 4,4 0 0 1 9,8 4,4 0 0 1 7.723,10.926 c -0.473,0.43 0.14,1.152 0.68,0.73 A 5,5 0 0 0 10,8 5,5 0 0 0 8.41,4.35 Z"
id="path10"
style="fill:#dedede;fill-opacity:1" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View file

@ -191,16 +191,11 @@ menu[disabled] > .menu-right {
list-style-image: url("../icons/window-close-symbolic.svg") !important;
}
.tab-icon-overlay {
height: 22px !important;
width: 22px !important;
padding: 3px !important;
}
/* Sound icons */
.tab-icon-overlay[soundplaying] {
list-style-image: url("../icons/audio-playing-symbolic.svg") !important;
}
.tab-icon-overlay[muted] {
list-style-image: url("../icons/audio-muted-symbolic.svg") !important;
}
@ -547,10 +542,12 @@ button.close::before {
height: 16px !important;
width: 16px !important;
}
/* Fix icon color */
#sidebar-icon {
opacity: 1 !important;
}
treechildren::-moz-tree-twisty,
treechildren::-moz-tree-image {
fill-opacity: 1 !important;
@ -682,11 +679,18 @@ treechildren::-moz-tree-image {
#identity-box[pageproxystate="valid"].localResource #identity-icon,
.bookmark-item[container] .toolbarbutton-icon,
.menu-iconic.bookmark-item[container] .menu-iconic-icon,
.panel-info-button > image,
.tab-icon-overlay {
.panel-info-button > image {
filter: invert(60%) brightness(150%);
}
.tab-icon-overlay[soundplaying] {
list-style-image: url("../icons/audio-playing-symbolic-light.svg") !important;
}
.tab-icon-overlay[muted] {
list-style-image: url("../icons/audio-muted-symbolic-light.svg") !important;
}
#save-to-pocket-button,
#pocket-button, #pageAction-panel-pocket {
list-style-image: url("../icons/save-to-pocket-light.svg") !important;

View file

@ -74,7 +74,11 @@ menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover {
panel[type="arrow"] {
appearance: none !important;
background-color: transparent !important;
margin: 12px -24px 0 !important;
margin: 10px -18px 0 !important;
}
panel[type="autocomplete-richlistbox"] {
margin: 0 !important;
}
/* Style popovers */

View file

@ -126,7 +126,7 @@ tab[selected]:-moz-window-inactive {
/* Force tab favicon to the center */
.tab-throbber, .tab-throbber-fallback,
.tabbrowser-tab:not([busy]):not([soundplaying="true"]) .tab-icon-image,
.tabbrowser-tab:not([busy]):not([soundplaying="true"],[muted="true"]) .tab-icon-image,
.tabbrowser-tab:not([class*="identity-color-"]) .tab-icon-stack {
margin-left: auto !important;
}
@ -243,9 +243,17 @@ tab[selected]:-moz-window-inactive {
margin-top: 0 !important;
}
.tabbrowser-tab[soundplaying="true"] .tab-icon-image {
.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
.tabbrowser-tab[muted="true"] .tab-icon-image {
margin-top: 3px !important;
margin-left: 3px !important;
margin-left: 2px !important;
}
.tab-icon-overlay {
height: 24px !important;
width: 24px !important;
padding: 4px !important;
border-radius: 100px !important;
}
.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {