Skip to content

Commit 5cada9a

Browse files
Aris-t2Aris-t2
committed
4.7.1
1 parent 9184c00 commit 5cada9a

10 files changed

+203
-69
lines changed

‎current/css/aboutaddons/addons_manager_alternative_appearance.css‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,9 @@
99

1010
:root {
1111
--in-content-category-text-hover: HighlightText !important;
12+
--in-content-button-text-color-hover: HighlightText !important;
1213
--in-content-category-background-hover: Highlight !important;
14+
--in-content-button-background-hover: Highlight !important;
1315
--in-content-category-text-selected: black !important;
1416
--in-content-category-background-selected: white !important;
1517
--section-width: unset !important;
@@ -158,7 +160,7 @@
158160
filter: brightness(2.00) !important;
159161
}
160162

161-
.category[name]:not([selected]):hover,
163+
/*.category[name]:not([selected]):hover,*/
162164
#category-discover:not([selected="true"]):hover .category-icon,
163165
#category-theme:not([selected="true"]):hover .category-icon{
164166
filter: brightness(1.5) !important;

‎current/css/buttons/buttons_on_navbar_more_compact_mode.css‎

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -8,28 +8,29 @@
88
}
99

1010
/* more compact navigation toolbar */
11-
#main-window[uidensity=compact] {
11+
:root[uidensity=compact] {
1212
--toolbarbutton-inner-padding: 6px !important;
1313
}
1414

15-
#main-window[uidensity=compact] #nav-bar #nav-bar-overflow-button,
16-
#main-window[uidensity=compact] #nav-bar #nav-bar-customization-target > toolbarbutton,
17-
#main-window[uidensity=compact] #nav-bar #nav-bar-customization-target > toolbaritem textbox,
18-
#main-window[uidensity=compact] #nav-bar #nav-bar-customization-target #stop-reload-button > toolbarbutton {
15+
:root[uidensity=compact] #nav-bar #nav-bar-overflow-button,
16+
:root[uidensity=compact] #nav-bar #nav-bar-customization-target > toolbarbutton,
17+
:root[uidensity=compact] #nav-bar #nav-bar-customization-target > toolbaritem textbox,
18+
:root[uidensity=compact] #nav-bar #nav-bar-customization-target #stop-reload-button > toolbarbutton {
1919
margin: 1px 0px !important;
2020
padding: 0 !important;
2121
}
2222

23-
#main-window[uidensity=compact] #nav-bar #nav-bar-customization-target > toolbaritem {
23+
:root[uidensity=compact] #nav-bar #nav-bar-customization-target > toolbaritem {
2424
margin: 0 !important;
2525
padding: 0 !important;
2626
}
2727

2828
/* fix for toolbar button badges */
29-
#main-window[uidensity=compact] #nav-bar .toolbarbutton-1 .toolbarbutton-badge {
29+
:root[uidensity=compact] #nav-bar .toolbarbutton-1 .toolbarbutton-badge {
3030
margin-inline-end: -5px !important;
3131
}
3232

33-
#main-window[uidensity=compact] #nav-bar .toolbaritem-combined-buttons {
34-
margin-inline: -2px !important;
33+
:root[uidensity=compact] #nav-bar .toolbaritem-combined-buttons,
34+
:root[uidensity=compact] #nav-bar .unified-extensions-item-row-wrapper {
35+
margin-inline: -2px !important
3536
}

‎current/css/generalui/sidebar_show_on_hover.css‎

Lines changed: 12 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -8,74 +8,30 @@
88
--sidebar-visible-width: 300px;
99
}
1010

11-
#sidebar-box {
12-
min-width: var(--sidebar-hover-width) !important;
13-
width: var(--sidebar-hover-width) !important;
14-
max-width: var(--sidebar-hover-width) !important;
11+
#sidebar-main{
12+
display: none !important;
1513
}
1614

15+
#sidebar-box,
1716
#sidebar-box #sidebar {
17+
padding: 0 !important;
18+
margin: 0 !important;
1819
opacity: 0 !important;
19-
position: absolute !important;
20-
display: block !important;
21-
}
22-
23-
#sidebar-box:hover {
24-
min-width: var(--sidebar-visible-width) !important;
25-
width: var(--sidebar-visible-width) !important;
26-
max-width: var(--sidebar-visible-width) !important;
2720
}
2821

