4.3.1

current/config/general_variables.css

@@ -8,6 +8,9 @@
 
   /* custom height for default tabs [disabled by default] */
   /*--tab-min-height: 24px !important; /**/
+
+  /* custom height for 'photon tabs' only */
+  --photon_tabs_tab_height: 28px !important;
 
   /* custom height for 'classic squared tabs' only */
   --classic_squared_tabs_tab_height: 26px !important;

current/css/aboutaddons/addonlists_show_buttons_instead_of_menu_popup.css

@@ -206,11 +206,6 @@
 	  background: green url("chrome://global/skin/icons/check.svg") 2px no-repeat !important;
 	}
 
-	/*addon-card .card-contents {
-	  display: block !important;
-	  height: 40px !important;
-	}*/
-
 	addon-card .card-contents .addon-description {
 	  display: block !important;
 	  mask-image: linear-gradient(to left, transparent, black 10px) !important;
@@ -219,7 +214,6 @@
 	/* disable short description on expanded add-ons to prevent button jumping */
 	addon-card[expanded="true"] .card-contents .addon-description {
 	  display: none !important;
-	  /*position: absolute !important;*/
 	}
 
 	addon-card .addon.card .theme-enable-button,
@@ -230,14 +224,7 @@
 	.card-contents input[type="checkbox"].toggle-button {
 	  margin-inline-end: 10px !important;
 	}
-
-	addon-card > .addon.card,
-	addon-card > .addon.card * {
-	  overflow: hidden !important;
-	}
-
-
-	/**/	
+
 	#main > div:is([current-view="list"], [current-view="updates"]) .addon.card {
 		position: relative;
 		display: flex;
@@ -276,12 +263,6 @@
 		margin-top: -9px;
 		margin-inline-end: -5px;
 	}
-	/*
-	addon-card panel-list {
-		margin-top: unset !important;
-		right: unset !important;
-		float: unset !important;
-	}*/
 
 	#main > div[current-view="detail"] addon-details > .tab-group {
 		display: block !important;
@@ -293,28 +274,6 @@
 		right: 0 !important;
 	}
 
-
-	/* small image */ /*
-	addon-list[type="theme"] .card-heading-image {
-	  width: 200px !important;
-	  height: 40px !important;
-	  object-fit: unset !important;
-	  padding-bottom: 50px !important;
-	}
-	/**/
-/*
-	addon-list[type="theme"] .card-heading-image {
-	  position: absolute !important;
-	}
-/*
-	addon-list[type="theme"] addon-card > .addon.card {
-	  height: 144px;
-	}
-
-	addon-list[type="theme"] .card-contents {
-	  margin-top: 100px !important;
-	}
-*/
 	addon-list[type="theme"] addon-card panel-list {
 	  margin-top: -27px !important;
 	  margin-inline-end: 0px !important;
@@ -337,5 +296,4 @@
 	  background-image: unset !important;
 	}
 
-
 }

current/css/aboutaddons/addons_manager_alternative_appearance.css

@@ -129,7 +129,7 @@
 
 	#categories .category[name="plugin"],
 	#category-plugin .category-icon {
-	  fill: blue /*#2b63c1*/ !important;
+	  fill: blue !important;
 	}
 
 	#categories .category[name="dictionary"],
@@ -249,7 +249,7 @@
 
 	addon-card:not([expanded]) .addon.card {
 	  max-width: unset !important;
-	  padding-inline-end: 0px !important;
+	  padding-inline-end: 2px !important;
 	}
 
 	.list-view-heading-inner {
@@ -292,16 +292,17 @@
 
 	body > div#full {
 	  margin-inline-start: -1px !important;
-	  margin-inline-end: 1px !important;
-	  margin-bottom: 4px !important;
+	  /*margin-inline-end: 10px !important;*/
+	  padding-inline-end: 12px !important;
+	  /*margin-bottom: 4px !important;*/
 	  max-width: unset !important;
 	  box-shadow: unset !important;
 	  border: 0 !important;
 	  border-radius: 0 !important;
 	  background: linear-gradient(to bottom right, #f5f5f5,-moz-Dialog,#f5f5f5,-moz-Dialog) !important;
 
 	}
-	
+
 	@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
 
 	  :root{
@@ -519,16 +520,19 @@
 	  margin: unset !important;
 	}
 
-	/* fix Firefox bug */
+	/* fix Firefox bug */	
 	#addon-inline-options {
-	  height: unset !important;
-	  min-height: 100% !important;
+	  height: 2000px !important;
+	  min-height: unset !important;
+	  max-height: unset !important;
+	  overflow-y: auto !important;
 	}
 
 	.inline-options-stack {
 	  height: unset !important;
-	  min-height: calc(100vh - 220px) !important;
-	  max-height: calc(100vh - 220px) !important;
+	  min-height: calc(100vh - 200px) !important;
+	  max-height: calc(100vh - 200px) !important;
+	  overflow-y: auto !important;
 	}
 
 }

