From 4c8a162656cff852518f371e94e8f84025f5568e Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 11 Sep 2026 13:53:00 +0300 Subject: [PATCH 1/9] Update wavefox_main_window_and_subobjects.css --- .../wavefox_main_window_and_subobjects.css | 111 +----------------- 1 file changed, 2 insertions(+), 109 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_main_window_and_subobjects.css b/chrome/modules/horizontal_tabs/wavefox_main_window_and_subobjects.css index a3c666dc..31cda2df 100644 --- 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; - } - } - } -} From 956d1961ae4cf2bdbca2df2fd84fba2b3084c501 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 11 Sep 2026 13:53:50 +0300 Subject: [PATCH 2/9] Update README.md --- README.md | 5 ----- 1 file changed, 5 deletions(-) diff --git a/README.md b/README.md index 09cc500b..64d330b0 100644 --- a/README.md +++ b/README.md @@ -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 -изображение - -- `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. изображение From 3cce2fee4bd3e77abee87a09a52aa1e220583d62 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 11 Sep 2026 13:54:27 +0300 Subject: [PATCH 3/9] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 64d330b0..3d5ec2e4 100644 --- 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)
- WaveFox Nova v0.6.155 + WaveFox Nova v0.7.156 - ##### Minimum Requirements - - Firefox 155 + - Firefox 156 - Windows / MacOS / Linux - Download the `chrome` folder and put it in your user profile folder From 482b2d95cc59400b9c3c56b89158e5c1f70d52aa Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 11 Sep 2026 14:44:10 +0300 Subject: [PATCH 4/9] Update wavefox_tab_media_icons_and_text.css --- .../wavefox_tab_media_icons_and_text.css | 90 ++++++++----------- 1 file changed, 37 insertions(+), 53 deletions(-) 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 index 11c0da7d..a1146e7f 100644 --- 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 From a87026fb6c122b53453eb45b35c4bfe6fec945b5 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sun, 13 Sep 2026 12:57:58 +0300 Subject: [PATCH 5/9] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index b6beaa0b..a4a499ad 100644 --- 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 */ From c143cd7f27dabc1932f1f792d2ca6282ffb4246f Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sun, 13 Sep 2026 12:58:28 +0300 Subject: [PATCH 6/9] Update wavefox_tab_shadows.css --- chrome/modules/horizontal_tabs/wavefox_tab_shadows.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index a098dfb9..3a1f51a2 100644 --- 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 @@ } } } +*/ From 877d45faaa947f470e0829901238af5b2e874216 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sun, 13 Sep 2026 13:05:17 +0300 Subject: [PATCH 7/9] Update wavefox_toolbar.css --- chrome/modules/general_styles/wavefox_toolbar.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/chrome/modules/general_styles/wavefox_toolbar.css b/chrome/modules/general_styles/wavefox_toolbar.css index 3b99e0ae..1c1ce9c0 100644 --- a/chrome/modules/general_styles/wavefox_toolbar.css +++ b/chrome/modules/general_styles/wavefox_toolbar.css @@ -8,6 +8,7 @@ --border-radius-small: 4px !important; --border-radius-medium: 4px !important; --border-radius-large: 4px !important; + --border-radius-xlarge: 4px !important; } } @@ -19,6 +20,7 @@ --border-radius-small: 6px !important; --border-radius-medium: 6px !important; --border-radius-large: 6px !important; + --border-radius-xlarge: 6px !important; } } @@ -30,6 +32,7 @@ --border-radius-small: 10px !important; --border-radius-medium: 10px !important; --border-radius-large: 10px !important; + --border-radius-xlarge: 10px !important; } } @@ -41,5 +44,6 @@ --border-radius-small: 12px !important; --border-radius-medium: 12px !important; --border-radius-large: 12px !important; + --border-radius-xlarge: 12px !important; } } From 885fb8dfbce2d6c067e48ec0266edefaf407d4f5 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sun, 13 Sep 2026 13:09:42 +0300 Subject: [PATCH 8/9] Update wavefox_toolbar.css --- chrome/modules/general_styles/wavefox_toolbar.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/chrome/modules/general_styles/wavefox_toolbar.css b/chrome/modules/general_styles/wavefox_toolbar.css index 1c1ce9c0..4553db36 100644 --- a/chrome/modules/general_styles/wavefox_toolbar.css +++ b/chrome/modules/general_styles/wavefox_toolbar.css @@ -9,6 +9,7 @@ --border-radius-medium: 4px !important; --border-radius-large: 4px !important; --border-radius-xlarge: 4px !important; + --border-radius-circle: 4px !important; } } @@ -21,6 +22,7 @@ --border-radius-medium: 6px !important; --border-radius-large: 6px !important; --border-radius-xlarge: 6px !important; + --border-radius-circle: 6px !important; } } @@ -33,6 +35,7 @@ --border-radius-medium: 10px !important; --border-radius-large: 10px !important; --border-radius-xlarge: 10px !important; + --border-radius-circle: 10px !important; } } @@ -45,5 +48,6 @@ --border-radius-medium: 12px !important; --border-radius-large: 12px !important; --border-radius-xlarge: 12px !important; + --border-radius-circle: 12px !important; } } From 87a9bb637c95ebe576baabaee3319969ac112105 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sun, 13 Sep 2026 13:12:46 +0300 Subject: [PATCH 9/9] Firefox 156 / WaveFox Nova v0.7.156 --- chrome/userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 41bb3556..0553dddc 100644 --- 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) ---------------------------------------- */