Fix: update v4.6.0

src/compatibility/_theme.scss

@@ -30,6 +30,11 @@
   --lwt-toolbarbutton-icon-fill-attention: var(--button-primary-bgcolor, rgb(0, 120, 215));
 }
 
+/*= First visible tab margin at maximized #332 ===============================*/
+:root[tabsintitlebar="true"][sizemode="maximized"] #TabsToolbar {
+  margin-left: -1px;
+}
+
 /*= Disabled menu background color ===========================================*/
 menuitem[disabled="true"],
 menu[disabled="true"] {

src/contents/_video_player.scss

@@ -0,0 +1,110 @@
+/* Control Bar UI */
+audio {
+  --duration-color: #929292; /* Like Original */
+  --media-background: rgba(26,26,26,.8); /* Like Original */
+
+  border-radius: 8px;
+  --box-shadow1: rgba(14,13,26,.12);
+  --box-shadow2: rgba(7,48,114,.12);
+  --box-shadow3: rgba(34,0,51,.04);
+  box-shadow: 0 5px 10px -3px var(--box-shadow1), 0 3px 16px 2px var(--box-shadow2),
+              0 8px 12px  1px var(--box-shadow3);
+  /* Or: 0 2px 15px rgba(0,0,0,.1); */
+}
+video {
+  --duration-color: #eee;
+  --media-background: linear-gradient(transparent, rgba(26,26,26,.85));
+}
+
+@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+  audio {
+    --box-shadow1: rgba(249, 249, 250, 0.12);
+    --box-shadow2: rgba(91, 91, 102, 0.12);
+    --box-shadow3: rgba(82, 82, 94, 0.04);
+  }
+}
+@media (prefers-contrast) {
+  video {
+    --duration-color: #929292; /* Like Original */
+    --media-background: rgba(26,26,26,.8); /* Like Original */
+  }
+}
+#controlsContainer .controlBar {
+  background: var(--media-background) !important;
+}
+#controlsContainer .duration {
+  color: var(--duration-color) !important; /* Original: #929292 */
+}
+#controlsContainer .fullscreenButton {
+  background-image: url("./icons/enter-fullscreen.svg") !important;
+}
+#controlsContainer .fullscreenButton[fullscreened] {
+  background-image: url("./icons/exit-fullscreen.svg") !important;
+}
+
+#controlsContainer .muteButton[noAudio] {
+  /* Remove volume button at noAudio */
+  display: none !important;
+}
+
+/* Control Bar Size */
+#controlsContainer {
+  --button-size: 32px !important; /* Original: 30px */
+  --controlBar-height: 40px; /* Original: 40px, Replace to this value */
+}
+#controlsContainer .touch {
+  --button-size: 48px !important; /* Original: 40px */
+  --controlBar-height: 52px; /* Original: 52px */
+}
+.videocontrols[inDOMFullscreen] #controlsContainer {
+  --button-size: 64px !important; /* Original: 30px */
+  --track-size: 6px !important; /* Original: 5px, Touch: 7px */
+  --thumb-size: 15px !important; /* Original: 13px, Touch: 16px */
+  --controlBar-height: 64px; /* Original: 40px */
+}
+.videocontrols[inDOMFullscreen] #controlsContainer .touch {
+  --button-size: 72px !important; /* Original: 40px */
+  --controlBar-height: 64px; /* Original: 52px */
+}
+#controlsContainer .controlBar {
+  height: var(--controlBar-height) !important; /* Original: 40px */
+}
+.videocontrols[inDOMFullscreen] #controlsContainer .controlBar {
+  padding-bottom: 8px !important;
+}
+
+/* Click to play UI */
+#controlsContainer .clickToPlay {
+  cursor: pointer;
+  opacity: 0.65 !important;
+}
+#controlsContainer .controlsSpacerStack:hover > .clickToPlay {
+  opacity: 0.85 !important;
+}
+#controlsContainer .controlsSpacerStack:hover > .clickToPlay:hover {
+  opacity: 1 !important;
+  fill: #48a0f7 !important; /* color as .scrubber */
+}
+
+/* Animation */
+@media (prefers-reduced-motion: no-preference) {
+  /* Control Bar */
+  #controlsContainer .controlBar {
+    transition: transform 350ms ease;
+  }
+  #controlsContainer .controlBar[hidden] {
+    transform: translateY(100%);
+    transition: transform 350ms ease-in-out, opacity 1s ease 100ms !important;
+  }
+  #controlsContainer .controlBar[hidden] .progressBar,
+  #controlsContainer .controlBar[hidden] .bufferBar {
+    display: unset !important;
+    opacity: 0.55;
+    transition: opacity 150ms ease 50ms;
+  }
+
+  /* Click to play */
+  #controlsContainer .clickToPlay {
+    transition: opacity 150ms ease-in-out, fill 150ms ease-in-out;
+  }
+}

src/decoration/_animate.scss