current/css/tabs/classic_squared_tabs.css

@@ -604,7 +604,7 @@
   padding-bottom: 2px !important
 }
 
-/* Fx 110 none-sense - remove line below active tab */
+/* Fx 110 nonsense - remove line below active tab */
 #nav-bar:not([tabs-hidden="true"]) {
   position: unset !important;
 }

current/css/tabs/classic_squared_tabs_australized.css

@@ -594,7 +594,7 @@
   padding-bottom: 2px !important
 }
 
-/* Fx 110 none-sense - remove line below active tab */
+/* Fx 110 nonsense - remove line below active tab */
 #nav-bar:not([tabs-hidden="true"]) {
   position: unset !important;
 }

current/css/tabs/default_tabs_photon.css

@@ -5,7 +5,7 @@
 
 :root {
   /* variable for tabs below navigation toolbar option */
-  --tab_below_navigation_toolbar_bottom_padding: calc( var(--tab-min-height) + 0.5px ) !important;
+  --tab_below_navigation_toolbar_bottom_padding: calc( var(--tab-min-height) + 1px ) !important;
 
   /* variable for tabs below navigation toolbar option on macOS */
   --tab_below_navigation_toolbar_bottom_padding_macOS: calc( var(--tab-min-height) + 1px ) !important;
@@ -15,7 +15,9 @@
   --tab_below_main_content_bottom_margin: calc(3px + var(--tab-min-height)) !important;
   --tab_below_main_content_toolbar_height: calc(2px + var(--tab-min-height)) !important;
   --tab_below_main_content_top_margin: 0px !important;
-
+
+  --photon_tabs_tab_height: 28px;
+  --tab-min-height: var(--photon_tabs_tab_height) !important;
 }
 
 /* make tabs look like tabs again */
@@ -24,8 +26,7 @@
   margin-block: 0px !important;
 }
 
-.tab-background[multiselected=true],
-.tab-background[selected=true] {
+.tab-background:is([multiselected=true],[selected=true]) {
   background-color: var(--toolbar-bgcolor) !important;
   background-image: var(--toolbar-bgimage) !important;
 }
@@ -63,7 +64,12 @@
   border-radius: 0px !important;
 }
 
-.tabbrowser-tab[selected]:not([usercontextid]) .tab-context-line {
+/* increase line height for selected main tab if multiple tabs are selected*/
+.tabbrowser-tab:not([selected])[multiselected] .tab-context-line {
+  height: 1px !important;
+}
+
+.tabbrowser-tab:is([selected],[multiselected]):not([usercontextid]) .tab-context-line {
   background-color: Highlight !important;
 }
 
@@ -85,45 +91,44 @@
   box-shadow: unset !important;
 }
 
-/* Tab separators: modified Fx88s browser.css code */
-.titlebar-spacer[type="pre-tabs"] {
-  border-inline-end: 1px solid var(--lwt-background-tab-separator-color, currentColor);
-  opacity: 0.2;
-}
-
-.tabbrowser-tab::after,
+/* tab separators rewritten since some rules are not supported by Firefox anymore */
 .tabbrowser-tab::before {
-  border-left: 1px solid var(--lwt-background-tab-separator-color, currentColor);
   margin-block: 5px 4px;
   opacity: 0.3;
+  content: "";
+  display: block;
+  border-right: 1px solid transparent;
 }
 
