Skip to content

Commit 1b2b7d1

Browse files
Aris-t2Aris-t2
committed
4.4.1
1 parent 0bc7f86 commit 1b2b7d1

10 files changed

+249
-18
lines changed

‎current/css/buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css

+1-6
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@
44

55

66
@media (-moz-platform: windows) {
7-
@media not all and (-moz-windows-classic) {
87
#PersonalToolbar toolbarbutton:not(#PlacesChevron),
98
#PersonalToolbar #PlacesToolbar toolbarbutton,
109
#PlacesToolbar toolbarbutton:not(#PlacesChevron) {
@@ -35,16 +34,12 @@
3534
padding-right: unset !important;
3635
width: unset !important;
3736
}
38-
}
3937
}
4038

4139
#PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton, [disabled=true], [open]):hover,
4240
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon,
4341
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text,
44-
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack {
45-
background-color: transparent !important;
46-
}
47-
42+
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack,
4843
#PersonalToolbar toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]),
4944
#PersonalToolbar toolbarbutton.bookmark-item[open="true"],
5045
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon,

‎current/css/generalui/searchbookmarks_hidden.css

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
/* Firefox userChrome.css tweaks ********************************************************/
2+
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
3+
/****************************************************************************************/
4+
5+
6+
#panelMenu_searchBookmarks,
7+
#BMB_searchBookmarks,
8+
#menu_searchBookmarks {
9+
display: none !important;
10+
}

‎current/css/tabs/alltabs_button_always_hidden.css

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
/* Firefox userChrome.css tweaks ********************************************************/
2+
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
3+
/****************************************************************************************/
4+
5+
6+
#alltabs-button{
7+
visibility: collapse !important;
8+
display: none !important;
9+
}

‎current/css/tabs/alltabs_button_always_visible.css

-1
Original file line numberDiff line numberDiff line change
@@ -7,4 +7,3 @@
77
visibility: visible !important;
88
display: flex !important;
99
}
10-

‎current/css/tabs/classic_squared_tabs.css

+4-4
Original file line numberDiff line numberDiff line change
@@ -335,7 +335,7 @@
335335
min-height: var(--classic_squared_tabs_tab_height) !important;
336336
}
337337

338-
#TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
338+
#TabsToolbar #tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] {
339339
min-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important;
340340
max-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important;
341341
}
@@ -488,8 +488,8 @@
488488
min-height: unset !important;
489489
}
490490

491-
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] :is(.tab-background,.tab-stack) {
492-
min-height: var(--tab-min-height) !important;
491+
#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] :is(.tab-background,.tab-stack) {
492+
min-height: var(--classic_squared_tabs_tab_height) !important;
493493
}
494494

495495
.tab-close-button {
@@ -588,7 +588,7 @@
588588
border-inline-start: 0px solid color-mix(in srgb, currentColor 25%, transparent) !important;
589589
}
590590

591-
:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow="true"]) {
591+
:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow]) {
592592
padding-inline-start: 0 !important;
593593
margin-inline-start: 0 !important;
594594
}

‎current/css/tabs/classic_squared_tabs_australized.css

+4-4
Original file line numberDiff line numberDiff line change
@@ -333,7 +333,7 @@
333333
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
334334
min-height: var(--classic_squared_tabs_tab_height) !important;
335335
}
336-
#TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
336+
#TabsToolbar #tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] {
337337
min-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important;
338338
max-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important;
339339
}
@@ -486,8 +486,8 @@
486486
min-height: unset !important;
487487
}
488488

489-
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] :is(.tab-background,.tab-stack) {
490-
min-height: var(--tab-min-height) !important;
489+
#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] :is(.tab-background,.tab-stack) {
490+
min-height: var(--classic_squared_tabs_tab_height) !important;
491491
}
492492

493493
.tab-close-button {
@@ -573,7 +573,7 @@
573573
border-inline-start: 0px solid color-mix(in srgb, currentColor 25%, transparent) !important;
574574
}
575575

576-
:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow="true"]) {
576+
:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow]) {
577577
padding-inline-start: 0 !important;
578578
margin-inline-start: 0 !important;
579579
}

