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);