-.tabbrowser-tab::before {
-  margin-inline-start: -1px;
+.tabbrowser-tab:not([multiselected=true],[selected])::before {
+  border-right: 1px solid var(--lwt-background-tab-separator-color, currentColor);
 }
 
-:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] + #TabsToolbar .tabbrowser-tab::after,
-.tabbrowser-tab:hover::after,
-#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[beforehovered]::after,
-.tabbrowser-tab[multiselected]::after,
-#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[before-multiselected]::after {
-  margin-top: var(--tabs-top-border-width);
-  margin-bottom: 0;
+.tabbrowser-tab:not([selected])[first-visible-unpinned-tab]::before {
+  border-right: 1px solid transparent;
 }
 
-#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[beforeselected-visible]::after,
-#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before,
-.tabbrowser-tab[visuallyselected]::after {
-  border-color: var(--tabs-border-color);
-  margin-top: 0;
-  margin-bottom: var(--tabs-navbar-shadow-size);
-  opacity: 0.1;
+.tabbrowser-tab[selected] + .tabbrowser-tab:not([selected])::before {
+  border-right: 1px solid transparent;
 }
 
-.tabbrowser-tab::after,
-#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before {
+.tabbrowser-tab:not([selected]):last-of-type::after {
+  border-right: 1px solid var(--lwt-background-tab-separator-color, currentColor);
+  margin-block: 5px 4px;
+  opacity: 0.3;
   content: "";
   display: block;
+  margin-inline-end: -1px;
+}
+
+#TabsToolbar:hover .tabbrowser-tab::before,
+#TabsToolbar:hover .tabbrowser-tab::after {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.tabbrowser-tab:hover:not([selected])[first-visible-unpinned-tab]::before {
+  border-right: 1px solid var(--lwt-background-tab-separator-color, currentColor);
 }
 
 /* remove active tabs left and right tab border color when using lw-themes */
@@ -132,10 +137,28 @@
   box-shadow: unset !important;
 }
 
+.tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) {
+  box-shadow: 0 0 1px rgba(0,0,0,.5) !important;
+}
+
 .tab-background:is([selected], [multiselected]):-moz-lwtheme {
   border: 0 !important;
 }
 
+.tab-background[multiselected=true] {
+  outline: unset !important;
+  outline-offset: unset !important;
+}
+
+.tab-background[multiselected=true][selected=true] {
+  outline-width: unset !important;
+  outline-offset: unset !important;
+}
+
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])[multiselected] {
+  background-color: color-mix(in srgb, currentColor 11%, transparent) !important;
+}
+
 /* tab height fix ESR 91.6, 96.0.2, 97+ */
 #tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
   height: unset !important;
@@ -170,12 +193,12 @@
   display: none !important;
 }
 
-/* Fx 106+*/	
+/* Fx 106+ */	
 #private-browsing-indicator-with-label {
   display: none !important;
 }
 
-/* Fx 110 none-sense - remove line below active tab */
+/* Fx 110+ - remove line below active tab */
 #nav-bar:not([tabs-hidden="true"]) {
   position: unset !important;
 }

current/css/tabs/tabs_below_navigation_toolbar.css

@@ -109,6 +109,11 @@
   bottom: calc( -2 * var(--tab_below_navigation_toolbar_bottom_padding) + 8px );
   width: 100vw;
 }
+/*
+#TabsToolbar #tabbrowser-arrowscrollbox {
+  margin-top: 1px !important;
+  margin-bottom: -1px !important;
+}*/
 
 /* Fx 105+ */
 :root:not([privatebrowsingmode=temporary]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs,

current/css/toolbars/addonbar_extra_bookmarks_toolbar_below_navbar.css

@@ -3,7 +3,10 @@
 /****************************************************************************************/
 
 
-/* this creates an empty space below navigation toolbar */
+/* This creates an empty space below navigation toolbar.
+   "Bookmarks Toolbar Items" element has to be moved to
+   navigation toolbar in customizing mode.
+*/
 
 #main-window:not([customizing="true"]) #nav-bar {
   padding-bottom: 26px !important;

current/css/toolbars/addonbar_status_in_addonbar.css

@@ -21,6 +21,7 @@
   border: 0 !important;
   background-color: unset !important;
   padding-top: 4px !important;
+  color: inherit !important;
 }
 
 #statuspanel {