diff --git a/src/browser/base/content/ZenUIManager.mjs b/src/browser/base/content/ZenUIManager.mjs
index 6b4226e74c..c06e31ea25 100644
--- a/src/browser/base/content/ZenUIManager.mjs
+++ b/src/browser/base/content/ZenUIManager.mjs
@@ -265,6 +265,14 @@ var gZenUIManager = {
get panelUIPosition() {
return gZenVerticalTabsManager._hasSetSingleToolbar ? 'bottomleft topleft' : 'bottomright topright';
},
+
+ openSettingsWindow() {
+ window.openDialog(
+ 'chrome://browser/content/zen-components/windows/zen-settings.xhtml',
+ '_blank',
+ 'centerscreen,chrome,dialog=no,resizable=no,titlebar'
+ );
+ },
};
var gZenVerticalTabsManager = {
diff --git a/src/browser/base/content/zen-assets.jar.inc.mn b/src/browser/base/content/zen-assets.jar.inc.mn
index 3e5d5e1b04..ef734062b2 100644
--- a/src/browser/base/content/zen-assets.jar.inc.mn
+++ b/src/browser/base/content/zen-assets.jar.inc.mn
@@ -52,6 +52,8 @@
content/browser/zen-styles/zen-welcome.css (content/zen-styles/zen-welcome.css)
content/browser/zen-styles/zen-media-controls.css (content/zen-styles/zen-media-controls.css)
+ content/browser/zen-styles/windows/zen-settings.css (content/zen-styles/windows/zen-settings.css)
+
content/browser/zen-styles/zen-panels/bookmarks.css (content/zen-styles/zen-panels/bookmarks.css)
content/browser/zen-styles/zen-panels/extensions.css (content/zen-styles/zen-panels/extensions.css)
content/browser/zen-styles/zen-panels/print.css (content/zen-styles/zen-panels/print.css)
@@ -81,3 +83,6 @@
# JS Vendor
content/browser/zen-vendor/tsparticles.confetti.bundle.min.js (content/zen-vendor/tsparticles.confetti.bundle.min.js)
content/browser/zen-vendor/motion.min.mjs (content/zen-vendor/motion.min.mjs)
+
+ # Windows
+ content/browser/zen-components/windows/zen-settings.xhtml (zen-components/windows/zen-settings.xhtml)
diff --git a/src/browser/base/content/zen-styles/windows/zen-settings.css b/src/browser/base/content/zen-styles/windows/zen-settings.css
new file mode 100644
index 0000000000..442abb8397
--- /dev/null
+++ b/src/browser/base/content/zen-styles/windows/zen-settings.css
@@ -0,0 +1,49 @@
+@namespace html 'http://www.w3.org/1999/xhtml';
+@namespace xul 'http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul';
+
+* {
+ margin: 0;
+ box-sizing: border-box;
+}
+
+:root {
+ font: message-box;
+}
+
+body {
+ width: 100%;
+}
+
+#main-content {
+ background: var(--zen-themed-toolbar-bg-transparent);
+ @supports (-moz-osx-font-smoothing: auto) {
+ appearance: -moz-window-titlebar;
+ }
+
+ user-select: none;
+ touch-action: none;
+ pointer-events: auto;
+
+ width: 100%;
+ height: 100%;
+
+ overflow-x: hidden;
+ overflow-y: auto;
+
+ gap: 2rem;
+ padding: 1rem;
+}
+
+.section {
+ width: 100%;
+ position: relative;
+ gap: 0.6rem;
+
+ .section-content {
+ width: 100%;
+ background: var(--zen-toolbar-element-bg);
+ border-radius: 6px;
+ padding: 1em;
+ font-size: 1.1em;
+ }
+}
diff --git a/src/browser/base/zen-components/windows/zen-settings.xhtml b/src/browser/base/zen-components/windows/zen-settings.xhtml
new file mode 100644
index 0000000000..07269e05a2
--- /dev/null
+++ b/src/browser/base/zen-components/windows/zen-settings.xhtml
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ test
+
+
+
+
+
+ test
+
+
+
+
+