diff --git a/.github/workflows/src/alpha-build.sh b/.github/workflows/src/alpha-build.sh
index 3f272a20c..fe7b9fdfc 100644
--- a/.github/workflows/src/alpha-build.sh
+++ b/.github/workflows/src/alpha-build.sh
@@ -1,5 +1,6 @@
set -ex
+export ZEN_RELEASE=1
if command -v apt-get &> /dev/null
then
diff --git a/src/browser/app/profile/zen-browser.js b/src/browser/app/profile/zen-browser.js
index cdc244de7..4dfcf5152 100644
--- a/src/browser/app/profile/zen-browser.js
+++ b/src/browser/app/profile/zen-browser.js
@@ -64,6 +64,7 @@ pref('zen.welcomeScreen.seen', false);
pref('zen.tabs.vertical', true);
pref('zen.theme.accent-color', "#aac7ff");
pref('zen.theme.toolbar-themed', true);
+pref('zen.theme.pill-button', false);
pref('zen.view.compact', false);
pref('zen.view.sidebar-expanded', false);
pref('zen.view.sidebar-expanded.show-button', true);
diff --git a/src/browser/base/content/zenThemeModifier.js b/src/browser/base/content/zenThemeModifier.js
index f2b721516..964da2537 100644
--- a/src/browser/base/content/zenThemeModifier.js
+++ b/src/browser/base/content/zenThemeModifier.js
@@ -70,8 +70,6 @@ var ZenThemeModifier = {
updateExtraBrowserStyles() {
// If we are in the main browser window, we can add some extra styles.
if (!this._inMainBrowserWindow) return;
- document.documentElement.style.setProperty("--zen-appcontent-separator-from-window-single", "0px");
- document.documentElement.style.setProperty("--zen-appcontent-border-radius", "0px");
this._changeSidebarLocation();
},
@@ -178,7 +176,7 @@ var ZenThemeModifier = {
if (document.documentElement.hasAttribute("privatebrowsingmode")) {
avatarUrl = "chrome://global/skin/icons/indicator-private-browsing.svg";
}
- console.log("ZenThemeModifier: setting avatar image to", avatarUrl);
+ // console.log("ZenThemeModifier: setting avatar image to", avatarUrl);
mainWindowEl.style.setProperty("--zen-avatar-image-url", `url(${avatarUrl})`);
mainWindowEl.style.setProperty("--avatar-image-url", `var(--zen-avatar-image-url)`, "important");
},
diff --git a/src/browser/components/newtab/content-src/components/Search/_Search-scss.patch b/src/browser/components/newtab/content-src/components/Search/_Search-scss.patch
new file mode 100644
index 000000000..e60ef54ac
--- /dev/null
+++ b/src/browser/components/newtab/content-src/components/Search/_Search-scss.patch
@@ -0,0 +1,13 @@
+diff --git a/browser/components/newtab/content-src/components/Search/_Search.scss b/browser/components/newtab/content-src/components/Search/_Search.scss
+index 8ee4f7f13276c0aabcb1dd131307cbc6d0907fbf..dd3e22740cd4dcbb6a4b974165c3ccd1cd9cec70 100644
+--- a/browser/components/newtab/content-src/components/Search/_Search.scss
++++ b/browser/components/newtab/content-src/components/Search/_Search.scss
+@@ -17,6 +17,8 @@ $glyph-forward: url('chrome://browser/skin/forward.svg');
+ $logo-size: 82px;
+ $wordmark-size: 134px;
+
++ display: none;
++
+ align-items: center;
+ display: flex;
+ justify-content: center;
diff --git a/src/browser/components/preferences/zen-settings.js b/src/browser/components/preferences/zen-settings.js
index 7360efab5..c7cf100ae 100644
--- a/src/browser/components/preferences/zen-settings.js
+++ b/src/browser/components/preferences/zen-settings.js
@@ -83,5 +83,10 @@ Preferences.addAll([
id: "zen.view.sidebar-expanded",
type: "bool",
default: true,
+ },
+ {
+ id: "zen.theme.pill-button",
+ type: "bool",
+ default: true,
}
]);
diff --git a/src/browser/components/preferences/zenLooksAndFeel.inc.xhtml b/src/browser/components/preferences/zenLooksAndFeel.inc.xhtml
index 67c459122..769760c44 100644
--- a/src/browser/components/preferences/zenLooksAndFeel.inc.xhtml
+++ b/src/browser/components/preferences/zenLooksAndFeel.inc.xhtml
@@ -24,6 +24,13 @@
+
+
+
+
+
body {
}
:not([inDOMFullscreen="true"]) #appcontent {
- border-radius: var(--zen-appcontent-border-radius);
overflow: hidden;
- margin: var(--zen-appcontent-separator-from-window);
}
#appcontent {
diff --git a/src/toolkit/themes/shared/in-content/zen-common-shared-ui-override.css b/src/toolkit/themes/shared/in-content/zen-common-shared-ui-override.css
index d6fc1ce18..b5acf6efd 100644
--- a/src/toolkit/themes/shared/in-content/zen-common-shared-ui-override.css
+++ b/src/toolkit/themes/shared/in-content/zen-common-shared-ui-override.css
@@ -8,13 +8,13 @@
xul|button {
border-radius: var(--zen-button-border-radius) !important;
padding: var(--zen-button-padding) !important;
- transition: .2s;
+ transition: .1s;
min-width: 100px !important;
font-weight: 500 !important;
}
button:active {
- transform: scale(0.97);
+ transform: scale(0.95);
}
html|button:not(:is(
diff --git a/src/toolkit/themes/shared/in-content/zen-common-shared.css b/src/toolkit/themes/shared/in-content/zen-common-shared.css
index 45a0515da..74e8fbf67 100644
--- a/src/toolkit/themes/shared/in-content/zen-common-shared.css
+++ b/src/toolkit/themes/shared/in-content/zen-common-shared.css
@@ -74,7 +74,7 @@
--in-content-page-background: var(--zen-colors-tertiary) !important;
--zen-in-content-dialog-background: var(--zen-colors-tertiary);
- --zen-button-border-radius: 8px;
+ --zen-button-border-radius: 7px;
--zen-button-padding: .6rem 1.2rem;
/* Other colors */
@@ -82,8 +82,6 @@
--zen-input-border-color: light-dark(rgb(204, 204, 204), rgb(66, 65, 77)) !important;
--zen-browser-gradient-base: color-mix(in srgb, var(--zen-primary-color) 50%, white 50%);
-
- /* TODO: Support dark themes! */
}
@media (prefers-color-scheme: dark) {
@@ -112,3 +110,9 @@ window#commonDialogWindow {
background-color: var(--zen-in-content-dialog-background) !important;
}
+@media (-moz-bool-pref: "zen.theme.pill-button") {
+ :host(:is(.anonymous-content-host, notification-message)),
+ :root {
+ --zen-button-border-radius: 20px;
+ }
+}
diff --git a/src/toolkit/themes/shared/zen-global-shared.css b/src/toolkit/themes/shared/zen-global-shared.css
index 7edb62f75..363919df0 100644
--- a/src/toolkit/themes/shared/zen-global-shared.css
+++ b/src/toolkit/themes/shared/zen-global-shared.css
@@ -2,11 +2,11 @@
@import url("./in-content/zen-common-shared.css");
:root {
- --zen-panel-radius: 15px;
+ --zen-panel-radius: 9px;
--arrowpanel-background: var(--zen-dialog-background) !important;
--arrowpanel-border-color: var(--zen-dialog-border-color) !important;
- --arrowpanel-border-radius: 12px !important;
+ --arrowpanel-border-radius: var(--zen-panel-radius) !important;
&:-moz-lwtheme {
color: var(--lwt-text-color);