@@ -36,17 +36,12 @@ vbox:hover,
   /* -moz-box-flex may be caused #tabbrowser-tabs[closebuttons] */
   transition: -moz-box-flex 0.2s var(--animation-easing-function),
     margin-inline-start 0.2s var(--animation-easing-function), min-width 0.1s ease-out, max-width 0.1s ease-out !important;
-  max-width: var(--tab-max-width, 240px);
 }
 #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[pinned] {
   transition: -moz-box-flex 0.2s var(--animation-easing-function),
     margin-inline-start 0.2s var(--animation-easing-function) !important;
 }
 
-#tabbrowser-tabs:not([movingtab]) .tab-content {
-  transition: padding-inline 0.2s var(--animation-easing-function),
-    /* Unloaded Tab */ opacity 0.5s var(--animation-easing-function) !important;
-}
 #tabbrowser-tabs:not([movingtab]) .tab-content::before,
 #tabbrowser-tabs:not([movingtab]) .tab-content::after {
   transition: width 0.2s var(--animation-easing-function), transform 0.2s var(--animation-easing-function) !important;
@@ -123,6 +118,7 @@ xul|search-textbox.tabsFilter:hover,
 #navigator-toolbox {
   /* Full screen out */
   transition: margin-top 1s ease;
+  transform-origin: top;
 }
 #navigator-toolbox[inFullscreen="true"] {
   /* Full screen enter */

src/icons/_waterfox.scss

@@ -0,0 +1,12 @@
+#appMenu-restart-button {
+  list-style-image: url("./icons/refresh-cw.svg") !important;
+}
+#menu_FileRestartItem {
+  --menuitem-image: url("./icons/refresh-cw.svg");
+}
+
+menuitem.privatetab-icon {
+  list-style-image: url("./icons/priavate-favicon.svg") !important;
+  fill: currentColor;
+  -moz-context-properties: fill;
+}

src/icons/context_menu/_others.scss

@@ -75,7 +75,7 @@
   /* checkbox */
 }
 .downloadShowMenuItem {
-  --menuitem-image: url("chrome://global/skin/icons/folder.svg");
+  --menuitem-image: url("./icons/folder.svg");
 }
 
 #downloadsContextMenu > menuitem[command="downloadsCmd_openReferrer"] {
@@ -85,9 +85,12 @@
   --menuitem-image: url("./icons/link.svg");
 }
 
-.downloadRemoveFromHistoryMenuItem {
+.downloadDeleteFileMenuItem {
   --menuitem-image: url("chrome://global/skin/icons/delete.svg");
 }
+.downloadRemoveFromHistoryMenuItem {
+  --menuitem-image: url("./icons/eraser.svg");
+}
 #downloadsContextMenu > menuitem[command="downloadsCmd_clearList"],
 #downloadsContextMenu > menuitem[command="downloadsCmd_clearDownloads"] {
   --menuitem-image: url("./icons/broom.svg");

src/icons/context_menu/_place.scss

@@ -50,7 +50,7 @@
   --menuitem-image: url("chrome://browser/skin/bookmark.svg");
 }
 #placesContext_new\:folder {
-  --menuitem-image: url("chrome://global/skin/icons/folder.svg");
+  --menuitem-image: url("./icons/folder.svg");
 }
 #placesContext_new\:separator {
   --menuitem-image: url("./icons/vertical-line.svg");

src/theme/_fully_color.scss

@@ -158,6 +158,9 @@ body:not([lwt-sidebar]) xul|search-textbox.tabsFilter[focused="true"] {
   background-color: var(--panel-bgcolor) !important; /* Original: Field */
   color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: FiledText */
 }
+.autocomplete-richlistitem:hover {
+  background-color: var(--arrowpanel-dimmed) !important;
+}
 
 #PopupAutoComplete > richlistbox > richlistitem[originaltype="generatedPassword"] > .two-line-wrapper > .ac-site-icon,
 #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] > .two-line-wrapper > .ac-site-icon,

src/userChrome.scss

@@ -78,6 +78,9 @@
 /** Crashed Tab - Don't show Favicons *****************************************/
 @import "tabbar/crashed_tab";
 
+/** Fullscreen - Overlap toolbar **********************************************/
+@import "fullscreen/index";
+
 /** Library - Icons Replace ***************************************************/
 @import "library/chrome";
 
@@ -91,5 +94,9 @@
 
 @import "icons/context_menu";
 @import "icons/global_menu";
+
 /** Libray Menu ***************************************************************/
 @import "icons/library";
+
+/*= Waterfox =================================================================*/
+@import "icons/waterfox";

src/userContent.scss

@@ -4,6 +4,9 @@
 @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 @namespace html url("http://www.w3.org/1999/xhtml");
 
+/** Video player **************************************************************/
+@import "contents/video_player";
+
 /** Activity Stream ***********************************************************/
 @import "contents/activity_stream";