4.5.6

Aris-t2 · Sep 6, 2024 · 00bb71e · 00bb71e
1 parent a121023
commit 00bb71e
Show file tree

Hide file tree

Showing 11 changed files with 154 additions and 7 deletions.
diff --git a/current/css/appbutton/appbutton_in_titlebar.css b/current/css/appbutton/appbutton_in_titlebar.css
@@ -382,6 +382,13 @@ panel[id="appMenu-popup"][type="arrow"][side="bottom"] {
   height: 14px !important;
 }
 
+/* aero appearance fix */
+#main-window[tabsintitlebar] #nav-bar #PanelUI-button toolbarbutton:not([disabled=true]):hover :is(.toolbarbutton-badge-stack,.toolbarbutton-icon),
+#main-window[tabsintitlebar] #nav-bar #PanelUI-button toolbarbutton:not([disabled=true]):is([open],[checked],:hover:active,:active) :is(.toolbarbutton-badge-stack,.toolbarbutton-icon) {
+  background-image:	unset !important;
+  outline: 0px !important;
+}
+
 /* Force appbutton to the right */
 @media (-moz-platform: macos) {
 

diff --git a/current/css/appbutton/appbutton_in_titlebar_icon_only.css b/current/css/appbutton/appbutton_in_titlebar_icon_only.css
@@ -190,8 +190,8 @@
 /* adjust button badge */
 #main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button .toolbarbutton-badge-stack .toolbarbutton-badge  {
   position: fixed !important;
-  left: 0px !important;
-  top: 6px !important;
+  left: 2px !important;
+  top: 4px !important;
   height: 14px !important;
 }
 
@@ -320,6 +320,13 @@ panel[id="appMenu-popup"][type="arrow"][side="bottom"] {
   margin-inline: 0 !important;
 }
 
+/* aero appearance fix */
+#main-window[tabsintitlebar] #nav-bar #PanelUI-button toolbarbutton:not([disabled=true]):hover :is(.toolbarbutton-badge-stack,.toolbarbutton-icon),
+#main-window[tabsintitlebar] #nav-bar #PanelUI-button toolbarbutton:not([disabled=true]):is([open],[checked],:hover:active,:active) :is(.toolbarbutton-badge-stack,.toolbarbutton-icon) {
+  background-image:	unset !important;
+  outline: 0px !important;
+}
+
 /* Force appbutton to the right */
 @media (-moz-platform: macos) {
 

diff --git a/current/css/appbutton/appbutton_popup_icons.css b/current/css/appbutton/appbutton_popup_icons.css
@@ -131,6 +131,13 @@
   fill: currentColor;
 }
 
+#appMenu-report-broken-site-button > .toolbarbutton-icon {
+  -moz-context-properties: fill;
+  list-style-image: url("chrome://global/skin/icons/trending.svg");
+  padding-inline-end: 4px;
+  fill: currentColor;
+}
+
 #appMenu-save-file-button2 > .toolbarbutton-icon {
   -moz-context-properties: fill;
   list-style-image: url("chrome://browser/skin/save.svg");
@@ -513,3 +520,17 @@
   padding-inline-end: 4px;
   fill: currentColor;
 }
+
+
+/* JS restart button*/
+#appMenu-restart-button > .toolbarbutton-icon {
+  -moz-context-properties: fill;
+  list-style-image: url("chrome://global/skin/icons/reload.svg");
+  padding-inline-start: 4px;
+  fill: currentColor;
+  transform: scaleX(-1);
+}
+
+#appMenu-restart-button > .toolbarbutton-text {
+  margin-inline-start: 4px !important;
+}
diff --git a/current/css/appbutton/appbutton_popup_icons_colorized.css b/current/css/appbutton/appbutton_popup_icons_colorized.css
@@ -65,18 +65,18 @@
 
 /* red */
 #PanelUI-fxa-menu-syncnow-button::before,
