From af3a0c2fe879ae2522ba0b3327158ba6322b730c Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 18 Sep 2026 15:54:28 +0300 Subject: [PATCH 01/19] Update wavefox_tab_media_icons_and_text.css --- .../horizontal_tabs/wavefox_tab_media_icons_and_text.css | 3 +++ 1 file changed, 3 insertions(+) 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 a1146e7f..51f5b161 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 @@ -26,6 +26,8 @@ top: 8px !important; inset-inline-end: 0px !important; box-shadow: none !important; + border: none !important; + border-radius: 50px !important; &:hover { @@ -64,6 +66,7 @@ --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; + --button-border-radius: 50px !important; margin: 0px !important; position: relative !important; top: 8px !important; From 5c5f8dca6d5772ce191a3a73297f45c22ce86748 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 18 Sep 2026 15:57:55 +0300 Subject: [PATCH 02/19] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 8 -------- 1 file changed, 8 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index a4a499ad..acdb25c4 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -146,14 +146,6 @@ tab-group } } -/* Split View */ - -tab-split-view-wrapper -{ - margin-block: 4px !important; - outline: none !important; -} - From b2d3268a6a5e919d8849734fb381bd7d5e4fa4ae Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Mon, 21 Sep 2026 13:11:50 +0300 Subject: [PATCH 03/19] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 31 ++++++------------- 1 file changed, 9 insertions(+), 22 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index acdb25c4..c5dd6c5a 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -10,11 +10,6 @@ } } -#tabbrowser-tabs -{ - min-height: auto !important; -} - /* Tabs */ .tabbrowser-tab @@ -48,33 +43,25 @@ { .tab-background { - background-color: var(--toolbar-background-color) !important; + background: none !important; + background-color: var(--tab-background-color-selected) !important; background-image: none !important; - background-clip: content-box !important; - } - - .tab-content - { - color: var(--toolbar-text-color) !important; } } - + &:not([visuallyselected]) { - &:hover - { - .tab-background - { - background-color: var(--toolbarbutton-background-color-hover) !important; - } - } - &[multiselected] { .tab-background { background-color: var(--toolbarbutton-background-color-active) !important; } + + .tab-content + { + color: inherit !important; + } } } @@ -83,7 +70,7 @@ outline: none !important; border: none !important; box-shadow: none !important; - + .tab-group-line { position: relative !important; From 4a88b33b09ed4f689f7c2c535f7767236904cd7a Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Mon, 21 Sep 2026 13:29:26 +0300 Subject: [PATCH 04/19] Update wavefox_tab_media_icons_and_text.css --- .../wavefox_tab_media_icons_and_text.css | 20 +++++-------------- 1 file changed, 5 insertions(+), 15 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 51f5b161..60549e0a 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 @@ -1,7 +1,11 @@ /* -------------------- Media Icons -------------------- */ -@scope (#pinned-tabs-container, #tabbrowser-arrowscrollbox) to (tab-group, tab-split-view-wrapper) +.tabbrowser-tab { + --tab-min-width-extra-icons: 0px !important; + --tab-icon-end-margin: 6px !important; +} + /* Pinned Tabs */ .tabbrowser-tab[pinned]:not([crashed]) @@ -91,20 +95,6 @@ } } - .tabbrowser-tab:not([pinned]) - { - &[fadein] - { - min-width: var(--tab-min-width-pref, var(--tab-min-width)) !important; - } - - .tab-icon-stack > * - { - margin-inline-end: 6px !important; - } - } -} - /* Tab Text */ .tab-label-container From c6115afac57a4553e8b8578b327f09b574f68021 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Mon, 21 Sep 2026 14:11:18 +0300 Subject: [PATCH 05/19] Update wavefox_main_window_and_subobjects.css --- .../wavefox_main_window_and_subobjects.css | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 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 31cda2df..fa98b995 100644 --- a/chrome/modules/horizontal_tabs/wavefox_main_window_and_subobjects.css +++ b/chrome/modules/horizontal_tabs/wavefox_main_window_and_subobjects.css @@ -1,8 +1,14 @@ -#navigator-toolbox +@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") { - & > * + @media not (-moz-native-theme) { - border: none !important; + :scope + { + --toolbar-background-color: transparent !important; + --toolbar-field-background-color: var(--tab-background-color-selected) !important; + } } } @@ -12,8 +18,7 @@ -moz-pref("extensions.activeThemeID", 'default-theme@mozilla.org') { #main-window, - body, - #navigator-toolbox + body { background-color: transparent !important; background-image: none !important; From 0faa2e4d5c3a58a39ea22060acd3605266ab6938 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Mon, 21 Sep 2026 22:27:20 +0300 Subject: [PATCH 06/19] Update wavefox_main_window_and_subobjects.css --- .../wavefox_main_window_and_subobjects.css | 22 +++++++++++++++++-- 1 file changed, 20 insertions(+), 2 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 fa98b995..4e987325 100644 --- a/chrome/modules/horizontal_tabs/wavefox_main_window_and_subobjects.css +++ b/chrome/modules/horizontal_tabs/wavefox_main_window_and_subobjects.css @@ -1,6 +1,17 @@ @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") + -moz-pref("extensions.activeThemeID", "firefox-compact-dark@mozilla.org") or + -moz-pref("extensions.activeThemeID", "nova-spark@mozilla.org") or + -moz-pref("extensions.activeThemeID", "nova-flare@mozilla.org") or + -moz-pref("extensions.activeThemeID", "nova-dusk@mozilla.org") or + -moz-pref("extensions.activeThemeID", "nova-pine@mozilla.org") or + -moz-pref("extensions.activeThemeID", "nova-ash@mozilla.org") or + -moz-pref("extensions.activeThemeID", "nova-sun@mozilla.org") or + -moz-pref("extensions.activeThemeID", "nova-flame@mozilla.org") or + -moz-pref("extensions.activeThemeID", "nova-lavender@mozilla.org") or + -moz-pref("extensions.activeThemeID", "nova-lagoon@mozilla.org") or + -moz-pref("extensions.activeThemeID", "nova-tide@mozilla.org") or + -moz-pref("extensions.activeThemeID", "nova-smoke@mozilla.org") { @media not (-moz-native-theme) { @@ -10,12 +21,19 @@ --toolbar-field-background-color: var(--tab-background-color-selected) !important; } } + + #navigator-toolbox + { + background-color: transparent !important; + background-image: none !important; + } } /* OS System Theme */ @media -moz-pref("WaveFox.HorizontalTabs.OS.SystemTheme") and - -moz-pref("extensions.activeThemeID", 'default-theme@mozilla.org') + -moz-pref("extensions.activeThemeID", 'default-theme@mozilla.org') and + (-moz-native-theme) { #main-window, body From 7e6157310624da70cb374f825cca7b970a1f6721 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Tue, 22 Sep 2026 13:45:52 +0300 Subject: [PATCH 07/19] Update wavefox_main_window_and_subobjects.css --- .../wavefox_main_window_and_subobjects.css | 31 ------------------- 1 file changed, 31 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 4e987325..e99090d4 100644 --- a/chrome/modules/horizontal_tabs/wavefox_main_window_and_subobjects.css +++ b/chrome/modules/horizontal_tabs/wavefox_main_window_and_subobjects.css @@ -1,34 +1,3 @@ -@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") or - -moz-pref("extensions.activeThemeID", "nova-spark@mozilla.org") or - -moz-pref("extensions.activeThemeID", "nova-flare@mozilla.org") or - -moz-pref("extensions.activeThemeID", "nova-dusk@mozilla.org") or - -moz-pref("extensions.activeThemeID", "nova-pine@mozilla.org") or - -moz-pref("extensions.activeThemeID", "nova-ash@mozilla.org") or - -moz-pref("extensions.activeThemeID", "nova-sun@mozilla.org") or - -moz-pref("extensions.activeThemeID", "nova-flame@mozilla.org") or - -moz-pref("extensions.activeThemeID", "nova-lavender@mozilla.org") or - -moz-pref("extensions.activeThemeID", "nova-lagoon@mozilla.org") or - -moz-pref("extensions.activeThemeID", "nova-tide@mozilla.org") or - -moz-pref("extensions.activeThemeID", "nova-smoke@mozilla.org") -{ - @media not (-moz-native-theme) - { - :scope - { - --toolbar-background-color: transparent !important; - --toolbar-field-background-color: var(--tab-background-color-selected) !important; - } - } - - #navigator-toolbox - { - background-color: transparent !important; - background-image: none !important; - } -} - /* OS System Theme */ @media -moz-pref("WaveFox.HorizontalTabs.OS.SystemTheme") and From 24598c34b258097c6cf8c14450502d103c0bead8 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Tue, 22 Sep 2026 13:46:19 +0300 Subject: [PATCH 08/19] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index c5dd6c5a..ee80c52d 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -43,9 +43,7 @@ { .tab-background { - background: none !important; - background-color: var(--tab-background-color-selected) !important; - background-image: none !important; + background: none var(--tab-background-color-selected) !important; } } From 2881c6aaeb239cc88f11d7b8ea014baf3e767e9e Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Tue, 22 Sep 2026 20:28:17 +0300 Subject: [PATCH 09/19] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 41 +++++++++++++------ 1 file changed, 28 insertions(+), 13 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index ee80c52d..a8e3560a 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -157,16 +157,13 @@ tab-group { --tab-first-last-inline-margin: clamp(4px, var(--tab-border-radius), calc(var(--tab-min-height) / 2)) !important; } - - /* Tab Groups / Split View */ - tab-group + #tabbrowser-tabs { - .tab-background - { - min-height: auto !important; - } + --tabstrip-min-height: auto !important; } + + /* Tab Groups / Split View */ tab-split-view-wrapper { @@ -176,7 +173,7 @@ tab-group /* Pinned Container / Regular Container */ - @scope (:root) to (tab-group, tab-split-view-wrapper) + @scope (:root) to (tab-split-view-wrapper) { .tabbrowser-tab { @@ -187,6 +184,11 @@ tab-group &[visuallyselected] { z-index: 2 !important; + + .tab-background + { + background: none var(--toolbar-background-color) !important; + } } &:not([visuallyselected]) @@ -226,15 +228,28 @@ tab-group } /* Margins */ + + @scope (&) to (tab-group, tab-split-view-wrapper) + { + .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([hidden], [dragtarget])) + { + margin-inline-start: var(--tab-first-last-inline-margin) !important; + } - .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([hidden], [dragtarget])) + .tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden], [dragtarget])) + { + margin-inline-end: var(--tab-first-last-inline-margin) !important; + } + } + + tab-group[collapsed] > .tabbrowser-tab:not([visuallyselected]) { - margin-inline-start: var(--tab-first-last-inline-margin) !important; + --tab-first-last-inline-margin: 0px !important; } - - .tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden], [dragtarget])) + + tab-group[movingtabgroup] > .tabbrowser-tab { - margin-inline-end: var(--tab-first-last-inline-margin) !important; + --tab-first-last-inline-margin: 0px !important; } /* Custom shapes */ From 5940282af0233a4a5ea2c74976b4165091ca75e9 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Wed, 23 Sep 2026 14:20:21 +0300 Subject: [PATCH 10/19] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 112 ++++++++---------- 1 file changed, 48 insertions(+), 64 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index a8e3560a..7ef0b7dc 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -14,52 +14,12 @@ .tabbrowser-tab { - &[pinned] - { - &[usercontextid] .tab-context-line - { - position: relative !important; - width: 4px !important; - height: 4px !important; - margin-block: 0px auto !important; - margin-inline: auto !important; - } - } - - &:not([pinned]) - { - &[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; - background-color: var(--identity-stroke-color) !important; - } - } - &[visuallyselected] { .tab-background { - background: none var(--tab-background-color-selected) !important; - } - } - - &:not([visuallyselected]) - { - &[multiselected] - { - .tab-background - { - background-color: var(--toolbarbutton-background-color-active) !important; - } - - .tab-content - { - color: inherit !important; - } + background: none !important; + background-color: var(--tab-background-color-selected) !important; } } @@ -68,24 +28,27 @@ outline: none !important; border: none !important; box-shadow: none !important; + } - .tab-group-line - { - position: relative !important; - height: 3px !important; - border-radius: 4px !important; - inset-inline: 0px !important; - inset-block: auto 0px !important; - margin-inline: calc(var(--tab-border-radius) / 2 + 4px) !important; - } + &[usercontextid] .tab-context-line + { + position: static !important; + width: auto !important; + height: 2px !important; + margin-block: calc(-1 * (var(--tab-margin-block) - 2px)) auto !important; + margin-inline: 0px !important; + background: none !important; + background-color: var(--identity-stroke-color) !important; + border: none !important; } - .tab-close-button + .tab-group-line { - width: 16px !important; - height: 16px !important; - padding: 2px !important; - margin: 0px !important; + position: static !important; + height: 2px !important; + margin-block: auto calc(-1 * (var(--tab-margin-block) - 2px)) !important; + margin-inline: 0px !important; + border-radius: var(--border-radius-xsmall) !important; } /* Tab Icon Indicators */ @@ -95,16 +58,42 @@ background-position: 50% calc(50% - var(--tab-min-height) / 2 + 2px) !important; } - /* Split View */ + .tab-close-button + { + width: 16px !important; + height: 16px !important; + padding: 2px !important; + margin: 0px !important; + } +} + +/* Split View */ - tab-split-view-wrapper & +tab-split-view-wrapper +{ + & > .tabbrowser-tab { + overflow: visible !important; border: none !important; + + &:not([visuallyselected], [multiselected]) .tab-background + { + background-color: var(--toolbarbutton-background-color-hover) !important; + } .tab-background { margin: 0px !important; - background-color: var(--toolbarbutton-background-color-hover) !important; + } + + &[usercontextid] .tab-context-line + { + margin-block: calc(-1 * var(--tab-margin-block)) auto !important; + } + + .tab-group-line + { + margin-block: auto calc(-1 * var(--tab-margin-block)) !important; } } } @@ -144,11 +133,6 @@ tab-group - - - - - /* ---------------------------------------- Attached Tabs ---------------------------------------- */ @media -moz-pref("WaveFox.HorizontalTabs.AttachedTabs") From 579fe6552227bdcf50b5d9333f5f8aaafb5bbcf7 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Wed, 23 Sep 2026 20:29:49 +0300 Subject: [PATCH 11/19] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 59 ++++++++----------- 1 file changed, 25 insertions(+), 34 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 7ef0b7dc..f3272de3 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -139,25 +139,13 @@ tab-group { :root { - --tab-first-last-inline-margin: clamp(4px, var(--tab-border-radius), calc(var(--tab-min-height) / 2)) !important; - } - - #tabbrowser-tabs - { - --tabstrip-min-height: auto !important; - } - - /* Tab Groups / Split View */ - - tab-split-view-wrapper - { - margin-block: 0px !important; - align-items: stretch !important; + --tab-first-last-inline-margin: clamp(0px, var(--tab-border-radius), calc((var(--tab-min-height) + var(--tab-margin-block) * 2) / 2)) !important; + --tab-min-height: 24px !important; } /* Pinned Container / Regular Container */ - @scope (:root) to (tab-split-view-wrapper) + @scope (:root) to (tab-group, tab-split-view-wrapper) { .tabbrowser-tab { @@ -171,7 +159,7 @@ tab-group .tab-background { - background: none var(--toolbar-background-color) !important; + background-color: var(--toolbar-background-color) !important; } } @@ -184,9 +172,20 @@ tab-group z-index: 1 !important; } } + + &[pinned] .tab-content + { + padding-inline: calc(((var(--tab-min-height) + var(--tab-margin-block) * 2) - 16px) / 2) !important; + } + + &[usercontextid] .tab-context-line + { + margin-block: 0px auto !important; + } .tab-background { + min-height: calc(var(--tab-min-height) + var(--tab-margin-block) * 2) !important; margin-inline: calc(-1 * var(--tab-border-radius)) !important; margin-block: 0px !important; border-radius: 0px !important; @@ -208,32 +207,24 @@ tab-group { margin-inline-start: 0px !important; } + + .tab-group-line + { + margin-block: auto 0px !important; + } } } /* Margins */ - @scope (&) to (tab-group, tab-split-view-wrapper) - { - .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([hidden], [dragtarget])) - { - margin-inline-start: var(--tab-first-last-inline-margin) !important; - } - - .tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden], [dragtarget])) - { - margin-inline-end: var(--tab-first-last-inline-margin) !important; - } - } - - tab-group[collapsed] > .tabbrowser-tab:not([visuallyselected]) + .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([hidden], [dragtarget])) { - --tab-first-last-inline-margin: 0px !important; + margin-inline-start: var(--tab-first-last-inline-margin) !important; } - - tab-group[movingtabgroup] > .tabbrowser-tab + + .tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden], [dragtarget])) { - --tab-first-last-inline-margin: 0px !important; + margin-inline-end: var(--tab-first-last-inline-margin) !important; } /* Custom shapes */ From 9649db34c35e267725dbe0e381d053822583a772 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Thu, 24 Sep 2026 13:25:09 +0300 Subject: [PATCH 12/19] Update wavefox_tab_shadows.css --- .../horizontal_tabs/wavefox_tab_shadows.css | 105 +++++++++--------- 1 file changed, 54 insertions(+), 51 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index 3a1f51a2..fba2a6c2 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css @@ -1,64 +1,55 @@ -/* -@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') +@media -moz-pref("WaveFox.HorizontalTabs.Tabs.Shadows") { - @media not -moz-pref("WaveFox.HorizontalTabs.AttachedTabs") + @scope (:root) to (tab-split-view-wrapper) { - @scope (:root) to (tab-split-view-wrapper) + :scope { - :scope - { - --wavefox-selected-tab-shadow-offset-x: 0px; - --wavefox-selected-tab-shadow-offset-y: 2px; - --wavefox-selected-tab-shadow-blur: 2px; - --wavefox-selected-tab-shadow-spread: 0px; - --wavefox-selected-tab-shadow-color: ThreeDShadow; + --wavefox-selected-tab-shadow-offset-x: 0px; + --wavefox-selected-tab-shadow-offset-y: 2px; + --wavefox-selected-tab-shadow-blur: 2px; + --wavefox-selected-tab-shadow-spread: 0px; + --wavefox-selected-tab-shadow-color: var(--chrome-content-separator-color); + + --wavefox-selected-tab-filter-offset-x: 0px; + --wavefox-selected-tab-filter-offset-y: 0px; + --wavefox-selected-tab-filter-blur: 2px; + --wavefox-selected-tab-filter-color: var(--chrome-content-separator-color); + + --wavefox-inner-tabbar-shadow-offset-x: 0px; + --wavefox-inner-tabbar-shadow-offset-y: -4px; + --wavefox-inner-tabbar-shadow-blur: 4px; + --wavefox-inner-tabbar-shadow-spread: -4px; + --wavefox-inner-tabbar-shadow-color: var(--chrome-content-separator-color); + + --wavefox-selected-tab-shadow: var(--wavefox-selected-tab-shadow-offset-x) + var(--wavefox-selected-tab-shadow-offset-y) + var(--wavefox-selected-tab-shadow-blur) + var(--wavefox-selected-tab-shadow-spread) + color-mix(in srgb, var(--wavefox-selected-tab-shadow-color) var(--wavefox-filter-shadow-saturation, 100%), transparent); + + --wavefox-selected-tab-filter: drop-shadow( + var(--wavefox-selected-tab-filter-offset-x) + var(--wavefox-selected-tab-filter-offset-y) + var(--wavefox-selected-tab-filter-blur) + color-mix(in srgb, var(--wavefox-selected-tab-filter-color) var(--wavefox-filter-shadow-saturation, 100%), transparent)); - --wavefox-selected-tab-shadow: var(--wavefox-selected-tab-shadow-offset-x) - var(--wavefox-selected-tab-shadow-offset-y) - var(--wavefox-selected-tab-shadow-blur) - var(--wavefox-selected-tab-shadow-spread) - color-mix(in srgb, var(--wavefox-selected-tab-shadow-color) var(--wavefox-filter-shadow-saturation, 100%), transparent); + --wavefox-inner-tabbar-shadow: inset + var(--wavefox-inner-tabbar-shadow-offset-x) + var(--wavefox-inner-tabbar-shadow-offset-y) + var(--wavefox-inner-tabbar-shadow-blur) + var(--wavefox-inner-tabbar-shadow-spread) + color-mix(in srgb, var(--wavefox-inner-tabbar-shadow-color) var(--wavefox-filter-shadow-saturation, 100%), transparent); + @media not -moz-pref("WaveFox.HorizontalTabs.AttachedTabs") + { .tabbrowser-tab[visuallyselected] .tab-background { box-shadow: var(--wavefox-selected-tab-shadow) !important; } } - } - } - - @media -moz-pref("WaveFox.HorizontalTabs.AttachedTabs") - { - @scope (:root) to (tab-group, tab-split-view-wrapper) - { - :scope + + @media -moz-pref("WaveFox.HorizontalTabs.AttachedTabs") { - --wavefox-selected-tab-filter-offset-x: 0px; - --wavefox-selected-tab-filter-offset-y: 0px; - --wavefox-selected-tab-filter-blur: 2px; - --wavefox-selected-tab-filter-color: ThreeDShadow; - - --wavefox-inner-tabbar-shadow-offset-x: 0px; - --wavefox-inner-tabbar-shadow-offset-y: -4px; - --wavefox-inner-tabbar-shadow-blur: 4px; - --wavefox-inner-tabbar-shadow-spread: -4px; - --wavefox-inner-tabbar-shadow-color: ThreeDShadow; - - --wavefox-selected-tab-filter: drop-shadow( - var(--wavefox-selected-tab-filter-offset-x) - var(--wavefox-selected-tab-filter-offset-y) - var(--wavefox-selected-tab-filter-blur) - color-mix(in srgb, var(--wavefox-selected-tab-filter-color) var(--wavefox-filter-shadow-saturation, 100%), transparent)); - - --wavefox-inner-tabbar-shadow: inset - var(--wavefox-inner-tabbar-shadow-offset-x) - var(--wavefox-inner-tabbar-shadow-offset-y) - var(--wavefox-inner-tabbar-shadow-blur) - var(--wavefox-inner-tabbar-shadow-spread) - color-mix(in srgb, var(--wavefox-inner-tabbar-shadow-color) var(--wavefox-filter-shadow-saturation, 100%), transparent); - #TabsToolbar { position: relative !important; @@ -83,8 +74,20 @@ { filter: var(--wavefox-selected-tab-filter) !important; } + + tab-group + { + .tabbrowser-tab[visuallyselected] + { + filter: none !important; + + .tab-background + { + box-shadow: var(--wavefox-selected-tab-shadow) !important; + } + } + } } } } } -*/ From d32305f4c1fa3f20aaf81bb2c35e6b34dddb1b17 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Thu, 24 Sep 2026 13:30:51 +0300 Subject: [PATCH 13/19] Update wavefox_tab_shadows.css --- chrome/modules/horizontal_tabs/wavefox_tab_shadows.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index fba2a6c2..27127161 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css @@ -39,6 +39,13 @@ var(--wavefox-inner-tabbar-shadow-blur) var(--wavefox-inner-tabbar-shadow-spread) color-mix(in srgb, var(--wavefox-inner-tabbar-shadow-color) var(--wavefox-filter-shadow-saturation, 100%), transparent); + + @media (prefers-color-scheme: dark) + { + --wavefox-selected-tab-shadow-color: black; + --wavefox-selected-tab-filter-color: black; + --wavefox-inner-tabbar-shadow-color: black; + } @media not -moz-pref("WaveFox.HorizontalTabs.AttachedTabs") { From a629a97b6af8d3f60f4916829fbc64eb55eaa8bd Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Thu, 24 Sep 2026 13:35:33 +0300 Subject: [PATCH 14/19] Update README.md --- README.md | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 3d5ec2e4..1af59b4c 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.7.156 + WaveFox Nova v0.7.157 - ##### Minimum Requirements - - Firefox 156 + - Firefox 157 - Windows / MacOS / Linux - Download the `chrome` folder and put it in your user profile folder @@ -53,6 +53,11 @@ Ability to control the rounding of browser bar elements. - `WaveFox.HorizontalTabs.Tabs.Separators` > 1 or 2 +### Tab Bar Shadows +![изображение](https://user-images.githubusercontent.com/85301851/152011749-4d5619b3-0fd8-40f9-a3dc-96be31839971.png) + +- `WaveFox.HorizontalTabs.Tabs.Shadows` + ### Icons (firefox-csshacks / Lepton) / (Horizontal and Vertical tabs) This is third-party code. I will update this code according to the original source. From 841d11867ad3aee02c97ed84fd61d41fedf8ebc9 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Thu, 24 Sep 2026 13:55:59 +0300 Subject: [PATCH 15/19] Update wavefox_tab_media_icons_and_text.css --- .../wavefox_tab_media_icons_and_text.css | 118 +++++++----------- 1 file changed, 42 insertions(+), 76 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 60549e0a..9b4ab5cf 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 @@ -1,99 +1,65 @@ /* -------------------- Media Icons -------------------- */ +tab-split-view-wrapper +{ + min-width: calc(var(--tab-min-width-pref, var(--tab-min-width)) * 2 + 6px) !important; +} + .tabbrowser-tab { --tab-min-width-extra-icons: 0px !important; --tab-icon-end-margin: 6px !important; } - /* Pinned Tabs */ +/* Pinned Tabs */ - .tabbrowser-tab[pinned]:not([crashed]) +.tabbrowser-tab[pinned]:not([crashed]) +{ + &:where([soundplaying], [muted], [activemedia-blocked]) .tab-icon-stack > :not(.tab-icon-overlay) { - &: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: transparent !important; + background-image: none !important; + color: inherit !important; + fill: currentColor !important; + top: 8px !important; + inset-inline-end: 0px !important; + box-shadow: none !important; + border: none !important; + border-radius: 50px !important; + + &:hover { - clip-path: shape( - nonzero from 0px 0px, - hline by 16px, - vline by 16px, - arc by -16px 0px of 8px ccw, - close - ); + background-color: color-mix(in srgb, currentColor 17%, transparent) !important; } - .tab-icon-overlay + &:hover:active { - background-color: transparent !important; - background-image: none !important; - color: inherit !important; - fill: currentColor !important; - top: 8px !important; - inset-inline-end: 0px !important; - box-shadow: none !important; - border: none !important; - border-radius: 50px !important; - - &:hover - { - background-color: color-mix(in srgb, currentColor 17%, transparent) !important; - } - - &:hover:active - { - background-color: color-mix(in srgb, currentColor 30%, transparent) !important; - } + background-color: color-mix(in srgb, currentColor 30%, transparent) !important; } } +} - /* Regular Tabs */ +/* Regular Tabs */ - .tabbrowser-tab:not([pinned], [crashed]) +.tabbrowser-tab +{ + .tab-audio-button { - &: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 - { - --button-size-icon-small: 16px !important; - --button-min-height-small: 16px !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; - --button-border-radius: 50px !important; - margin: 0px !important; - position: relative !important; - top: 8px !important; - } - - .tab-content - { - display: grid !important; - grid-template-rows: auto !important; - grid-template-columns: auto 1fr auto !important; - - .tab-icon-stack, - .tab-audio-button - { - grid-area: 1 / 1 / auto / auto !important; - } - - .tab-icon-image:not([src], [pinned], [crashed], [sharing], [pictureinpicture], [busy]) - { - display: block !important; - } - } + --button-size-icon-small: 16px !important; + --button-min-height-small: 16px !important; } +} /* Tab Text */ From 016c46f74361fa403fb8dfc2f3df4fd48114675f Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 25 Sep 2026 19:54:48 +0300 Subject: [PATCH 16/19] Update wavefox_tab_separators.css --- chrome/modules/horizontal_tabs/wavefox_tab_separators.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_separators.css b/chrome/modules/horizontal_tabs/wavefox_tab_separators.css index 56e7b5ce..bc6a92bd 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_separators.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_separators.css @@ -81,9 +81,9 @@ @media -moz-pref("WaveFox.HorizontalTabs.Tabs.Separators", 2) { - .tabbrowser-tab > .tab-stack > .tab-background + .tabbrowser-tab:not([visuallyselected], :hover, [multiselected]) > .tab-stack > .tab-background { - background-color: color-mix(in srgb, currentColor 17%, transparent); + background-color: color-mix(in srgb, currentColor 10%, transparent) !important; } } } From 745c343591dbfe0619dcaaa44146326e35da0e67 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 25 Sep 2026 19:59:54 +0300 Subject: [PATCH 17/19] Update wavefox_toolbar.css --- .../general_styles/wavefox_toolbar.css | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/chrome/modules/general_styles/wavefox_toolbar.css b/chrome/modules/general_styles/wavefox_toolbar.css index 4553db36..55096fa4 100644 --- a/chrome/modules/general_styles/wavefox_toolbar.css +++ b/chrome/modules/general_styles/wavefox_toolbar.css @@ -1,6 +1,19 @@ /* Roundings */ @media -moz-pref("WaveFox.Toolbar.Roundings", 1) +{ + :root + { + --border-radius-xsmall: 0px !important; + --border-radius-small: 0px !important; + --border-radius-medium: 0px !important; + --border-radius-large: 0px !important; + --border-radius-xlarge: 0px !important; + --border-radius-circle: 0px !important; + } +} + +@media -moz-pref("WaveFox.Toolbar.Roundings", 2) { :root { @@ -13,7 +26,7 @@ } } -@media -moz-pref("WaveFox.Toolbar.Roundings", 2) +@media -moz-pref("WaveFox.Toolbar.Roundings", 3) { :root { @@ -26,7 +39,7 @@ } } -@media -moz-pref("WaveFox.Toolbar.Roundings", 3) +@media -moz-pref("WaveFox.Toolbar.Roundings", 4) { :root { @@ -39,7 +52,7 @@ } } -@media -moz-pref("WaveFox.Toolbar.Roundings", 4) +@media -moz-pref("WaveFox.Toolbar.Roundings", 5) { :root { From 418347179724f0b76f83830dcd9da2a7e60df765 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 25 Sep 2026 20:00:32 +0300 Subject: [PATCH 18/19] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 1af59b4c..78f426d6 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ [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.7.157 + WaveFox Nova v0.8.157 - ##### Minimum Requirements - Firefox 157 @@ -46,7 +46,7 @@ Requires OS with transparency support. Works only with the system theme. Ability to control the rounding of browser bar elements. изображение -- `WaveFox.Toolbar.Roundings` > 1 or 2 or 3 or 4 +- `WaveFox.Toolbar.Roundings` > 1 or 2 or 3 or 4 or 5 ### Tab Separators ![изображение](https://user-images.githubusercontent.com/85301851/152351312-f6ad4578-e7d5-40b7-8b2d-49388a750f54.png) From 7aa69c25601ec58710b0d5c8aac41f6cc106a537 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 25 Sep 2026 20:04:44 +0300 Subject: [PATCH 19/19] Firefox 157 / WaveFox Nova v0.8.157 --- chrome/userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 0553dddc..41bb3556 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) ---------------------------------------- */