‎current/css/tabs/classic_squared_tabs_old_bordercolor_for_lwthemes.css

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
/* Firefox userChrome.css tweaks ********************************************************/
2+
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
3+
/****************************************************************************************/
4+
5+
6+
/* Has to be used along with 'classic_squared_tabs.css' */
7+
8+
#TabsToolbar:is([brighttext],:-moz-lwtheme-brighttext):-moz-lwtheme .tabbrowser-tab:is([selected],[multiselected]) .tab-content {
9+
border-top: 1px solid rgba(255,255,255,.6) !important;
10+
border-left: 1px solid rgba(255,255,255,.2) !important;
11+
border-right: 1px solid rgba(255,255,255,.2) !important;
12+
}
13+
14+
#TabsToolbar:is([brighttext],:-moz-lwtheme-brighttext):-moz-lwtheme :is(.tabs-newtab-button,#tabs-newtab-button),
15+
#TabsToolbar:is([brighttext],:-moz-lwtheme-brighttext):-moz-lwtheme .tabbrowser-tab .tab-content {
16+
border-top: 1px solid rgba(255,255,255,.6) !important;
17+
border-left: 1px solid rgba(255,255,255,.2) !important;
18+
border-right: 1px solid rgba(255,255,255,.2) !important;
19+
}
20+
21+
@media (-moz-content-prefers-color-scheme: dark) {
22+
.tabbrowser-tab:is([selected],[multiselected]):-moz-lwtheme .tab-content {
23+
border-top: 1px solid rgba(255,255,255,.6) !important;
24+
border-left: 1px solid rgba(255,255,255,.2) !important;
25+
border-right: 1px solid rgba(255,255,255,.2) !important;
26+
}
27+
#TabsToolbar:-moz-lwtheme :is(.tabs-newtab-button,#tabs-newtab-button):-moz-lwtheme,
28+
.tabbrowser-tab .tab-content:-moz-lwtheme {
29+
border-top: 1px solid rgba(255,255,255,.6) !important;
30+
border-left: 1px solid rgba(255,255,255,.2) !important;
31+
border-right: 1px solid rgba(255,255,255,.2) !important;
32+
}
33+
}

‎current/css/tabs/default_tabs_photon.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,7 @@
202202
border-inline-start: 0px solid color-mix(in srgb, currentColor 25%, transparent) !important;
203203
}
204204

205-
:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow="true"]) {
205+
:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow]) {
206206
padding-inline-start: 0 !important;
207207
margin-inline-start: 0 !important;
208208
}
@@ -236,7 +236,7 @@
236236
max-height: calc( var(--tab-min-height) - 2px ) !important;
237237
}
238238

239-
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] :is(.tab-background,.tab-stack) {
239+
#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] :is(.tab-background,.tab-stack) {
240240
min-height: calc( var(--tab-min-height) - 0px ) !important;
241241
}
242242

‎current/css/tabs/default_tabs_photon_alt.css

