Skip to content

Commit 57fa6ed

Browse files
QNetITQQNetITQ
authored
Merge pull request #271 from QNetITQ/WaveFox-Nightly
WaveFox v1.8.145
2 parents d22758a + 67b84ba commit 57fa6ed

File tree

11 files changed

+121
-139
lines changed

11 files changed

+121
-139
lines changed

‎README.md‎

Lines changed: 8 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,10 @@
99
[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)
1010

1111
<details>
12-
<summary>WaveFox v1.8.144</summary>
12+
<summary>WaveFox v1.8.145</summary>
1313

1414
- ##### Minimum Requirements
15-
- Firefox 144
15+
- Firefox 145
1616
- Windows / MacOS / Linux
1717

1818
- Download the `chrome` folder and put it in your user profile folder
@@ -22,26 +22,6 @@
2222

2323
### Tab Shapes
2424

25-
##### Shape 1
26-
![изображение](https://github.com/user-attachments/assets/98d808c0-de87-4328-bd19-c885060adaec)
27-
28-
- `WaveFox.Tabs.Shape` > 1
29-
30-
##### Shape 2
31-
![изображение](https://github.com/user-attachments/assets/15244c8d-e073-47f7-a84c-500bcf1f056d)
32-
33-
- `WaveFox.Tabs.Shape` > 2
34-
35-
##### Shape 3
36-
![изображение](https://github.com/user-attachments/assets/ec6f06df-5f83-4408-8f39-8480cff5ca8b)
37-
38-
- `WaveFox.Tabs.Shape` > 3
39-
40-
##### Shape 4
41-
![изображение](https://github.com/user-attachments/assets/112843be-7182-4a48-bc04-0f9211ddf7c7)
42-
43-
- `WaveFox.Tabs.Shape` > 4
44-
4525
##### Shape 5
4626
![изображение](https://github.com/user-attachments/assets/cd6fb4a9-8cc7-4fd1-9f26-9acef5a4a121)
4727

@@ -101,6 +81,12 @@ Works only with the system theme.
10181

10282
- `WaveFox.Toolbar.Transparency` > 1 or 2 or 3 or 4 and `browser.tabs.inTitlebar > 1`
10383

84+
### Toolbar Roundings (Horizontal and Vertical tabs)
85+
Ability to control the rounding of browser bar elements.
86+
<img width="1778" height="120" alt="изображение" src="https://github.com/user-attachments/assets/ec10f079-fabc-4bdf-bfa5-ccd3125d5792" />
87+
88+
- `WaveFox.Toolbar.Roundings` > 1 or 2
89+
10490
### Tab Bar Shadows
10591
Works only with System / Light / Dark theme.
10692
![изображение](https://user-images.githubusercontent.com/85301851/152011749-4d5619b3-0fd8-40f9-a3dc-96be31839971.png)

chrome/modules/vertical_tabs/wavefox_main_window.css renamed to chrome/modules/general_styles/wavefox_main_window.css

File renamed without changes.

‎chrome/modules/general_styles/wavefox_toolbar.css‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
/* Roundings */
2+
3+
@media -moz-pref("WaveFox.Toolbar.Roundings", 1)
4+
{
5+
:root
6+
{
7+
--border-radius-medium: 4px !important;
8+
--arrowpanel-border-radius: 4px !important;
9+
--arrowpanel-menuitem-border-radius: 4px !important;
10+
}
11+
}
12+
13+
@media -moz-pref("WaveFox.Toolbar.Roundings", 2)
14+
{
15+
:root
16+
{
17+
--border-radius-medium: 12px !important;
18+
--arrowpanel-border-radius: 12px !important;
19+
--arrowpanel-menuitem-border-radius: 12px !important;
20+
}
21+
}

‎chrome/modules/general_styles/wavefox_transparency_on_windows11.css‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
1-
@media -moz-pref("widget.windows.mica", true) and
1+
@media -moz-pref("widget.windows.mica") and
22
-moz-pref("extensions.activeThemeID", 'default-theme@mozilla.org') and
3-
(-moz-pref("browser.tabs.inTitlebar", 1) or -moz-pref("browser.tabs.inTitlebar", 2))
3+
(not -moz-pref("browser.tabs.inTitlebar", 0))
44
{
55
:root
66
{
7-
background-color: transparent !important;
87
--toolbar-bgcolor: light-dark(#f9f9fb, rgb(43, 42, 51)) !important;
98
}
109
}

‎chrome/modules/horizontal_tabs/wavefox_one_line.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@
6464
width: fit-content !important;
6565
border: none !important;
6666
align-self: end !important;
67-
border-radius: var(--wavefox-tab-border-radius, 4px) !important;
67+
border-radius: var(--tab-border-radius) !important;
6868
margin: var(--tab-block-margin) !important;
6969
box-shadow: var(--wavefox-selected-tab-shadow, none) !important;
7070

‎chrome/modules/horizontal_tabs/wavefox_tab_separators.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -35,9 +35,9 @@
3535
inset-inline-start: calc(100% + var(--tab-overflow-clip-margin));
3636
}
3737

38-
.tabbrowser-tab:not([hidden]):is([selected], :hover, [multiselected], [dragover-createGroup]) .tab-stack::before,
39-
.tabbrowser-tab:not([hidden]):is([selected], :hover, [multiselected], [dragover-createGroup]) .tab-stack::after,
40-
.tabbrowser-tab:not([hidden]):has(+ .tabbrowser-tab[dragover-createGroup]) .tab-stack::after,
38+
.tabbrowser-tab:not([hidden]):is([selected], :hover, [multiselected], [dragover-groupTarget]) .tab-stack::before,
39+
.tabbrowser-tab:not([hidden]):is([selected], :hover, [multiselected], [dragover-groupTarget]) .tab-stack::after,
40+
.tabbrowser-tab:not([hidden]):has(+ .tabbrowser-tab[dragover-groupTarget]) .tab-stack::after,
4141
#tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:not([hidden]):has(+ .tabbrowser-tab:is([selected], :hover, [multiselected]):not([hidden])) .tab-stack::after,
4242
#tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:not([hidden]):has(+ .tabbrowser-tab[hidden] + .tabbrowser-tab:is([selected], :hover, [multiselected]):not([hidden])) .tab-stack::after
4343
{
@@ -86,7 +86,7 @@
8686
-moz-pref("WaveFox.Tabs.Shape", 12))
8787
{
8888
#pinned-tabs-container:not([overflowing]):has(.tabbrowser-tab) ~ #tabbrowser-arrowscrollbox:not([overflowing]) > .tabbrowser-tab:nth-child(1 of :not([hidden])) > .tab-stack::before,
89-
#pinned-tabs-container:not([overflowing]):has(~ #tabbrowser-arrowscrollbox:not([overflowing]) > .tabbrowser-tab:is([selected], :hover, [multiselected], [dragover-createGroup]):nth-child(1 of :not([hidden]))) > .tabbrowser-tab:last-child > .tab-stack::after
89+
#pinned-tabs-container:not([overflowing]):has(~ #tabbrowser-arrowscrollbox:not([overflowing]) > .tabbrowser-tab:is([selected], :hover, [multiselected], [dragover-groupTarget]):nth-child(1 of :not([hidden]))) > .tabbrowser-tab:last-child > .tab-stack::after
9090
{
9191
opacity: 0 !important;
9292
}

‎chrome/modules/horizontal_tabs/wavefox_tabs.css‎

Lines changed: 55 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,6 @@
6161

6262
.tab-background
6363
{
64-
border-radius: var(--wavefox-tab-border-radius, 4px) !important;
6564
box-shadow: none !important;
6665
}
6766

@@ -75,48 +74,6 @@
7574
}
7675
}
7776

78-
/* ---------------------------------------- Floating tabs ---------------------------------------- */
79-
80-
@media -moz-pref("WaveFox.Tabs.Shape", 1) or
81-
-moz-pref("WaveFox.Tabs.Shape", 2) or
82-
-moz-pref("WaveFox.Tabs.Shape", 3) or
83-
-moz-pref("WaveFox.Tabs.Shape", 4)
84-
{
85-
/* -------------------- Tab shapes -------------------- */
86-
87-
@media -moz-pref("WaveFox.Tabs.Shape", 1)
88-
{
89-
:root
90-
{
91-
--wavefox-tab-border-radius: 8px;
92-
}
93-
}
94-
95-
@media -moz-pref("WaveFox.Tabs.Shape", 2)
96-
{
97-
:root
98-
{
99-
--wavefox-tab-border-radius: 12px;
100-
}
101-
}
102-
103-
@media -moz-pref("WaveFox.Tabs.Shape", 3)
104-
{
105-
:root
106-
{
107-
--wavefox-tab-border-radius: 16px;
108-
}
109-
}
110-
111-
@media -moz-pref("WaveFox.Tabs.Shape", 4)
112-
{
113-
:root
114-
{
115-
--wavefox-tab-border-radius: 50px;
116-
}
117-
}
118-
}
119-
12077
/* ---------------------------------------- Attached tabs ---------------------------------------- */
12178

12279
@media -moz-pref("WaveFox.Tabs.Shape", 5) or
@@ -339,13 +296,6 @@
339296
}
340297
}
341298

342-
/*
343-
#tabbrowser-tabs[overflow] .tab-drop-indicator
344-
{
345-
inset-inline-start: var(--tab-first-last-inline-margin) !important;
346-
}
347-
*/
348-
349299
/* -------------------- Tab Icon Indicators -------------------- */
350300

351301
.tabbrowser-tab:is([image], [pinned]) .tab-content[attention]:not([selected]),
@@ -407,34 +357,69 @@
407357
}
408358

409359
/* ---------------------------------------- Tab Scroll Animation ---------------------------------------- */
410-
/*
411-
#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab
412-
{
413-
pointer-events: none !important;
414-
box-sizing: content-box !important;
415-
padding-inline: var(--tab-first-last-inline-margin) !important;
416-
margin-inline: calc(-1 * var(--tab-first-last-inline-margin)) !important;
417-
overflow-clip-margin: 0px !important;
418-
}
419360

420-
#tabbrowser-tabs[overflow]:not([movingtab]) tab-group[collapsed] > .tabbrowser-tab[visuallyselected]
361+
#tabbrowser-tabs:not([movingtab])
421362
{
422-
margin-inline: 0px !important;
363+
#pinned-tabs-container[overflowing],
364+
#tabbrowser-arrowscrollbox[overflowing]
365+
{
366+
.tabbrowser-tab
367+
{
368+
pointer-events: none !important;
369+
box-sizing: content-box !important;
370+
padding-inline: var(--tab-first-last-inline-margin) !important;
371+
margin-inline: calc(-1 * var(--tab-first-last-inline-margin)) !important;
372+
overflow-clip-margin: 0px !important;
373+
374+
&:nth-child(1 of .tabbrowser-tab:not([hidden]))
375+
{
376+
margin-inline-start: 0px !important;
377+
}
378+
379+
&:nth-last-child(1 of .tabbrowser-tab:not([hidden]))
380+
{
381+
margin-inline-end: 0px !important;
382+
}
383+
384+
.tab-stack
385+
{
386+
pointer-events: auto !important;
387+
}
388+
389+
tab-group[collapsed] > &[visuallyselected]
390+
{
391+
margin-inline: 0px !important;
392+
}
393+
}
394+
}
423395
}
424396

425-
#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab > .tab-stack
397+
/*
398+
.tabbrowser-tab[dragtarget][pinned]
426399
{
427-
pointer-events: auto !important;
400+
max-width: min-content !important;
401+
402+
~ .tabbrowser-tab[pinned]
403+
{
404+
inset-inline: 40px 0px !important;
405+
406+
}
428407
}
429-
430-
#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:nth-child(1 of .tabbrowser-tab:not([hidden]))
408+
409+
.tabbrowser-tab[dragtarget]:not([pinned])
431410
{
432-
margin-inline-start: 0px !important;
411+
max-width: min-content !important;
412+
413+
~ .tabbrowser-tab:not([pinned])
414+
{
415+
inset-inline: 76px 0px !important;
416+
417+
}
433418
}
419+
*/
434420

435-
#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden]))
421+
#tabbrowser-tabs[overflow] .tab-drop-indicator
436422
{
437-
margin-inline-end: 0px !important;
438-
}
439-
*/
423+
inset-inline-start: var(--tab-first-last-inline-margin) !important;
424+
}
440425
}

