Skip to content

Commit 0c7a3ac

Browse files
authored
Merge pull request #256 from QNetITQ/WaveFox-Nightly
WaveFox v1.8.140
2 parents 07ea9bf + 296cfcd commit 0c7a3ac

13 files changed

Lines changed: 617 additions & 228 deletions

README.md

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,10 @@
77
[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)
88

99
<details>
10-
<summary>WaveFox v1.8.139</summary>
10+
<summary>WaveFox v1.8.140 ESR</summary>
1111

1212
- ##### Minimum Requirements
13-
- Firefox 139
13+
- Firefox 140 ESR
1414
- Windows / MacOS / Linux
1515

1616
- Download the `chrome` folder and put it in your user profile folder
@@ -80,13 +80,13 @@
8080

8181
- `WaveFox.Tabs.Shape` > 12
8282

83-
### Windows 10 Transparency
83+
### Windows 10 Transparency (Horizontal and Vertical tabs)
8484
Install [DWMBlurGlass](https://github.com/Maplespe/DWMBlurGlass). Configure to your liking and activate the keys below. Works only with the system theme.
8585
![изображение](https://github.com/user-attachments/assets/632c972f-b48a-4ca6-8c69-28859e34485b)
8686

8787
- `WaveFox.Windows10.Transparency.Enabled` and `browser.tabs.inTitlebar > 1`
8888

89-
### Linux Transparency
89+
### Linux Transparency (Horizontal and Vertical tabs)
9090
Requires Linux with transparency support. Works only with the system theme.
9191

9292
![Снимок5](https://github.com/QNetITQ/WaveFox/assets/85301851/3b4dcfc8-217d-48a1-aba7-1621f9375f67)
@@ -119,13 +119,15 @@ Works only with System / Light / Dark theme.
119119

120120
- `WaveFox.Tabs.Background.Inactive.Enabled`
121121

122-
### Lepton Icons (Menu icons)
123-
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.
122+
### Icons (firefox-csshacks / Lepton) / (Horizontal and Vertical tabs)
123+
This is third-party code. I will update this code according to the original source.
124124

125125
![изображение](https://user-images.githubusercontent.com/85301851/151192118-0cbdb5a7-a77f-4275-8841-2ac321657c86.png)
126126

127127
- `svg.context-properties.content.enabled` (Required key)
128-
- `WaveFox.LeptonIcons.Enabled` (Required key)
128+
- `WaveFox.Icons` > 1 or 2 (Required key)
129+
130+
The keys below are relevant only for the second option.
129131
- `userChrome.icon.panel_full` or `userChrome.icon.panel_photon`
130132
- `userChrome.icon.library`
131133
- `userChrome.icon.panel`
@@ -161,16 +163,17 @@ This is third-party code. I will update this code according to the original sour
161163

162164
- `WaveFox.OneLine` > 1 or 2
163165

164-
### Floating Web Page
166+
### Floating Web Page (Horizontal and Vertical tabs)
165167
![изображение](https://github.com/user-attachments/assets/26a19f9a-642b-4a10-a4f9-80d87cc42bdc)
166168

167169
- `WaveFox.WebPage.Floating.Enabled`
168170

169-
### Transparent Web Page (Experimentally)
171+
### Transparent Web Page (Experimentally) (Horizontal and Vertical tabs)
170172
Works only with system theme. Requires transparency support from the operating system. The quality of this option depends heavily on the specific website.
171173
![изображение](https://github.com/user-attachments/assets/99afc380-027a-46b3-b0d6-5cdf3c55a33e)
172174

173-
- `WaveFox.WebPage.Transparency` > 1 or 2 and `browser.tabs.allow_transparent_browser` (1 - Browser windows only / 2 - Browser windows and all websites)
175+
- `WaveFox.WebPage.Transparency` > 1 or 2 and `browser.tabs.allow_transparent_browser` (1 - New tab page only / 2 - All browser windows and all websites)
176+
- `WaveFox.WebPage.Background.Saturation` > 1 or 2 or 3
174177

175178
</details>
176179

Lines changed: 211 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,211 @@
1+
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/iconized_content_context_menu.css made available under Mozilla Public License v. 2.0
2+
See the above repository for updates as well as full license text. */
3+
4+
/* Adds icons to menuitems in web content area context menu.
5+
* Note that this won't work if you have native context menus,
6+
* such as ones used on MacOS */
7+
8+
:where(#contentAreaContextMenu > menu:not(.menu-iconic))::before,
9+
:where(#contentAreaContextMenu > menuitem:not(.menuitem-iconic))::before{
10+
display: flex;
11+
padding-inline-end: 8px;
12+
padding-top: 2px;
13+
width: 16px;
14+
height: 16px;
15+
align-items: center;
16+
justify-content: center;
17+
content: url("chrome://browser/skin/tab.svg");
18+
-moz-context-properties: fill;
19+
fill: currentColor;
20+
}
21+
:where(#contentAreaContextMenu > menu),
22+
:where(#contentAreaContextMenu > menuitem){
23+
padding-inline-start: 1em !important;
24+
}
25+
#contentAreaContextMenu > menuitem[type="checkbox"]::before{
26+
content: url("chrome://devtools/skin/images/checkbox.svg");
27+
}
28+
#contentAreaContextMenu > menuitem[type="checkbox"] > :is(.menu-iconic-left,.menu-icon){
29+
display: none;
30+
}
31+
#contentAreaContextMenu > menuitem[type="checkbox"][_moz-menuactive]::before,
32+
#contentAreaContextMenu > menuitem[type="checkbox"][checked="true"]::before{
33+
background: no-repeat center left url("chrome://global/skin/icons/check.svg");
34+
}
35+
#contentAreaContextMenu > :is(.menu-iconic,.menuitem-iconic)::before{
36+
content: none;
37+
}
38+
:where(#context-sep-navigation) ~ menuitem::before{
39+
content: url("chrome://devtools/skin/images/tool-dom.svg");
40+
}
41+
:where(#context-sep-viewsource-commands) ~ menuitem::before{
42+
content: url("chrome://browser/skin/translations.svg");
43+
}
44+
:where(#spell-suggestions-separator) ~ menuitem::before{
45+
content: url("chrome://browser/skin/new-tab.svg");
46+
}
47+
:where(#context-sep-open) ~ menuitem::before{
48+
content: url("chrome://browser/skin/bookmark-star-on-tray.svg");
49+
}
50+
:where(#context-savelinktopocket) ~ menuitem::before{
51+
content: url("chrome://global/skin/icons/edit-copy.svg");
52+
}
53+
:where(#context-sep-copylink) ~ menuitem::before{
54+
content: url("chrome://devtools/skin/images/play.svg");
55+
}
56+
:where(#context-media-sep-commands) ~ menuitem::before{
57+
content: url("chrome://browser/skin/canvas.svg");
58+
}
59+
:where(#context-sep-sharing) ~ menuitem::before{
60+
content: url("chrome://browser/skin/login.svg");
61+
}
62+
:where(#passwordmgr-items-separator) ~ menuitem::before{
63+
content: url("chrome://global/skin/icons/edit.svg");
64+
}
65+
:where(#context-sep-screenshots) ~ menuitem::before{
66+
content: url("chrome://global/skin/icons/search-glass.svg");
67+
}
68+
/* Individual items below */
69+
#context-openlink::before{
70+
content: url("chrome://browser/skin/window.svg");
71+
}
72+
#context-openlinkprivate::before{
73+
content: url("chrome://browser/skin/privateBrowsing.svg");
74+
}
75+
#context-savelinktopocket::before{
76+
content: url("chrome://global/skin/icons/pocket-outline.svg");
77+
}
78+
#context-copylink::before,
79+
#context-stripOnShareLink::before,
80+
#context-copyaudiourl::before,
81+
#context-copyvideourl::before{
82+
content: url("chrome://global/skin/icons/link.svg");
83+
}
84+
#context-saveaudio::before,
85+
#context-saveimage::before,
86+
#context-savelink::before,
87+
#context-savevideo::before,
88+
#context-savepage::before{
89+
content: url("chrome://browser/skin/save.svg");
90+
}
91+
#context-pocket::before{
92+
content: url("chrome://global/skin/icons/pocket.svg");
93+
}
94+
#contentAreaContextMenu > #fill-login::before{
95+
content: url("chrome://browser/skin/login.svg");
96+
}
97+
#use-relay-mask::before{
98+
content: url("chrome://browser/skin/preferences/relay-logo.svg");
99+
transform: scale(0.85);
100+
}
101+
#context-copy::before,
102+
#context-pdfjs-copy::before{
103+
content: url("chrome://global/skin/icons/edit-copy.svg");
104+
}
105+
#context-cut::before,
106+
#context-pdfjs-cut::before{
107+
content: url("chrome://browser/skin/edit-cut.svg");
108+
}
109+
#context-paste-no-formatting::before,
110+
#context-paste::before,
111+
#context-pdfjs-paste::before{
112+
content: url("chrome://browser/skin/edit-paste.svg");
113+
}
114+
#context-delete::before,
115+
#context-pdfjs-delete::before{
116+
content: url("chrome://global/skin/icons/delete.svg");
117+
}
118+
#context-video-saveimage::before,
119+
#context-take-screenshot::before{
120+
content: url("chrome://devtools/skin/images/command-screenshot.svg");
121+
}
122+
#context-sendpagetodevice::before,
123+
#context-sendlinktodevice::before{
124+
content: url("chrome://browser/skin/synced-tabs.svg");
125+
}
126+
#context-media-play::before{
127+
content: url("chrome://devtools/skin/images/play.svg");
128+
}
129+
#context-media-pause::before{
130+
content: url("chrome://devtools/skin/images/pause.svg");
131+
}
132+
#context-media-mute::before{
133+
content: url("chrome://global/skin/media/audio-muted.svg");
134+
transform: scale(0.85);
135+
}
136+
#context-media-unmute::before{
137+
content: url("chrome://global/skin/media/audio.svg");
138+
transform: scale(0.85);
139+
}
140+
#context-media-hidecontrols::before,
141+
#context-media-showcontrols::before{
142+
content: url("chrome://devtools/skin/images/dock-bottom.svg");
143+
}
144+
#context-media-loop::before{
145+
content: url("chrome://browser/skin/notification-icons/autoplay-media.svg");
146+
}
147+
#context-leave-dom-fullscreen::before{
148+
content: url("chrome://browser/skin/fullscreen-exit.svg");
149+
}
150+
#context-video-fullscreen::before{
151+
content: url("chrome://browser/skin/fullscreen.svg");
152+
}
153+
#context-video-pictureinpicture::before{
154+
content: url("chrome://global/skin/media/picture-in-picture-open.svg");
155+
}
156+
#context-media-playbackrate::before{
157+
content: url("chrome://global/skin/icons/performance.svg");
158+
}
159+
#context-sendimage::before,
160+
#context-sendvideo::before,
161+
#context-sendaudio::before{
162+
content: url("chrome://browser/skin/mail.svg");
163+
}
164+
#context-undo::before,
165+
#context-pdfjs-undo::before,
166+
#context-redo::before,
167+
#context-pdfjs-redo::before{
168+
content: url("chrome://global/skin/icons/undo.svg");
169+
}
170+
#context-redo::before,
171+
#context-pdfjs-redo::before{
172+
transform-box: content-box;
173+
transform: scaleX(-1);
174+
}
175+
#context-selectall::before,
176+
#context-pdfjs-selectall::before,
177+
#context-pdfjs-highlight-selection::before{
178+
content: url("chrome://global/skin/reader/character-spacing-20.svg");
179+
transform: scale(0.85);
180+
}
181+
#context-reveal-password::before{
182+
-moz-context-properties: fill,stroke;
183+
stroke: currentColor;
184+
content: url("chrome://devtools/skin/images/eye-opened.svg");
185+
}
186+
#context-print-selection::before{
187+
content: url("chrome://global/skin/icons/print.svg");
188+
}
189+
#context-translate-selection::before,
190+
#spell-check-enabled::before,
191+
#spell-add-dictionaries-main::before,
192+
#spell-dictionaries::before{
193+
content: url("chrome://browser/skin/translations.svg");
194+
}
195+
#context-ask-chat::before{
196+
content: url("chrome://global/skin/icons/highlights.svg");
197+
}
198+
#context-bidi-text-direction-toggle::before,
199+
#context-bidi-page-direction-toggle::before{
200+
content: url("chrome://devtools/skin/images/command-bidi.svg");
201+
}
202+
#context-viewpartialsource-selection::before,
203+
#context-viewsource::before{
204+
content: url("chrome://browser/skin/characterEncoding.svg");
205+
}
206+
#context-inspect-a11y::before{
207+
content: url("chrome://devtools/skin/images/accessibility.svg");
208+
}
209+
#context-inspect::before{
210+
content: url("chrome://devtools/skin/images/open-inspector.svg");
211+
}
Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/iconized_main_menu.css made available under Mozilla Public License v. 2.0
2+
See the above repository for updates as well as full license text. */
3+
4+
/* Adds icons to main menu items which were removed in Proton */
5+
#appMenu-zoom-controls::before,
6+
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
7+
#appMenu-protonMainView > .panel-subview-body > toolbarbutton > image,
8+
#appMenu-mainView > .panel-subview-body > .subviewbutton > .toolbarbutton-icon{
9+
fill: currentColor;
10+
-moz-context-properties: fill;
11+
margin-inline: 0 8px !important;
12+
}
13+
#appMenu-zoom-controls::before,
14+
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before{
15+
display: flex;
16+
content: "";
17+
width: 16px;
18+
height: 16px;
19+
}
20+
#appMenu-new-tab-button2{ list-style-image: url("chrome://browser/skin/new-tab.svg") }
21+
#appMenu-new-window-button2{ list-style-image: url("chrome://browser/skin/window.svg") }
22+
#appMenu-new-private-window-button2{ list-style-image: url("chrome://browser/skin/privateBrowsing.svg") }
23+
#appMenu-bookmarks-button{ list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") }
24+
#appMenu-history-button{ list-style-image: url("chrome://browser/skin/history.svg") }
25+
#appMenu-downloads-button{ list-style-image: url("chrome://browser/skin/downloads/downloads.svg") }
26+
#appMenu-passwords-button{ list-style-image: url("chrome://browser/skin/login.svg") }
27+
#appMenu-extensions-themes-button{ list-style-image: url("chrome://mozapps/skin/extensions/extension.svg") }
28+
#appMenu-print-button2{ list-style-image: url("chrome://global/skin/icons/print.svg") }
29+
#appMenu-save-file-button2{ list-style-image: url("chrome://browser/skin/save.svg") }
30+
#appMenu-find-button2{ list-style-image: url("chrome://global/skin/icons/search-glass.svg") }
31+
#appMenu-settings-button{ list-style-image: url("chrome://global/skin/icons/settings.svg") }
32+
#appMenu-more-button2{ list-style-image: url("chrome://global/skin/icons/developer.svg") }
33+
#appMenu-report-broken-site-button{ list-style-image: url("chrome://global/skin/icons/warning.svg") }
34+
#appMenu-help-button2{ list-style-image: url("chrome://global/skin/icons/info.svg") }
35+
#appMenu-quit-button2{ list-style-image: url("chrome://devtools/skin/images/search-clear.svg") }
36+
#appMenu-translate-button{ list-style-image: url("chrome://browser/skin/translations.svg") }
37+
#appMenu-zoom-controls::before{ background-image: url("chrome://browser/skin/fullscreen.svg") }
38+
/* Use account-button icon for signed in sync item */
39+
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before{ background-image: var(--avatar-image-url) }
40+
/* Add somewhat hacky separator to zoom controls so it looks consistent */
41+
#appMenu-protonMainView > .panel-subview-body::after,
42+
#appMenu-mainView > .panel-subview-body::after{
43+
content: "";
44+
display: flex;
45+
border-bottom: 1px solid var(--panel-separator-color);
46+
margin: var(--panel-separator-margin);
47+
}
48+
#appMenu-translate-button ~ *{
49+
order: 2;
50+
}

0 commit comments

Comments
 (0)