-:is(#appMenu-passwords-button,#appMenu-quit-button2,#appMenu-zoomReduce-button2,#appMenuClearRecentHistory,#PanelUI-fxa-menu-account-signout-button,#appMenu_help_reportSiteIssue,#appMenu_menu_HelpPopup_reportPhishingtoolmenu) > .toolbarbutton-icon {
+:is(#appMenu-passwords-button,#appMenu-quit-button2,#appMenu-zoomReduce-button2,#appMenuClearRecentHistory,#PanelUI-fxa-menu-account-signout-button,#appMenu_help_reportSiteIssue,#appMenu_menu_HelpPopup_reportPhishingtoolmenu,#appMenu-report-broken-site-button,#appMenu-restart-button) > .toolbarbutton-icon {
   fill: red !important;
 }
 
 :root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) #PanelUI-fxa-menu-syncnow-button::before,
-:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) :is(#appMenu-passwords-button,#appMenu-quit-button2,#appMenu-zoomReduce-button2,#appMenuClearRecentHistory,#PanelUI-fxa-menu-account-signout-button,#appMenu_help_reportSiteIssue,#appMenu_menu_HelpPopup_reportPhishingtoolmenu) > .toolbarbutton-icon {
+:root[lwtheme]:-moz-lwtheme-brighttext:not([style*='--lwt-header-image']) :is(#appMenu-passwords-button,#appMenu-quit-button2,#appMenu-zoomReduce-button2,#appMenuClearRecentHistory,#PanelUI-fxa-menu-account-signout-button,#appMenu_help_reportSiteIssue,#appMenu_menu_HelpPopup_reportPhishingtoolmenu,#appMenu-report-broken-site-button,#appMenu-restart-button) > .toolbarbutton-icon {
   fill: #ff5a5a !important;
 }
 
 @media (-moz-content-prefers-color-scheme: dark) {
 	:root[lwtheme]:not([style*='--lwt-header-image']) #PanelUI-fxa-menu-syncnow-button::before,
-	:root[lwtheme]:not([style*='--lwt-header-image']) :is(#appMenu-passwords-button,#appMenu-quit-button2,#appMenu-zoomReduce-button2,#appMenuClearRecentHistory,#PanelUI-fxa-menu-account-signout-button,#appMenu_help_reportSiteIssue,#appMenu_menu_HelpPopup_reportPhishingtoolmenu) > .toolbarbutton-icon {
+	:root[lwtheme]:not([style*='--lwt-header-image']) :is(#appMenu-passwords-button,#appMenu-quit-button2,#appMenu-zoomReduce-button2,#appMenuClearRecentHistory,#PanelUI-fxa-menu-account-signout-button,#appMenu_help_reportSiteIssue,#appMenu_menu_HelpPopup_reportPhishingtoolmenu,#appMenu-report-broken-site-button,#appMenu-restart-button) > .toolbarbutton-icon {
 	  fill: #ff5a5a !important;
 	}
 }

diff --git a/current/css/buttons/custom_backforward_connected.css b/current/css/buttons/custom_backforward_connected.css
@@ -70,3 +70,17 @@
 #main-window:not([customizing]) #nav-bar #back-button:not(#PlacesChevron)[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-icon {
   background: #efefef !important; /* has to be solid or forward buttons left side will be partly visible */
 }
+
+@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+
+	#main-window #navigator-toolbox #nav-bar #nav-bar-customization-target #back-button > .toolbarbutton-icon,
+	#main-window #nav-bar #back-button > .toolbarbutton-icon {
+	  background-color: #383740 !important;
+	}
+
+	#main-window:not([customizing]) #nav-bar #back-button:not(#PlacesChevron)[disabled=true] > .toolbarbutton-icon,
+	#main-window:not([customizing]) #nav-bar #back-button:not(#PlacesChevron)[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-icon {
+	  background: #383740 !important; /* has to be solid or forward buttons left side will be partly visible */
+	}
+
+}
diff --git a/current/css/buttons/custom_backforward_connected_to_location_bar.css b/current/css/buttons/custom_backforward_connected_to_location_bar.css
@@ -109,3 +109,17 @@
 #main-window:not([customizing]) #nav-bar #back-button:not(#PlacesChevron)[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-icon {
   background: #efefef !important; /* has to be solid or forward buttons left side will be partly visible */
 }
