QNetITQ · Sep 13, 2026 · Sep 11, 2026 · Sep 11, 2026 · Sep 11, 2026 · Sep 11, 2026
diff --git a/README.md b/README.md
@@ -9,10 +9,10 @@
 [Download Firefox](https://www.mozilla.org/en-US/firefox/all/#product-desktop-release) / [Download WaveFox](https://github.com/QNetITQ/WaveFox/releases) / [WaveFox Nightly](https://github.com/QNetITQ/WaveFox/tree/WaveFox-Nightly)
 
 <details>
-  <summary>WaveFox Nova v0.6.155</summary>
+  <summary>WaveFox Nova v0.7.156</summary>
 
 - ##### Minimum Requirements
-  - Firefox 155
+  - Firefox 156
   - Windows / MacOS / Linux
 
 - Download the `chrome` folder and put it in your user profile folder
@@ -27,11 +27,6 @@ These are very rough options. There's no guarantee they'll make it into the fina
 
 - `WaveFox.VerticalTabs.Tests` > 1 or 2
 
-### Compact Web Page
-<img width="1738" height="892" alt="изображение" src="https://github.com/user-attachments/assets/7f39bae0-1c03-4579-9400-1a083496b1a2" />
-
-- `WaveFox.HorizontalTabs.WebPage.Compact`
-
 ### Tab Shapes
 This setting makes tabs one with the browser toolbar. Depends on the corner rounding settings or custom tab shapes.
 <img width="1794" height="103" alt="изображение" src="https://github.com/user-attachments/assets/665f7f02-4869-46ab-bb65-6ffe83ca36c2" />

diff --git a/chrome/modules/general_styles/wavefox_toolbar.css b/chrome/modules/general_styles/wavefox_toolbar.css
@@ -8,6 +8,8 @@
         --border-radius-small: 4px !important;
         --border-radius-medium: 4px !important;
         --border-radius-large: 4px !important;
+        --border-radius-xlarge: 4px !important;
+        --border-radius-circle: 4px !important;
     }
 }
 
@@ -19,6 +21,8 @@
         --border-radius-small: 6px !important;
         --border-radius-medium: 6px !important;
         --border-radius-large: 6px !important;
+        --border-radius-xlarge: 6px !important;
+        --border-radius-circle: 6px !important;
     }
 }
 
@@ -30,6 +34,8 @@
         --border-radius-small: 10px !important;
         --border-radius-medium: 10px !important;
         --border-radius-large: 10px !important;
+        --border-radius-xlarge: 10px !important;
+        --border-radius-circle: 10px !important;
     }
 }
 
@@ -41,5 +47,7 @@
         --border-radius-small: 12px !important;
         --border-radius-medium: 12px !important;
         --border-radius-large: 12px !important;
+        --border-radius-xlarge: 12px !important;
+        --border-radius-circle: 12px !important;
     }
 }
diff --git a/chrome/modules/horizontal_tabs/wavefox_main_window_and_subobjects.css b/chrome/modules/horizontal_tabs/wavefox_main_window_and_subobjects.css
@@ -1,128 +1,21 @@
-body
-{
-    background-image: var(--toolbox-background-image) !important;
-    background-repeat: var(--toolbox-background-repeat) !important;
-    background-position: var(--toolbox-background-position) !important;
-    background-size: var(--toolbox-background-size) !important;
-}
-
 #navigator-toolbox
 {
-    background-color: transparent !important;
-    background-image: none !important;
-    margin: 0px !important;
-    border: none !important;
-    border-radius: 0px !important;
-
     & > *
     {
-        background-color: transparent !important;
         border: none !important;
     }
 }
 
