Started updating the UI

.gluon/patchCount

@@ -1 +1 @@
-0
+3

configs/common/mozconfig

@@ -20,5 +20,5 @@ export MOZ_DISTRIBUTION_ID=${appId}
 # Misc
 export MOZ_STUB_INSTALLER=1
 export MOZ_INCLUDE_SOURCE_INFO=1
-export MOZ_SOURCE_REPO=https://github.com/dothq/browser-desktop
+export MOZ_SOURCE_REPO=https://github.com/zen-browser/desktop
 export MOZ_SOURCE_CHANGESET=${changeset}

src/README.md

@@ -1 +0,0 @@
-# Melon build tool

src/toolkit/content/xul-css.patch

@@ -0,0 +1,13 @@
+diff --git a/toolkit/content/xul.css b/toolkit/content/xul.css
+index e8635d4525351cedb25bd6af280e10f3839d3b63..be92c08c5657123ff106d85536c2228c9ced9e25 100644
+--- a/toolkit/content/xul.css
++++ b/toolkit/content/xul.css
+@@ -12,6 +12,8 @@
+  * browser.css.
+  */
+ 
++@import url("chrome://global/content/zen-xul.css");
++
+ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
+ @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
+ 

src/toolkit/content/zen-xul.css

@@ -0,0 +1,16 @@
+
+hbox#browser {
+  background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color));
+}
+
+#nav-bar {
+  
+}
+/*
+  THIS SHOULD BE JOINED WITH #nav-bar! TODOOOOOO!
+*/
+#tabbrowser-tabpanels browser[type="content"][primary] {
+  border-radius: 7px;
+  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  margin: 10px;
+}

src/toolkit/themes/shared/desktop-jar-inc-mn.patch

@@ -0,0 +1,9 @@
+diff --git a/toolkit/themes/shared/desktop-jar.inc.mn b/toolkit/themes/shared/desktop-jar.inc.mn
+index 6f504132c2459a0a476a7a440beef6794d52097e..3638ec92cc631841c8adebe4c842c9761a2bd6a9 100644
+--- a/toolkit/themes/shared/desktop-jar.inc.mn
++++ b/toolkit/themes/shared/desktop-jar.inc.mn
+@@ -151,3 +151,4 @@
+   skin/classic/global/reader/RM-Content-Width-Plus-44x16.svg           (../../shared/reader/RM-Content-Width-Plus-44x16.svg)
+   skin/classic/global/reader/RM-Line-Height-Minus-38x14.svg            (../../shared/reader/RM-Line-Height-Minus-38x14.svg)
+   skin/classic/global/reader/RM-Line-Height-Plus-38x24.svg             (../../shared/reader/RM-Line-Height-Plus-38x24.svg)
++  skin/classic/global/in-content/zen-common-shared.css               (../../shared/in-content/zen-common-shared.css)

src/toolkit/themes/shared/in-content/common-shared-css.patch

@@ -0,0 +1,13 @@
+diff --git a/toolkit/themes/shared/in-content/common-shared.css b/toolkit/themes/shared/in-content/common-shared.css
+index d123d3c3b01addc4373abc58834b1c27af818faa..534ad607939998e34e489915e51827cdba325d4f 100644
+--- a/toolkit/themes/shared/in-content/common-shared.css
++++ b/toolkit/themes/shared/in-content/common-shared.css
+@@ -5,6 +5,8 @@
+ @import url("chrome://global/skin/design-system/tokens-brand.css");
+ @import url("chrome://global/skin/design-system/text-and-typography.css");
+ 
++@import url("chrome://global/skin/in-content/zen-common-shared.css");
++
+ @namespace html "http://www.w3.org/1999/xhtml";
+ @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+ 

src/toolkit/themes/shared/in-content/zen-common-shared.css

@@ -0,0 +1,23 @@
+:host(:is(.anonymous-content-host, notification-message)),
+:root {
+  --in-content-primary-button-background: #000 !important;           
+  --in-content-primary-button-background-hover: #181818 !important;
+  --in-content-primary-button-background-active: #313131 !important;
+  --in-content-primary-button-border-color: transparent !important;
+  --in-content-primary-button-border-hover: transparent !important;
+  --in-content-primary-button-border-active: transparent !important;
+}
+
+@media (prefers-color-scheme: dark) {
+  :host(:is(.anonymous-content-host, notification-message)),
+  :root {
+    --in-content-primary-button-background: #fff !important;             
+    --in-content-primary-button-background-hover: #f5f5f5 !important;
+    --in-content-primary-button-background-active: #e0e0e0 !important;
+    --in-content-primary-button-border-color: transparent !important;
+    --in-content-primary-button-border-hover: transparent !important;
+    --in-content-primary-button-border-active: transparent !important;
+    --in-content-primary-button-text-color: #000 !important;
+    --in-content-primary-button-text-color-hover: #000 !important;
+  }
+}