Started editing the new tab page

src/browser/components/newtab/README.md

@@ -0,0 +1,10 @@
+
+# Checkout this documentation to build new tab assets
+
+* [New Tab Documentation](https://firefox-source-docs.mozilla.org/browser/components/newtab/docs/index.html)
+* You also need `meow@9.0.0` (that's the one I tested) because other versions might not work.
+* To bundle the new tab, execute the following:
+
+```
+./mach npm run bundle --prefix=browser/components/newtab
+```

src/browser/components/newtab/content-src/components/CustomizeMenu/_CustomizeMenu-scss.patch

@@ -0,0 +1,11 @@
+diff --git a/browser/components/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss b/browser/components/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss
+index f534b8701b79fe3f0045c7b10f0db8ab5bbf5e8a..faf92fd8884b1f5d96a049ccdbd5e30ba2fca30a 100644
+--- a/browser/components/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss
++++ b/browser/components/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss
+@@ -242,3 +242,5 @@
+   outline: 0;
+   box-shadow: $shadow-focus;
+ }
++
++@import 'zenNewTabGlobals';
+\ No newline at end of file

src/browser/components/newtab/content-src/components/CustomizeMenu/_zenNewTabGlobals.scss

@@ -0,0 +1,6 @@
+
+.customize-menu[role="dialog"] {
+  margin: 10px;
+  border-radius: 7px;
+  height: -moz-fit-content;
+}

src/browser/components/zen-welcome/jar.mn

@@ -7,7 +7,3 @@ browser.jar:
   content/browser/zen-welcome/welcome.html        (welcome.html)
   content/browser/zen-welcome/welcome.css         (welcome.css)
   content/browser/zen-welcome/welcome.js          (welcome.js)
-  content/browser/zen-welcome/migrate.light.svg   (migrate.light.svg)
-  content/browser/zen-welcome/migrate.dark.svg    (migrate.dark.svg)
-  content/browser/zen-welcome/sidebar.vis.svg     (sidebar.vis.svg)
-  content/browser/zen-welcome/vertical.vis.svg    (vertical.vis.svg)

src/browser/themes/shared/zen-browser-shared.css

@@ -183,6 +183,7 @@ toolbarbutton#scrollbutton-up {
   border: 2px solid transparent;
   padding: 0 !important;
   align-items: center;
+  transition: .1s;
 }
 
 .tab-stack {