+181
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,181 @@
1+
/* Firefox userChrome.css tweaks ****************************************************************/
2+
/* Github: https://github.com/aris-t2/customcssforfx ********************************************/
3+
/************************************************************************************************/
4+
5+
6+
:root {
7+
/* variable for tabs below navigation toolbar option */
8+
--tab_below_navigation_toolbar_bottom_padding: calc( var(--tab-min-height) + 0.5px ) !important;
9+
10+
/* variable for tabs below navigation toolbar option on macOS */
11+
--tab_below_navigation_toolbar_bottom_padding_macOS: calc( var(--tab-min-height) + 1px ) !important;
12+
--tab_below_navigation_toolbar_toolbox_top_padding_macOS: calc(-1px + var(--tab-min-height)) !important;
13+
14+
/* variable for tabs below main content option */
15+
--tab_below_main_content_bottom_margin: calc(3px + var(--tab-min-height)) !important;
16+
--tab_below_main_content_toolbar_height: calc(2px + var(--tab-min-height)) !important;
17+
--tab_below_main_content_top_margin: 0px !important;
18+
19+
}
20+
21+
/* make tabs look like tabs again */
22+
.tab-background {
23+
border-radius: 0px !important;
24+
margin-block: 0px !important;
25+
}
26+
27+
.tab-background[multiselected=true],
28+
.tab-background[selected=true] {
29+
background-color: var(--toolbar-bgcolor) !important;
30+
background-image: var(--toolbar-bgimage) !important;
31+
}
32+
33+
/* remove left and right tab spaces */
34+
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
35+
margin-inline-start: 0px !important;
36+
}
37+
38+
.tabbrowser-tab {
39+
padding-inline: 0px !important;
40+
border-radius: 0px !important;
41+
}
42+
43+
/* adjust 'new tab' tab */
44+
#tabs-newtab-button {
45+
padding-inline: 1px !important;
46+
border-radius: 0px !important;
47+
}
48+
49+
#tabs-newtab-button .toolbarbutton-icon {
50+
border-radius: 0px !important;
51+
}
52+
53+
/* reduce scrollbuttons size */
54+
#scrollbutton-up,
55+
#scrollbutton-down {
56+
padding: 0 !important;
57+
border-radius: 0 !important;
58+
}
59+
60+
/*tab line for active tab */
61+
.tabbrowser-tab .tab-context-line {
62+
height: 2px !important;
63+
border-radius: 0px !important;
64+
}
65+
66+
.tabbrowser-tab[selected]:not([usercontextid]) .tab-context-line {
67+
background-color: Highlight !important;
68+
}
69+
70+
#main-window:not([lwtheme-image="true"]):not([lwtheme-mozlightdark]):-moz-lwtheme .tabbrowser-tab[selected]:not([usercontextid]) .tab-context-line {
71+
background-color: var(--tab-line-color,Highlight) !important;
72+
}
73+
74+
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
75+
margin: unset !important;
76+
background-color: var(--identity-icon-color) !important;
77+
}
78+
79+
/* border between navigation toolbar and tabs toolbar */
80+
#nav-bar:not(:-moz-lwtheme) {
81+
box-shadow: 0 calc(-1 * var(--tabs-navbar-shadow-size)) 0 var(--chrome-content-separator-color) !important;
82+
}
83+
84+
#nav-bar:-moz-lwtheme {
85+
box-shadow: unset !important;
86+
}
87+
88+
/* Tab separators: modified Fx88s browser.css code */
89+
.titlebar-spacer[type="pre-tabs"] {
90+
border-inline-end: 1px solid var(--lwt-background-tab-separator-color, currentColor);
91+
opacity: 0.2;
92+
}
93+
94+
.tabbrowser-tab::after,
95+
.tabbrowser-tab::before {
96+
border-left: 1px solid var(--lwt-background-tab-separator-color, currentColor);
97+
margin-block: 5px 4px;
98+
opacity: 0.3;
99+
}
100+
101+
.tabbrowser-tab::before {
102+
margin-inline-start: -1px;
103+
}
104+
105+
:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] + #TabsToolbar .tabbrowser-tab::after,
106+
.tabbrowser-tab:hover::after,
107+
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[beforehovered]::after,
108+
.tabbrowser-tab[multiselected]::after,
109+
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[before-multiselected]::after {
110+
margin-top: var(--tabs-top-border-width);
111+
margin-bottom: 0;
112+
}
113+
114+
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[beforeselected-visible]::after,
115+
#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before,
116+
.tabbrowser-tab[visuallyselected]::after {
117+
border-color: var(--tabs-border-color);
118+
margin-top: 0;
119+
margin-bottom: var(--tabs-navbar-shadow-size);
120+
opacity: 0.1;
121+
}
122+
123+
.tabbrowser-tab::after,
124+
#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before {
125+
content: "";
126+
display: block;
127+
}
128+
129+
/* remove active tabs left and right tab border color when using lw-themes */
130+
:root:not([lwtheme-mozlightdark]) #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme,
131+
:root:not([lwtheme-mozlightdark]) #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme {
132+
box-shadow: unset !important;
133+
}
134+
135+
.tab-background:is([selected], [multiselected]):-moz-lwtheme {
136+
border: 0 !important;
137+
}
138+
139+
/* tab height fix ESR 91.6, 96.0.2, 97+ */
140+
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
141+
height: unset !important;
142+
}
143+
144+
/* Fx 100+ outline fix */
145+
#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon:-moz-lwtheme,
146+
.tab-background[selected]:-moz-lwtheme {
147+
outline: unset !important;
148+
}
149+
150+
/* Fx 101+ */
151+
@media (-moz-platform: windows-win10), (-moz-os-version:windows-win10) {
152+
153+
#main-window[sizemode="maximized"][tabsintitlebar] #titlebar {
154+
margin-top: -1px !important;
155+
}
156+
}
157+
158+
/* Fx 105+ - remove Firefox-view-button from tabs toolbar */
159+
:root:not([privatebrowsingmode=temporary]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs,
160+
:root[privatebrowsingmode=temporary] :is(toolbarbutton:not(#firefox-view-button), toolbarpaletteitem:not(#wrapper-firefox-view-button)) + #tabbrowser-tabs {
161+
border-inline-start: 0px solid color-mix(in srgb, currentColor 25%, transparent) !important;
162+
}
163+
164+
:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow]) {
165+
padding-inline-start: 0 !important;
166+
margin-inline-start: 0 !important;
167+
}
168+
169+
#firefox-view-button {
170+
display: none !important;
171+
}
172+
173+
/* Fx 106+*/
174+
#private-browsing-indicator-with-label {
175+
display: none !important;
176+
}
177+
178+
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
179+
margin-inline-start: 0px !important;
180+
}
181+