‎chrome/modules/horizontal_tabs/wavefox_tabs_background_inactive.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
--wavefox-tab-background-saturation-inactive: 16%;
1414
}
1515

16-
&:not([dragover-createGroup])
16+
&:not([dragover-groupTarget])
1717
{
1818
.tab-background
1919
{

‎chrome/modules/vertical_tabs/wavefox_browser_window.css‎

Lines changed: 0 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -17,20 +17,8 @@
1717
background-color: color-mix(in srgb, var(--toolbar-bgcolor) 75%, transparent) !important;
1818
background-image: none !important;
1919
color: var(--toolbar-color) !important;
20-
border: none !important;
2120
border-radius: 0px !important;
2221
background-clip: padding-box !important;
23-
24-
@media -moz-pref("sidebar.visibility", 'expand-on-hover')
25-
{
26-
:root[sidebar-expand-on-hover] &[sidebar-launcher-expanded],
27-
:root[sidebar-expand-on-hover] &[sidebar-ongoing-animations]:not([sidebar-launcher-expanded])
28-
{
29-
backdrop-filter: blur(8px) !important;
30-
box-shadow: var(--content-area-shadow) !important;
31-
outline: 1px solid var(--chrome-content-separator-color) !important;
32-
}
33-
}
3422
}
3523

3624
#sidebar-launcher-splitter,
@@ -91,16 +79,6 @@
9179
color: var(--toolbar-color) !important;
9280
border-radius: 0px !important;
9381
background-clip: padding-box !important;
94-
95-
@media -moz-pref("sidebar.visibility", 'expand-on-hover')
96-
{
97-
:root[sidebar-expand-on-hover] &[sidebar-launcher-expanded],
98-
:root[sidebar-expand-on-hover] &[sidebar-ongoing-animations]:not([sidebar-launcher-expanded])
99-
{
100-
backdrop-filter: blur(8px) !important;
101-
box-shadow: var(--content-area-shadow) !important;
102-
}
103-
}
10482
}
10583

