From ec8c62747ab69a451ecb4172100a564fc0dd532e Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 19:20:55 +0300 Subject: [PATCH 01/89] Delete chrome/modules/horizontal_tabs/svg_files/option_1 directory --- .../modules/horizontal_tabs/svg_files/option_1/center.svg | 7 ------- .../horizontal_tabs/svg_files/option_1/left_corners.svg | 7 ------- .../horizontal_tabs/svg_files/option_1/right_corners.svg | 7 ------- 3 files changed, 21 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_1/center.svg delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_1/left_corners.svg delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_1/right_corners.svg diff --git a/chrome/modules/horizontal_tabs/svg_files/option_1/center.svg b/chrome/modules/horizontal_tabs/svg_files/option_1/center.svg deleted file mode 100644 index c99e6ce2..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_1/center.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/chrome/modules/horizontal_tabs/svg_files/option_1/left_corners.svg b/chrome/modules/horizontal_tabs/svg_files/option_1/left_corners.svg deleted file mode 100644 index 8e4c4c12..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_1/left_corners.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/chrome/modules/horizontal_tabs/svg_files/option_1/right_corners.svg b/chrome/modules/horizontal_tabs/svg_files/option_1/right_corners.svg deleted file mode 100644 index 3e0030e6..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_1/right_corners.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - From ae1c3c1e1becc9a12b6e40153faf44451e97f957 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 19:21:22 +0300 Subject: [PATCH 02/89] Delete chrome/modules/horizontal_tabs/svg_files/option_2 directory --- .../modules/horizontal_tabs/svg_files/option_2/center.svg | 7 ------- .../horizontal_tabs/svg_files/option_2/left_corners.svg | 7 ------- .../horizontal_tabs/svg_files/option_2/right_corners.svg | 7 ------- 3 files changed, 21 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_2/center.svg delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_2/left_corners.svg delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_2/right_corners.svg diff --git a/chrome/modules/horizontal_tabs/svg_files/option_2/center.svg b/chrome/modules/horizontal_tabs/svg_files/option_2/center.svg deleted file mode 100644 index c99e6ce2..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_2/center.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/chrome/modules/horizontal_tabs/svg_files/option_2/left_corners.svg b/chrome/modules/horizontal_tabs/svg_files/option_2/left_corners.svg deleted file mode 100644 index e5b4e18e..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_2/left_corners.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/chrome/modules/horizontal_tabs/svg_files/option_2/right_corners.svg b/chrome/modules/horizontal_tabs/svg_files/option_2/right_corners.svg deleted file mode 100644 index e222b8ab..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_2/right_corners.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - From cd90545afc294f5bd929d7b67039fe0a1a95dfa3 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 19:21:42 +0300 Subject: [PATCH 03/89] Delete chrome/modules/horizontal_tabs/svg_files/option_3 directory --- .../modules/horizontal_tabs/svg_files/option_3/center.svg | 7 ------- .../horizontal_tabs/svg_files/option_3/left_corners.svg | 7 ------- .../horizontal_tabs/svg_files/option_3/right_corners.svg | 7 ------- 3 files changed, 21 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_3/center.svg delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_3/left_corners.svg delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_3/right_corners.svg diff --git a/chrome/modules/horizontal_tabs/svg_files/option_3/center.svg b/chrome/modules/horizontal_tabs/svg_files/option_3/center.svg deleted file mode 100644 index c99e6ce2..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_3/center.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/chrome/modules/horizontal_tabs/svg_files/option_3/left_corners.svg b/chrome/modules/horizontal_tabs/svg_files/option_3/left_corners.svg deleted file mode 100644 index 6d2e85a7..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_3/left_corners.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/chrome/modules/horizontal_tabs/svg_files/option_3/right_corners.svg b/chrome/modules/horizontal_tabs/svg_files/option_3/right_corners.svg deleted file mode 100644 index f99c4477..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_3/right_corners.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - From 04641f8fc301a70b2db84770551654cf359d5cc6 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 19:22:03 +0300 Subject: [PATCH 04/89] Delete chrome/modules/horizontal_tabs/svg_files/option_4 directory --- .../modules/horizontal_tabs/svg_files/option_4/center.svg | 7 ------- .../horizontal_tabs/svg_files/option_4/left_corners.svg | 7 ------- .../horizontal_tabs/svg_files/option_4/right_corners.svg | 7 ------- 3 files changed, 21 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_4/center.svg delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_4/left_corners.svg delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_4/right_corners.svg diff --git a/chrome/modules/horizontal_tabs/svg_files/option_4/center.svg b/chrome/modules/horizontal_tabs/svg_files/option_4/center.svg deleted file mode 100644 index c99e6ce2..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_4/center.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/chrome/modules/horizontal_tabs/svg_files/option_4/left_corners.svg b/chrome/modules/horizontal_tabs/svg_files/option_4/left_corners.svg deleted file mode 100644 index fab53814..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_4/left_corners.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/chrome/modules/horizontal_tabs/svg_files/option_4/right_corners.svg b/chrome/modules/horizontal_tabs/svg_files/option_4/right_corners.svg deleted file mode 100644 index 9d3bd87a..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_4/right_corners.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - From d575303eacbbefd9898a347c9032446d2507bd69 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 19:22:27 +0300 Subject: [PATCH 05/89] Delete chrome/modules/horizontal_tabs/svg_files/option_5 directory --- .../modules/horizontal_tabs/svg_files/option_5/center.svg | 7 ------- .../horizontal_tabs/svg_files/option_5/left_corners.svg | 7 ------- .../horizontal_tabs/svg_files/option_5/right_corners.svg | 7 ------- 3 files changed, 21 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_5/center.svg delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_5/left_corners.svg delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_5/right_corners.svg diff --git a/chrome/modules/horizontal_tabs/svg_files/option_5/center.svg b/chrome/modules/horizontal_tabs/svg_files/option_5/center.svg deleted file mode 100644 index c99e6ce2..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_5/center.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/chrome/modules/horizontal_tabs/svg_files/option_5/left_corners.svg b/chrome/modules/horizontal_tabs/svg_files/option_5/left_corners.svg deleted file mode 100644 index 7ee43a2f..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_5/left_corners.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/chrome/modules/horizontal_tabs/svg_files/option_5/right_corners.svg b/chrome/modules/horizontal_tabs/svg_files/option_5/right_corners.svg deleted file mode 100644 index 12551924..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_5/right_corners.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - From 9443da3a9c9f31a9158bba67c3f8e46b06be87d9 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 19:32:53 +0300 Subject: [PATCH 06/89] Update userChrome.css --- chrome/userChrome.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 405a91ef..ada9956c 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -2,8 +2,10 @@ /* ---------- Horizontal Tabs ---------- */ -@import "modules/horizontal_tabs/wavefox_tab_shapes.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tabs.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); + +/* +@import "modules/horizontal_tabs/wavefox_tab_shapes.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_drag_space.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_selected_tab_indicator.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_toolbar_transparency.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @@ -18,5 +20,6 @@ @import "modules/horizontal_tabs/wavefox_transparency_on_linux.css" layer(BasicPriority) /* supports() */ (-moz-platform: linux); @import "modules/horizontal_tabs/wavefox_transparency_on_windows.css" layer(BasicPriority) /* supports() */ (-moz-platform: windows); @import "Lepton_Icons/icons/Lepton_Icons.css" layer(BasicPriority) /* supports() */ (-moz-bool-pref: "userChrome.Menu.Icons.LeptonIcons.Enabled"); +*/ /* ---------------------------------------- Third-party styles (Maximum priority) ---------------------------------------- */ From b2a3e313907d2d881138e43300209aff2cb88d6f Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 19:34:16 +0300 Subject: [PATCH 07/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 313 +++++++++++------- 1 file changed, 186 insertions(+), 127 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index f19da2bc..f2701395 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -1,63 +1,208 @@ +/* ---------------------------------------- Custom properties ---------------------------------------- */ + +@property --wavefox-ft-tab-border-radius +{ + syntax: ""; + inherits: true; + initial-value: 4px; +} + +/* ---------------------------------------- Density ---------------------------------------- */ + +:root +{ + --tab-min-height: 36px !important; + + &[uidensity="compact"] + { + --tab-min-height: 32px !important; + } + + &[uidensity="touch"] + { + --tab-min-height: 40px !important; + } +} + +/* ---------------------------------------- Titlebar ---------------------------------------- */ + +:root[tabsintitlebar] +{ + .browser-titlebar + { + will-change: auto !important; + transition: color var(--inactive-window-transition) !important; + + &:-moz-window-inactive + { + color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity) * 100%), transparent) !important; + opacity: 1 !important; + } + } +} + +/* ---------------------------------------- Tabs ---------------------------------------- */ + +.tabbrowser-tab +{ + &[pinned] .tab-content + { + padding-inline: calc((var(--tab-min-height) - 16px) / 2) !important; + } + + &:not([pinned]) .tab-content + { + padding-inline: 10px !important; + } + + &[pending] .tab-icon-image + { + filter: saturate(0) !important; + } + + .tab-background + { + border-radius: var(--wavefox-ft-tab-border-radius) !important; + } + + .tab-close-button + { + width: 16px !important; + height: 16px !important; + border-radius: 50% !important; + padding: 2px !important; + margin: 0px !important; + } +} + +/* ---------------------------------------- Indents ---------------------------------------- */ + +#tabbrowser-tabs:not([overflow]) .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([pinned], [hidden])) +{ + margin-inline-start: 0px !important; +} + + + + + + + + + + + + + + + + + + + + + + +/* ---------------------------------------- Floating tabs ---------------------------------------- */ + +@media (-moz-bool-pref: "userChrome.Tabs.Option1.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option2.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option3.Enabled") +{ + /* -------------------- Tab shapes -------------------- */ + + @media (-moz-bool-pref: "userChrome.Tabs.Option1.Enabled") + { + :root + { + --wavefox-ft-border-radius: 8px; + } + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option2.Enabled") + { + :root + { + --wavefox-ft-border-radius: 12px; + } + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option3.Enabled") + { + :root + { + --wavefox-ft-border-radius: 50px; + } + } +} + + + + + + + + + + + +/* ---------------------------------------- Attached tabs ---------------------------------------- */ + +@media (-moz-bool-pref: "userChrome.Tabs.Option4.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") +{ + + /* ---------------------------------------- Tabs ---------------------------------------- */ :root { - @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") + @media (-moz-bool-pref: "userChrome.Tabs.Option4.Enabled") { --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); } - @media (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") + @media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") { --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); } - @media (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") + @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") { --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); } - @media (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") + @media (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") { --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2 - 6px); } - @media (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") + @media (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") { --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } - @media (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") + @media (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") { --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } - @media (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") + @media (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") { --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } - @media (-moz-bool-pref: "userChrome.Tabs.Option13.Enabled") + @media (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") { --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } - /* -------------------- Floating Tabs -------------------- */ - - @media (-moz-bool-pref: "userChrome.Tabs.Option1.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option2.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option3.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option4.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-block-margin) / 2); - --tab-scroll-animation-inline-margin: calc(-1 * var(--tab-first-last-inline-margin)); - --tab-scroll-animation-inline-padding: calc(var(--tab-first-last-inline-margin) * 2); - --tab-bg-block-margin: var(--tab-block-margin); - --my-tab-inline-padding: var(--tab-first-last-inline-margin); - --tab-separator-offset: var(--tab-first-last-inline-margin); - } - /* -------------------- Attached Tabs -------------------- */ @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or @@ -94,40 +239,10 @@ border: none !important; } -/* ---------------------------------------- Titlebar ---------------------------------------- */ - -:root[tabsintitlebar] -{ - .browser-titlebar - { - will-change: auto !important; - transition: color var(--inactive-window-transition) !important; - - &:-moz-window-inactive - { - color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity) * 100%), transparent) !important; - opacity: 1 !important; - } - } -} - -/* ---------------------------------------- Density ---------------------------------------- */ - -:root[uidensity="compact"] -{ - --tab-min-height: 32px !important; -} - -:root[uidensity="touch"] -{ - --tab-min-height: 40px !important; -} - /* ---------------------------------------- Tabs ---------------------------------------- */ .tabbrowser-tab { - --tab-label-mask-size: 0px !important; overflow-clip-margin: var(--tab-min-height) !important; padding-inline: var(--my-tab-inline-padding) !important; @@ -139,30 +254,7 @@ .tab-background { - --gradient-background-image: linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)); - --gradient-background-attachment: fixed; - --gradient-background-size: auto auto; - --gradient-background-position: left top; - --gradient-background-repeat: no-repeat; - - --amo-background-image-1: var(--lwt-header-image, none); - --amo-background-attachment-1: fixed; - --amo-background-size-1: auto auto; - --amo-background-position-1: right top; - --amo-background-repeat-1: no-repeat; - - --amo-background-image-2: var(--lwt-additional-images, none); - --amo-background-attachment-2: fixed, fixed, fixed; - --amo-background-size-2: auto auto, auto auto, auto auto; - --amo-background-position-2: var(--lwt-background-alignment); - --amo-background-repeat-2: var(--lwt-background-tiling); - - background-color: transparent !important; - background-image: var(--gradient-background-image), var(--amo-background-image-1), var(--amo-background-image-2) !important; - background-attachment: var(--gradient-background-attachment), var(--amo-background-attachment-1), var(--amo-background-attachment-2) !important; - background-size: var(--gradient-background-size), var(--amo-background-size-1), var(--amo-background-size-2) !important; - background-position: var(--gradient-background-position), var(--amo-background-position-1), var(--amo-background-position-2) !important; - background-repeat: var(--gradient-background-repeat), var(--amo-background-repeat-1), var(--amo-background-repeat-2) !important; + background-color: var(--toolbar-bgcolor) !important; } } @@ -170,16 +262,6 @@ { color: inherit !important; - &:hover .tab-background - { - background-color: var(--toolbarbutton-hover-background) !important; - } - - &[multiselected] .tab-background - { - background-color: var(--toolbarbutton-active-background) !important; - } - #tabbrowser-tabs[movingtab] & { z-index: 0 !important; @@ -199,16 +281,6 @@ border-radius: 0px !important; pointer-events: none !important; } - - &[pinned] .tab-content - { - padding-inline: calc((var(--tab-min-height) - 16px) / 2 + var(--pinned-tabs-width-offset, 0px)) !important; - } - - &:not([pinned]) .tab-content - { - padding-inline: 10px !important; - } } #tabbrowser-tabs[overflow] .tab-drop-indicator @@ -216,30 +288,6 @@ inset-inline-start: var(--tab-first-last-inline-margin) !important; } -.tabbrowser-tab[pending] .tab-icon-image -{ - filter: saturate(0) !important; -} - -.tab-close-button -{ - width: 16px !important; - height: 16px !important; - border-radius: 50% !important; - padding: 2px !important; - margin: 0px !important; -} - -.tab-close-button:hover -{ - background-color: var(--toolbarbutton-hover-background) !important; -} - -.tab-close-button:hover:active -{ - background-color: var(--toolbarbutton-active-background) !important; -} - /* -------------------- Container Indicators -------------------- */ .tab-context-line @@ -264,11 +312,6 @@ /* ---------------------------------------- Indents ---------------------------------------- */ -#tabbrowser-tabs:not([overflow]) .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([pinned], [hidden])) -{ - margin-inline-start: 0px !important; -} - #tabbrowser-tabs:not([overflow]) .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([hidden])), #tabbrowser-tabs[overflow] .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([pinned], [hidden])), #tabbrowser-tabs[overflow][haspinnedtabs] @@ -310,4 +353,20 @@ #tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden])) { margin-inline-end: 0px !important; +} + + + + + + + + + + + + + + + } From 5ed18307f573d43872506ecfdebf99f3f0a220e6 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 19:34:48 +0300 Subject: [PATCH 08/89] Delete chrome/modules/horizontal_tabs/Experimental.css --- .../modules/horizontal_tabs/Experimental.css | 372 ------------------ 1 file changed, 372 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/Experimental.css diff --git a/chrome/modules/horizontal_tabs/Experimental.css b/chrome/modules/horizontal_tabs/Experimental.css deleted file mode 100644 index f2701395..00000000 --- a/chrome/modules/horizontal_tabs/Experimental.css +++ /dev/null @@ -1,372 +0,0 @@ -/* ---------------------------------------- Custom properties ---------------------------------------- */ - -@property --wavefox-ft-tab-border-radius -{ - syntax: ""; - inherits: true; - initial-value: 4px; -} - -/* ---------------------------------------- Density ---------------------------------------- */ - -:root -{ - --tab-min-height: 36px !important; - - &[uidensity="compact"] - { - --tab-min-height: 32px !important; - } - - &[uidensity="touch"] - { - --tab-min-height: 40px !important; - } -} - -/* ---------------------------------------- Titlebar ---------------------------------------- */ - -:root[tabsintitlebar] -{ - .browser-titlebar - { - will-change: auto !important; - transition: color var(--inactive-window-transition) !important; - - &:-moz-window-inactive - { - color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity) * 100%), transparent) !important; - opacity: 1 !important; - } - } -} - -/* ---------------------------------------- Tabs ---------------------------------------- */ - -.tabbrowser-tab -{ - &[pinned] .tab-content - { - padding-inline: calc((var(--tab-min-height) - 16px) / 2) !important; - } - - &:not([pinned]) .tab-content - { - padding-inline: 10px !important; - } - - &[pending] .tab-icon-image - { - filter: saturate(0) !important; - } - - .tab-background - { - border-radius: var(--wavefox-ft-tab-border-radius) !important; - } - - .tab-close-button - { - width: 16px !important; - height: 16px !important; - border-radius: 50% !important; - padding: 2px !important; - margin: 0px !important; - } -} - -/* ---------------------------------------- Indents ---------------------------------------- */ - -#tabbrowser-tabs:not([overflow]) .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([pinned], [hidden])) -{ - margin-inline-start: 0px !important; -} - - - - - - - - - - - - - - - - - - - - - - -/* ---------------------------------------- Floating tabs ---------------------------------------- */ - -@media (-moz-bool-pref: "userChrome.Tabs.Option1.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option2.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option3.Enabled") -{ - /* -------------------- Tab shapes -------------------- */ - - @media (-moz-bool-pref: "userChrome.Tabs.Option1.Enabled") - { - :root - { - --wavefox-ft-border-radius: 8px; - } - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option2.Enabled") - { - :root - { - --wavefox-ft-border-radius: 12px; - } - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option3.Enabled") - { - :root - { - --wavefox-ft-border-radius: 50px; - } - } -} - - - - - - - - - - - -/* ---------------------------------------- Attached tabs ---------------------------------------- */ - -@media (-moz-bool-pref: "userChrome.Tabs.Option4.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") -{ - - -/* ---------------------------------------- Tabs ---------------------------------------- */ - -:root -{ - @media (-moz-bool-pref: "userChrome.Tabs.Option4.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2 - 6px); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); - } - - /* -------------------- Attached Tabs -------------------- */ - - @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option13.Enabled") - { - --tab-scroll-animation-inline-margin: calc(-1 * var(--tab-first-last-inline-margin)); - --tab-scroll-animation-inline-padding: var(--tab-first-last-inline-margin); - --tab-bg-block-margin: 0px; - --my-tab-inline-padding: 0px; - --tab-separator-offset: 0px; - --pinned-tabs-width-offset: 2px; - } -} - -/* ---------------------------------------- Main Window ---------------------------------------- */ - -:root -{ - --tab-shadow-max-size: 0px !important; - --tab-attention-indicator-position: 50% calc(50% + 12px); - --tabstrip-min-height: auto !important; -} - -/* ---------------------------------------- Nav Bar ---------------------------------------- */ - -#nav-bar -{ - border: none !important; -} - -/* ---------------------------------------- Tabs ---------------------------------------- */ - -.tabbrowser-tab -{ - overflow-clip-margin: var(--tab-min-height) !important; - padding-inline: var(--my-tab-inline-padding) !important; - - &[visuallyselected] - { - color: var(--toolbar-color) !important; - position: relative; - z-index: 2 !important; - - .tab-background - { - background-color: var(--toolbar-bgcolor) !important; - } - } - - &:not([visuallyselected]) - { - color: inherit !important; - - #tabbrowser-tabs[movingtab] & - { - z-index: 0 !important; - } - } - - .tab-background - { - mask-image: var(--left-svg), var(--center-svg), var(--right-svg); - mask-size: auto 100%, calc(100% - var(--tab-min-height) * 2) 100%, auto 100%; - mask-position: left center, center center, right center; - mask-repeat: no-repeat, no-repeat, no-repeat; - box-shadow: none !important; - outline: none !important; - margin-block: var(--tab-bg-block-margin) !important; - margin-inline: calc(-1 * (var(--tab-min-height) / 2)) !important; - border-radius: 0px !important; - pointer-events: none !important; - } -} - -#tabbrowser-tabs[overflow] .tab-drop-indicator -{ - inset-inline-start: var(--tab-first-last-inline-margin) !important; -} - -/* -------------------- Container Indicators -------------------- */ - -.tab-context-line -{ - margin: 0px !important; -} - -/* -------------------- Tab Icon Indicators -------------------- */ - -.tabbrowser-tab:is([image], [pinned]) .tab-content[attention]:not([selected]), -.tab-content[pinned][titlechanged]:not([selected]) -{ - background-position: var(--tab-attention-indicator-position) !important; -} - -/* ---------------------------------------- Tab Bar ---------------------------------------- */ - -#TabsToolbar #search-container -{ - padding-block: 0 !important; -} - -/* ---------------------------------------- Indents ---------------------------------------- */ - -#tabbrowser-tabs:not([overflow]) .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([hidden])), -#tabbrowser-tabs[overflow] .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([pinned], [hidden])), -#tabbrowser-tabs[overflow][haspinnedtabs] -{ - margin-inline-start: var(--tab-first-last-inline-margin) !important; -} - -.tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden])) -{ - margin-inline-end: var(--tab-first-last-inline-margin) !important; -} - -/* ---------------------------------------- Tab Scroll Animation ---------------------------------------- */ - -#tabbrowser-tabs[overflow] .tabbrowser-tab:not([pinned]) -{ - box-sizing: content-box !important; -} - -#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:not([pinned]) -{ - pointer-events: none !important; - box-sizing: content-box !important; - padding-inline: var(--tab-scroll-animation-inline-padding) !important; - margin-inline: var(--tab-scroll-animation-inline-margin) !important; - overflow-clip-margin: 0px !important; -} - -#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:not([pinned]) .tab-stack -{ - pointer-events: auto !important; -} - -#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([pinned], [hidden])) -{ - margin-inline-start: 0px !important; -} - -#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden])) -{ - margin-inline-end: 0px !important; -} - - - - - - - - - - - - - - - -} From 0e11d61002ae95a054504ac40a789742c41de91a Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 19:35:55 +0300 Subject: [PATCH 09/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 94 +++++++++++++++++++ 1 file changed, 94 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index f2701395..f9591ceb 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -158,6 +158,100 @@ (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") { + :root +{ + @media (-moz-bool-pref: "userChrome.Tabs.Option1.Enabled") + { + --left-svg: url("svg_files/option_1/left_corners.svg"); + --center-svg: url("svg_files/option_1/center.svg"); + --right-svg: url("svg_files/option_1/right_corners.svg"); + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option2.Enabled") + { + --left-svg: url("svg_files/option_2/left_corners.svg"); + --center-svg: url("svg_files/option_2/center.svg"); + --right-svg: url("svg_files/option_2/right_corners.svg"); + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option3.Enabled") + { + --left-svg: url("svg_files/option_3/left_corners.svg"); + --center-svg: url("svg_files/option_3/center.svg"); + --right-svg: url("svg_files/option_3/right_corners.svg"); + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option4.Enabled") + { + --left-svg: url("svg_files/option_4/left_corners.svg"); + --center-svg: url("svg_files/option_4/center.svg"); + --right-svg: url("svg_files/option_4/right_corners.svg"); + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") + { + --left-svg: url("svg_files/option_5/left_corners.svg"); + --center-svg: url("svg_files/option_5/center.svg"); + --right-svg: url("svg_files/option_5/right_corners.svg"); + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") + { + --left-svg: url("svg_files/option_1/left_corners.svg"); + --center-svg: url("svg_files/option_1/center.svg"); + --right-svg: url("svg_files/option_1/right_corners.svg"); + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") + { + --left-svg: url("svg_files/option_6/left_corners.svg"); + --center-svg: url("svg_files/option_6/center.svg"); + --right-svg: url("svg_files/option_6/right_corners.svg"); + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") + { + --left-svg: url("svg_files/option_7/left_corners.svg"); + --center-svg: url("svg_files/option_7/center.svg"); + --right-svg: url("svg_files/option_7/right_corners.svg"); + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") + { + --left-svg: url("svg_files/option_8/left_corners.svg"); + --center-svg: url("svg_files/option_8/center.svg"); + --right-svg: url("svg_files/option_8/right_corners.svg"); + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") + { + --left-svg: url("svg_files/option_9/left_corners.svg"); + --center-svg: url("svg_files/option_9/center.svg"); + --right-svg: url("svg_files/option_9/right_corners.svg"); + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") + { + --left-svg: url("svg_files/option_10/left_corners.svg"); + --center-svg: url("svg_files/option_10/center.svg"); + --right-svg: url("svg_files/option_10/right_corners.svg"); + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") + { + --left-svg: url("svg_files/option_11/left_corners.svg"); + --center-svg: url("svg_files/option_11/center.svg"); + --right-svg: url("svg_files/option_11/right_corners.svg"); + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option13.Enabled") + { + --left-svg: url("svg_files/option_12/left_corners.svg"); + --center-svg: url("svg_files/option_12/center.svg"); + --right-svg: url("svg_files/option_12/right_corners.svg"); + } +} + /* ---------------------------------------- Tabs ---------------------------------------- */ From 6f24d2b0db60403f2ac71ebbd534a2035ed91f3f Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 19:36:48 +0300 Subject: [PATCH 10/89] Delete chrome/modules/horizontal_tabs/wavefox_tab_shapes.css --- .../horizontal_tabs/wavefox_tab_shapes.css | 93 ------------------- 1 file changed, 93 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/wavefox_tab_shapes.css diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shapes.css b/chrome/modules/horizontal_tabs/wavefox_tab_shapes.css deleted file mode 100644 index 64609f63..00000000 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shapes.css +++ /dev/null @@ -1,93 +0,0 @@ -:root -{ - @media (-moz-bool-pref: "userChrome.Tabs.Option1.Enabled") - { - --left-svg: url("svg_files/option_1/left_corners.svg"); - --center-svg: url("svg_files/option_1/center.svg"); - --right-svg: url("svg_files/option_1/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option2.Enabled") - { - --left-svg: url("svg_files/option_2/left_corners.svg"); - --center-svg: url("svg_files/option_2/center.svg"); - --right-svg: url("svg_files/option_2/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option3.Enabled") - { - --left-svg: url("svg_files/option_3/left_corners.svg"); - --center-svg: url("svg_files/option_3/center.svg"); - --right-svg: url("svg_files/option_3/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option4.Enabled") - { - --left-svg: url("svg_files/option_4/left_corners.svg"); - --center-svg: url("svg_files/option_4/center.svg"); - --right-svg: url("svg_files/option_4/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") - { - --left-svg: url("svg_files/option_5/left_corners.svg"); - --center-svg: url("svg_files/option_5/center.svg"); - --right-svg: url("svg_files/option_5/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") - { - --left-svg: url("svg_files/option_1/left_corners.svg"); - --center-svg: url("svg_files/option_1/center.svg"); - --right-svg: url("svg_files/option_1/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") - { - --left-svg: url("svg_files/option_6/left_corners.svg"); - --center-svg: url("svg_files/option_6/center.svg"); - --right-svg: url("svg_files/option_6/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") - { - --left-svg: url("svg_files/option_7/left_corners.svg"); - --center-svg: url("svg_files/option_7/center.svg"); - --right-svg: url("svg_files/option_7/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") - { - --left-svg: url("svg_files/option_8/left_corners.svg"); - --center-svg: url("svg_files/option_8/center.svg"); - --right-svg: url("svg_files/option_8/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") - { - --left-svg: url("svg_files/option_9/left_corners.svg"); - --center-svg: url("svg_files/option_9/center.svg"); - --right-svg: url("svg_files/option_9/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") - { - --left-svg: url("svg_files/option_10/left_corners.svg"); - --center-svg: url("svg_files/option_10/center.svg"); - --right-svg: url("svg_files/option_10/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") - { - --left-svg: url("svg_files/option_11/left_corners.svg"); - --center-svg: url("svg_files/option_11/center.svg"); - --right-svg: url("svg_files/option_11/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option13.Enabled") - { - --left-svg: url("svg_files/option_12/left_corners.svg"); - --center-svg: url("svg_files/option_12/center.svg"); - --right-svg: url("svg_files/option_12/right_corners.svg"); - } -} From 934e4ddb0c74b55da373883bd7c5fad90603380c Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 19:37:55 +0300 Subject: [PATCH 11/89] Update userChrome.css --- chrome/userChrome.css | 1 - 1 file changed, 1 deletion(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index ada9956c..7230cfca 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -5,7 +5,6 @@ @import "modules/horizontal_tabs/wavefox_tabs.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); /* -@import "modules/horizontal_tabs/wavefox_tab_shapes.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_drag_space.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_selected_tab_indicator.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_toolbar_transparency.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); From 41d3f2a8ead39ee7abdf2e674e20a7e21a73d271 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 19:58:35 +0300 Subject: [PATCH 12/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 192 ++++++++---------- 1 file changed, 88 insertions(+), 104 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index f9591ceb..890a28ef 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -1,12 +1,3 @@ -/* ---------------------------------------- Custom properties ---------------------------------------- */ - -@property --wavefox-ft-tab-border-radius -{ - syntax: ""; - inherits: true; - initial-value: 4px; -} - /* ---------------------------------------- Density ---------------------------------------- */ :root @@ -62,7 +53,7 @@ .tab-background { - border-radius: var(--wavefox-ft-tab-border-radius) !important; + border-radius: var(--wavefox-tab-border-radius, 4px) !important; } .tab-close-button @@ -82,27 +73,6 @@ margin-inline-start: 0px !important; } - - - - - - - - - - - - - - - - - - - - - /* ---------------------------------------- Floating tabs ---------------------------------------- */ @media (-moz-bool-pref: "userChrome.Tabs.Option1.Enabled") or @@ -115,7 +85,7 @@ { :root { - --wavefox-ft-border-radius: 8px; + --wavefox-tab-border-radius: 8px; } } @@ -123,7 +93,7 @@ { :root { - --wavefox-ft-border-radius: 12px; + --wavefox-tab-border-radius: 12px; } } @@ -131,7 +101,15 @@ { :root { - --wavefox-ft-border-radius: 50px; + --wavefox-tab-border-radius: 16px; + } + } + + @media (-moz-bool-pref: "userChrome.Tabs.Option4.Enabled") + { + :root + { + --wavefox-tab-border-radius: 50px; } } } @@ -148,109 +126,115 @@ /* ---------------------------------------- Attached tabs ---------------------------------------- */ -@media (-moz-bool-pref: "userChrome.Tabs.Option4.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") or +@media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") + (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") { - - :root -{ - @media (-moz-bool-pref: "userChrome.Tabs.Option1.Enabled") - { - --left-svg: url("svg_files/option_1/left_corners.svg"); - --center-svg: url("svg_files/option_1/center.svg"); - --right-svg: url("svg_files/option_1/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option2.Enabled") - { - --left-svg: url("svg_files/option_2/left_corners.svg"); - --center-svg: url("svg_files/option_2/center.svg"); - --right-svg: url("svg_files/option_2/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option3.Enabled") - { - --left-svg: url("svg_files/option_3/left_corners.svg"); - --center-svg: url("svg_files/option_3/center.svg"); - --right-svg: url("svg_files/option_3/right_corners.svg"); - } - - @media (-moz-bool-pref: "userChrome.Tabs.Option4.Enabled") - { - --left-svg: url("svg_files/option_4/left_corners.svg"); - --center-svg: url("svg_files/option_4/center.svg"); - --right-svg: url("svg_files/option_4/right_corners.svg"); - } + /* -------------------- Tab shapes -------------------- */ @media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") { - --left-svg: url("svg_files/option_5/left_corners.svg"); - --center-svg: url("svg_files/option_5/center.svg"); - --right-svg: url("svg_files/option_5/right_corners.svg"); + :root + { + --wavefox-tab-border-radius: 0px; + } } @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") { - --left-svg: url("svg_files/option_1/left_corners.svg"); - --center-svg: url("svg_files/option_1/center.svg"); - --right-svg: url("svg_files/option_1/right_corners.svg"); + :root + { + --left-svg: url("svg_files/option_6/left_corners.svg"); + --center-svg: url("svg_files/option_6/center.svg"); + --right-svg: url("svg_files/option_6/right_corners.svg"); + } } - + @media (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") { - --left-svg: url("svg_files/option_6/left_corners.svg"); - --center-svg: url("svg_files/option_6/center.svg"); - --right-svg: url("svg_files/option_6/right_corners.svg"); + :root + { + --left-svg: url("svg_files/option_7/left_corners.svg"); + --center-svg: url("svg_files/option_7/center.svg"); + --right-svg: url("svg_files/option_7/right_corners.svg"); + } } - + @media (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") { - --left-svg: url("svg_files/option_7/left_corners.svg"); - --center-svg: url("svg_files/option_7/center.svg"); - --right-svg: url("svg_files/option_7/right_corners.svg"); + :root + { + --left-svg: url("svg_files/option_8/left_corners.svg"); + --center-svg: url("svg_files/option_8/center.svg"); + --right-svg: url("svg_files/option_8/right_corners.svg"); + } } - + @media (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") { - --left-svg: url("svg_files/option_8/left_corners.svg"); - --center-svg: url("svg_files/option_8/center.svg"); - --right-svg: url("svg_files/option_8/right_corners.svg"); + :root + { + --left-svg: url("svg_files/option_9/left_corners.svg"); + --center-svg: url("svg_files/option_9/center.svg"); + --right-svg: url("svg_files/option_9/right_corners.svg"); + } } - + @media (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") { - --left-svg: url("svg_files/option_9/left_corners.svg"); - --center-svg: url("svg_files/option_9/center.svg"); - --right-svg: url("svg_files/option_9/right_corners.svg"); + :root + { + --left-svg: url("svg_files/option_10/left_corners.svg"); + --center-svg: url("svg_files/option_10/center.svg"); + --right-svg: url("svg_files/option_10/right_corners.svg"); + } } - + @media (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") { - --left-svg: url("svg_files/option_10/left_corners.svg"); - --center-svg: url("svg_files/option_10/center.svg"); - --right-svg: url("svg_files/option_10/right_corners.svg"); + :root + { + --left-svg: url("svg_files/option_11/left_corners.svg"); + --center-svg: url("svg_files/option_11/center.svg"); + --right-svg: url("svg_files/option_11/right_corners.svg"); + } } - + @media (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") { - --left-svg: url("svg_files/option_11/left_corners.svg"); - --center-svg: url("svg_files/option_11/center.svg"); - --right-svg: url("svg_files/option_11/right_corners.svg"); + :root + { + --left-svg: url("svg_files/option_12/left_corners.svg"); + --center-svg: url("svg_files/option_12/center.svg"); + --right-svg: url("svg_files/option_12/right_corners.svg"); + } } + + + + + + + + + + + + + + + + + + + + - @media (-moz-bool-pref: "userChrome.Tabs.Option13.Enabled") - { - --left-svg: url("svg_files/option_12/left_corners.svg"); - --center-svg: url("svg_files/option_12/center.svg"); - --right-svg: url("svg_files/option_12/right_corners.svg"); - } -} /* ---------------------------------------- Tabs ---------------------------------------- */ From 508a0f243b1c5328f22b8cc5d66140b1f8c29b65 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 21:01:31 +0300 Subject: [PATCH 13/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 161 +++++++++++++----- 1 file changed, 123 insertions(+), 38 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 890a28ef..47ecc72b 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -77,7 +77,8 @@ @media (-moz-bool-pref: "userChrome.Tabs.Option1.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option2.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option3.Enabled") + (-moz-bool-pref: "userChrome.Tabs.Option3.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option4.Enabled") { /* -------------------- Tab shapes -------------------- */ @@ -241,14 +242,9 @@ :root { - @media (-moz-bool-pref: "userChrome.Tabs.Option4.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); - } - @media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); + --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ } @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") @@ -258,12 +254,12 @@ @media (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2 - 6px); + --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); } @media (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); + --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2 - 6px); } @media (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") @@ -281,23 +277,24 @@ --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } + @media (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") + { + --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); + } + /* -------------------- Attached Tabs -------------------- */ - @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or + @media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option13.Enabled") + (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") { --tab-scroll-animation-inline-margin: calc(-1 * var(--tab-first-last-inline-margin)); --tab-scroll-animation-inline-padding: var(--tab-first-last-inline-margin); - --tab-bg-block-margin: 0px; - --my-tab-inline-padding: 0px; - --tab-separator-offset: 0px; - --pinned-tabs-width-offset: 2px; } } @@ -317,48 +314,107 @@ border: none !important; } + + + + + + + + + + + + + + + + + + + /* ---------------------------------------- Tabs ---------------------------------------- */ .tabbrowser-tab { - overflow-clip-margin: var(--tab-min-height) !important; - padding-inline: var(--my-tab-inline-padding) !important; + overflow: visible !important; + padding-inline: 0px !important; + + &[pinned] .tab-content + { + padding-inline: calc((var(--tab-min-height) - 16px) / 2 + 2px) !important; + } &[visuallyselected] { color: var(--toolbar-color) !important; - position: relative; - z-index: 2 !important; .tab-background { background-color: var(--toolbar-bgcolor) !important; } } - - &:not([visuallyselected]) + + .tab-background { - color: inherit !important; - - #tabbrowser-tabs[movingtab] & + position: relative !important; + margin-inline: calc(var(--tab-min-height) / 2) !important; + margin-block: 0px !important; + border-radius: 0px !important; + box-shadow: none !important; + + &::before, + &::after { - z-index: 0 !important; + content: ""; + display: block; + position: absolute; + width: var(--tab-min-height); + height: var(--tab-min-height); + mask-size: var(--tab-min-height); + mask-position: center; + mask-repeat: no-repeat; + } + + &::before + { + inset-inline-end: 100%; + mask-image: var(--left-svg); + } + + &::after + { + inset-inline-start: 100%; + mask-image: var(--right-svg); } } - - .tab-background + + &[visuallyselected] .tab-background { - mask-image: var(--left-svg), var(--center-svg), var(--right-svg); - mask-size: auto 100%, calc(100% - var(--tab-min-height) * 2) 100%, auto 100%; - mask-position: left center, center center, right center; - mask-repeat: no-repeat, no-repeat, no-repeat; - box-shadow: none !important; - outline: none !important; - margin-block: var(--tab-bg-block-margin) !important; - margin-inline: calc(-1 * (var(--tab-min-height) / 2)) !important; - border-radius: 0px !important; - pointer-events: none !important; + &::before, + &::after + { + background-color: var(--toolbar-bgcolor) !important; + } } + + &:not([visuallyselected]):hover .tab-background + { + &::before, + &::after + { + background-color: var(--tab-hover-background-color) !important; + } + } + + + + + + + + + } #tabbrowser-tabs[overflow] .tab-drop-indicator @@ -366,6 +422,35 @@ inset-inline-start: var(--tab-first-last-inline-margin) !important; } + + + + + + + + + + + + + + + + + + + + + + + + + + + + + /* -------------------- Container Indicators -------------------- */ .tab-context-line From 13baadbd373b5e3547f2db50ae9635bf6fc44a52 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Fri, 15 Nov 2024 21:23:52 +0300 Subject: [PATCH 14/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 150 ++++++++---------- 1 file changed, 66 insertions(+), 84 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 47ecc72b..392cef70 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -334,110 +334,92 @@ /* ---------------------------------------- Tabs ---------------------------------------- */ - -.tabbrowser-tab -{ - overflow: visible !important; - padding-inline: 0px !important; - - &[pinned] .tab-content - { - padding-inline: calc((var(--tab-min-height) - 16px) / 2 + 2px) !important; - } - - &[visuallyselected] - { - color: var(--toolbar-color) !important; - - .tab-background - { - background-color: var(--toolbar-bgcolor) !important; - } - } - - .tab-background - { - position: relative !important; - margin-inline: calc(var(--tab-min-height) / 2) !important; - margin-block: 0px !important; - border-radius: 0px !important; - box-shadow: none !important; - - &::before, - &::after - { - content: ""; - display: block; - position: absolute; - width: var(--tab-min-height); - height: var(--tab-min-height); - mask-size: var(--tab-min-height); - mask-position: center; - mask-repeat: no-repeat; - } - - &::before - { - inset-inline-end: 100%; - mask-image: var(--left-svg); - } - - &::after - { - inset-inline-start: 100%; - mask-image: var(--right-svg); - } - } - - &[visuallyselected] .tab-background - { - &::before, - &::after - { - background-color: var(--toolbar-bgcolor) !important; - } - } - - &:not([visuallyselected]):hover .tab-background - { - &::before, - &::after - { - background-color: var(--tab-hover-background-color) !important; - } - } - - - - - -} - #tabbrowser-tabs[overflow] .tab-drop-indicator { inset-inline-start: var(--tab-first-last-inline-margin) !important; } - - - - - +.tabbrowser-tab +{ + overflow: visible !important; + padding-inline: 0px !important; +} +.tabbrowser-tab[pinned] .tab-content +{ + padding-inline: calc((var(--tab-min-height) - 16px) / 2 + 2px) !important; +} +.tabbrowser-tab[visuallyselected] +{ + color: var(--toolbar-color) !important; +} + +.tabbrowser-tab[visuallyselected] .tab-background +{ + background-color: var(--toolbar-bgcolor) !important; +} +.tabbrowser-tab[visuallyselected] .tab-background::before, +.tabbrowser-tab[visuallyselected] .tab-background::after +{ + background-color: var(--toolbar-bgcolor) !important; +} + +.tabbrowser-tab:not([visuallyselected]):hover .tab-background::before, +.tabbrowser-tab:not([visuallyselected]):hover .tab-background::after +{ + background-color: var(--tab-hover-background-color) !important; +} +.tabbrowser-tab:not([visuallyselected])[multiselected] .tab-background::before, +.tabbrowser-tab:not([visuallyselected])[multiselected] .tab-background::after +{ + background-color: var(--tab-selected-bgcolor) !important; +} +.tabbrowser-tab .tab-background +{ + position: relative !important; + margin-inline: calc(var(--tab-min-height) / 2) !important; + margin-block: 0px !important; + border-radius: 0px !important; + box-shadow: none !important; +} +.tabbrowser-tab .tab-background::before, +.tabbrowser-tab .tab-background::after +{ + content: ""; + display: block; + position: absolute; + width: var(--tab-min-height); + height: var(--tab-min-height); + mask-size: var(--tab-min-height); + mask-position: center; + mask-repeat: no-repeat; +} + +.tabbrowser-tab .tab-background::before +{ + inset-inline-end: 100%; + mask-image: var(--left-svg); +} + +.tabbrowser-tab .tab-background::after +{ + inset-inline-start: 100%; + mask-image: var(--right-svg); +} From da786396cabecab9d30f1a90583e79e604be7882 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 12:55:19 +0300 Subject: [PATCH 15/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 191 +++++++++--------- 1 file changed, 101 insertions(+), 90 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 392cef70..e13b0191 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -281,21 +281,6 @@ { --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } - - /* -------------------- Attached Tabs -------------------- */ - - @media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") - { - --tab-scroll-animation-inline-margin: calc(-1 * var(--tab-first-last-inline-margin)); - --tab-scroll-animation-inline-padding: var(--tab-first-last-inline-margin); - } } /* ---------------------------------------- Main Window ---------------------------------------- */ @@ -334,99 +319,125 @@ /* ---------------------------------------- Tabs ---------------------------------------- */ + +.tabbrowser-tab +{ + overflow: visible !important; + padding-inline: 0px !important; + + &[pinned] .tab-content + { + padding-inline: calc((var(--tab-min-height) - 16px) / 2 + 2px) !important; + } + &[visuallyselected] + { + color: var(--toolbar-color) !important; + + .tab-background + { + background-color: var(--toolbar-bgcolor) !important; + + &::before, + &::after + { + background-color: var(--toolbar-bgcolor) !important; + } + } + } + &:not([visuallyselected]) + { + &:hover + { + .tab-background + { + background-color: var(--toolbarbutton-hover-background) !important; + + &::before, + &::after + { + background-color: var(--toolbarbutton-hover-background) !important; + } + } + } + + &[multiselected] + { + .tab-background + { + background-color: var(--toolbarbutton-active-background) !important; + + &::before, + &::after + { + background-color: var(--toolbarbutton-active-background) !important; + } + } + } + } - -#tabbrowser-tabs[overflow] .tab-drop-indicator -{ - inset-inline-start: var(--tab-first-last-inline-margin) !important; + .tab-background + { + position: relative !important; + margin-inline: calc(var(--tab-min-height) / 2) !important; + margin-block: 0px !important; + border-radius: 0px !important; + box-shadow: none !important; + outline: none !important; + + &::before, + &::after + { + content: ""; + display: block; + position: absolute; + width: var(--tab-min-height); + height: var(--tab-min-height); + mask-size: var(--tab-min-height); + mask-position: center; + mask-repeat: no-repeat; + } + + &::before + { + inset-inline-end: 100%; + mask-image: var(--left-svg); + } + + &::after + { + inset-inline-start: 100%; + mask-image: var(--right-svg); + } + } } + -.tabbrowser-tab -{ - overflow: visible !important; - padding-inline: 0px !important; -} - -.tabbrowser-tab[pinned] .tab-content -{ - padding-inline: calc((var(--tab-min-height) - 16px) / 2 + 2px) !important; -} -.tabbrowser-tab[visuallyselected] -{ - color: var(--toolbar-color) !important; -} -.tabbrowser-tab[visuallyselected] .tab-background -{ - background-color: var(--toolbar-bgcolor) !important; -} - -.tabbrowser-tab[visuallyselected] .tab-background::before, -.tabbrowser-tab[visuallyselected] .tab-background::after -{ - background-color: var(--toolbar-bgcolor) !important; -} - -.tabbrowser-tab:not([visuallyselected]):hover .tab-background::before, -.tabbrowser-tab:not([visuallyselected]):hover .tab-background::after -{ - background-color: var(--tab-hover-background-color) !important; -} - -.tabbrowser-tab:not([visuallyselected])[multiselected] .tab-background::before, -.tabbrowser-tab:not([visuallyselected])[multiselected] .tab-background::after -{ - background-color: var(--tab-selected-bgcolor) !important; -} - -.tabbrowser-tab .tab-background -{ - position: relative !important; - margin-inline: calc(var(--tab-min-height) / 2) !important; - margin-block: 0px !important; - border-radius: 0px !important; - box-shadow: none !important; -} + + -.tabbrowser-tab .tab-background::before, -.tabbrowser-tab .tab-background::after -{ - content: ""; - display: block; - position: absolute; - width: var(--tab-min-height); - height: var(--tab-min-height); - mask-size: var(--tab-min-height); - mask-position: center; - mask-repeat: no-repeat; -} - -.tabbrowser-tab .tab-background::before -{ - inset-inline-end: 100%; - mask-image: var(--left-svg); -} + -.tabbrowser-tab .tab-background::after -{ - inset-inline-start: 100%; - mask-image: var(--right-svg); -} - + + +#tabbrowser-tabs[overflow] .tab-drop-indicator +{ + inset-inline-start: var(--tab-first-last-inline-margin) !important; +} @@ -480,8 +491,8 @@ { pointer-events: none !important; box-sizing: content-box !important; - padding-inline: var(--tab-scroll-animation-inline-padding) !important; - margin-inline: var(--tab-scroll-animation-inline-margin) !important; + padding-inline: var(--tab-first-last-inline-margin) !important; + margin-inline: calc(-1 * var(--tab-first-last-inline-margin)) !important; overflow-clip-margin: 0px !important; } From 5207c18f2cc481c8f433cd221abd2a1732715658 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 13:54:44 +0300 Subject: [PATCH 16/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 43 +++++++++++++++---- 1 file changed, 35 insertions(+), 8 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index e13b0191..fc123b9b 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -332,6 +332,8 @@ &[visuallyselected] { + position: relative; + z-index: 2 !important; color: var(--toolbar-color) !important; .tab-background @@ -385,6 +387,7 @@ border-radius: 0px !important; box-shadow: none !important; outline: none !important; + pointer-events: none !important; &::before, &::after @@ -397,6 +400,7 @@ mask-size: var(--tab-min-height); mask-position: center; mask-repeat: no-repeat; + z-index: -1; } &::before @@ -418,12 +422,41 @@ + /* + .tab-background + { + display: grid !important; + } + .tab-context-line, + .tab-loading-burst, + .tab-group-line + { + grid-area: 1 / 1 / auto / auto !important; + } + + .tab-context-line, + .tab-loading-burst + .tab-group-line + { + min-height: var(--tab-min-height) !important; + mask-image: var(--left-svg), var(--center-svg), var(--right-svg); + mask-size: auto 100%, calc(100% - var(--tab-min-height) * 2) 100%, auto 100%; + mask-position: left center, center center, right center; + mask-repeat: no-repeat, no-repeat, no-repeat; + margin-block: 0px !important; + margin-inline: calc(-1 * var(--tab-min-height)) !important; + } + .tab-group-line + { + min-height var(--tab-min-height) !important; + margin-block auto 0px !important; + margin-inline 0px !important; + } - - + */ @@ -443,13 +476,7 @@ - -/* -------------------- Container Indicators -------------------- */ -.tab-context-line -{ - margin: 0px !important; -} /* -------------------- Tab Icon Indicators -------------------- */ From d2fb2fa3be2e3d059c0eb854457c8b70a04e17ec Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 16:05:58 +0300 Subject: [PATCH 17/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 92 +++++++++---------- 1 file changed, 44 insertions(+), 48 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index fc123b9b..4d65bf75 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -127,8 +127,27 @@ /* ---------------------------------------- Attached tabs ---------------------------------------- */ -@media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or +@media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") +{ + /* -------------------- Tab shapes -------------------- */ + + :root + { + --wavefox-tab-border-radius: 0px; + + .tabbrowser-tab + { + padding-inline: 0px !important; + + .tab-background + { + margin-block: 0px !important; + } + } + } +} + +@media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or @@ -138,14 +157,6 @@ { /* -------------------- Tab shapes -------------------- */ - @media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") - { - :root - { - --wavefox-tab-border-radius: 0px; - } - } - @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") { :root @@ -242,11 +253,6 @@ :root { - @media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ - } - @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") { --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); @@ -381,6 +387,7 @@ .tab-background { + display: grid !important; position: relative !important; margin-inline: calc(var(--tab-min-height) / 2) !important; margin-block: 0px !important; @@ -414,6 +421,28 @@ inset-inline-start: 100%; mask-image: var(--right-svg); } + + > * + { + grid-area: 1 / 1 / auto / auto !important; + } + + .tab-context-line, + .tab-loading-burst + { + min-height: var(--tab-min-height) !important; + mask-image: var(--left-svg), var(--center-svg), var(--right-svg); + mask-size: auto 100%, calc(100% - var(--tab-min-height) * 2) 100%, auto 100%; + mask-position: left center, center center, right center; + mask-repeat: no-repeat, no-repeat, no-repeat; + margin-block: 0px !important; + margin-inline: calc(-1 * var(--tab-min-height)) !important; + } + + .tab-context-line + { + clip-path: rect(0% 100% 2px 0%) !important; + } } } @@ -422,41 +451,8 @@ - /* - .tab-background - { - display: grid !important; - } - - .tab-context-line, - .tab-loading-burst, - .tab-group-line - { - grid-area: 1 / 1 / auto / auto !important; - } - .tab-context-line, - .tab-loading-burst - .tab-group-line - { - min-height: var(--tab-min-height) !important; - mask-image: var(--left-svg), var(--center-svg), var(--right-svg); - mask-size: auto 100%, calc(100% - var(--tab-min-height) * 2) 100%, auto 100%; - mask-position: left center, center center, right center; - mask-repeat: no-repeat, no-repeat, no-repeat; - margin-block: 0px !important; - margin-inline: calc(-1 * var(--tab-min-height)) !important; - } - - .tab-group-line - { - min-height var(--tab-min-height) !important; - margin-block auto 0px !important; - margin-inline 0px !important; - } - - */ From 560e55e9e30b6f669be89c1aeb6b5e90a6b566d0 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 16:18:35 +0300 Subject: [PATCH 18/89] Update userChrome.css --- chrome/userChrome.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 7230cfca..db18d04b 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -3,18 +3,17 @@ /* ---------- Horizontal Tabs ---------- */ @import "modules/horizontal_tabs/wavefox_tabs.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); +@import "modules/horizontal_tabs/wavefox_tab_media_icons_and_text.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); +@import "modules/horizontal_tabs/wavefox_toolbar_buttons.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); /* @import "modules/horizontal_tabs/wavefox_drag_space.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); -@import "modules/horizontal_tabs/wavefox_selected_tab_indicator.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_toolbar_transparency.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tab_shadows.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tab_separators.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tabs_on_bottom.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_one_line.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); -@import "modules/horizontal_tabs/wavefox_toolbar_buttons.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_context_menu_densities.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); -@import "modules/horizontal_tabs/wavefox_tab_media_icons_and_text.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_rounded_web_page.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.revamp"); @import "modules/horizontal_tabs/wavefox_transparency_on_linux.css" layer(BasicPriority) /* supports() */ (-moz-platform: linux); @import "modules/horizontal_tabs/wavefox_transparency_on_windows.css" layer(BasicPriority) /* supports() */ (-moz-platform: windows); From d1c21bc73e6254be628ef4e07feeaff30b00ca02 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 16:21:16 +0300 Subject: [PATCH 19/89] Delete chrome/modules/horizontal_tabs/wavefox_selected_tab_indicator.css --- .../wavefox_selected_tab_indicator.css | 12 ------------ 1 file changed, 12 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/wavefox_selected_tab_indicator.css diff --git a/chrome/modules/horizontal_tabs/wavefox_selected_tab_indicator.css b/chrome/modules/horizontal_tabs/wavefox_selected_tab_indicator.css deleted file mode 100644 index 1bcbee58..00000000 --- a/chrome/modules/horizontal_tabs/wavefox_selected_tab_indicator.css +++ /dev/null @@ -1,12 +0,0 @@ -@media (-moz-bool-pref: "userChrome.Tabs.SelectedTabIndicator.Enabled") -{ - .tabbrowser-tab[visuallyselected][usercontextid] .tab-background - { - box-shadow: inset 0 -2px 0 var(--tab-selected-outline-color) !important; - } - - .tabbrowser-tab[visuallyselected]:not([usercontextid]) .tab-background - { - box-shadow: inset 0 2px 0 var(--tab-selected-outline-color) !important; - } -} From bb8a3bea03d209616fa4da6d4b03195abcaa3b05 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 16:24:33 +0300 Subject: [PATCH 20/89] Update wavefox_tab_media_icons_and_text.css --- .../horizontal_tabs/wavefox_tab_media_icons_and_text.css | 4 ++-- 1 file changed, 2 insertions(+), 2 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 04ba519a..18561878 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 @@ -9,12 +9,12 @@ .tab-icon-overlay:not([crashed]):hover { - background-color: var(--toolbarbutton-hover-background) !important; + background-color: color-mix(in srgb, currentColor 10%, transparent) !important; } .tab-icon-overlay:not([crashed]):hover:active { - background-color: var(--toolbarbutton-active-background) !important; + background-color: color-mix(in srgb, currentColor 20%, transparent) !important; } .tabbrowser-tab:is([pinned], [image], [sharing], [pictureinpicture]):not([crashed]) .tab-icon-overlay From b0811ffc88b196b641294d5a25949cc7b99b78f0 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 16:26:15 +0300 Subject: [PATCH 21/89] Update wavefox_toolbar_buttons.css --- .../modules/horizontal_tabs/wavefox_toolbar_buttons.css | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css b/chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css index 7082e7a4..d5054ad8 100644 --- a/chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css +++ b/chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css @@ -20,11 +20,6 @@ background-color: var(--toolbarbutton-hover-background) !important; } -#TabsToolbar #firefox-view-button[attention] -{ - background-position: var(--tab-attention-indicator-position) !important; -} - /* -------------------- Extensions menu -------------------- */ #unified-extensions-panel @@ -93,12 +88,12 @@ #tabs-newtab-button { - margin-inline-start: calc(-1 * var(--tab-first-last-inline-margin) / 2) !important; + margin-inline-start: calc(-1 * var(--tab-first-last-inline-margin, 0px) / 2) !important; } .toolbarbutton-1:has(+ #tabbrowser-tabs:not([overflow])), .toolbarbutton-1:has(+ #tabbrowser-tabs[overflow][haspinnedtabs]) { - margin-inline-end: calc(-1 * var(--tab-first-last-inline-margin) / 2) !important; + margin-inline-end: calc(-1 * var(--tab-first-last-inline-margin, 0px) / 2) !important; z-index: 1 !important; } From d276e591c6dcebb9c5813f3d4ca186d1bfd956e5 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 16:31:17 +0300 Subject: [PATCH 22/89] Update wavefox_tab_media_icons_and_text.css --- .../modules/horizontal_tabs/wavefox_tab_media_icons_and_text.css | 1 + 1 file changed, 1 insertion(+) 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 18561878..5fcdf5de 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 @@ -93,6 +93,7 @@ { height: var(--tab-min-height) !important; font-size: 12px !important; + mask-image: none !important; } .tab-label From 5ed666be436ab1235df861384da04af4f606436d Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 17:06:15 +0300 Subject: [PATCH 23/89] Update userChrome.css --- chrome/userChrome.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index db18d04b..720dfbcc 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -6,6 +6,11 @@ @import "modules/horizontal_tabs/wavefox_tab_media_icons_and_text.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_toolbar_buttons.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); +@import "modules/horizontal_tabs/wavefox_transparency_on_windows.css" layer(BasicPriority) /* supports() */ (-moz-platform: windows); +@import "modules/horizontal_tabs/wavefox_transparency_on_linux.css" layer(BasicPriority) /* supports() */ (-moz-platform: linux); +@import "modules/horizontal_tabs/wavefox_rounded_web_page.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.revamp"); +@import "Lepton_Icons/icons/Lepton_Icons.css" layer(BasicPriority) /* supports() */ (-moz-bool-pref: "userChrome.Menu.Icons.LeptonIcons.Enabled"); + /* @import "modules/horizontal_tabs/wavefox_drag_space.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_toolbar_transparency.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @@ -14,10 +19,6 @@ @import "modules/horizontal_tabs/wavefox_tabs_on_bottom.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_one_line.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_context_menu_densities.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); -@import "modules/horizontal_tabs/wavefox_rounded_web_page.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.revamp"); -@import "modules/horizontal_tabs/wavefox_transparency_on_linux.css" layer(BasicPriority) /* supports() */ (-moz-platform: linux); -@import "modules/horizontal_tabs/wavefox_transparency_on_windows.css" layer(BasicPriority) /* supports() */ (-moz-platform: windows); -@import "Lepton_Icons/icons/Lepton_Icons.css" layer(BasicPriority) /* supports() */ (-moz-bool-pref: "userChrome.Menu.Icons.LeptonIcons.Enabled"); */ /* ---------------------------------------- Third-party styles (Maximum priority) ---------------------------------------- */ From a2206aa77b6e6d161ae76619008bc1602ca4d556 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 17:09:11 +0300 Subject: [PATCH 24/89] Delete chrome/modules/horizontal_tabs/wavefox_context_menu_densities.css --- .../wavefox_context_menu_densities.css | 31 ------------------- 1 file changed, 31 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/wavefox_context_menu_densities.css diff --git a/chrome/modules/horizontal_tabs/wavefox_context_menu_densities.css b/chrome/modules/horizontal_tabs/wavefox_context_menu_densities.css deleted file mode 100644 index 70991728..00000000 --- a/chrome/modules/horizontal_tabs/wavefox_context_menu_densities.css +++ /dev/null @@ -1,31 +0,0 @@ -@media (-moz-bool-pref: "userChrome.Menu.Size.Compact.Enabled") or - (-moz-bool-pref: "userChrome.Menu.Size.Normal.Enabled") or - (-moz-bool-pref: "userChrome.Menu.Size.Touch.Enabled") -{ - :root - { - --arrowpanel-menuitem-margin-block: 0px !important; - --arrowpanel-menuitem-margin-inline: var(--browser-context-menu-margin-padding) !important; - --arrowpanel-menuitem-padding-block: var(--browser-context-menu-margin-padding) !important; - --arrowpanel-menuitem-padding-inline: var(--browser-context-menu-margin-padding) !important; - --panel-separator-margin-horizontal: var(--browser-context-menu-margin-padding) !important; - --panel-separator-margin-vertical: var(--browser-context-menu-margin-padding) !important; - --panel-subview-body-padding-block: var(--browser-context-menu-margin-padding) !important; - --panel-subview-body-padding-inline: 0px !important; - - @media (-moz-bool-pref: "userChrome.Menu.Size.Compact.Enabled") - { - --browser-context-menu-margin-padding: 4px; - } - - @media (-moz-bool-pref: "userChrome.Menu.Size.Normal.Enabled") - { - --browser-context-menu-margin-padding: 6px; - } - - @media (-moz-bool-pref: "userChrome.Menu.Size.Touch.Enabled") - { - --browser-context-menu-margin-padding: 8px; - } - } -} From 52297274440d5bb38f4f02a362def544f0790401 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 17:09:59 +0300 Subject: [PATCH 25/89] Update userChrome.css --- chrome/userChrome.css | 1 - 1 file changed, 1 deletion(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 720dfbcc..80d29304 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -18,7 +18,6 @@ @import "modules/horizontal_tabs/wavefox_tab_separators.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tabs_on_bottom.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_one_line.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); -@import "modules/horizontal_tabs/wavefox_context_menu_densities.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); */ /* ---------------------------------------- Third-party styles (Maximum priority) ---------------------------------------- */ From 4843235bbe6225c7acc86b744889c869a78e0509 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 17:46:55 +0300 Subject: [PATCH 26/89] Update wavefox_tab_separators.css --- .../wavefox_tab_separators.css | 36 +++++++++++-------- 1 file changed, 22 insertions(+), 14 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_separators.css b/chrome/modules/horizontal_tabs/wavefox_tab_separators.css index 78f2e705..1a712e3d 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_separators.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_separators.css @@ -24,24 +24,12 @@ .tab-stack::before { - inset-inline-end: 100%; - transform: translateX(calc(-1 * var(--tab-separator-offset))); - } - - :root:-moz-locale-dir(rtl) .tab-stack::before - { - transform: translateX(var(--tab-separator-offset)); + inset-inline-end: calc(100% + var(--tab-overflow-clip-margin)); } .tab-stack::after { - inset-inline-start: 100%; - transform: translateX(var(--tab-separator-offset)); - } - - :root:-moz-locale-dir(rtl) .tab-stack::after - { - transform: translateX(calc(-1 * var(--tab-separator-offset))); + inset-inline-start: calc(100% + var(--tab-overflow-clip-margin)); } .tabbrowser-tab:not([hidden]):is([selected], :hover, [multiselected]) .tab-stack::before, @@ -75,4 +63,24 @@ --separators-color-saturation: 0.5; } } + + @media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled")) + { + .tab-stack::before + { + inset-inline-end: 100% !important; + } + + .tab-stack::after + { + inset-inline-start: 100% !important; + } + } } From d002ffa7550e948ffb4335bf48cd5030b9de35b8 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 17:49:12 +0300 Subject: [PATCH 27/89] Update userChrome.css --- chrome/userChrome.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 80d29304..9efae9fd 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -5,6 +5,8 @@ @import "modules/horizontal_tabs/wavefox_tabs.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tab_media_icons_and_text.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_toolbar_buttons.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); +@import "modules/horizontal_tabs/wavefox_tab_separators.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); + @import "modules/horizontal_tabs/wavefox_transparency_on_windows.css" layer(BasicPriority) /* supports() */ (-moz-platform: windows); @import "modules/horizontal_tabs/wavefox_transparency_on_linux.css" layer(BasicPriority) /* supports() */ (-moz-platform: linux); @@ -15,7 +17,6 @@ @import "modules/horizontal_tabs/wavefox_drag_space.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_toolbar_transparency.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tab_shadows.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); -@import "modules/horizontal_tabs/wavefox_tab_separators.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tabs_on_bottom.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_one_line.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); */ From 12252982db8e49fc49d12ea446a091be0965f6b3 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 17:54:53 +0300 Subject: [PATCH 28/89] Update wavefox_drag_space.css --- .../modules/horizontal_tabs/wavefox_drag_space.css | 13 ++----------- 1 file changed, 2 insertions(+), 11 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_drag_space.css b/chrome/modules/horizontal_tabs/wavefox_drag_space.css index 80f1a427..ebec5aa2 100644 --- a/chrome/modules/horizontal_tabs/wavefox_drag_space.css +++ b/chrome/modules/horizontal_tabs/wavefox_drag_space.css @@ -40,14 +40,14 @@ #TabsToolbar :is(.tabbrowser-tab, .toolbarbutton-1, separator, #personal-bookmarks, #search-container, .accessibility-indicator, .private-browsing-indicator, #private-browsing-indicator-with-label) { - margin-top: var(--drag-space) !important; + margin-top: var(--drag-space, 0px) !important; } /* ---------- Shadow DOM ---------- */ #tabbrowser-arrowscrollbox { - --drag-space-only-tabs: var(--drag-space) !important; + --drag-space-only-tabs: var(--drag-space, 0px) !important; } #scrollbutton-up, @@ -57,12 +57,3 @@ spacer[part="overflow-end-indicator"] { margin-top: var(--drag-space-only-tabs, revert) !important; } - -/* ---------- Custom Properties ---------- */ - -@property --drag-space -{ - syntax: ""; - inherits: true; - initial-value: 0px; -} From db5f342f7491876cdd314ce7b7b57c4b1bd846bc Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 17:55:52 +0300 Subject: [PATCH 29/89] Update userChrome.css --- chrome/userChrome.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 9efae9fd..76031dae 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -6,6 +6,8 @@ @import "modules/horizontal_tabs/wavefox_tab_media_icons_and_text.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_toolbar_buttons.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tab_separators.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); +@import "modules/horizontal_tabs/wavefox_drag_space.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); + @import "modules/horizontal_tabs/wavefox_transparency_on_windows.css" layer(BasicPriority) /* supports() */ (-moz-platform: windows); @@ -14,7 +16,6 @@ @import "Lepton_Icons/icons/Lepton_Icons.css" layer(BasicPriority) /* supports() */ (-moz-bool-pref: "userChrome.Menu.Icons.LeptonIcons.Enabled"); /* -@import "modules/horizontal_tabs/wavefox_drag_space.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_toolbar_transparency.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tab_shadows.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tabs_on_bottom.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); From 026808c897198556b159c9c46984c1ae298ede8d Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 22:08:17 +0300 Subject: [PATCH 30/89] Update wavefox_tab_shadows.css --- .../horizontal_tabs/wavefox_tab_shadows.css | 164 ++++++++++++++++++ 1 file changed, 164 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index 5e5fe6c9..7957f8a7 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css @@ -1,3 +1,167 @@ +@media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Low.Enabled") or + (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Medium.Enabled") or + (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.High.Enabled") or + (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") +{ + @media not ((-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled")) + { + @media (prefers-color-scheme: light) + { + :root:is(:not([lwtheme]), [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26)"]) + { + --wavefox-ft-tab-shadow-blur: 4px; + --wavefox-ft-tab-shadow-color: var(--tab-selected-outline-color); + + --wavefox-ft-selected-tab-shadow: 0 + 0 + var(--wavefox-ft-tab-shadow-blur) + color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); + + --wavefox-ft-inner-tabbar-shadow: inset + 0 + calc(-1 * var(--wavefox-ft-tab-shadow-blur)) + var(--wavefox-ft-tab-shadow-blur) + calc(-1 * var(--wavefox-ft-tab-shadow-blur)) + color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); + + /* ---------- Blur ---------- */ + + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Borders.Enabled") + { + --wavefox-ft-tab-shadow-blur: 2px; + } + + /* ---------- Saturation ---------- */ + + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Low.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 10%; + } + + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Medium.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 25%; + } + + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.High.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 50%; + } + + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 100%; + } + } + } + } +} + +@media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Low.Enabled") or + (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Medium.Enabled") or + (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.High.Enabled") or + (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") +{ + @media not ((-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled")) + { + @media (prefers-color-scheme: dark) + { + :root:is(:not([lwtheme]), [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254)"]) + { + --wavefox-ft-tab-shadow-blur: 4px; + --wavefox-ft-tab-shadow-color: var(--tab-selected-outline-color); + + --wavefox-ft-selected-tab-shadow: 0 + 0 + var(--wavefox-ft-tab-shadow-blur) + color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); + + --wavefox-ft-inner-tabbar-shadow: inset + 0 + calc(-1 * var(--wavefox-ft-tab-shadow-blur)) + var(--wavefox-ft-tab-shadow-blur) + calc(-1 * var(--wavefox-ft-tab-shadow-blur)) + color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); + + /* ---------- Blur ---------- */ + + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Borders.Enabled") + { + --wavefox-ft-tab-shadow-blur: 2px; + } + + /* ---------- Saturation ---------- */ + + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Low.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 10%; + } + + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Medium.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 25%; + } + + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.High.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 50%; + } + + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 100%; + } + } + } + } +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Low.Enabled") or (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Medium.Enabled") or (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.High.Enabled") or From 990c437a0d38684dc995003d0659a12903b5fd2e Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 22:14:01 +0300 Subject: [PATCH 31/89] Update wavefox_tab_shadows.css --- .../horizontal_tabs/wavefox_tab_shadows.css | 72 +++++++++++++++---- 1 file changed, 57 insertions(+), 15 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index 7957f8a7..29352150 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css @@ -59,6 +59,35 @@ --wavefox-ft-tab-shadow-saturation: 100%; } } + + /* ---------- Tab Bar ---------- */ + + #TabsToolbar + { + position: relative !important; + clip-path: inset(0px) !important; + } + + #TabsToolbar::before + { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + bottom: 0px; + inset-inline-start: 0px; + box-shadow: var(--wavefox-ft-inner-tabbar-shadow); + pointer-events: none; + z-index: 2; + } + + /* ---------- Tabs ---------- */ + + .tabbrowser-tab[visuallyselected] .tab-background + { + box-shadow: var(--wavefox-ft-selected-tab-shadow); + } } } } @@ -124,25 +153,38 @@ --wavefox-ft-tab-shadow-saturation: 100%; } } - } - } -} - - - - - - - - - - - - + + /* ---------- Tab Bar ---------- */ + #TabsToolbar + { + position: relative !important; + clip-path: inset(0px) !important; + } + #TabsToolbar::before + { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + bottom: 0px; + inset-inline-start: 0px; + box-shadow: var(--wavefox-ft-inner-tabbar-shadow); + pointer-events: none; + z-index: 2; + } + /* ---------- Tabs ---------- */ + .tabbrowser-tab[visuallyselected] .tab-background + { + box-shadow: var(--wavefox-ft-selected-tab-shadow); + } + } + } +} From fd560cebdc3d239c75aa55cc25e0167fc91db7eb Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 22:15:18 +0300 Subject: [PATCH 32/89] Update wavefox_tab_shadows.css --- chrome/modules/horizontal_tabs/wavefox_tab_shadows.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index 29352150..966505ee 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css @@ -135,17 +135,17 @@ @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Low.Enabled") { - --wavefox-ft-tab-shadow-saturation: 10%; + --wavefox-ft-tab-shadow-saturation: 25%; } @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Medium.Enabled") { - --wavefox-ft-tab-shadow-saturation: 25%; + --wavefox-ft-tab-shadow-saturation: 50%; } @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.High.Enabled") { - --wavefox-ft-tab-shadow-saturation: 50%; + --wavefox-ft-tab-shadow-saturation: 75%; } @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") From f7074be0a40489de210d2a5beebb89100a9ded4d Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 22:42:42 +0300 Subject: [PATCH 33/89] Update wavefox_tab_shadows.css --- chrome/modules/horizontal_tabs/wavefox_tab_shadows.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index 966505ee..56440e2e 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css @@ -34,7 +34,7 @@ @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Borders.Enabled") { - --wavefox-ft-tab-shadow-blur: 2px; + --wavefox-ft-tab-shadow-blur: 1px; } /* ---------- Saturation ---------- */ @@ -86,7 +86,7 @@ .tabbrowser-tab[visuallyselected] .tab-background { - box-shadow: var(--wavefox-ft-selected-tab-shadow); + box-shadow: var(--wavefox-ft-selected-tab-shadow) !important; } } } @@ -128,7 +128,7 @@ @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Borders.Enabled") { - --wavefox-ft-tab-shadow-blur: 2px; + --wavefox-ft-tab-shadow-blur: 1px; } /* ---------- Saturation ---------- */ @@ -180,7 +180,7 @@ .tabbrowser-tab[visuallyselected] .tab-background { - box-shadow: var(--wavefox-ft-selected-tab-shadow); + box-shadow: var(--wavefox-ft-selected-tab-shadow) !important; } } } From fe34f40db119d56013cc48d6fdeff2addb937596 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 22:45:48 +0300 Subject: [PATCH 34/89] Update wavefox_tab_shadows.css --- chrome/modules/horizontal_tabs/wavefox_tab_shadows.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index 56440e2e..88a40838 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css @@ -16,7 +16,7 @@ :root:is(:not([lwtheme]), [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26)"]) { --wavefox-ft-tab-shadow-blur: 4px; - --wavefox-ft-tab-shadow-color: var(--tab-selected-outline-color); + --wavefox-ft-tab-shadow-color: rgb(0,0,0); --wavefox-ft-selected-tab-shadow: 0 0 @@ -110,7 +110,7 @@ :root:is(:not([lwtheme]), [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254)"]) { --wavefox-ft-tab-shadow-blur: 4px; - --wavefox-ft-tab-shadow-color: var(--tab-selected-outline-color); + --wavefox-ft-tab-shadow-color: rgb(0,0,0); --wavefox-ft-selected-tab-shadow: 0 0 From fea3d40ea2babcc2fbcd631ac84151b4162b523a Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 22:56:35 +0300 Subject: [PATCH 35/89] Update wavefox_tab_shadows.css --- .../horizontal_tabs/wavefox_tab_shadows.css | 343 +++++++----------- 1 file changed, 141 insertions(+), 202 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index 88a40838..d44cd82c 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css @@ -186,125 +186,97 @@ } } - - - - - - - - - - - - - - - - - - @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Low.Enabled") or (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Medium.Enabled") or (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.High.Enabled") or (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") { - @media (prefers-color-scheme: light) + @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") { - :root + @media (prefers-color-scheme: light) { - --shadow-blur: 4px; - --shadow-color: var(--tab-selected-outline-color); - - --outer-box-shadow: 0 - 0 - var(--shadow-blur) - color-mix(in srgb, var(--shadow-color) var(--shadow-saturation), transparent); - - --inner-box-shadow: inset - 0 - calc(-1 * var(--shadow-blur)) - var(--shadow-blur) - calc(-1 * var(--shadow-blur)) - color-mix(in srgb, var(--shadow-color) var(--shadow-saturation), transparent); - - --outer-drop-shadow: drop-shadow( - 0 - 0 - calc(var(--shadow-blur) / 2) - color-mix(in srgb, var(--shadow-color) var(--shadow-saturation), transparent)); - - /* ---------- Blur ---------- */ - - @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Borders.Enabled") + :root:is(:not([lwtheme]), [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26)"]) { - --shadow-blur: 2px; - } + --wavefox-ft-tab-shadow-blur: 4px; + --wavefox-ft-tab-shadow-color: rgb(0,0,0); - /* ---------- Saturation ---------- */ + --wavefox-ft-selected-tab-shadow: drop-shadow( + 0 + 0 + calc(var(--wavefox-ft-tab-shadow-blur) / 2) + color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent)); - @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Low.Enabled") - { - --shadow-saturation: 10%; - } + --wavefox-ft-inner-tabbar-shadow: inset + 0 + calc(-1 * var(--wavefox-ft-tab-shadow-blur)) + var(--wavefox-ft-tab-shadow-blur) + calc(-1 * var(--wavefox-ft-tab-shadow-blur)) + color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); - @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Medium.Enabled") - { - --shadow-saturation: 25%; - } + /* ---------- Blur ---------- */ - @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.High.Enabled") - { - --shadow-saturation: 50%; - } + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Borders.Enabled") + { + --wavefox-ft-tab-shadow-blur: 2px; + } - @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") - { - --shadow-saturation: 100%; - } - } + /* ---------- Saturation ---------- */ - /* ---------- System Theme / Light Theme ---------- */ + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Low.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 10%; + } - :root:is(:not([lwtheme]), [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26)"]) - { - --shadow-color: rgb(0,0,0); - } + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Medium.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 25%; + } - /* ---------- AMO Theme ---------- */ + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.High.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 50%; + } - :root[lwtheme]:not([style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26)"]) - { - --shadow-saturation: 100%; - } + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 100%; + } + } + + /* ---------- Tab Bar ---------- */ - /* ---------- Tab Bar ---------- */ + #TabsToolbar + { + position: relative !important; + clip-path: inset(0px) !important; + } - #TabsToolbar - { - position: relative !important; - clip-path: inset(0px) !important; - } + #TabsToolbar::before + { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + bottom: 0px; + inset-inline-start: 0px; + box-shadow: var(--wavefox-ft-inner-tabbar-shadow); + pointer-events: none; + z-index: 2; + } - #TabsToolbar::before - { - content: ""; - display: block; - position: absolute; - width: 100%; - height: 100%; - bottom: 0px; - inset-inline-start: 0px; - box-shadow: var(--inner-box-shadow); - pointer-events: none; - z-index: 2; - } - - /* ---------- Tabs ---------- */ + /* ---------- Tabs ---------- */ - .tabbrowser-tab[visuallyselected] - { - filter: var(--outer-drop-shadow); + .tabbrowser-tab[visuallyselected] .tab-background + { + filter: var(--wavefox-ft-selected-tab-shadow) !important; + } } } } @@ -314,125 +286,92 @@ (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.High.Enabled") or (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") { - @media (prefers-color-scheme: dark) + @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") { - :root + @media (prefers-color-scheme: dark) { - --shadow-blur: 4px; - --shadow-color: var(--tab-selected-outline-color); - - --outer-box-shadow: 0 - 0 - var(--shadow-blur) - color-mix(in srgb, var(--shadow-color) var(--shadow-saturation), transparent); - - --inner-box-shadow: inset - 0 - calc(-1 * var(--shadow-blur)) - var(--shadow-blur) - calc(-1 * var(--shadow-blur)) - color-mix(in srgb, var(--shadow-color) var(--shadow-saturation), transparent); - - --outer-drop-shadow: drop-shadow( - 0 - 0 - calc(var(--shadow-blur) / 2) - color-mix(in srgb, var(--shadow-color) var(--shadow-saturation), transparent)); - - /* ---------- Blur ---------- */ - - @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Borders.Enabled") + :root:is(:not([lwtheme]), [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254)"]) { - --shadow-blur: 2px; - } + --wavefox-ft-tab-shadow-blur: 4px; + --wavefox-ft-tab-shadow-color: rgb(0,0,0); - /* ---------- Saturation ---------- */ + --wavefox-ft-selected-tab-shadow: drop-shadow( + 0 + 0 + calc(var(--wavefox-ft-tab-shadow-blur) / 2) + color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent)); - @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Low.Enabled") - { - --shadow-saturation: 25%; - } + --wavefox-ft-inner-tabbar-shadow: inset + 0 + calc(-1 * var(--wavefox-ft-tab-shadow-blur)) + var(--wavefox-ft-tab-shadow-blur) + calc(-1 * var(--wavefox-ft-tab-shadow-blur)) + color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); - @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Medium.Enabled") - { - --shadow-saturation: 50%; - } + /* ---------- Blur ---------- */ - @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.High.Enabled") - { - --shadow-saturation: 75%; - } + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Borders.Enabled") + { + --wavefox-ft-tab-shadow-blur: 2px; + } - @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") - { - --shadow-saturation: 100%; - } - } + /* ---------- Saturation ---------- */ - /* ---------- System Theme / Dark Theme ---------- */ + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Low.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 25%; + } - :root:is(:not([lwtheme]), [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254)"]) - { - --shadow-color: rgb(0,0,0); - } + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Medium.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 50%; + } - /* ---------- AMO Theme ---------- */ + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.High.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 75%; + } - :root[lwtheme]:not([style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254)"]) - { - --shadow-saturation: 100%; - } - - /* ---------- Tab Bar ---------- */ + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") + { + --wavefox-ft-tab-shadow-saturation: 100%; + } + } + + /* ---------- Tab Bar ---------- */ - #TabsToolbar - { - position: relative !important; - clip-path: inset(0px) !important; - } + #TabsToolbar + { + position: relative !important; + clip-path: inset(0px) !important; + } - #TabsToolbar::before - { - content: ""; - display: block; - position: absolute; - width: 100%; - height: 100%; - bottom: 0px; - inset-inline-start: 0px; - box-shadow: var(--inner-box-shadow); - pointer-events: none; - z-index: 2; - } - - /* ---------- Tabs ---------- */ + #TabsToolbar::before + { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + bottom: 0px; + inset-inline-start: 0px; + box-shadow: var(--wavefox-ft-inner-tabbar-shadow); + pointer-events: none; + z-index: 2; + } - .tabbrowser-tab[visuallyselected] - { - filter: var(--outer-drop-shadow); + /* ---------- Tabs ---------- */ + + .tabbrowser-tab[visuallyselected] .tab-background + { + filter: var(--wavefox-ft-selected-tab-shadow) !important; + } } } } - -/* ---------- Custom Properties ---------- */ - -@property --outer-box-shadow -{ - syntax: "*"; - inherits: true; - initial-value: 0 0 0 transparent; -} - -@property --inner-box-shadow -{ - syntax: "*"; - inherits: true; - initial-value: 0 0 0 transparent; -} - -@property --outer-drop-shadow -{ - syntax: "*"; - inherits: true; - initial-value: drop-shadow(0 0 0 transparent); -} From c2d30ccbdb4a67a923cabdc9460f0501d3a0bc15 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 22:58:54 +0300 Subject: [PATCH 36/89] Update userChrome.css --- chrome/userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 76031dae..7edb2d97 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -6,6 +6,7 @@ @import "modules/horizontal_tabs/wavefox_tab_media_icons_and_text.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_toolbar_buttons.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tab_separators.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); +@import "modules/horizontal_tabs/wavefox_tab_shadows.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_drag_space.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @@ -17,7 +18,6 @@ /* @import "modules/horizontal_tabs/wavefox_toolbar_transparency.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); -@import "modules/horizontal_tabs/wavefox_tab_shadows.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tabs_on_bottom.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_one_line.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); */ From 7caf21e5d9da47368e5dec25878c286c7c6a3284 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 23:34:35 +0300 Subject: [PATCH 37/89] Update wavefox_tab_shadows.css --- .../horizontal_tabs/wavefox_tab_shadows.css | 138 +++++++++--------- 1 file changed, 69 insertions(+), 69 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index d44cd82c..06f6d3bd 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css @@ -18,17 +18,17 @@ --wavefox-ft-tab-shadow-blur: 4px; --wavefox-ft-tab-shadow-color: rgb(0,0,0); - --wavefox-ft-selected-tab-shadow: 0 - 0 - var(--wavefox-ft-tab-shadow-blur) - color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); - - --wavefox-ft-inner-tabbar-shadow: inset - 0 - calc(-1 * var(--wavefox-ft-tab-shadow-blur)) - var(--wavefox-ft-tab-shadow-blur) - calc(-1 * var(--wavefox-ft-tab-shadow-blur)) - color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); + --wavefox-selected-tab-shadow: 0 + 0 + var(--wavefox-ft-tab-shadow-blur) + color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); + + --wavefox-inner-tabbar-shadow: inset + 0 + calc(-1 * var(--wavefox-ft-tab-shadow-blur)) + var(--wavefox-ft-tab-shadow-blur) + calc(-1 * var(--wavefox-ft-tab-shadow-blur)) + color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); /* ---------- Blur ---------- */ @@ -77,7 +77,7 @@ height: 100%; bottom: 0px; inset-inline-start: 0px; - box-shadow: var(--wavefox-ft-inner-tabbar-shadow); + box-shadow: var(--wavefox-inner-tabbar-shadow); pointer-events: none; z-index: 2; } @@ -86,7 +86,7 @@ .tabbrowser-tab[visuallyselected] .tab-background { - box-shadow: var(--wavefox-ft-selected-tab-shadow) !important; + box-shadow: var(--wavefox-selected-tab-shadow) !important; } } } @@ -112,17 +112,17 @@ --wavefox-ft-tab-shadow-blur: 4px; --wavefox-ft-tab-shadow-color: rgb(0,0,0); - --wavefox-ft-selected-tab-shadow: 0 - 0 - var(--wavefox-ft-tab-shadow-blur) - color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); + --wavefox-selected-tab-shadow: 0 + 0 + var(--wavefox-ft-tab-shadow-blur) + color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); - --wavefox-ft-inner-tabbar-shadow: inset - 0 - calc(-1 * var(--wavefox-ft-tab-shadow-blur)) - var(--wavefox-ft-tab-shadow-blur) - calc(-1 * var(--wavefox-ft-tab-shadow-blur)) - color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); + --wavefox-inner-tabbar-shadow: inset + 0 + calc(-1 * var(--wavefox-ft-tab-shadow-blur)) + var(--wavefox-ft-tab-shadow-blur) + calc(-1 * var(--wavefox-ft-tab-shadow-blur)) + color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); /* ---------- Blur ---------- */ @@ -171,7 +171,7 @@ height: 100%; bottom: 0px; inset-inline-start: 0px; - box-shadow: var(--wavefox-ft-inner-tabbar-shadow); + box-shadow: var(--wavefox-inner-tabbar-shadow); pointer-events: none; z-index: 2; } @@ -180,7 +180,7 @@ .tabbrowser-tab[visuallyselected] .tab-background { - box-shadow: var(--wavefox-ft-selected-tab-shadow) !important; + box-shadow: var(--wavefox-selected-tab-shadow) !important; } } } @@ -203,49 +203,49 @@ { :root:is(:not([lwtheme]), [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26)"]) { - --wavefox-ft-tab-shadow-blur: 4px; - --wavefox-ft-tab-shadow-color: rgb(0,0,0); - - --wavefox-ft-selected-tab-shadow: drop-shadow( - 0 - 0 - calc(var(--wavefox-ft-tab-shadow-blur) / 2) - color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent)); - - --wavefox-ft-inner-tabbar-shadow: inset - 0 - calc(-1 * var(--wavefox-ft-tab-shadow-blur)) - var(--wavefox-ft-tab-shadow-blur) - calc(-1 * var(--wavefox-ft-tab-shadow-blur)) - color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); + --wavefox-at-tab-shadow-blur: 4px; + --wavefox-at-tab-shadow-color: rgb(0,0,0); + + --wavefox-selected-tab-shadow: drop-shadow( + 0 + 0 + calc(var(--wavefox-at-tab-shadow-blur) / 2) + color-mix(in srgb, var(--wavefox-at-tab-shadow-color) var(--wavefox-at-tab-shadow-saturation), transparent)); + + --wavefox-inner-tabbar-shadow: inset + 0 + calc(-1 * var(--wavefox-at-tab-shadow-blur)) + var(--wavefox-at-tab-shadow-blur) + calc(-1 * var(--wavefox-at-tab-shadow-blur)) + color-mix(in srgb, var(--wavefox-at-tab-shadow-color) var(--wavefox-at-tab-shadow-saturation), transparent); /* ---------- Blur ---------- */ @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Borders.Enabled") { - --wavefox-ft-tab-shadow-blur: 2px; + --wavefox-at-tab-shadow-blur: 2px; } /* ---------- Saturation ---------- */ @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Low.Enabled") { - --wavefox-ft-tab-shadow-saturation: 10%; + --wavefox-at-tab-shadow-saturation: 10%; } @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Medium.Enabled") { - --wavefox-ft-tab-shadow-saturation: 25%; + --wavefox-at-tab-shadow-saturation: 25%; } @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.High.Enabled") { - --wavefox-ft-tab-shadow-saturation: 50%; + --wavefox-at-tab-shadow-saturation: 50%; } @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") { - --wavefox-ft-tab-shadow-saturation: 100%; + --wavefox-at-tab-shadow-saturation: 100%; } } @@ -266,7 +266,7 @@ height: 100%; bottom: 0px; inset-inline-start: 0px; - box-shadow: var(--wavefox-ft-inner-tabbar-shadow); + box-shadow: var(--wavefox-inner-tabbar-shadow); pointer-events: none; z-index: 2; } @@ -275,7 +275,7 @@ .tabbrowser-tab[visuallyselected] .tab-background { - filter: var(--wavefox-ft-selected-tab-shadow) !important; + filter: var(--wavefox-selected-tab-shadow) !important; } } } @@ -298,49 +298,49 @@ { :root:is(:not([lwtheme]), [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254)"]) { - --wavefox-ft-tab-shadow-blur: 4px; - --wavefox-ft-tab-shadow-color: rgb(0,0,0); - - --wavefox-ft-selected-tab-shadow: drop-shadow( - 0 - 0 - calc(var(--wavefox-ft-tab-shadow-blur) / 2) - color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent)); - - --wavefox-ft-inner-tabbar-shadow: inset - 0 - calc(-1 * var(--wavefox-ft-tab-shadow-blur)) - var(--wavefox-ft-tab-shadow-blur) - calc(-1 * var(--wavefox-ft-tab-shadow-blur)) - color-mix(in srgb, var(--wavefox-ft-tab-shadow-color) var(--wavefox-ft-tab-shadow-saturation), transparent); + --wavefox-at-tab-shadow-blur: 4px; + --wavefox-at-tab-shadow-color: rgb(0,0,0); + + --wavefox-selected-tab-shadow: drop-shadow( + 0 + 0 + calc(var(--wavefox-at-tab-shadow-blur) / 2) + color-mix(in srgb, var(--wavefox-at-tab-shadow-color) var(--wavefox-at-tab-shadow-saturation), transparent)); + + --wavefox-inner-tabbar-shadow: inset + 0 + calc(-1 * var(--wavefox-at-tab-shadow-blur)) + var(--wavefox-at-tab-shadow-blur) + calc(-1 * var(--wavefox-at-tab-shadow-blur)) + color-mix(in srgb, var(--wavefox-at-tab-shadow-color) var(--wavefox-at-tab-shadow-saturation), transparent); /* ---------- Blur ---------- */ @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Borders.Enabled") { - --wavefox-ft-tab-shadow-blur: 2px; + --wavefox-at-tab-shadow-blur: 2px; } /* ---------- Saturation ---------- */ @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Low.Enabled") { - --wavefox-ft-tab-shadow-saturation: 25%; + --wavefox-at-tab-shadow-saturation: 25%; } @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Medium.Enabled") { - --wavefox-ft-tab-shadow-saturation: 50%; + --wavefox-at-tab-shadow-saturation: 50%; } @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.High.Enabled") { - --wavefox-ft-tab-shadow-saturation: 75%; + --wavefox-at-tab-shadow-saturation: 75%; } @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") { - --wavefox-ft-tab-shadow-saturation: 100%; + --wavefox-at-tab-shadow-saturation: 100%; } } @@ -361,7 +361,7 @@ height: 100%; bottom: 0px; inset-inline-start: 0px; - box-shadow: var(--wavefox-ft-inner-tabbar-shadow); + box-shadow: var(--wavefox-inner-tabbar-shadow); pointer-events: none; z-index: 2; } @@ -370,7 +370,7 @@ .tabbrowser-tab[visuallyselected] .tab-background { - filter: var(--wavefox-ft-selected-tab-shadow) !important; + filter: var(--wavefox-selected-tab-shadow) !important; } } } From 031612ce44765958f765a17bc0df133cc1872ecd Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 23:39:39 +0300 Subject: [PATCH 38/89] Update wavefox_one_line.css --- chrome/modules/horizontal_tabs/wavefox_one_line.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_one_line.css b/chrome/modules/horizontal_tabs/wavefox_one_line.css index 8fd43b86..811f55c1 100644 --- a/chrome/modules/horizontal_tabs/wavefox_one_line.css +++ b/chrome/modules/horizontal_tabs/wavefox_one_line.css @@ -49,8 +49,8 @@ { width: fit-content !important; background-color: transparent !important; - margin-top: var(--drag-space) !important; - box-shadow: var(--inner-box-shadow) !important; + margin-top: var(--drag-space, 0px) !important; + box-shadow: var(--wavefox-inner-tabbar-shadow) !important; } #urlbar-container, From b5756b08b2ff5fd336f58242f91547e1362f6d7e Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 23:45:01 +0300 Subject: [PATCH 39/89] Update wavefox_toolbar_transparency.css --- .../horizontal_tabs/wavefox_toolbar_transparency.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_toolbar_transparency.css b/chrome/modules/horizontal_tabs/wavefox_toolbar_transparency.css index ffb6d110..5fe1e2de 100644 --- a/chrome/modules/horizontal_tabs/wavefox_toolbar_transparency.css +++ b/chrome/modules/horizontal_tabs/wavefox_toolbar_transparency.css @@ -4,9 +4,8 @@ { :root:not([lwtheme]) { - --outer-box-shadow: initial !important; - --inner-box-shadow: initial !important; - --outer-drop-shadow: initial !important; + --wavefox-selected-tab-shadow: none !important; + --wavefox-inner-tabbar-shadow: none !important; --toolbarbutton-hover-background: color-mix(in srgb, currentColor 17%, transparent) !important; --toolbarbutton-active-background: color-mix(in srgb, currentColor 30%, transparent) !important; @@ -30,7 +29,6 @@ #PersonalToolbar { background-color: color-mix(in srgb, var(--toolbar-bgcolor), transparent var(--toolbar-transparency-level)) !important; - background-image: none !important; } } } From 66fa436260b75a8248a75a4de52fdf163532d03d Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 16 Nov 2024 23:45:42 +0300 Subject: [PATCH 40/89] Update userChrome.css --- chrome/userChrome.css | 12 +++--------- 1 file changed, 3 insertions(+), 9 deletions(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 7edb2d97..63d40d49 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -8,18 +8,12 @@ @import "modules/horizontal_tabs/wavefox_tab_separators.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_tab_shadows.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_drag_space.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); - - - +@import "modules/horizontal_tabs/wavefox_toolbar_transparency.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); +@import "modules/horizontal_tabs/wavefox_tabs_on_bottom.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); +@import "modules/horizontal_tabs/wavefox_one_line.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); @import "modules/horizontal_tabs/wavefox_transparency_on_windows.css" layer(BasicPriority) /* supports() */ (-moz-platform: windows); @import "modules/horizontal_tabs/wavefox_transparency_on_linux.css" layer(BasicPriority) /* supports() */ (-moz-platform: linux); @import "modules/horizontal_tabs/wavefox_rounded_web_page.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.revamp"); @import "Lepton_Icons/icons/Lepton_Icons.css" layer(BasicPriority) /* supports() */ (-moz-bool-pref: "userChrome.Menu.Icons.LeptonIcons.Enabled"); -/* -@import "modules/horizontal_tabs/wavefox_toolbar_transparency.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); -@import "modules/horizontal_tabs/wavefox_tabs_on_bottom.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); -@import "modules/horizontal_tabs/wavefox_one_line.css" layer(BasicPriority) /* supports() */ not (-moz-bool-pref: "sidebar.verticalTabs"); -*/ - /* ---------------------------------------- Third-party styles (Maximum priority) ---------------------------------------- */ From 2f1d0fcfbf610f8da8ed46c8b0c604429d186cb3 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sun, 17 Nov 2024 12:39:21 +0300 Subject: [PATCH 41/89] Update wavefox_tab_separators.css --- chrome/modules/horizontal_tabs/wavefox_tab_separators.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_separators.css b/chrome/modules/horizontal_tabs/wavefox_tab_separators.css index 1a712e3d..a224a6a3 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_separators.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_separators.css @@ -71,7 +71,7 @@ (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled")) + (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") { .tab-stack::before { From 9a4ac8d2573ff852f6c2188f395730adca04b73c Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sun, 17 Nov 2024 12:55:34 +0300 Subject: [PATCH 42/89] Update wavefox_tab_shadows.css --- .../horizontal_tabs/wavefox_tab_shadows.css | 52 ++++++++++++++++++- 1 file changed, 50 insertions(+), 2 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index 06f6d3bd..7555ef59 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css @@ -201,7 +201,7 @@ { @media (prefers-color-scheme: light) { - :root:is(:not([lwtheme]), [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26)"]) + :root { --wavefox-at-tab-shadow-blur: 4px; --wavefox-at-tab-shadow-color: rgb(0,0,0); @@ -277,6 +277,30 @@ { filter: var(--wavefox-selected-tab-shadow) !important; } + + /* ---------- AMO ---------- */ + + :root[lwtheme]:not([style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26)"]) + { + --wavefox-at-tab-shadow-color: var(--tab-selected-outline-color) !important; + --wavefox-at-tab-shadow-saturation: 100% !important; + + .tabbrowser-tab[visuallyselected] .tab-background + { + backdrop-filter: drop-shadow(0 0 1px transparent) !important; + + &::before, + &::after + { + backdrop-filter: drop-shadow(0 0 1px transparent) !important; + } + } + + #TabsToolbar::before + { + display: none !important; + } + } } } } @@ -296,7 +320,7 @@ { @media (prefers-color-scheme: dark) { - :root:is(:not([lwtheme]), [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254)"]) + :root { --wavefox-at-tab-shadow-blur: 4px; --wavefox-at-tab-shadow-color: rgb(0,0,0); @@ -372,6 +396,30 @@ { filter: var(--wavefox-selected-tab-shadow) !important; } + + /* ---------- AMO ---------- */ + + :root[lwtheme]:not([style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254)"]) + { + --wavefox-at-tab-shadow-color: var(--tab-selected-outline-color) !important; + --wavefox-at-tab-shadow-saturation: 100% !important; + + .tabbrowser-tab[visuallyselected] .tab-background + { + backdrop-filter: drop-shadow(0 0 1px transparent) !important; + + &::before, + &::after + { + backdrop-filter: drop-shadow(0 0 1px transparent) !important; + } + } + + #TabsToolbar::before + { + display: none !important; + } + } } } } From 3f55a6f07158a1f22d82fe79ee68bce46f7ce2ba Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sun, 17 Nov 2024 13:06:41 +0300 Subject: [PATCH 43/89] Update wavefox_tab_shadows.css --- .../horizontal_tabs/wavefox_tab_shadows.css | 226 ++++++++++++++++++ 1 file changed, 226 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index 7555ef59..96bd4eb9 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css @@ -90,6 +90,119 @@ } } } + + @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") + { + @media (prefers-color-scheme: light) + { + :root + { + --wavefox-at-tab-shadow-blur: 4px; + --wavefox-at-tab-shadow-color: rgb(0,0,0); + + --wavefox-selected-tab-shadow: drop-shadow( + 0 + 0 + calc(var(--wavefox-at-tab-shadow-blur) / 2) + color-mix(in srgb, var(--wavefox-at-tab-shadow-color) var(--wavefox-at-tab-shadow-saturation), transparent)); + + --wavefox-inner-tabbar-shadow: inset + 0 + calc(-1 * var(--wavefox-at-tab-shadow-blur)) + var(--wavefox-at-tab-shadow-blur) + calc(-1 * var(--wavefox-at-tab-shadow-blur)) + color-mix(in srgb, var(--wavefox-at-tab-shadow-color) var(--wavefox-at-tab-shadow-saturation), transparent); + + /* ---------- Blur ---------- */ + + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Borders.Enabled") + { + --wavefox-at-tab-shadow-blur: 2px; + } + + /* ---------- Saturation ---------- */ + + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Low.Enabled") + { + --wavefox-at-tab-shadow-saturation: 10%; + } + + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Medium.Enabled") + { + --wavefox-at-tab-shadow-saturation: 25%; + } + + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.High.Enabled") + { + --wavefox-at-tab-shadow-saturation: 50%; + } + + @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") + { + --wavefox-at-tab-shadow-saturation: 100%; + } + } + + /* ---------- Tab Bar ---------- */ + + #TabsToolbar + { + position: relative !important; + clip-path: inset(0px) !important; + } + + #TabsToolbar::before + { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + bottom: 0px; + inset-inline-start: 0px; + box-shadow: var(--wavefox-inner-tabbar-shadow); + pointer-events: none; + z-index: 2; + } + + /* ---------- Tabs ---------- */ + + .tabbrowser-tab[visuallyselected] .tab-background + { + filter: var(--wavefox-selected-tab-shadow) !important; + } + + /* ---------- AMO ---------- */ + + :root[lwtheme]:not([style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26)"]) + { + --wavefox-at-tab-shadow-color: var(--tab-selected-outline-color) !important; + --wavefox-at-tab-shadow-saturation: 100% !important; + + .tabbrowser-tab[visuallyselected] .tab-background + { + backdrop-filter: drop-shadow(0 0 1px transparent) !important; + + &::before, + &::after + { + backdrop-filter: drop-shadow(0 0 1px transparent) !important; + } + } + + #TabsToolbar::before + { + display: none !important; + } + } + } + } } @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Low.Enabled") or @@ -184,6 +297,119 @@ } } } + + @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or + (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") + { + @media (prefers-color-scheme: dark) + { + :root + { + --wavefox-at-tab-shadow-blur: 4px; + --wavefox-at-tab-shadow-color: rgb(0,0,0); + + --wavefox-selected-tab-shadow: drop-shadow( + 0 + 0 + calc(var(--wavefox-at-tab-shadow-blur) / 2) + color-mix(in srgb, var(--wavefox-at-tab-shadow-color) var(--wavefox-at-tab-shadow-saturation), transparent)); + + --wavefox-inner-tabbar-shadow: inset + 0 + calc(-1 * var(--wavefox-at-tab-shadow-blur)) + var(--wavefox-at-tab-shadow-blur) + calc(-1 * var(--wavefox-at-tab-shadow-blur)) + color-mix(in srgb, var(--wavefox-at-tab-shadow-color) var(--wavefox-at-tab-shadow-saturation), transparent); + + /* ---------- Blur ---------- */ + + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Borders.Enabled") + { + --wavefox-at-tab-shadow-blur: 2px; + } + + /* ---------- Saturation ---------- */ + + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Low.Enabled") + { + --wavefox-at-tab-shadow-saturation: 25%; + } + + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Medium.Enabled") + { + --wavefox-at-tab-shadow-saturation: 50%; + } + + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.High.Enabled") + { + --wavefox-at-tab-shadow-saturation: 75%; + } + + @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") + { + --wavefox-at-tab-shadow-saturation: 100%; + } + } + + /* ---------- Tab Bar ---------- */ + + #TabsToolbar + { + position: relative !important; + clip-path: inset(0px) !important; + } + + #TabsToolbar::before + { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + bottom: 0px; + inset-inline-start: 0px; + box-shadow: var(--wavefox-inner-tabbar-shadow); + pointer-events: none; + z-index: 2; + } + + /* ---------- Tabs ---------- */ + + .tabbrowser-tab[visuallyselected] .tab-background + { + filter: var(--wavefox-selected-tab-shadow) !important; + } + + /* ---------- AMO ---------- */ + + :root[lwtheme]:not([style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254)"]) + { + --wavefox-at-tab-shadow-color: var(--tab-selected-outline-color) !important; + --wavefox-at-tab-shadow-saturation: 100% !important; + + .tabbrowser-tab[visuallyselected] .tab-background + { + backdrop-filter: drop-shadow(0 0 1px transparent) !important; + + &::before, + &::after + { + backdrop-filter: drop-shadow(0 0 1px transparent) !important; + } + } + + #TabsToolbar::before + { + display: none !important; + } + } + } + } } @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Low.Enabled") or From c86cce54cc282b6b4bdf4efcac22414be64b1326 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sun, 17 Nov 2024 13:09:01 +0300 Subject: [PATCH 44/89] Update wavefox_tab_shadows.css --- .../horizontal_tabs/wavefox_tab_shadows.css | 238 ------------------ 1 file changed, 238 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css index 96bd4eb9..02796b68 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css +++ b/chrome/modules/horizontal_tabs/wavefox_tab_shadows.css @@ -411,241 +411,3 @@ } } } - -@media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Low.Enabled") or - (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Medium.Enabled") or - (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.High.Enabled") or - (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") -{ - @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") - { - @media (prefers-color-scheme: light) - { - :root - { - --wavefox-at-tab-shadow-blur: 4px; - --wavefox-at-tab-shadow-color: rgb(0,0,0); - - --wavefox-selected-tab-shadow: drop-shadow( - 0 - 0 - calc(var(--wavefox-at-tab-shadow-blur) / 2) - color-mix(in srgb, var(--wavefox-at-tab-shadow-color) var(--wavefox-at-tab-shadow-saturation), transparent)); - - --wavefox-inner-tabbar-shadow: inset - 0 - calc(-1 * var(--wavefox-at-tab-shadow-blur)) - var(--wavefox-at-tab-shadow-blur) - calc(-1 * var(--wavefox-at-tab-shadow-blur)) - color-mix(in srgb, var(--wavefox-at-tab-shadow-color) var(--wavefox-at-tab-shadow-saturation), transparent); - - /* ---------- Blur ---------- */ - - @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Borders.Enabled") - { - --wavefox-at-tab-shadow-blur: 2px; - } - - /* ---------- Saturation ---------- */ - - @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Low.Enabled") - { - --wavefox-at-tab-shadow-saturation: 10%; - } - - @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.Medium.Enabled") - { - --wavefox-at-tab-shadow-saturation: 25%; - } - - @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.High.Enabled") - { - --wavefox-at-tab-shadow-saturation: 50%; - } - - @media (-moz-bool-pref: "userChrome.LightTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") - { - --wavefox-at-tab-shadow-saturation: 100%; - } - } - - /* ---------- Tab Bar ---------- */ - - #TabsToolbar - { - position: relative !important; - clip-path: inset(0px) !important; - } - - #TabsToolbar::before - { - content: ""; - display: block; - position: absolute; - width: 100%; - height: 100%; - bottom: 0px; - inset-inline-start: 0px; - box-shadow: var(--wavefox-inner-tabbar-shadow); - pointer-events: none; - z-index: 2; - } - - /* ---------- Tabs ---------- */ - - .tabbrowser-tab[visuallyselected] .tab-background - { - filter: var(--wavefox-selected-tab-shadow) !important; - } - - /* ---------- AMO ---------- */ - - :root[lwtheme]:not([style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26)"]) - { - --wavefox-at-tab-shadow-color: var(--tab-selected-outline-color) !important; - --wavefox-at-tab-shadow-saturation: 100% !important; - - .tabbrowser-tab[visuallyselected] .tab-background - { - backdrop-filter: drop-shadow(0 0 1px transparent) !important; - - &::before, - &::after - { - backdrop-filter: drop-shadow(0 0 1px transparent) !important; - } - } - - #TabsToolbar::before - { - display: none !important; - } - } - } - } -} - -@media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Low.Enabled") or - (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Medium.Enabled") or - (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.High.Enabled") or - (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") -{ - @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") or - (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") - { - @media (prefers-color-scheme: dark) - { - :root - { - --wavefox-at-tab-shadow-blur: 4px; - --wavefox-at-tab-shadow-color: rgb(0,0,0); - - --wavefox-selected-tab-shadow: drop-shadow( - 0 - 0 - calc(var(--wavefox-at-tab-shadow-blur) / 2) - color-mix(in srgb, var(--wavefox-at-tab-shadow-color) var(--wavefox-at-tab-shadow-saturation), transparent)); - - --wavefox-inner-tabbar-shadow: inset - 0 - calc(-1 * var(--wavefox-at-tab-shadow-blur)) - var(--wavefox-at-tab-shadow-blur) - calc(-1 * var(--wavefox-at-tab-shadow-blur)) - color-mix(in srgb, var(--wavefox-at-tab-shadow-color) var(--wavefox-at-tab-shadow-saturation), transparent); - - /* ---------- Blur ---------- */ - - @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Borders.Enabled") - { - --wavefox-at-tab-shadow-blur: 2px; - } - - /* ---------- Saturation ---------- */ - - @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Low.Enabled") - { - --wavefox-at-tab-shadow-saturation: 25%; - } - - @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.Medium.Enabled") - { - --wavefox-at-tab-shadow-saturation: 50%; - } - - @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.High.Enabled") - { - --wavefox-at-tab-shadow-saturation: 75%; - } - - @media (-moz-bool-pref: "userChrome.DarkTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled") - { - --wavefox-at-tab-shadow-saturation: 100%; - } - } - - /* ---------- Tab Bar ---------- */ - - #TabsToolbar - { - position: relative !important; - clip-path: inset(0px) !important; - } - - #TabsToolbar::before - { - content: ""; - display: block; - position: absolute; - width: 100%; - height: 100%; - bottom: 0px; - inset-inline-start: 0px; - box-shadow: var(--wavefox-inner-tabbar-shadow); - pointer-events: none; - z-index: 2; - } - - /* ---------- Tabs ---------- */ - - .tabbrowser-tab[visuallyselected] .tab-background - { - filter: var(--wavefox-selected-tab-shadow) !important; - } - - /* ---------- AMO ---------- */ - - :root[lwtheme]:not([style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254)"]) - { - --wavefox-at-tab-shadow-color: var(--tab-selected-outline-color) !important; - --wavefox-at-tab-shadow-saturation: 100% !important; - - .tabbrowser-tab[visuallyselected] .tab-background - { - backdrop-filter: drop-shadow(0 0 1px transparent) !important; - - &::before, - &::after - { - backdrop-filter: drop-shadow(0 0 1px transparent) !important; - } - } - - #TabsToolbar::before - { - display: none !important; - } - } - } - } -} From 324ede0ad570d04f6e66591cfa463c018052f800 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Mon, 18 Nov 2024 19:19:07 +0300 Subject: [PATCH 45/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 433 ++++++------------ 1 file changed, 152 insertions(+), 281 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 4d65bf75..b4e56123 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -115,16 +115,6 @@ } } - - - - - - - - - - /* ---------------------------------------- Attached tabs ---------------------------------------- */ @media (-moz-bool-pref: "userChrome.Tabs.Option5.Enabled") @@ -137,6 +127,7 @@ .tabbrowser-tab { + overflow: visible !important; padding-inline: 0px !important; .tab-background @@ -164,6 +155,7 @@ --left-svg: url("svg_files/option_6/left_corners.svg"); --center-svg: url("svg_files/option_6/center.svg"); --right-svg: url("svg_files/option_6/right_corners.svg"); + --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); } } @@ -174,6 +166,7 @@ --left-svg: url("svg_files/option_7/left_corners.svg"); --center-svg: url("svg_files/option_7/center.svg"); --right-svg: url("svg_files/option_7/right_corners.svg"); + --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); } } @@ -184,6 +177,7 @@ --left-svg: url("svg_files/option_8/left_corners.svg"); --center-svg: url("svg_files/option_8/center.svg"); --right-svg: url("svg_files/option_8/right_corners.svg"); + --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2 - 6px); } } @@ -194,6 +188,7 @@ --left-svg: url("svg_files/option_9/left_corners.svg"); --center-svg: url("svg_files/option_9/center.svg"); --right-svg: url("svg_files/option_9/right_corners.svg"); + --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } } @@ -204,6 +199,7 @@ --left-svg: url("svg_files/option_10/left_corners.svg"); --center-svg: url("svg_files/option_10/center.svg"); --right-svg: url("svg_files/option_10/right_corners.svg"); + --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } } @@ -214,6 +210,7 @@ --left-svg: url("svg_files/option_11/left_corners.svg"); --center-svg: url("svg_files/option_11/center.svg"); --right-svg: url("svg_files/option_11/right_corners.svg"); + --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } } @@ -224,328 +221,202 @@ --left-svg: url("svg_files/option_12/left_corners.svg"); --center-svg: url("svg_files/option_12/center.svg"); --right-svg: url("svg_files/option_12/right_corners.svg"); + --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } } - - - - - - - - - - - - - - - - - - - - - - - -/* ---------------------------------------- Tabs ---------------------------------------- */ - -:root -{ - @media (-moz-bool-pref: "userChrome.Tabs.Option6.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); - } - @media (-moz-bool-pref: "userChrome.Tabs.Option7.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); - } + /* ---------------------------------------- Main Window ---------------------------------------- */ - @media (-moz-bool-pref: "userChrome.Tabs.Option8.Enabled") + :root { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2 - 6px); + --tab-shadow-max-size: 0px !important; + --tabstrip-min-height: auto !important; } - @media (-moz-bool-pref: "userChrome.Tabs.Option9.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); - } + /* ---------------------------------------- Nav Bar ---------------------------------------- */ - @media (-moz-bool-pref: "userChrome.Tabs.Option10.Enabled") + #nav-bar { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); + border: none !important; } - @media (-moz-bool-pref: "userChrome.Tabs.Option11.Enabled") - { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); - } + /* ---------------------------------------- Tabs ---------------------------------------- */ - @media (-moz-bool-pref: "userChrome.Tabs.Option12.Enabled") + .tabbrowser-tab { - --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); - } -} - -/* ---------------------------------------- Main Window ---------------------------------------- */ - -:root -{ - --tab-shadow-max-size: 0px !important; - --tab-attention-indicator-position: 50% calc(50% + 12px); - --tabstrip-min-height: auto !important; -} + overflow: visible !important; + padding-inline: 0px !important; -/* ---------------------------------------- Nav Bar ---------------------------------------- */ - -#nav-bar -{ - border: none !important; -} - - - - - - - - - - - - - - - - - - - - -/* ---------------------------------------- Tabs ---------------------------------------- */ - -.tabbrowser-tab -{ - overflow: visible !important; - padding-inline: 0px !important; - - &[pinned] .tab-content - { - padding-inline: calc((var(--tab-min-height) - 16px) / 2 + 2px) !important; - } - - &[visuallyselected] - { - position: relative; - z-index: 2 !important; - color: var(--toolbar-color) !important; - - .tab-background + &[pinned] .tab-content { - background-color: var(--toolbar-bgcolor) !important; - - &::before, - &::after - { - background-color: var(--toolbar-bgcolor) !important; - } + padding-inline: calc((var(--tab-min-height) - 16px) / 2 + 2px) !important; } - } - - &:not([visuallyselected]) - { - &:hover + + &[visuallyselected] { + position: relative; + z-index: 2 !important; + color: var(--toolbar-color) !important; + .tab-background { - background-color: var(--toolbarbutton-hover-background) !important; - + background-color: var(--toolbar-bgcolor) !important; + &::before, &::after { - background-color: var(--toolbarbutton-hover-background) !important; + background-color: var(--toolbar-bgcolor) !important; } } } - - &[multiselected] + + &:not([visuallyselected]) { - .tab-background + &:hover { - background-color: var(--toolbarbutton-active-background) !important; - - &::before, - &::after + .tab-background + { + background-color: var(--toolbarbutton-hover-background) !important; + + &::before, + &::after + { + background-color: var(--toolbarbutton-hover-background) !important; + } + } + } + + &[multiselected] + { + .tab-background { background-color: var(--toolbarbutton-active-background) !important; + + &::before, + &::after + { + background-color: var(--toolbarbutton-active-background) !important; + } } } } - } - - .tab-background - { - display: grid !important; - position: relative !important; - margin-inline: calc(var(--tab-min-height) / 2) !important; - margin-block: 0px !important; - border-radius: 0px !important; - box-shadow: none !important; - outline: none !important; - pointer-events: none !important; - - &::before, - &::after - { - content: ""; - display: block; - position: absolute; - width: var(--tab-min-height); - height: var(--tab-min-height); - mask-size: var(--tab-min-height); - mask-position: center; - mask-repeat: no-repeat; - z-index: -1; - } - - &::before - { - inset-inline-end: 100%; - mask-image: var(--left-svg); - } - - &::after - { - inset-inline-start: 100%; - mask-image: var(--right-svg); - } - - > * - { - grid-area: 1 / 1 / auto / auto !important; - } - - .tab-context-line, - .tab-loading-burst + + .tab-background { - min-height: var(--tab-min-height) !important; - mask-image: var(--left-svg), var(--center-svg), var(--right-svg); - mask-size: auto 100%, calc(100% - var(--tab-min-height) * 2) 100%, auto 100%; - mask-position: left center, center center, right center; - mask-repeat: no-repeat, no-repeat, no-repeat; + display: grid !important; + position: relative !important; + margin-inline: calc(var(--tab-min-height) / 2) !important; margin-block: 0px !important; - margin-inline: calc(-1 * var(--tab-min-height)) !important; - } - - .tab-context-line - { - clip-path: rect(0% 100% 2px 0%) !important; - } - } -} - - - - - - - - - - - - - - - - - - -#tabbrowser-tabs[overflow] .tab-drop-indicator -{ - inset-inline-start: var(--tab-first-last-inline-margin) !important; -} - - - - - + border-radius: 0px !important; + box-shadow: none !important; + outline: none !important; + pointer-events: none !important; + &::before, + &::after + { + content: ""; + display: block; + position: absolute; + aspect-ratio: 1 / 1; + height: 100%; + mask-size: contain; + z-index: -1; + } -/* -------------------- Tab Icon Indicators -------------------- */ - -.tabbrowser-tab:is([image], [pinned]) .tab-content[attention]:not([selected]), -.tab-content[pinned][titlechanged]:not([selected]) -{ - background-position: var(--tab-attention-indicator-position) !important; -} - -/* ---------------------------------------- Tab Bar ---------------------------------------- */ - -#TabsToolbar #search-container -{ - padding-block: 0 !important; -} - -/* ---------------------------------------- Indents ---------------------------------------- */ - -#tabbrowser-tabs:not([overflow]) .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([hidden])), -#tabbrowser-tabs[overflow] .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([pinned], [hidden])), -#tabbrowser-tabs[overflow][haspinnedtabs] -{ - margin-inline-start: var(--tab-first-last-inline-margin) !important; -} - -.tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden])) -{ - margin-inline-end: var(--tab-first-last-inline-margin) !important; -} - -/* ---------------------------------------- Tab Scroll Animation ---------------------------------------- */ - -#tabbrowser-tabs[overflow] .tabbrowser-tab:not([pinned]) -{ - box-sizing: content-box !important; -} - -#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:not([pinned]) -{ - pointer-events: none !important; - box-sizing: content-box !important; - padding-inline: var(--tab-first-last-inline-margin) !important; - margin-inline: calc(-1 * var(--tab-first-last-inline-margin)) !important; - overflow-clip-margin: 0px !important; -} - -#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:not([pinned]) .tab-stack -{ - pointer-events: auto !important; -} + &::before + { + inset-inline-end: 100%; + mask-image: var(--left-svg); + } -#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([pinned], [hidden])) -{ - margin-inline-start: 0px !important; -} + &::after + { + inset-inline-start: 100%; + mask-image: var(--right-svg); + } -#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden])) -{ - margin-inline-end: 0px !important; -} + > * + { + grid-area: 1 / 1 / auto / auto !important; + } + .tab-context-line, + .tab-loading-burst + { + min-height: var(--tab-min-height) !important; + mask-image: var(--left-svg), var(--center-svg), var(--right-svg); + mask-size: auto 100%, calc(100% - var(--tab-min-height) * 2) 100%, auto 100%; + mask-position: left center, center center, right center; + mask-repeat: no-repeat, no-repeat, no-repeat; + margin-block: 0px !important; + margin-inline: calc(-1 * var(--tab-min-height)) !important; + } + .tab-context-line + { + clip-path: rect(0% 100% 2px 0%) !important; + } + } + } + /* -------------------- Tab Icon Indicators -------------------- */ + .tabbrowser-tab:is([image], [pinned]) .tab-content[attention]:not([selected]), + .tab-content[pinned][titlechanged]:not([selected]) + { + background-position: 50% calc(50% + 12px) !important; + } + /* ---------------------------------------- Tab Bar ---------------------------------------- */ + #TabsToolbar #search-container + { + padding-block: 0 !important; + } + /* ---------------------------------------- Indents ---------------------------------------- */ + #tabbrowser-tabs:not([overflow]) .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([hidden])), + #tabbrowser-tabs[overflow] .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([pinned], [hidden])), + #tabbrowser-tabs[overflow][haspinnedtabs] + { + margin-inline-start: var(--tab-first-last-inline-margin) !important; + } + .tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden])) + { + margin-inline-end: var(--tab-first-last-inline-margin) !important; + } + /* ---------------------------------------- Tab Scroll Animation ---------------------------------------- */ + #tabbrowser-tabs[overflow] .tabbrowser-tab:not([pinned]) + { + box-sizing: content-box !important; + } + #tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:not([pinned]) + { + pointer-events: none !important; + box-sizing: content-box !important; + padding-inline: var(--tab-first-last-inline-margin) !important; + margin-inline: calc(-1 * var(--tab-first-last-inline-margin)) !important; + overflow-clip-margin: 0px !important; + } + #tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:not([pinned]) .tab-stack + { + pointer-events: auto !important; + } + #tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([pinned], [hidden])) + { + margin-inline-start: 0px !important; + } + #tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden])) + { + margin-inline-end: 0px !important; + } } From 9ef46e1ee81c39fd6cb1e1ef1e7a661f558af289 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Tue, 19 Nov 2024 19:25:14 +0300 Subject: [PATCH 46/89] Update wavefox_tab_media_icons_and_text.css --- .../wavefox_tab_media_icons_and_text.css | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 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 5fcdf5de..696a2d01 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 @@ -92,15 +92,14 @@ .tab-label-container { height: var(--tab-min-height) !important; - font-size: 12px !important; mask-image: none !important; } .tab-label { width: 100% !important; - height: 16px !important; - line-height: 16px !important; + height: 20px !important; + line-height: 20px !important; overflow: hidden !important; text-overflow: ellipsis !important; margin-block: 0px !important; @@ -115,18 +114,18 @@ .tab-secondary-label { width: 100% !important; - height: 16px !important; - line-height: 16px !important; + height: 12px !important; + line-height: 12px !important; overflow: hidden !important; - margin-block: 0px !important; + margin-block: auto 0px !important; order: -1 !important; } .tab-secondary-label > * { width: 100% !important; - height: 16px !important; - line-height: 16px !important; + height: 12px !important; + line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } From 8cf3a39dda49425019ff481a8e5403f8ba78a790 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Tue, 19 Nov 2024 19:37:27 +0300 Subject: [PATCH 47/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 43 ++++++++++--------- 1 file changed, 22 insertions(+), 21 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index b4e56123..74406788 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -247,9 +247,26 @@ overflow: visible !important; padding-inline: 0px !important; - &[pinned] .tab-content + &[pinned] { - padding-inline: calc((var(--tab-min-height) - 16px) / 2 + 2px) !important; + .tab-content + { + padding-inline: calc((var(--tab-min-height) - 16px) / 2 + 2px) !important; + } + + .tab-context-line + { + height: 4px !important; + margin: 0px !important; + } + } + + &:not([pinned]) + { + .tab-context-line + { + margin: 0px !important; + } } &[visuallyselected] @@ -288,6 +305,8 @@ &[multiselected] { + color: inherit !important; + .tab-background { background-color: var(--toolbarbutton-active-background) !important; @@ -303,7 +322,6 @@ .tab-background { - display: grid !important; position: relative !important; margin-inline: calc(var(--tab-min-height) / 2) !important; margin-block: 0px !important; @@ -336,26 +354,9 @@ mask-image: var(--right-svg); } - > * - { - grid-area: 1 / 1 / auto / auto !important; - } - - .tab-context-line, .tab-loading-burst { - min-height: var(--tab-min-height) !important; - mask-image: var(--left-svg), var(--center-svg), var(--right-svg); - mask-size: auto 100%, calc(100% - var(--tab-min-height) * 2) 100%, auto 100%; - mask-position: left center, center center, right center; - mask-repeat: no-repeat, no-repeat, no-repeat; - margin-block: 0px !important; - margin-inline: calc(-1 * var(--tab-min-height)) !important; - } - - .tab-context-line - { - clip-path: rect(0% 100% 2px 0%) !important; + opacity: 0 !important; } } } From 244b7e698082684de1de28136c3f980aa5b16509 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Tue, 19 Nov 2024 22:25:55 +0300 Subject: [PATCH 48/89] Update wavefox_tab_media_icons_and_text.css --- .../wavefox_tab_media_icons_and_text.css | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 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 696a2d01..ba8d2434 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 @@ -92,14 +92,13 @@ .tab-label-container { height: var(--tab-min-height) !important; - mask-image: none !important; } .tab-label { width: 100% !important; - height: 20px !important; - line-height: 20px !important; + height: 16px !important; + line-height: 16px !important; overflow: hidden !important; text-overflow: ellipsis !important; margin-block: 0px !important; @@ -114,18 +113,18 @@ .tab-secondary-label { width: 100% !important; - height: 12px !important; - line-height: 12px !important; + height: 16px !important; + line-height: 16px !important; overflow: hidden !important; - margin-block: auto 0px !important; + margin-block: 0px !important; order: -1 !important; } .tab-secondary-label > * { width: 100% !important; - height: 12px !important; - line-height: 12px !important; + height: 16px !important; + line-height: 16px !important; overflow: hidden !important; text-overflow: ellipsis !important; } From 164d0478f30908fe5e3055d5f87f3410e0ad4a6e Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Tue, 19 Nov 2024 22:28:00 +0300 Subject: [PATCH 49/89] Update wavefox_tab_media_icons_and_text.css --- .../modules/horizontal_tabs/wavefox_tab_media_icons_and_text.css | 1 + 1 file changed, 1 insertion(+) 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 ba8d2434..89581a9b 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 @@ -92,6 +92,7 @@ .tab-label-container { height: var(--tab-min-height) !important; + mask-image: none !important; } .tab-label From d926bc7a6feffad610bd643b725db87c12467e09 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Tue, 19 Nov 2024 22:39:00 +0300 Subject: [PATCH 50/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 74406788..d1739961 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -32,6 +32,11 @@ } } +.browser-titlebar +{ + font-size: clamp(0em, 1em, 12px) !important; +} + /* ---------------------------------------- Tabs ---------------------------------------- */ .tabbrowser-tab From 6b063832ce2f1fe2743511a575634bf7864d21d9 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Tue, 19 Nov 2024 23:09:27 +0300 Subject: [PATCH 51/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index d1739961..066a90e3 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -294,32 +294,28 @@ &:not([visuallyselected]) { + z-index: 0 !important; + &:hover { .tab-background { - background-color: var(--toolbarbutton-hover-background) !important; - &::before, &::after { - background-color: var(--toolbarbutton-hover-background) !important; + background-color: var(--tab-hover-background-color) !important; } } } &[multiselected] { - color: inherit !important; - .tab-background { - background-color: var(--toolbarbutton-active-background) !important; - &::before, &::after { - background-color: var(--toolbarbutton-active-background) !important; + background-color: var(--tab-selected-bgcolor) !important; } } } From b120bed112c80fef74cf4550fcf5fa638bb7756b Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Wed, 20 Nov 2024 15:31:57 +0300 Subject: [PATCH 52/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 066a90e3..7afd0023 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -310,8 +310,12 @@ &[multiselected] { + z-index: 1 !important; + .tab-background { + filter: drop-shadow(0 0 2px var(--focus-outline-color)) !important; + &::before, &::after { From b44d3374d9c1218008729fd73641d36dabdc5c71 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Wed, 20 Nov 2024 15:54:17 +0300 Subject: [PATCH 53/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 7afd0023..ae405cdb 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -315,11 +315,13 @@ .tab-background { filter: drop-shadow(0 0 2px var(--focus-outline-color)) !important; + backdrop-filter: drop-shadow(0 0 1px transparent) !important; &::before, &::after { background-color: var(--tab-selected-bgcolor) !important; + backdrop-filter: drop-shadow(0 0 1px transparent) !important; } } } From c491a1f1f2dacb87356a04932b4c228a462d2ba7 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Thu, 21 Nov 2024 17:00:54 +0300 Subject: [PATCH 54/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index ae405cdb..91e669ca 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -59,6 +59,7 @@ .tab-background { border-radius: var(--wavefox-tab-border-radius, 4px) !important; + box-shadow: none !important; } .tab-close-button @@ -333,7 +334,6 @@ margin-inline: calc(var(--tab-min-height) / 2) !important; margin-block: 0px !important; border-radius: 0px !important; - box-shadow: none !important; outline: none !important; pointer-events: none !important; @@ -410,7 +410,6 @@ box-sizing: content-box !important; padding-inline: var(--tab-first-last-inline-margin) !important; margin-inline: calc(-1 * var(--tab-first-last-inline-margin)) !important; - overflow-clip-margin: 0px !important; } #tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:not([pinned]) .tab-stack From d4c2c9fbba895a999e31b236d09e088810c40f4c Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Thu, 21 Nov 2024 17:06:57 +0300 Subject: [PATCH 55/89] Update wavefox_toolbar_transparency.css --- .../wavefox_toolbar_transparency.css | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_toolbar_transparency.css b/chrome/modules/horizontal_tabs/wavefox_toolbar_transparency.css index 5fe1e2de..d431c7ff 100644 --- a/chrome/modules/horizontal_tabs/wavefox_toolbar_transparency.css +++ b/chrome/modules/horizontal_tabs/wavefox_toolbar_transparency.css @@ -23,13 +23,23 @@ { --toolbar-transparency-level: 75%; } - - .tabbrowser-tab[visuallyselected] .tab-background, + #nav-bar, #PersonalToolbar { background-color: color-mix(in srgb, var(--toolbar-bgcolor), transparent var(--toolbar-transparency-level)) !important; } + + .tabbrowser-tab[visuallyselected] .tab-background + { + background-color: color-mix(in srgb, var(--toolbar-bgcolor), transparent var(--toolbar-transparency-level)) !important; + + &::before, + &::after + { + background-color: color-mix(in srgb, var(--toolbar-bgcolor), transparent var(--toolbar-transparency-level)) !important; + } + } } } From f23bb793b223aa948f18e1be4a8cc5d5880c669f Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Thu, 21 Nov 2024 17:12:22 +0300 Subject: [PATCH 56/89] Update README.md --- README.md | 20 ++------------------ 1 file changed, 2 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index 787853af..e172a66b 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 v1.7.133 + WaveFox v1.8.134 - ##### Minimum Requirements - - Firefox 133 + - Firefox 134 - Windows / MacOS / Linux - Download the `chrome` folder and put it in your user profile folder @@ -123,17 +123,6 @@ Works only with the system theme. - `userChrome.TabSeparators.Saturation.Low.Enabled` - `userChrome.TabSeparators.Saturation.Medium.Enabled` -### Menu Density -By default context menus follow the selected interface density, but it is possible to set a fixed size. - -| Compact | Normal | Touch | -|---------|--------|-------| -| ![изображение](https://user-images.githubusercontent.com/85301851/152645825-7d351e3e-b938-4fa1-a460-1f699ed1c3c6.png) | ![изображение](https://user-images.githubusercontent.com/85301851/152645878-d917e841-837a-4a11-8fc1-ce0fc2262aef.png) | ![изображение](https://user-images.githubusercontent.com/85301851/152645915-833c1b22-e320-445f-817e-408ea26f7605.png) | - -- `userChrome.Menu.Size.Compact.Enabled` -- `userChrome.Menu.Size.Normal.Enabled` -- `userChrome.Menu.Size.Touch.Enabled` - ### Lepton Icons (Menu icons) This is third-party code. I will update this code according to the original source. Unlike other options, these keys can be enabled in any order, or all together. @@ -163,11 +152,6 @@ This is third-party code. I will update this code according to the original sour - `userChrome.DragSpace.Top.Maximized.Enabled` - `userChrome.DragSpace.Top.Fullscreen.Enabled` -### Selected Tab Indicator -![изображение](https://github.com/QNetITQ/WaveFox/assets/85301851/c5b7c4b8-81d2-4ca2-9944-574af7e88f1d) - -- `userChrome.Tabs.SelectedTabIndicator.Enabled` - ### Tabs On Bottom ![Снимок](https://github.com/QNetITQ/WaveFox/assets/85301851/514cf30d-a417-48cb-bfd1-0e77c9df1bf4) From f02f67f1cf018a3662a65c5fc3dcc2d79a4542f8 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 23 Nov 2024 16:02:33 +0300 Subject: [PATCH 57/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 91e669ca..6f38d47e 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -22,13 +22,8 @@ .browser-titlebar { will-change: auto !important; - transition: color var(--inactive-window-transition) !important; - - &:-moz-window-inactive - { - color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity) * 100%), transparent) !important; - opacity: 1 !important; - } + transition: none !important; + opacity: 1 !important; } } @@ -368,6 +363,11 @@ } } + #tabbrowser-tabs[overflow] .tab-drop-indicator + { + inset-inline-start: var(--tab-first-last-inline-margin) !important; + } + /* -------------------- Tab Icon Indicators -------------------- */ .tabbrowser-tab:is([image], [pinned]) .tab-content[attention]:not([selected]), From 9968f481a0573737e4b96caddc228143ca6d1637 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 23 Nov 2024 16:04:56 +0300 Subject: [PATCH 58/89] Update wavefox_one_line.css --- .../horizontal_tabs/wavefox_one_line.css | 38 ------------------- 1 file changed, 38 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_one_line.css b/chrome/modules/horizontal_tabs/wavefox_one_line.css index 811f55c1..1c216bd7 100644 --- a/chrome/modules/horizontal_tabs/wavefox_one_line.css +++ b/chrome/modules/horizontal_tabs/wavefox_one_line.css @@ -87,17 +87,6 @@ --toolbarbutton-active-background: color-mix(in srgb, currentColor 30%, transparent) !important; } } - - :root[tabsintitlebar] #nav-bar - { - will-change: auto !important; - transition: color var(--inactive-window-transition) !important; - - &:-moz-window-inactive - { - color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity) * 100%), transparent) !important; - } - } } /* -------------------- Linux -------------------- */ @@ -108,32 +97,5 @@ { color: inherit !important; } - - :root[tabsintitlebar] #nav-bar - { - will-change: auto !important; - transition: color var(--inactive-window-transition) !important; - - &:-moz-window-inactive - { - color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity) * 100%), transparent) !important; - } - } - } - - /* -------------------- MacOS -------------------- */ - - @media (-moz-platform: macos) - { - :root[tabsintitlebar] #nav-bar - { - will-change: auto !important; - transition: color var(--inactive-window-transition) !important; - - &:-moz-window-inactive - { - color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity) * 100%), transparent) !important; - } - } } } From 05c684ff02d8669452a73fa15c66ea99337f78ec Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 23 Nov 2024 17:57:31 +0300 Subject: [PATCH 59/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 30 +++++++++++++++---- 1 file changed, 25 insertions(+), 5 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 6f38d47e..5c32fda9 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -259,6 +259,19 @@ { height: 4px !important; margin: 0px !important; + border-radius: 4px !important; + } + + .tab-loading-burst + { + max-height: 2px !important; + margin-block: auto 0px !important; + margin-inline: calc(-1 * var(--tab-min-height) / 2) !important; + + &::before + { + margin-inline: 50% !important; + } } } @@ -268,6 +281,18 @@ { margin: 0px !important; } + + .tab-loading-burst + { + max-height: 2px !important; + margin-block: auto 0px !important; + margin-inline: 0px !important; + + &::before + { + margin-inline: 0% !important; + } + } } &[visuallyselected] @@ -355,11 +380,6 @@ inset-inline-start: 100%; mask-image: var(--right-svg); } - - .tab-loading-burst - { - opacity: 0 !important; - } } } From 4b90814e43293e1b91c96544bfb7735f36c46d19 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 23 Nov 2024 19:25:12 +0300 Subject: [PATCH 60/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 5c32fda9..663ff61d 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -290,7 +290,7 @@ &::before { - margin-inline: 0% !important; + margin-inline: 50% !important; } } } @@ -315,6 +315,7 @@ &:not([visuallyselected]) { + --tab-loading-fill: currentColor !important; z-index: 0 !important; &:hover From ec568ebec79c815951446d62ebc4238a6edc606d Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 23 Nov 2024 19:27:05 +0300 Subject: [PATCH 61/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 663ff61d..fe2cd1f1 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -316,6 +316,7 @@ &:not([visuallyselected]) { --tab-loading-fill: currentColor !important; + --attention-dot-color: currentColor !important; z-index: 0 !important; &:hover From 7e6d7a906e72ae460140f6e7528f6bb327cd1ac7 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Mon, 25 Nov 2024 18:26:01 +0300 Subject: [PATCH 62/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 40 +++++++------------ 1 file changed, 14 insertions(+), 26 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index fe2cd1f1..1aac0bad 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -255,44 +255,20 @@ padding-inline: calc((var(--tab-min-height) - 16px) / 2 + 2px) !important; } - .tab-context-line + &[usercontextid] .tab-context-line { height: 4px !important; margin: 0px !important; border-radius: 4px !important; } - - .tab-loading-burst - { - max-height: 2px !important; - margin-block: auto 0px !important; - margin-inline: calc(-1 * var(--tab-min-height) / 2) !important; - - &::before - { - margin-inline: 50% !important; - } - } } &:not([pinned]) { - .tab-context-line + &[usercontextid] .tab-context-line { margin: 0px !important; } - - .tab-loading-burst - { - max-height: 2px !important; - margin-block: auto 0px !important; - margin-inline: 0px !important; - - &::before - { - margin-inline: 50% !important; - } - } } &[visuallyselected] @@ -383,6 +359,18 @@ mask-image: var(--right-svg); } } + + .tab-loading-burst + { + max-height: 2px !important; + margin-block: auto 0px !important; + margin-inline: calc(-1 * var(--tab-min-height) / 2) !important; + + &::before + { + margin-inline: 50% !important; + } + } } #tabbrowser-tabs[overflow] .tab-drop-indicator From 089abe1e11e8ad48a21209af01b2948002b47733 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Mon, 25 Nov 2024 18:33:15 +0300 Subject: [PATCH 63/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 1aac0bad..edd179ff 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -135,6 +135,17 @@ { margin-block: 0px !important; } + + &[usercontextid] .tab-context-line + { + margin: 0px !important; + } + + &:is([image], [pinned]) .tab-content[attention]:not([selected]), + .tab-content[pinned][titlechanged]:not([selected]) + { + background-position: 50% calc(50% + 12px) !important; + } } } } From e1e0b5bf2c5c924ded76b4055b839fd67fabf650 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Mon, 25 Nov 2024 21:48:38 +0300 Subject: [PATCH 64/89] Update wavefox_tabs.css --- .../modules/horizontal_tabs/wavefox_tabs.css | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index edd179ff..1e3a00ad 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -130,6 +130,19 @@ { overflow: visible !important; padding-inline: 0px !important; + + &[visuallyselected] + { + .tab-background + { + background-color: var(--toolbar-bgcolor) !important; + } + + .tab-content + { + color: var(--toolbar-color) !important; + } + } .tab-background { @@ -286,7 +299,6 @@ { position: relative; z-index: 2 !important; - color: var(--toolbar-color) !important; .tab-background { @@ -298,6 +310,11 @@ background-color: var(--toolbar-bgcolor) !important; } } + + .tab-content + { + color: var(--toolbar-color) !important; + } } &:not([visuallyselected]) From ce09e0564840e675f98c084727cb9e27aa09b7fa Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Mon, 25 Nov 2024 23:47:10 +0300 Subject: [PATCH 65/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 1e3a00ad..35e3445b 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -292,6 +292,7 @@ &[usercontextid] .tab-context-line { margin: 0px !important; + border-radius: 4px !important; } } @@ -393,6 +394,7 @@ max-height: 2px !important; margin-block: auto 0px !important; margin-inline: calc(-1 * var(--tab-min-height) / 2) !important; + border-radius: 4px !important; &::before { From db8213c7fc8177bcdbef3cebf18d67bf91bb89ac Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Mon, 25 Nov 2024 23:51:54 +0300 Subject: [PATCH 66/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 1 - 1 file changed, 1 deletion(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 35e3445b..1e9e7d4f 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -373,7 +373,6 @@ aspect-ratio: 1 / 1; height: 100%; mask-size: contain; - z-index: -1; } &::before From 158c0378601dbc8757df66055f04ff949cd8dfdd Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Tue, 26 Nov 2024 10:52:22 +0300 Subject: [PATCH 67/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 1e9e7d4f..bdd52253 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -394,6 +394,7 @@ margin-block: auto 0px !important; margin-inline: calc(-1 * var(--tab-min-height) / 2) !important; border-radius: 4px !important; + z-index: 1 !important; &::before { From 3314c9c9b8f8440a95b37e5ca75e013ce179f872 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Thu, 28 Nov 2024 17:45:03 +0300 Subject: [PATCH 68/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index bdd52253..8b44490f 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -27,11 +27,6 @@ } } -.browser-titlebar -{ - font-size: clamp(0em, 1em, 12px) !important; -} - /* ---------------------------------------- Tabs ---------------------------------------- */ .tabbrowser-tab @@ -160,6 +155,11 @@ background-position: 50% calc(50% + 12px) !important; } } + + #nav-bar + { + border: none !important; + } } } From 22d5dbf90d1ce64eb76841dd61d322ca920a6fd1 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Thu, 28 Nov 2024 17:50:10 +0300 Subject: [PATCH 69/89] Update wavefox_tab_media_icons_and_text.css --- .../horizontal_tabs/wavefox_tab_media_icons_and_text.css | 9 +++++++++ 1 file changed, 9 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 89581a9b..4be9beb0 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 @@ -129,3 +129,12 @@ overflow: hidden !important; text-overflow: ellipsis !important; } + +@media (-moz-platform: linux) +{ + .tab-label + { + height: var(--tab-min-height) !important; + line-height: var(--tab-min-height) !important; + } +} From e5ec687381cfd3110042364a5ca963490d8c0443 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Thu, 28 Nov 2024 17:55:30 +0300 Subject: [PATCH 70/89] Update wavefox_tab_media_icons_and_text.css --- .../horizontal_tabs/wavefox_tab_media_icons_and_text.css | 5 +++++ 1 file changed, 5 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 4be9beb0..13ffe78b 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 @@ -137,4 +137,9 @@ height: var(--tab-min-height) !important; line-height: var(--tab-min-height) !important; } + + .tab-secondary-label + { + display: none !important; + } } From 0d360babd0f740baba787b3bb27fa6edc561698a Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 30 Nov 2024 17:33:19 +0300 Subject: [PATCH 71/89] Update README.md --- README.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index e172a66b..1a7fbcfc 100644 --- a/README.md +++ b/README.md @@ -17,7 +17,10 @@ - Download the `chrome` folder and put it in your user profile folder - Go to `about:config` and activate the key `toolkit.legacyUserProfileCustomizations.stylesheets` -- Specify the desired shape of the tabs + +## Optional + +### Tab Shapes ##### Tabs (Option 1) ![1](https://user-images.githubusercontent.com/85301851/233114797-1495824d-9f46-474f-aeb2-a8dcc5608066.PNG) @@ -71,8 +74,6 @@ ![изображение](https://github.com/QNetITQ/WaveFox/assets/85301851/906299f9-94e6-4a69-9191-202c94525ae6) - `userChrome.Tabs.Option13.Enabled` -## Optional - ### Windows 11/10 Custom Transparency Install [DWMBlurGlass](https://github.com/Maplespe/DWMBlurGlass). Configure to your liking and activate the keys below. Works only with the system theme. If you just want to enable MicaAlt on Windows 11, see the FAQ. ![изображение](https://github.com/user-attachments/assets/632c972f-b48a-4ca6-8c69-28859e34485b) From 07c1f658a1e3fefc40f4e09af5af76a5480be3bd Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 30 Nov 2024 17:37:01 +0300 Subject: [PATCH 72/89] Update README.md --- README.md | 90 +++++++++++++++++++++++++++++++------------------------ 1 file changed, 51 insertions(+), 39 deletions(-) diff --git a/README.md b/README.md index 1a7fbcfc..4b89eafa 100644 --- a/README.md +++ b/README.md @@ -22,57 +22,69 @@ ### Tab Shapes - ##### Tabs (Option 1) - ![1](https://user-images.githubusercontent.com/85301851/233114797-1495824d-9f46-474f-aeb2-a8dcc5608066.PNG) - - `userChrome.Tabs.Option1.Enabled` +##### Option 1 + + +- `userChrome.Tabs.Option1.Enabled` - ##### Tabs (Option 2) - ![2](https://user-images.githubusercontent.com/85301851/233114845-1904b615-7c6b-43c4-9422-ae6b2ed6e3b1.PNG) - - `userChrome.Tabs.Option2.Enabled` +##### Option 2 + + +- `userChrome.Tabs.Option2.Enabled` - ##### Tabs (Option 3) - ![3](https://user-images.githubusercontent.com/85301851/233114878-baae0abb-2779-453a-9a2f-30e6fd015952.PNG) - - `userChrome.Tabs.Option3.Enabled` +##### Option 3 + + +- `userChrome.Tabs.Option3.Enabled` - ##### Tabs (Option 4) - ![4](https://user-images.githubusercontent.com/85301851/233114921-b386502c-2b73-496b-9536-5350227ae78b.PNG) - - `userChrome.Tabs.Option4.Enabled` +##### Option 4 + + +- `userChrome.Tabs.Option4.Enabled` - ##### Tabs (Option 5) - ![5](https://user-images.githubusercontent.com/85301851/233114950-68595ae9-27dc-4384-8f71-61ae873b1a3b.PNG) - - `userChrome.Tabs.Option5.Enabled` +##### Option 5 + + +- `userChrome.Tabs.Option5.Enabled` - ##### Tabs (Option 6) - ![9](https://user-images.githubusercontent.com/85301851/233115069-913b318e-5503-4d54-916e-e3cbd3626c96.PNG) - - `userChrome.Tabs.Option6.Enabled` +##### Option 6 + + +- `userChrome.Tabs.Option6.Enabled` - ##### Tabs (Option 7) - ![10](https://user-images.githubusercontent.com/85301851/233115104-2a4e527f-15cf-47f9-9a8f-60159a5bb570.PNG) - - `userChrome.Tabs.Option7.Enabled` +##### Option 7 + + +- `userChrome.Tabs.Option7.Enabled` - ##### Tabs (Option 8) - ![11](https://user-images.githubusercontent.com/85301851/233115136-eba3fb57-1591-4318-86ee-ecdf673609b7.PNG) - - `userChrome.Tabs.Option8.Enabled` +##### Option 8 + + +- `userChrome.Tabs.Option8.Enabled` - ##### Tabs (Option 9) - ![12](https://user-images.githubusercontent.com/85301851/233115162-1cd61c70-5826-4712-8692-603b04147660.PNG) - - `userChrome.Tabs.Option9.Enabled` +##### Option 9 + + +- `userChrome.Tabs.Option9.Enabled` - ##### Tabs (Option 10) - ![14](https://user-images.githubusercontent.com/85301851/233115224-fbada5b2-35f8-41bb-81c7-52552e62d829.PNG) - - `userChrome.Tabs.Option10.Enabled` +##### Option 10 + + +- `userChrome.Tabs.Option10.Enabled` - ##### Tabs (Option 11) - ![15](https://user-images.githubusercontent.com/85301851/233115260-c6cb7c9a-192c-4a20-9327-392c6afae755.PNG) - - `userChrome.Tabs.Option11.Enabled` +##### Option 11 + + +- `userChrome.Tabs.Option11.Enabled` - ##### Tabs (Option 12) - ![16](https://user-images.githubusercontent.com/85301851/233115285-feb26903-ab9f-4e38-b28a-7207b0459ebe.PNG) - - `userChrome.Tabs.Option12.Enabled` +##### Option 12 - ##### Tabs (Option 13) - ![изображение](https://github.com/QNetITQ/WaveFox/assets/85301851/906299f9-94e6-4a69-9191-202c94525ae6) - - `userChrome.Tabs.Option13.Enabled` + +- `userChrome.Tabs.Option12.Enabled` + +##### Option 13 + +- `userChrome.Tabs.Option13.Enabled` ### Windows 11/10 Custom Transparency Install [DWMBlurGlass](https://github.com/Maplespe/DWMBlurGlass). Configure to your liking and activate the keys below. Works only with the system theme. If you just want to enable MicaAlt on Windows 11, see the FAQ. From 5902f5a7f7b18a65c3ac9e3b865403fa7beeb703 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 30 Nov 2024 17:49:46 +0300 Subject: [PATCH 73/89] Update README.md --- README.md | 27 +++++++++++---------------- 1 file changed, 11 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index 4b89eafa..929882c4 100644 --- a/README.md +++ b/README.md @@ -23,69 +23,64 @@ ### Tab Shapes ##### Option 1 - +![изображение](https://github.com/user-attachments/assets/98d808c0-de87-4328-bd19-c885060adaec) - `userChrome.Tabs.Option1.Enabled` ##### Option 2 - +![изображение](https://github.com/user-attachments/assets/15244c8d-e073-47f7-a84c-500bcf1f056d) - `userChrome.Tabs.Option2.Enabled` ##### Option 3 - +![изображение](https://github.com/user-attachments/assets/ec6f06df-5f83-4408-8f39-8480cff5ca8b) - `userChrome.Tabs.Option3.Enabled` ##### Option 4 - +![изображение](https://github.com/user-attachments/assets/112843be-7182-4a48-bc04-0f9211ddf7c7) - `userChrome.Tabs.Option4.Enabled` ##### Option 5 - - `userChrome.Tabs.Option5.Enabled` ##### Option 6 - +![изображение](https://github.com/user-attachments/assets/21c6644f-f579-419d-92b8-cb614a726742) - `userChrome.Tabs.Option6.Enabled` ##### Option 7 - +![изображение](https://github.com/user-attachments/assets/b648e7c3-2dc4-478d-9ee0-8ac9b727c37d) - `userChrome.Tabs.Option7.Enabled` ##### Option 8 - +![изображение](https://github.com/user-attachments/assets/8cce9ecd-2005-4aba-9c66-6e49f2ccb76a) - `userChrome.Tabs.Option8.Enabled` ##### Option 9 - +![изображение](https://github.com/user-attachments/assets/d720364a-88f3-4fe6-a61f-0747f93e5f20) - `userChrome.Tabs.Option9.Enabled` ##### Option 10 - +![изображение](https://github.com/user-attachments/assets/88d1d2de-2d0c-4837-b15f-a10694e5093a) - `userChrome.Tabs.Option10.Enabled` ##### Option 11 - +![изображение](https://github.com/user-attachments/assets/084a7915-12d9-44da-a3d1-a0b17267d356) - `userChrome.Tabs.Option11.Enabled` ##### Option 12 - +![изображение](https://github.com/user-attachments/assets/2d38da42-f304-468c-bb52-1190d936bc19) - `userChrome.Tabs.Option12.Enabled` -##### Option 13 - -- `userChrome.Tabs.Option13.Enabled` - ### Windows 11/10 Custom Transparency Install [DWMBlurGlass](https://github.com/Maplespe/DWMBlurGlass). Configure to your liking and activate the keys below. Works only with the system theme. If you just want to enable MicaAlt on Windows 11, see the FAQ. ![изображение](https://github.com/user-attachments/assets/632c972f-b48a-4ca6-8c69-28859e34485b) From 0b5ad18e49135bd66d62070bb5d1ccc25653adc6 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 30 Nov 2024 17:53:39 +0300 Subject: [PATCH 74/89] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 929882c4..57fd2bfc 100644 --- a/README.md +++ b/README.md @@ -43,6 +43,7 @@ - `userChrome.Tabs.Option4.Enabled` ##### Option 5 +![изображение](https://github.com/user-attachments/assets/cd6fb4a9-8cc7-4fd1-9f26-9acef5a4a121) - `userChrome.Tabs.Option5.Enabled` From 3d116bda3397358bb472fc1619965c34c8a85d3f Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 30 Nov 2024 18:00:39 +0300 Subject: [PATCH 75/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 8b44490f..74419496 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -120,6 +120,7 @@ :root { --wavefox-tab-border-radius: 0px; + --tabstrip-min-height: auto !important; .tabbrowser-tab { @@ -128,6 +129,9 @@ &[visuallyselected] { + position: relative; + z-index: 2 !important; + .tab-background { background-color: var(--toolbar-bgcolor) !important; From 0a2606c2bb59bc03ecdcee4615bbb681b337c1d6 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Thu, 5 Dec 2024 17:20:38 +0300 Subject: [PATCH 76/89] Update wavefox_rounded_web_page.css --- .../modules/horizontal_tabs/wavefox_rounded_web_page.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_rounded_web_page.css b/chrome/modules/horizontal_tabs/wavefox_rounded_web_page.css index 1c30384d..878e31f7 100644 --- a/chrome/modules/horizontal_tabs/wavefox_rounded_web_page.css +++ b/chrome/modules/horizontal_tabs/wavefox_rounded_web_page.css @@ -23,6 +23,13 @@ border-radius: 8px !important; background-clip: padding-box !important; + @media (-moz-bool-pref: "userChrome.Tabs.TabsOnBottom.Enabled") or + (-moz-bool-pref: "userChrome.OneLine.TabBarFirst.Enabled") or + (-moz-bool-pref: "userChrome.OneLine.NavBarFirst.Enabled") + { + margin-block-start: 8px !important; + } + #tabbrowser-tabpanels { clip-path: xywh(0 0 100% 100% round 8px) !important; From 8648b179c00ab19b0457443f17912a8741b2bcad Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Thu, 5 Dec 2024 18:04:32 +0300 Subject: [PATCH 77/89] Update wavefox_toolbar_buttons.css --- chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css b/chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css index d5054ad8..2196f92c 100644 --- a/chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css +++ b/chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css @@ -97,3 +97,10 @@ margin-inline-end: calc(-1 * var(--tab-first-last-inline-margin, 0px) / 2) !important; z-index: 1 !important; } + +/* ---------------------------------------- Roundings ---------------------------------------- */ + +.browser-titlebar .toolbarbutton-1 > :is(.toolbarbutton-icon, .toolbarbutton-badge-stack) +{ + clip-path: inset(0px round 50px) !important; +} From 6db24df5cfe447ce4cacbc479d93b9b615d8ee64 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 21 Dec 2024 15:03:37 +0300 Subject: [PATCH 78/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index 74419496..d04a16c5 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -146,6 +146,7 @@ .tab-background { margin-block: 0px !important; + outline-offset: 0px !important; } &[usercontextid] .tab-context-line From 32d578d95c9e19f499012f33b7aebb8f30f53b77 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 21 Dec 2024 15:04:31 +0300 Subject: [PATCH 79/89] Update wavefox_toolbar_buttons.css --- chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css b/chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css index 2196f92c..c128747b 100644 --- a/chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css +++ b/chrome/modules/horizontal_tabs/wavefox_toolbar_buttons.css @@ -99,8 +99,9 @@ } /* ---------------------------------------- Roundings ---------------------------------------- */ - +/* .browser-titlebar .toolbarbutton-1 > :is(.toolbarbutton-icon, .toolbarbutton-badge-stack) { clip-path: inset(0px round 50px) !important; } +*/ From c2757d588bbe607eff3cb7ae92026e4ac9feaf85 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 21 Dec 2024 20:23:31 +0300 Subject: [PATCH 80/89] Delete chrome/modules/horizontal_tabs/svg_files/option_10/center.svg --- .../modules/horizontal_tabs/svg_files/option_10/center.svg | 7 ------- 1 file changed, 7 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_10/center.svg diff --git a/chrome/modules/horizontal_tabs/svg_files/option_10/center.svg b/chrome/modules/horizontal_tabs/svg_files/option_10/center.svg deleted file mode 100644 index c99e6ce2..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_10/center.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file From 54d81129360507fab9d24f19fd1eec45492ecc95 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 21 Dec 2024 20:23:55 +0300 Subject: [PATCH 81/89] Delete chrome/modules/horizontal_tabs/svg_files/option_11/center.svg --- .../modules/horizontal_tabs/svg_files/option_11/center.svg | 7 ------- 1 file changed, 7 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_11/center.svg diff --git a/chrome/modules/horizontal_tabs/svg_files/option_11/center.svg b/chrome/modules/horizontal_tabs/svg_files/option_11/center.svg deleted file mode 100644 index c99e6ce2..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_11/center.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file From d8512b109a6107558121b0a783f3064a28b1be63 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 21 Dec 2024 20:24:07 +0300 Subject: [PATCH 82/89] Delete chrome/modules/horizontal_tabs/svg_files/option_12/center.svg --- .../modules/horizontal_tabs/svg_files/option_12/center.svg | 7 ------- 1 file changed, 7 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_12/center.svg diff --git a/chrome/modules/horizontal_tabs/svg_files/option_12/center.svg b/chrome/modules/horizontal_tabs/svg_files/option_12/center.svg deleted file mode 100644 index c99e6ce2..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_12/center.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file From 8885b4bb23572e026b148503d0c5505ca0cabb6e Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 21 Dec 2024 20:24:20 +0300 Subject: [PATCH 83/89] Delete chrome/modules/horizontal_tabs/svg_files/option_6/center.svg --- .../modules/horizontal_tabs/svg_files/option_6/center.svg | 7 ------- 1 file changed, 7 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_6/center.svg diff --git a/chrome/modules/horizontal_tabs/svg_files/option_6/center.svg b/chrome/modules/horizontal_tabs/svg_files/option_6/center.svg deleted file mode 100644 index c99e6ce2..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_6/center.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file From 3a225dc20ffaf6f60cbcb08112129c1afa8b7631 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 21 Dec 2024 20:24:33 +0300 Subject: [PATCH 84/89] Delete chrome/modules/horizontal_tabs/svg_files/option_7/center.svg --- .../modules/horizontal_tabs/svg_files/option_7/center.svg | 7 ------- 1 file changed, 7 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_7/center.svg diff --git a/chrome/modules/horizontal_tabs/svg_files/option_7/center.svg b/chrome/modules/horizontal_tabs/svg_files/option_7/center.svg deleted file mode 100644 index c99e6ce2..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_7/center.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file From f6ebdce6d8530aca9cf3ec8eb0608fb50c74bce6 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 21 Dec 2024 20:24:46 +0300 Subject: [PATCH 85/89] Delete chrome/modules/horizontal_tabs/svg_files/option_8/center.svg --- .../modules/horizontal_tabs/svg_files/option_8/center.svg | 7 ------- 1 file changed, 7 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_8/center.svg diff --git a/chrome/modules/horizontal_tabs/svg_files/option_8/center.svg b/chrome/modules/horizontal_tabs/svg_files/option_8/center.svg deleted file mode 100644 index c99e6ce2..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_8/center.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file From 83f0367649c4c4df48c5be88b3b5ec5ea26d50d1 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 21 Dec 2024 20:24:59 +0300 Subject: [PATCH 86/89] Delete chrome/modules/horizontal_tabs/svg_files/option_9/center.svg --- .../modules/horizontal_tabs/svg_files/option_9/center.svg | 7 ------- 1 file changed, 7 deletions(-) delete mode 100644 chrome/modules/horizontal_tabs/svg_files/option_9/center.svg diff --git a/chrome/modules/horizontal_tabs/svg_files/option_9/center.svg b/chrome/modules/horizontal_tabs/svg_files/option_9/center.svg deleted file mode 100644 index c99e6ce2..00000000 --- a/chrome/modules/horizontal_tabs/svg_files/option_9/center.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file From c2c0cdce81e17a5e02062ae0946d44e5acd7d85d Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Sat, 21 Dec 2024 20:28:16 +0300 Subject: [PATCH 87/89] Update wavefox_tabs.css --- chrome/modules/horizontal_tabs/wavefox_tabs.css | 7 ------- 1 file changed, 7 deletions(-) diff --git a/chrome/modules/horizontal_tabs/wavefox_tabs.css b/chrome/modules/horizontal_tabs/wavefox_tabs.css index d04a16c5..db060214 100644 --- a/chrome/modules/horizontal_tabs/wavefox_tabs.css +++ b/chrome/modules/horizontal_tabs/wavefox_tabs.css @@ -183,7 +183,6 @@ :root { --left-svg: url("svg_files/option_6/left_corners.svg"); - --center-svg: url("svg_files/option_6/center.svg"); --right-svg: url("svg_files/option_6/right_corners.svg"); --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); } @@ -194,7 +193,6 @@ :root { --left-svg: url("svg_files/option_7/left_corners.svg"); - --center-svg: url("svg_files/option_7/center.svg"); --right-svg: url("svg_files/option_7/right_corners.svg"); --tab-first-last-inline-margin: calc(var(--tab-min-height) / 4); } @@ -205,7 +203,6 @@ :root { --left-svg: url("svg_files/option_8/left_corners.svg"); - --center-svg: url("svg_files/option_8/center.svg"); --right-svg: url("svg_files/option_8/right_corners.svg"); --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2 - 6px); } @@ -216,7 +213,6 @@ :root { --left-svg: url("svg_files/option_9/left_corners.svg"); - --center-svg: url("svg_files/option_9/center.svg"); --right-svg: url("svg_files/option_9/right_corners.svg"); --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } @@ -227,7 +223,6 @@ :root { --left-svg: url("svg_files/option_10/left_corners.svg"); - --center-svg: url("svg_files/option_10/center.svg"); --right-svg: url("svg_files/option_10/right_corners.svg"); --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } @@ -238,7 +233,6 @@ :root { --left-svg: url("svg_files/option_11/left_corners.svg"); - --center-svg: url("svg_files/option_11/center.svg"); --right-svg: url("svg_files/option_11/right_corners.svg"); --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } @@ -249,7 +243,6 @@ :root { --left-svg: url("svg_files/option_12/left_corners.svg"); - --center-svg: url("svg_files/option_12/center.svg"); --right-svg: url("svg_files/option_12/right_corners.svg"); --tab-first-last-inline-margin: calc(var(--tab-min-height) / 2); } From f481c0800c3cc77ac2aaa7451a69fdb53de78625 Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Wed, 1 Jan 2025 16:25:29 +0300 Subject: [PATCH 88/89] Update README.md --- README.md | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 57fd2bfc..c498e4b2 100644 --- a/README.md +++ b/README.md @@ -82,8 +82,8 @@ - `userChrome.Tabs.Option12.Enabled` -### Windows 11/10 Custom Transparency -Install [DWMBlurGlass](https://github.com/Maplespe/DWMBlurGlass). Configure to your liking and activate the keys below. Works only with the system theme. If you just want to enable MicaAlt on Windows 11, see the FAQ. +### Windows 10 Transparency +Install [DWMBlurGlass](https://github.com/Maplespe/DWMBlurGlass). Configure to your liking and activate the keys below. Works only with the system theme. ![изображение](https://github.com/user-attachments/assets/632c972f-b48a-4ca6-8c69-28859e34485b) - `browser.theme.windows.accent-color-in-tabs.enabled` @@ -98,7 +98,6 @@ Requires Linux with transparency support. Works only with the system theme. - `userChrome.Linux.Transparency.Medium.Enabled` - `userChrome.Linux.Transparency.High.Enabled` - `userChrome.Linux.Transparency.VeryHigh.Enabled` -- `browser.tabs.inTitlebar` > `1` (Required key) ### Toolbar Transparency Works only with the system theme. @@ -609,7 +608,7 @@ Open `userChrome.css` and paste your code under the appropriate comment. Your co
- How to enable Mica on Windows 11? + How to enable MicaAlt / Transparency on Windows 11? - `widget.windows.mica` From 5ab6c4fbc1843db27f0f07db23cb852e7e1cbd1d Mon Sep 17 00:00:00 2001 From: QNetITQ <85301851+QNetITQ@users.noreply.github.com> Date: Wed, 1 Jan 2025 16:27:26 +0300 Subject: [PATCH 89/89] Firefox 134 / WaveFox v1.8.134 --- chrome/userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 63d40d49..18e9e9a6 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -1,4 +1,4 @@ -@layer BasicPriority, HighPriority, VeryHighPriority; +@layer BasicPriority, HighPriority, VeryHighPriority; /* ---------- Horizontal Tabs ---------- */