-@media -moz-pref("WaveFox.HorizontalTabs.AttachedTabs")
-{
-    #navigator-toolbox > *:not(.browser-titlebar)
-    {
-        background-color: var(--toolbar-background-color) !important;
-    }
-
-    #browser
-    {
-        background-color: var(--toolbar-background-color) !important;
-    }
-}
-
-/* Web Page */
-
-#browser
-{
-    #sidebar-splitter
-    {
-        width: 4px !important;
-        margin-block: 0px !important;
-        margin-inline: -4px !important;
-    }
-
-    #tabbrowser-tabbox
-    {
-        .split-view-panel
-        {
-            margin: 0px !important;
-        }
-
-        .split-view-splitter
-        {
-            width: 4px !important;
-            margin: 0px !important;
-        }
-
-        .browserContainer
-        {
-            outline: none !important;
-            border: 1px solid var(--chrome-content-separator-color) !important;
-            box-shadow: none !important;
-        }
-    }
-}
-
 /* OS System Theme */
 
 @media -moz-pref("WaveFox.HorizontalTabs.OS.SystemTheme") and
        -moz-pref("extensions.activeThemeID", 'default-theme@mozilla.org')
 {
     #main-window,
-    body
+    body,
+    #navigator-toolbox
     {
         background-color: transparent !important;
         background-image: none !important;
     }
 }
-
-/* Web Page */
-
-@media -moz-pref("WaveFox.HorizontalTabs.WebPage.Compact")
-{
-    #browser
-    {
-        padding: 0px !important;
-        gap: 0px !important;
-        border-top: 1px solid var(--chrome-content-separator-color) !important;
-
-
-        #sidebar-container
-        {
-            border: none !important;
-            border-radius: 0px !important;
-        }
-
-        #sidebar-box
-        {
-            margin: 0px !important;
-            border: none !important;
-            border-radius: 0px !important;
-        }
-
-        #sidebar-splitter
-        {
-            margin: 0px !important;
-            margin-inline: -2px !important;
-        }
-
-        #tabbrowser-tabbox
-        {
-            .split-view-splitter
-            {
-                margin-inline: -2px !important;
-                z-index: 1 !important;
-            }
-
-            .browserContainer
-            {
-                border: none !important;
-                border-radius: 0px !important;
-            }
-        }
-    }
-}
diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_media_icons_and_text.css b/chrome/modules/horizontal_tabs/wavefox_tab_media_icons_and_text.css
@@ -6,24 +6,35 @@
 
     .tabbrowser-tab[pinned]:not([crashed])
     {
+        &:where([soundplaying], [muted], [activemedia-blocked]) .tab-icon-stack > :not(.tab-icon-overlay)
+        {
+            clip-path: shape(
+                nonzero from 0px 0px,
+                hline by 16px,
+                vline by 16px,
+                arc by -16px 0px of 8px ccw,
+                close
+            );
+        }
+
         .tab-icon-overlay
         {
-            background-color: var(--toolbar-background-color) !important;
+            background-color: transparent !important;
             background-image: none !important;
-            color: var(--toolbar-text-color) !important;
+            color: inherit !important;
             fill: currentColor !important;
-            top: -8px !important;
-            inset-inline-end: -8px !important;
-            padding: 1px !important;
+            top: 8px !important;
+            inset-inline-end: 0px !important;
+            box-shadow: none !important;
 
             &:hover
             {
-                background-color: color-mix(in srgb, currentColor 17%, var(--toolbar-background-color)) !important;
+                background-color: color-mix(in srgb, currentColor 17%, transparent) !important;
             }
 
             &:hover:active
             {
-                background-color: color-mix(in srgb, currentColor 30%, var(--toolbar-background-color)) !important;
+                background-color: color-mix(in srgb, currentColor 30%, transparent) !important;
             }
         }
     }