+
+@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+
+	#main-window #navigator-toolbox #nav-bar #nav-bar-customization-target #back-button > .toolbarbutton-icon,
+	#main-window #nav-bar #back-button > .toolbarbutton-icon {
+	  background-color: #383740 !important;
+	}
+
+	#main-window:not([customizing]) #nav-bar #back-button:not(#PlacesChevron)[disabled=true] > .toolbarbutton-icon,
+	#main-window:not([customizing]) #nav-bar #back-button:not(#PlacesChevron)[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-icon {
+	  background: #383740 !important; /* has to be solid or forward buttons left side will be partly visible */
+	}
+
+}
diff --git a/current/css/generalui/popup_items_hover_appearance_aero.css b/current/css/generalui/popup_items_hover_appearance_aero.css
@@ -11,7 +11,6 @@
 }
 
 :is(popup,menupopup,panel,panelmultiview,.panel-subview-body) :is(menuitem,menu,.subviewbutton,toolbarbutton):not(#appMenu-fxa-status2):hover {
-  color: inherit !important;
   background: transparent !important;
   background-color: transparent !important;
   background-image:
@@ -24,3 +23,11 @@
   outline-radius: 3px !important;
   outline-offset: -1px !important;
 }
+
+:is(popup,menupopup,panel,panelmultiview,.panel-subview-body) :is(menuitem,menu,.subviewbutton,toolbarbutton):not(#appMenu-fxa-status2):not([disabled]):hover {
+  color: inherit !important;
+}
+
+:is(popup,menupopup,panel,panelmultiview,.panel-subview-body) :is(menuitem,menu,.subviewbutton,toolbarbutton):not(#appMenu-fxa-status2)[disabled]:hover {
+  filter: grayscale(75%) !important;
+}
diff --git a/current/css/tabs/classic_squared_tabs.css b/current/css/tabs/classic_squared_tabs.css
@@ -228,6 +228,53 @@
 	}
 }
 
+/* dark OS theme + no lwtheme off*/
+@media (-moz-content-prefers-color-scheme: dark),(-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) .tabbrowser-tab {
+	  color: white !important;
+	  text-shadow: 1px 1px 1px black !important;
+	}
+
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) :is(.tabs-newtab-button,#tabs-newtab-button),
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) .tabbrowser-tab .tab-content {
+	  background-image: var(--classic_squared_tabs_lwt-bright_other_tabs) !important;
+	}
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) .tabbrowser-tab .tab-content:is([selected],[multiselected]) {
+	  background-image: linear-gradient(to top, var(--toolbar-bgcolor), var(--toolbar-bgcolor)) !important;
+	}
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) :is(.tabs-newtab-button,#tabs-newtab-button):hover,
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) .tabbrowser-tab:hover .tab-content:not([selected],[multiselected]) {
+	  background-image: var(--classic_squared_tabs_lwt-bright_hovered_tabs) !important;
+	}
+
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) .tabbrowser-tab[pending] .tab-content {
+	  background-image: var(--classic_squared_tabs_lwt-bright_other_tabs) !important;
+	}
+
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) .tabbrowser-tab:not([selected],[multiselected]):not(:hover) {
+	  background: unset !important;
+	}
+
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs)  .tabbrowser-tab:is([selected],[multiselected]) .tab-content {
+	  border-top: 1px solid rgba(255,255,255,.2) !important;
+	  border-left: 1px solid rgba(255,255,255,.1) !important; 
+	  border-right: 1px solid rgba(255,255,255,.1) !important; 
+	}
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) :is(.tabs-newtab-button,#tabs-newtab-button),
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) .tabbrowser-tab:not([selected],[multiselected]) .tab-content {
+	  border-top: 1px solid rgba(255,255,255,.2) !important;
+	  border-left: 1px solid rgba(255,255,255,.1) !important; 
+	  border-right: 1px solid rgba(255,255,255,.1) !important; 
+	}
+
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) :is(.tabs-newtab-button,#tabs-newtab-button) {
+	  fill: white !important;
+	  color: white !important;
+	}
+
+}
+
 /* experimental tab text opacity change */
 :root[lwtheme]:-moz-lwtheme-brighttext :is(#TabsToolbar,#vertical-tabs) .tabbrowser-tab:not([selected],[multiselected]) .tab-text {
   opacity: 0.8 !important;

diff --git a/current/css/tabs/classic_squared_tabs_australized.css b/current/css/tabs/classic_squared_tabs_australized.css
@@ -236,6 +236,30 @@
 
 }
 