22+
#sidebar-box:hover,
2923
#sidebar-box:hover #sidebar {
3024
opacity: 1.0 !important;
3125
}
3226

33-
#sidebar-box #sidebar-header {
34-
visibility: collapse !important;
35-
}
36-
37-
#sidebar-box:hover #sidebar-header {
38-
visibility: visible !important;
39-
}
40-
4127
#sidebar-box {
42-
z-index: 1000 !important;
43-
position: relative !important;
44-
opacity: 0 !important;
28+
min-width: var(--sidebar-hover-width) !important;
29+
width: var(--sidebar-hover-width) !important;
30+
max-width: var(--sidebar-hover-width) !important;
4531
}
4632

4733
#sidebar-box:hover {
48-
opacity: 1.0 !important;
49-
}
50-
51-
#sidebar-box:not([positionend="true"]) {
52-
margin-inline-end: calc(-1 * var(--sidebar-hover-width)) !important;
53-
}
54-
55-
#sidebar-box:not([positionend="true"]):hover {
56-
margin-inline-end: unset !important;
57-
}
58-
59-
#sidebar-box:not([positionend="true"]) ~ :is(#appcontent,#tabbrowser-tabbox) {
60-
margin-inline-start: 0 !important;
61-
}
62-
63-
#sidebar-box:not([positionend="true"]):hover ~ :is(#appcontent,#tabbrowser-tabbox) {
64-
margin-inline-start: calc(-1 * var(--sidebar-visible-width)) !important;
65-
}
66-
67-
#sidebar-box[positionend="true"] {
68-
margin-inline-start: calc(-1 * var(--sidebar-hover-width)) !important;
69-
}
70-
71-
#sidebar-box[positionend="true"]:hover {
72-
margin-inline-start: unset !important;
73-
}
74-
75-
#sidebar-box[positionend="true"] ~ :is(#appcontent,#tabbrowser-tabbox) {
76-
margin-inline-end: 0 !important;
77-
}
78-
79-
#sidebar-box[positionend="true"]:hover ~ :is(#appcontent,#tabbrowser-tabbox) {
80-
margin-inline-end: calc(-1 * var(--sidebar-visible-width)) !important;
34+
min-width: var(--sidebar-visible-width) !important;
35+
width: var(--sidebar-visible-width) !important;
36+
max-width: var(--sidebar-visible-width) !important;
8137
}

‎current/css/generalui/sidebar_show_on_hover_fx128.css‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
/* Firefox userChrome.css tweaks ********************************************************/
2+
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
3+
/****************************************************************************************/
4+
5+
6+
:root{
7+
--sidebar-hover-width: 8px;
8+
--sidebar-visible-width: 300px;
9+
}
10+
11+
#sidebar-box {
12+
min-width: var(--sidebar-hover-width) !important;
13+
width: var(--sidebar-hover-width) !important;
14+
max-width: var(--sidebar-hover-width) !important;
15+
}
16+
17+
#sidebar-box #sidebar {
18+
opacity: 0 !important;
19+
position: absolute !important;
20+
display: block !important;
21+
}
22+
23+
#sidebar-box:hover {
24+
min-width: var(--sidebar-visible-width) !important;
25+
width: var(--sidebar-visible-width) !important;
26+
max-width: var(--sidebar-visible-width) !important;
27+
}
28+
29+
#sidebar-box:hover #sidebar {
30+
opacity: 1.0 !important;
31+
}
32+
33+
#sidebar-box #sidebar-header {
34+
visibility: collapse !important;
35+
}
36+
37+
#sidebar-box:hover #sidebar-header {
38+
visibility: visible !important;
39+
}
40+
41+
#sidebar-box {
42+
z-index: 1000 !important;
43+
position: relative !important;
44+
opacity: 0 !important;
45+
}
46+
47+
#sidebar-box:hover {
48+
opacity: 1.0 !important;
49+
}
50+
51+
#sidebar-box:not([positionend="true"]) {
52+
margin-inline-end: calc(-1 * var(--sidebar-hover-width)) !important;
53+
}
54+
55+
#sidebar-box:not([positionend="true"]):hover {
56+
margin-inline-end: unset !important;
57+
}
58+
59+
#sidebar-box:not([positionend="true"]) ~ :is(#appcontent,#tabbrowser-tabbox) {
60+
margin-inline-start: 0 !important;
61+
}
62+
63+
#sidebar-box:not([positionend="true"]):hover ~ :is(#appcontent,#tabbrowser-tabbox) {
64+
margin-inline-start: calc(-1 * var(--sidebar-visible-width)) !important;
65+
}
66+
67+
#sidebar-box[positionend="true"] {
68+
margin-inline-start: calc(-1 * var(--sidebar-hover-width)) !important;
69+
}
70+
71+
#sidebar-box[positionend="true"]:hover {
72+
margin-inline-start: unset !important;
73+
}
74+
75+
#sidebar-box[positionend="true"] ~ :is(#appcontent,#tabbrowser-tabbox) {
76+
margin-inline-end: 0 !important;
77+
}
78+
79+
#sidebar-box[positionend="true"]:hover ~ :is(#appcontent,#tabbrowser-tabbox) {
80+
margin-inline-end: calc(-1 * var(--sidebar-visible-width)) !important;
81+
}