‎current/userChrome.css

+5-1
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 115+
5-
Current version: 4.4.0
5+
Current version: 4.4.1
66
77
Based on 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons CSS code
88
Github: https://github.com/aris-t2/customcssforfx
@@ -553,6 +553,7 @@
553553

554554
/* Tab appearance based on tabs known from Firefox 57 - 88 */
555555
/* @import "./css/tabs/default_tabs_photon.css"; /**/
556+
/* @import "./css/tabs/default_tabs_photon_alt.css"; /**/ /* file from v4.2.7 -no support- */
556557

557558

558559
/* ======================================================================================
@@ -721,6 +722,7 @@
721722
@import "./css/tabs/tab_icon_colors.css"; /**/
722723
/* @import "./css/tabs/tab_title_centered.css"; /**/
723724
/* @import "./css/tabs/tabs_firefox_view_button_hidden.css"; /**/
725+
/* @import "./css/tabs/classic_squared_tabs_old_bordercolor_for_lwthemes.css"; /**/ /* Has to be used along with 'classic_squared_tabs.css' */
724726
/* @import "./css/tabs/default_tabs_reduce_spaces.css"; /**/
725727
/* @import "./css/tabs/tabs_fully_squared.css"; /**/
726728
/* @import "./css/tabs/tab_audio_icon.css"; /**/
@@ -734,6 +736,7 @@
734736
/* @import "./css/tabs/tab_maxwidth.css"; /**/
735737
/* @import "./css/tabs/tab_titles_remove_blur.css"; /**/
736738
/* @import "./css/tabs/alltabs_button_always_visible.css"; /**/ /* hidden, if multiple tab rows are used */
739+
/* @import "./css/tabs/alltabs_button_always_hidden.css"; /**/
737740
/* @import "./css/tabs/pinnedtab_empty_favicon_hidden.css"; /**/
738741

739742
/* [!] edit target file to select which items to hide */
@@ -747,6 +750,7 @@
747750

748751
@import "./css/generalui/private_mode_indicator_hidden.css"; /**/
749752
@import "./css/generalui/bookmark_icons_colorized.css"; /**/
753+
/* @import "./css/generalui/searchbookmarks_hidden.css"; /**/
750754
/* @import "./css/generalui/bookmarks_smaller_more_bookmarks_icon.css"; /**/
751755
/* @import "./css/generalui/send_to_device_menuitems_hidden.css"; /**/
752756
/* @import "./css/generalui/set_as_desktop_background_menuitems_hidden.css"; /**/

0 commit comments

Comments
 (0)