10684
#sidebar-launcher-splitter,
@@ -170,19 +148,6 @@
170148
{
171149
border-radius: 0px !important;
172150
background-clip: padding-box !important;
173-
174-
@media -moz-pref("sidebar.visibility", 'expand-on-hover')
175-
{
176-
:root[sidebar-expand-on-hover] &[sidebar-launcher-expanded],
177-
:root[sidebar-expand-on-hover] &[sidebar-ongoing-animations]:not([sidebar-launcher-expanded])
178-
{
179-
background-color: color-mix(in srgb, var(--toolbar-bgcolor) 75%, transparent) !important;
180-
background-image: none !important;
181-
color: var(--toolbar-color) !important;
182-
backdrop-filter: blur(8px) !important;
183-
box-shadow: var(--content-area-shadow) !important;
184-
}
185-
}
186151
}
187152

188153
#sidebar-launcher-splitter,

‎chrome/modules/vertical_tabs/wavefox_tabs.css‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,28 @@
1+
/* Expand On Hover */
2+
3+
@media -moz-pref("sidebar.visibility", 'expand-on-hover')
4+
{
5+
:root[sidebar-expand-on-hover]
6+
{
7+
#browser
8+
{
9+
backdrop-filter: blur(0px) !important;
10+
11+
#sidebar-main[sidebar-launcher-expanded],
12+
#sidebar-main[sidebar-ongoing-animations]:not([sidebar-launcher-expanded])
13+
{
14+
background-color: color-mix(in srgb, var(--toolbar-bgcolor) 75%, transparent) !important;
15+
background-image: none !important;
16+
color: var(--toolbar-color) !important;
17+
backdrop-filter: blur(8px) !important;
18+
box-shadow: var(--content-area-shadow) !important;
19+
}
20+
}
21+
}
22+
}
23+
24+
/* Tabs */
25+
126
:root
227
{
328
--space-xsmall: 2px !important;

0 commit comments

Comments
 (0)