@@ -32,20 +43,30 @@
 
     .tabbrowser-tab:not([pinned], [crashed])
     {
+        &:where([soundplaying], [muted], [activemedia-blocked]) .tab-icon-stack > *
+        {
+            clip-path: shape(
+                nonzero from 0px 0px,
+                hline by 16px,
+                vline by 16px,
+                arc by -16px 0px of 8px ccw,
+                close
+            );
+        }
+
         .tab-audio-button
         {
-            --icon-size: 14px !important;
             --button-size-icon-small: 16px !important;
             --button-min-height-small: 16px !important;
-            --button-border-radius: var(--border-radius-circle) !important;
+            --button-background-color-ghost: transparent !important;
+            --button-text-color-ghost: inherit !important;
+            --button-background-color-ghost-hover: color-mix(in srgb, currentColor 17%, transparent) !important;
+            --button-text-color-ghost-hover: inherit !important;
+            --button-background-color-ghost-active: color-mix(in srgb, currentColor 30%, transparent) !important;
+            --button-text-color-ghost-active: inherit !important;
             margin: 0px !important;
             position: relative !important;
-            top: -8px !important;
-            inset-inline-end: -8px !important;
-            background-color: var(--toolbar-background-color) !important;
-            border-radius: var(--border-radius-circle) !important;
-            color: var(--toolbar-text-color) !important;
-            box-shadow: var(--box-shadow-level-1) !important;
+            top: 8px !important;
         }
 
         .tab-content
@@ -81,50 +102,13 @@
     }
 }
 
-/* Picture-In-Picture */
-
-.tabbrowser-tab[pictureinpicture]:not([crashed], [busy])
-{
-    .tab-icon-stack::before
-    {
-        content: "";
-        display: block;
-        position: absolute;
-        width: 16px;
-        height: 16px;
-        background-color: currentColor;
-        mask-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
-        mask-size: 16px 16px;
-        mask-position: center center;
-        mask-repeat: no-repeat;
-        mask-mode: alpha;
-
-        :root:-moz-locale-dir(rtl) &
-        {
-            transform: rotateY(180deg);
-        }
-    }
-
-    .tab-icon-stack > *
-    {
-        background-color: var(--toolbar-background-color) !important;
-        border-radius: var(--border-radius-circle) !important;
-        box-shadow: var(--box-shadow-level-1) !important;
-        position: relative !important;
-        padding: 2px !important;
-        inset-inline-start: 8px !important;
-        top: 8px !important;
-        box-sizing: border-box !important;
-        z-index: 1 !important;
-    }
-}
-
 /* Tab Text */
 
 .tab-label-container
 {
     height: auto !important;
     font-size: clamp(0px, 1em, 16px) !important;
+    mask-image: none !important;
 }
 
 .tab-label

diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css
@@ -1,3 +1,4 @@
+/*
 @media -moz-pref("extensions.activeThemeID", 'default-theme@mozilla.org')         or
        -moz-pref("extensions.activeThemeID", 'firefox-compact-light@mozilla.org') or
        -moz-pref("extensions.activeThemeID", 'firefox-compact-dark@mozilla.org')
@@ -86,3 +87,4 @@
         }
     }
 }
+*/
diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css
@@ -21,7 +21,7 @@
 {
     &[pinned]
     {
-        .tab-context-line
+        &[usercontextid] .tab-context-line
         {
             position: relative !important;
             width: 4px !important;
@@ -33,13 +33,14 @@
 
     &:not([pinned])
     {
-        .tab-context-line
+        &[usercontextid] .tab-context-line
         {
             position: relative !important;
+            width: auto !important;
             height: 3px !important;
             margin-block: 0px auto !important;
             margin-inline: calc(var(--tab-border-radius) / 2 + 4px) !important;
-            mask-image: none !important;
+            background-color: var(--identity-stroke-color) !important;
         }
     }
 
@@ -106,7 +107,7 @@
 
     .tab-content
     {
-        background-position: 50% calc(50% + var(--tab-min-height) / 2 - 2px) !important;
+        background-position: 50% calc(50% - var(--tab-min-height) / 2 + 2px) !important;
     }
 
     /* Split View */

diff --git a/chrome/userChrome.css b/chrome/userChrome.css
@@ -31,4 +31,4 @@
 @import "modules/vertical_tabs/wavefox_tab_media_icons_and_text.css"     layer(BasicPriority) /* supports() */ -moz-pref("sidebar.verticalTabs!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!", true);
 @import "modules/vertical_tabs/wavefox_toolbar_buttons.css"              layer(BasicPriority) /* supports() */ -moz-pref("sidebar.verticalTabs", true);
 
-/* ---------------------------------------- Third-party styles (Maximum priority) ---------------------------------------- */
+/* ---------------------------------------- Third-party styles (Maximum priority) ---------------------------------------- */