‎current/css/tabs/tab_audio_icon.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,21 @@
55

66
/* thanks to Speravir: https://github.com/Aris-t2/CustomCSSforFx/issues/368#issuecomment-859216327 */
77

8+
/* Fx 136+ */
9+
.tab-audio-button {
10+
--button-size-icon-small: 22px !important;
11+
--button-min-height-small: 22px !important;
12+
--button-border-color-ghost: unset !important;
13+
--button-border-radius: 30px !important;
14+
background: var(--button-background-color-ghost-hover) !important;
15+
border-radius: 30px !important;
16+
scale: .8 !important;
17+
transform: translateY(-1px);
18+
margin-inline-start: -2px !important;
19+
}
20+
21+
/* Fx 128-135 */
22+
/* thanks to Speravir: https://github.com/Aris-t2/CustomCSSforFx/issues/368#issuecomment-859216327 */
823
/* https://old.reddit.com/r/FirefoxCSS/comments/nqyhcm/anyone_got_any_css_to_put_the_audible_icon_back/h0eti2o/ */
924
.tab-icon-stack:is([muted],[soundplaying],[activemedia-blocked]){
1025
grid-template-areas: "a s";
@@ -35,6 +50,7 @@
3550
.tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) {
3651
background-color: rgba(0,0,0,0.1) !important
3752
}
53+
3854
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
3955
.tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) {
4056
background-color: rgba(255,255,255,0.1) !important

‎current/css/tabs/tab_audio_icon_colorized.css‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,42 @@
22
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
33
/****************************************************************************************/
44

5+
/* See https://github.com/Aris-t2/CustomCSSforFx/discussions/722#discussioncomment-12420116 by Speravir */
56

7+
/* Fx 136+ */
8+
.tab-audio-button[soundplaying] {
9+
--button-icon-fill: #058B00 !important;/* var(--green-70) */
10+
}
11+
.tab-audio-button[muted] {
12+
--button-icon-fill: #D70022 !important;/* var(--red-60) */
13+
}
14+
.tab-audio-button[activemedia-blocked] {
15+
--button-icon-fill: #FFE900 !important;/* var(--yellow-50) */
16+
}
17+
18+
:root[lwtheme-brighttext]:not([style*='--lwt-header-image']) .tab-audio-button[soundplaying] {
19+
--button-icon-fill: lightgreen !important;
20+
}
21+
:root[lwtheme-brighttext]:not([style*='--lwt-header-image']) .tab-audio-button[muted] {
22+
--button-icon-fill: #ff5a5a !important;
23+
}
24+
:root[lwtheme-brighttext]:not([style*='--lwt-header-image']) .tab-audio-button[activemedia-blocked] {
25+
--button-icon-fill: orange !important;
26+
}
27+
28+
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
29+
:root[lwtheme]:not([style*='--lwt-header-image']) .tab-audio-button[soundplaying] {
30+
--button-icon-fill: lightgreen !important;
31+
}
32+
:root[lwtheme]:not([style*='--lwt-header-image']) .tab-audio-button[muted] {
33+
--button-icon-fill: #ff5a5a !important;
34+
}
35+
:root[lwtheme]:not([style*='--lwt-header-image']) .tab-audio-button[activemedia-blocked] {
36+
--button-icon-fill: orange !important;
37+
}
38+
}
39+
40+
/* Fx 128-135 */
641
.tab-icon-overlay[soundplaying] {
742
fill: #058B00 !important;/* var(--green-70) */
843
}