+/* dark OS theme + no lwtheme off*/
+@media (-moz-content-prefers-color-scheme: dark),(-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) .tabbrowser-tab {
+	  color: white !important;
+	  text-shadow: 1px 1px 1px black !important;
+	}
+
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) .tabbrowser-tab .tab-content:is([selected],[multiselected]) {
+	  background-image: linear-gradient(to top, var(--toolbar-bgcolor), var(--toolbar-bgcolor)) !important;
+	}
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) :is(.tabs-newtab-button,#tabs-newtab-button):hover,
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) .tabbrowser-tab:hover .tab-content:not([selected],[multiselected]) {
+	  background-image: var(--classic_squared_tabs_lwt-bright_hovered_tabs) !important;
+	}
+
+	:root:not([lwtheme]) :is(#TabsToolbar,#vertical-tabs) .tabbrowser-tab:is([selected],[multiselected]) .tab-content {
+	  border-top: 1px solid rgba(255,255,255,.2) !important;
+	  border-left: 1px solid rgba(255,255,255,.1) !important; 
+	  border-right: 1px solid rgba(255,255,255,.1) !important; 
+	}
+
+}
+
 /* Fx 100+ outline fix */
 :root[lwtheme] :is(#TabsToolbar,#vertical-tabs) #firefox-view-button[open] > .toolbarbutton-icon,
 :root[lwtheme] .tab-background[selected] {

diff --git a/current/css/toolbars/toolbar_mode_icons_and_text.css b/current/css/toolbars/toolbar_mode_icons_and_text.css
@@ -223,6 +223,7 @@ toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1,
 toolbar:not(#TabsToolbar) .toolbarbutton-1,
 toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton{
   appearance: none !important;
+  -moz-default-appearance: unset !important;
 }
 
 toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1:hover,
@@ -231,13 +232,17 @@ toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton:hov
   /*background: var(--toolbarbutton-hover-background,hsla(0,0%,70%,.4)) !important;*/ /* broken in Fx 119, works in Fx 118 and 121 */
   background: hsla(0,0%,70%,.4) !important;
   border-radius: 4px !important;
+  appearance: none !important;
+  -moz-default-appearance: unset !important;
 }
 
 toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1:is([open],[checked],:hover:active,:active),
 toolbar:not(#TabsToolbar) .toolbarbutton-1:is([open],[checked],:hover:active,:active),
 toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton:is([open],[checked],:hover:active,:active){
   /*background: var(--toolbarbutton-active-background,hsla(0,0%,70%,.6)) !important;*/ /* broken in Fx 119, works in Fx 118 and 121 */
   background: hsla(0,0%,70%,.65) !important;
+  appearance: none !important;
+  -moz-default-appearance: unset !important;
 }
 
 }
diff --git a/current/userChrome.css b/current/userChrome.css
@@ -2,7 +2,7 @@
   Firefox userChrome.css tweaks: main file
   
   Custom CSS for Firefox 115+
-  Current version: 4.5.5
+  Current version: 4.5.6
 
   Based on 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons CSS code 
   Github: https://github.com/aris-t2/customcssforfx
@@ -629,6 +629,7 @@
    [!] not compatible with 'tabs toolbar - below main content' option
    [!] not compatible with 'newtab button always_visible' option
    [!] only compatible with 'tabs below navigation toolbar >> alt << version'
+   [!] not compatible to Firefox 131+
 */
 
 /* @import "./css/tabs/tabs_multiple_lines.css"; /**/