‎current/css/tabs/tab_audio_icon_favicon_hidden.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
/* Firefox userChrome.css tweaks ********************************************************/
2+
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
3+
/****************************************************************************************/
4+
5+
6+
/* See https://github.com/Aris-t2/CustomCSSforFx/discussions/722#discussioncomment-12481547 and
7+
https://github.com/Aris-t2/CustomCSSforFx/discussions/722#discussioncomment-12505305
8+
*/
9+
10+
.tabbrowser-tab:not([pinned]):not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image {
11+
display: none !important;
12+
}
13+
14+
.tab-audio-button {
15+
margin-inline-start: -4.5px !important;
16+
}

‎current/css/tabs/tab_audio_icon_hidden.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
/* Firefox userChrome.css tweaks ********************************************************/
2+
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
3+
/****************************************************************************************/
4+
5+
6+
.tab-audio-button {
7+
display: none !important;
8+
}

‎current/css/tabs/tabs_below_main_content.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,11 @@
7373
top: 0 !important;
7474
}
7575

76+
#main-window[inDOMFullscreen="true"] .titlebar-buttonbox-container {
77+
display: none !important;
78+
/*opacity: 0 !important;*/
79+
}
80+
7681
/* macOS support*/
7782
@media (-moz-platform: macos) {
7883

‎current/userChrome.css‎

Lines changed: 17 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
Firefox userChrome.css tweaks: main file
33
44
Custom CSS for Firefox 133+ (128 ESR compatible with corresponding settings)
5-
Current version: 4.7.0
5+
Current version: 4.7.1
66
77
Based on 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons CSS code
88
Github: https://github.com/aris-t2/customcssforfx
@@ -719,6 +719,20 @@
719719
/* @import "./css/tabs/default_tabs_reduce_spaces.css"; /**/
720720

721721

722+
/* ---------------------------------------
723+
TAB AUDIO ICON settings
724+
---------------------------------------
725+
[!] only use one option at a time
726+
*/
727+
728+
/* @import "./css/tabs/tab_audio_icon.css"; /**/
729+
/* @import "./css/tabs/tab_audio_hidden.css"; /**/
730+
/* @import "./css/tabs/tab_audio_favicon_hidden.css"; /**/
731+
732+
733+
/* @import "./css/tabs/tab_audio_icon_colorized.css"; /**/
734+
735+
722736
/* ------------------
723737
OTHER TAB SETTINGS
724738
------------------
@@ -728,8 +742,7 @@
728742
/* @import "./css/tabs/tab_title_centered.css"; /**/
729743
/* @import "./css/tabs/classic_squared_tabs_old_bordercolor_for_lwthemes.css"; /**/ /* has to be used along with 'classic_squared_tabs.css' */
730744
/* @import "./css/tabs/tabs_fully_squared.css"; /**/
731-
/* @import "./css/tabs/tab_audio_icon.css"; /**/
732-
/* @import "./css/tabs/tab_audio_icon_colorized.css"; /**/
745+
733746
/* @import "./css/tabs/tabs_container_indicator_for_classic_squared_tabs.css"; /**/
734747
/* @import "./css/tabs/tabs_active_tab_indicator_for_classic_squared_tabs.css"; /**/
735748
/* @import "./css/tabs/newtab_tab_size_equals_tab_size.css"; /**/
@@ -842,6 +855,7 @@
842855
*/
843856

844857
/* @import "./css/generalui/sidebar_show_on_hover.css"; /**/
858+
/* @import "./css/generalui/sidebar_show_on_hover_fx128.css"; /**/ /* Fx 128-135*/
845859
/* @import "./css/generalui/sidebar_width_unrestricted.css"; /**/
846860

847861
/* -------------------

0 commit comments

Comments
 (0)