diff --git a/src/other/firefox/Monterey/colors/dark.css b/src/other/firefox/Monterey/colors/dark.css
new file mode 100644
index 0000000..c984b08
--- /dev/null
+++ b/src/other/firefox/Monterey/colors/dark.css
@@ -0,0 +1,131 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Variables that start with --gnome- are added by me and are assigned
+ * to elements somewhere in this code. The rest of the variables are
+ * built-in in Firefox, so you need to add an !important if you wanna
+ * override them. */
+
+@media (prefers-color-scheme: dark) {
+  :root {
+	/* Browser area before a page starts loading */
+	--gnome-browser-before-load-background: #333333;
+	--theme-primary-color: #315bef;
+
+	/* Toolbars */
+	--gnome-toolbar-background: #373737;
+	--gnome-tabstoolbar-background: #1e1e1e;
+	--gnome-findbar-background: #333333;
+	--gnome-toolbar-color: #ffffff;
+	--gnome-toolbar-border-color: #070707;
+	--gnome-inactive-toolbar-background: #313131;
+	--gnome-inactive-toolbar-border-color: #121212;
+
+	/* Sidebar */
+	--gnome-sidebar-background: #3b3b3b;
+	--gnome-inactive-sidebar-background: #3f3f3f;
+
+	/* Popups */
+	--gnome-menu-background: rgba(51, 51, 51, 0.95);
+	--gnome-menu-border-color: #070707;
+	--gnome-popover-background: rgba(51, 51, 51, 0.95);
+	--gnome-popover-border-color: #070707;
+	--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
+	--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
+	--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
+	--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
+
+	/* Header bar */
+	--gnome-headerbar-background: #373737;
+	--gnome-headerbar-border-color: #070707;
+	--gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
+	--gnome-inactive-headerbar-background: #313131;
+	--gnome-inactive-headerbar-border-color: #202020;
+	--gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+
+	/* Buttons */
+	--gnome-button-background: linear-gradient(to top, #636363 0%, #696969 100%);
+	--gnome-button-border-color: #282828;
+	--gnome-button-border-accent-color: #282828;
+	--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+	--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
+	--gnome-button-active-color: rgba(255, 255, 255, 0.2);
+	--gnome-button-hover-background: linear-gradient(to top, #707070 0%, #737373 100%);
+	--gnome-button-active-background: linear-gradient(to top, #464646 0%, #525252 100%);
+	--gnome-button-active-border-color: #1b1b1b;
+	--gnome-button-active-border-accent-color: #1b1b1b;
+	--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+	--gnome-button-disabled-background: #505050;
+	--gnome-button-disabled-border-color: #323232;
+	--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
+	--gnome-inactive-button-background: linear-gradient(#383838, #383838);
+	--gnome-inactive-button-border-color: #323232;
+	--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
+	--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
+	--gnome-button-suggested-action-border-color: #0f3b71;
+	--gnome-button-suggested-action-border-accent-color: #092444;;
+	--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+	--gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px);
+	--gnome-button-suggested-action-active-background: #103e75;
+	--gnome-button-suggested-action-active-border-color: #0f3b71;
+	--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+	--gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d);
+	--gnome-button-destructive-action-border-color: #851015;
+	--gnome-button-destructive-action-border-accent-color: #570b0e;
+	--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07);
+	--gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px);
+	--gnome-button-destructive-action-active-background: #8a1116;
+	--gnome-button-destructive-action-active-border-color: #851015;
+	--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+
+	--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
+	--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
+
+	/* URL bar */
+	--gnome-urlbar-background: #505050;
+	--gnome-urlbar-border-color: #282828;
+	--gnome-urlbar-box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0);
+	--gnome-urlbar-color: #ffffff;
+	--gnome-hover-urlbar-border-color: #585858;
+	--gnome-inactive-urlbar-background: #424242;
+	--gnome-inactive-urlbar-border-color: #282828;
+	--gnome-inactive-urlbar-box-shadow: none;
+	--gnome-inactive-urlbar-color: #d6d6d6;
+	--gnome-focused-urlbar-border-color: #338CBE;
+	--gnome-focused-urlbar-highlight-color: #006EA0;
+	--gnome-private-urlbar-background: #25003e;
+
+	/* Tabs */
+	--gnome-tabbar-tab-background: #404040;
+	--gnome-tabbar-tab-color: rgb(141, 144, 145);
+	--gnome-tabbar-tab-hover-background: #464646;
+	--gnome-tabbar-tab-hover-border-bottom-color: #1b1b1b;
+	--gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
+	--gnome-tabbar-tab-active-background: #505050;
+	--gnome-tabbar-tab-active-border-bottom-color: #15539e;
+	--gnome-tabbar-tab-active-color: #ffffff;
+	--gnome-tabbar-tab-active-hover-background: #525252;
+	--gnome-inactive-tabbar-tab-color: rgb(141, 144, 145);
+	--gnome-inactive-tabbar-tab-background: #383838;
+	--gnome-inactive-tabbar-tab-active-background: #424242;
+	--gnome-inactive-tabbar-tab-active-border-bottom-color: #15539e;
+	--gnome-inactive-tabbar-tab-active-color: rgb(141, 144, 145);
+
+	/* Switch */
+	--gnome-switch-background: #282828;
+	--gnome-switch-border-color: #1b1b1b;
+	--gnome-switch-slider-background: linear-gradient(to bottom, #3c3c3c 20%, #353535 90%);
+	--gnome-switch-slider-border-color: #111111;
+	--gnome-switch-slider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
+	--gnome-switch-active-background: #15539e;
+	--gnome-switch-active-border-color: #030c17;
+	--gnome-switch-active-slider-border-color: #030c17;
+
+	/* Dirty hacks for replaced symbolic icons, they load from
+	 * /usr/share/icons/<theme>/ and on some systems they need to be
+	 * inverted, on others they don't, adjusts the filters below to your
+	 * needs (you may also adjust icon brightness here). */
+	--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%);
+	--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */
+	--gnome-window-icons-hack-filter: invert(90%); /* without invert: none */
+  }
+}
diff --git a/src/other/firefox/Monterey/colors/light.css b/src/other/firefox/Monterey/colors/light.css
new file mode 100644
index 0000000..fb1028a
--- /dev/null
+++ b/src/other/firefox/Monterey/colors/light.css
@@ -0,0 +1,129 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* Variables that start with --gnome- are added by me and are assigned
+ * to elements somewhere in this code. The rest of the variables are
+ * built-in in Firefox, so you need to add an !important if you wanna
+ * override them. */
+
+:root {
+	/* Browser area before a page starts loading */
+	--gnome-browser-before-load-background: #f5f5f5;
+	--theme-primary-color: #315bef;
+
+	/* Toolbars */
+	--gnome-toolbar-background: #ffffff;
+	--gnome-tabstoolbar-background: #E5E5E5;
+	--gnome-findbar-background: #f5f5f5;
+	--gnome-toolbar-color: rgb(46, 52, 54);
+	--gnome-toolbar-border-color: #cfcfcf;
+	--gnome-inactive-toolbar-color: rgba(46, 52, 54, 0.35);
+	--gnome-inactive-toolbar-background: #f6f5f4;
+	--gnome-inactive-toolbar-border-color: #dadada;
+
+	/* Sidebar */
+	--gnome-sidebar-background: #f5f5f5;
+	--gnome-inactive-sidebar-background: #f9f9f8;
+
+	/* Popups */
+	--gnome-menu-background: rgba(255, 255, 255, 0.95);
+	--gnome-menu-border-color: #cdc7c2;
+	--gnome-popover-background: rgba(255, 255, 255, 0.95);
+	--gnome-popover-border-color: #cdc7c2;
+	--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
+	--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
+	--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
+	--gnome-popover-separator-color: rgba(0, 0, 0, 0.1);
+
+	/* Header bar */
+	--gnome-headerbar-background: #ffffff;
+	--gnome-headerbar-border-color: #bdb7b0;
+	--gnome-headerbar-box-shadow: 0 1px rgba(255, 255, 255, 0.65) inset;
+	--gnome-inactive-headerbar-background: #f5f5f5;
+	--gnome-inactive-headerbar-border-color: #dadada;
+	--gnome-inactive-headerbar-box-shadow: 0 1px #fff inset;
+
+	/* Buttons */
+	--gnome-button-background: linear-gradient(to top, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%);
+	--gnome-button-border-color: #cdc7c2;
+	--gnome-button-border-accent-color: #b2b2b1;
+	--gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.03);
+	--gnome-button-hover-color: rgba(0, 0, 0, 0.1);
+	--gnome-button-active-color: rgba(0, 0, 0, 0.2);
+	--gnome-button-hover-background: linear-gradient(to top, #fdfdfd 0%, #ffffff 100%);
+	--gnome-button-active-background: #cfcfcf;
+	--gnome-button-active-border-color: #b2b2b1;
+	--gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset;
+	--gnome-button-disabled-background: #faf9f8;
+	--gnome-button-disabled-border-color: #cdc7c2;
+	--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+	--gnome-inactive-button-background: #f6f5f4;
+	--gnome-inactive-button-border-color: #dadada;
+	--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
+	--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
+	--gnome-button-suggested-action-border-color: #1b6acb;
+	--gnome-button-suggested-action-border-accent-color: #15539e;
+	--gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
+	--gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px);
+	--gnome-button-suggested-action-active-background: #1961b9;
+	--gnome-button-suggested-action-active-border-color: #1b6acb;
+	--gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+	--gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24);
+	--gnome-button-destructive-action-border-color: #b2161d;
+	--gnome-button-destructive-action-border-accent-color: #851015;
+	--gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
+	--gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px);
+	--gnome-button-destructive-action-active-background: #a0131a;
+	--gnome-button-destructive-action-active-border-color: #b2161d;
+	--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+
+	--gnome-headerbar-button-hover-background: rgba(0, 0, 0, 0.1);
+	--gnome-headerbar-button-active-background: rgba(0, 0, 0, 0.15);
+
+	/* URL bar */
+	--gnome-urlbar-background: #e8e8e8;
+	--gnome-urlbar-border-color: #b6b6b6;
+	--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03);
+	--gnome-urlbar-color: #020202;
+	--gnome-hover-urlbar-border-color: #dddddd;
+	--gnome-inactive-urlbar-background: #eeeeee;
+	--gnome-inactive-urlbar-border-color: #dadada;
+	--gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
+	--gnome-inactive-urlbar-color: #323232;
+	--gnome-focused-urlbar-border-color: #5683DA;
+	--gnome-focused-urlbar-highlight-color: #6592E9;
+	--gnome-private-urlbar-background: #e6c2ff;
+
+	/* Tabs */
+	--gnome-tabbar-tab-background: #f5f5f5;
+	--gnome-tabbar-tab-color: rgb(141, 144, 145);
+	--gnome-tabbar-tab-hover-background: #f0f0f0;
+	--gnome-tabbar-tab-hover-border-bottom-color: #b6b6b3;
+	--gnome-tabbar-tab-hover-color: rgb(93, 98, 99);
+	--gnome-tabbar-tab-active-background: #e8e8e8;
+	--gnome-tabbar-tab-active-border-bottom-color: #4a90d9;
+	--gnome-tabbar-tab-active-color: rgb(46, 52, 54);
+	--gnome-tabbar-tab-active-hover-background: #f0f0f0;
+	--gnome-inactive-tabbar-tab-color: #8b8e8f;
+	--gnome-inactive-tabbar-tab-background: #f0f0f0;
+	--gnome-inactive-tabbar-tab-active-background: #eeeeee;
+	--gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color);
+	--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
+
+	/* Switch */
+	--gnome-switch-background: #e1dedb;
+	--gnome-switch-border-color: #cdc7c2;
+	--gnome-switch-slider-background: linear-gradient(to bottom, white 10%, white 90%);
+	--gnome-switch-slider-border-color: #bfb8b1;
+	--gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07);
+	--gnome-switch-active-background: #3584e4;
+	--gnome-switch-active-border-color: #185fb4;
+	--gnome-switch-active-slider-border-color: #185fb4;
+
+	/* Dirty hacks for replaced symbolic icons, they load from
+	 * /usr/share/icons/<theme>/ and on some systems they need to be
+	 * inverted, on others they don't, adjusts the filters below to your
+	 * needs (you may also adjust icon brightness here). */
+	--gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%);
+	--gnome-icons-hack-filter: none;
+	--gnome-window-icons-hack-filter: invert(30%);
+}
diff --git a/src/other/firefox/Monterey/icons b/src/other/firefox/Monterey/icons
new file mode 120000
index 0000000..5b3f5d4
--- /dev/null
+++ b/src/other/firefox/Monterey/icons
@@ -0,0 +1 @@
+../WhiteSur/icons
\ No newline at end of file
diff --git a/src/other/firefox/Monterey/parts/buttons-fixes.css b/src/other/firefox/Monterey/parts/buttons-fixes.css
new file mode 100644
index 0000000..2441724
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/buttons-fixes.css
@@ -0,0 +1,219 @@
+/* Buttons Issues/Glitches fixes */
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Fix hover background */
+.toolbarbutton-badge-stack:not(#hack), .toolbarbutton-icon:not(#hack), .toolbarbutton-text:not(#hack) {
+	background: transparent !important;
+}
+
+/* Fix button box */
+.panel-footer.panel-footer-menulike > button > .button-box {
+	display: -moz-box !important;
+}
+
+/* menulist */
+#label-box:not([native]) {
+	font-weight: 400 !important;
+}
+
+/* Overrides: Make the back button the same as other buttons */
+:root:not([uidensity=compact]) #back-button {
+	border-radius: var(--toolbarbutton-border-radius) !important;
+}
+:root:not([uidensity=compact]) #back-button > .toolbarbutton-icon {
+	background-color: unset !important;
+	border: unset !important;
+	width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
+	height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
+	padding: var(--toolbarbutton-inner-padding) !important;
+	border-radius: var(--toolbarbutton-border-radius);
+	box-shadow: none !important;
+}
+:root:not([uidensity=compact]) #back-button:not([disabled]):not([open]):hover > .toolbarbutton-icon {
+	background-color: var(--toolbarbutton-hover-background) !important;
+	box-shadow: unset;
+	border-color: unset;
+}
+:root:not([uidensity=compact]) #back-button[open] > .toolbarbutton-icon,
+:root:not([uidensity=compact]) #back-button:not([disabled]):hover:active > .toolbarbutton-icon {
+	background-color: var(--toolbarbutton-active-background) !important;
+	border-color: unset;
+}
+
+/* Remove the header bar buttons' hover styles */
+#nav-bar {
+	--toolbarbutton-active-background: transparent !important;
+	--toolbarbutton-hover-background: transparent !important;
+}
+
+/* Glitch customizing: Cut / Copy / Paste buttons' icons
+ * :not(#hack) is there just to elevate rule priority */
+:root[customizing] #nav-bar > hbox toolbaritem toolbarbutton image:not(#hack) {
+	opacity: 1 !important;
+}
+/* Glitch customizing: Reload and Cut / Copy / Paste buttons */
+:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button toolbarbutton,
+:root:-moz-window-inactive[customizing] #nav-bar #edit-controls toolbarbutton {
+	background-image: var(--gnome-inactive-button-background);
+	box-shadow: var(--gnome-inactive-button-box-shadow);
+}
+/* Glitch customizing: Reload and Cut / Copy / Paste buttons' icons */
+:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button image.toolbarbutton-icon,
+:root:-moz-window-inactive[customizing] #nav-bar #edit-controls image.toolbarbutton-icon {
+	opacity: .7 !important;
+}
+
+/* Glitch: Overflow and Burger buttons
+ * :not(#hack) is there just to elevate rule priority */
+:root[customizing] #nav-bar > toolbarbutton[disabled]:not(#hack),
+:root[customizing] #nav-bar > toolbaritem > toolbarbutton[disabled]:not(#hack) {
+	opacity: .5 !important;
+}
+/* Glitch: Overflow button's icon */
+:root[customizing] #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image {
+	fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
+}
+
+/* Bookmark buttons */
+#nav-bar toolbarbutton.bookmark-item {
+	width: auto !important;
+}
+#nav-bar toolbarbutton.bookmark-item .toolbarbutton-icon {
+	margin-left: 6px;
+}
+#nav-bar toolbarbutton.bookmark-item .toolbarbutton-text {
+	padding-right: 6px;
+}
+
+/* Remove Burger button's left separator */
+#PanelUI-button {
+	border: 0 !important;
+	margin: 0 !important;
+	padding-inline-start: 0 !important;
+}
+
+/* Space main menu button from other headerbar buttons
+#nav-bar #PanelUI-menu-button:not(#hack) {
+	margin-left: 10px !important;
+}*/
+
+/* Fix library animation */
+#library-animatable-box  {
+	--library-button-height: 46px !important;
+	--library-icon-x: 1716px !important;
+	/*--library-icon-x: 1715.9833984375px !important;*/
+}
+#library-button[animate] > .toolbarbutton-icon {
+	fill: transparent !important;
+}
+
+/* Fix toolbars close icons */
+.close-icon:not(.tab-close-button) .toolbarbutton-icon {
+	height: 16px !important;
+	width: 16px !important;
+	margin: 6px !important;
+	padding: 0 !important;
+}
+button.close {
+	margin: 0 !important;
+}
+
+/* */
+#appMenu-popup .panel-banner-item[notificationid="update-restart"]::after {
+	display: none !important;
+}
+
+/* Identity site popover buttons */
+.identity-popup-preferences-button:not(#hack) {
+	list-style-image: url("chrome://browser/skin/settings.svg") !important;
+}
+#tracking-protection-preferences-button > .toolbarbutton-text {
+	padding-inline-end: 0 !important;
+}
+.protections-popup-footer-button-label {
+	margin-inline-start: 3px !important;
+}
+
+/* Fix findbar buttons issues */
+.findbar-container .findbar-find-previous image,
+.findbar-container .findbar-find-next image {
+	margin: 6px !important;
+	opacity: 1 !important;
+}
+.findbar-container toolbarbutton:focus {
+	outline: 0 !important;
+}
+
+/* Sidebar header button reset font size */
+#sidebar-header {
+	font-size: 1em !important;
+}
+
+/* Sidebar header button arrow opacity */
+#sidebar-switcher-arrow {
+	opacity: 1 !important;
+}
+
+/* Sidebar history view */
+#viewButton {
+	margin: 0 !important;
+	margin-inline-start: 6px !important;
+}
+
+/* Menulist */
+#identity-popup-popup-menulist {
+	margin-right: 0 !important;
+}
+
+/* Auto complete popup button*/
+.autocomplete-richlistitem[type="loginsFooter"] {
+	margin: 4px 4px 0 4px !important;
+}
+
+/* Bookmarks editor buttons */
+.expander-down image, .expander-up image {
+	margin: 6px !important;
+}
+
+/* Identity popup tracking protection button */
+.tracking-protection-button {
+	margin-inline-end: 0 !important;
+}
+
+/* Identity popup delete permission button */
+.identity-popup-permission-remove-button {
+	opacity: 1 !important;
+}
+
+/* Identity popup expander button */
+#identity-popup-security {
+	-moz-box-align: center;
+}
+#identity-popup-security-expander {
+	width: 34px !important;
+}
+#identity-popup-security-expander .button-icon {
+	margin: 0 !important;
+}
+
+/* Protections popup */
+#protections-popup-info-button {
+	margin: 0 !important;
+	margin-inline-end: 0 !important;
+}
+.protections-popup-footer-icon {
+	display: none !important;
+}
+.protections-popup-footer-button-label {
+	margin-inline-start: 0 !important;
+}
+#protections-popup-footer-protection-type-label {
+	margin-inline-end: 0 !important;
+	margin-block: 0 !important;
+}
+
+/* Close button */
+.close-icon:not(.tab-close-button) .toolbarbutton-icon {
+	outline:  0 !important;
+}
+
diff --git a/src/other/firefox/Monterey/parts/buttons.css b/src/other/firefox/Monterey/parts/buttons.css
new file mode 100644
index 0000000..9c3f9ca
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/buttons.css
@@ -0,0 +1,373 @@
+/* Buttons */
+@import "buttons-fixes.css";
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Hide buttons separator */
+#nav-bar .toolbaritem-combined-buttons separator {
+	display: none !important;
+}
+
+#appMenu-popup .toolbaritem-combined-buttons toolbarseparator {
+	border: 0 !important;
+}
+
+/* Buttons  */
+menulist,
+/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),*/
+.subviewbutton.panel-subview-footer,
+.panel-footer button,
+#downloadsHistory,
+#downloadsPanel-mainView .download-state .downloadButton,
+#overflowMenu-customize-button,
+#appMenu-popup .panel-banner-item,
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label),
+.subviewbutton-back,
+#context-navigation menuitem,
+.identity-popup-preferences-button:not(#hack),
+.findbar-container toolbarbutton,
+#sidebar-switcher-target,
+#viewButton,
+.close-icon:not(.tab-close-button),
+button.close,
+.menulist-label-box,
+.expander-down, .expander-up,
+.notification-button,
+.protections-popup-footer-button,
+#identity-popup-security-expander,
+#protections-popup-info-button,
+#PanelUI-panic-view-button,
+.tracking-protection-button,
+.dialog-button,
+.autocomplete-richlistitem[type="loginsFooter"],
+.dialog-button-box button,
+.searchbar-engine-one-off-item,
+.permission-popup-permission-remove-button {
+	-moz-appearance: none !important;
+	background: var(--gnome-button-background) !important;
+	box-shadow: var(--gnome-button-box-shadow) !important;
+	border: 1px solid var(--gnome-button-border-color) !important;
+	border-bottom-color: var(--gnome-button-border-accent-color) !important;
+	border-radius: 8px !important;
+	padding: 0 4px !important;
+	height: 28px !important;
+	max-height: 28px !important;
+	min-height: 28px !important;
+	min-width: 28px !important;
+	color: var(--gnome-toolbar-color) !important;
+	transition: all 200ms;
+}
+
+/* Text buttons */
+.subviewbutton.panel-subview-footer,
+.panel-footer button,
+#downloadsHistory,
+#overflowMenu-customize-button,
+#appMenu-popup .panel-banner-item,
+#appMenu-zoomReset-button:not(#appMenu-fxa-label):not(#hack),
+#tracking-protection-preferences-button:not(#hack),
+.findbar-container toolbarbutton.findbar-button,
+.notification-button,
+.protections-popup-footer-button,
+#PanelUI-panic-view-button,
+.tracking-protection-button,
+.dialog-button {
+	padding: 2px 10px !important;
+	text-align: center !important;
+}
+
+.subviewbutton.panel-subview-footer label {
+	text-align: center !important;
+}
+
+/* Drop down buttons */
+#sidebar-switcher-target,
+#viewButton {
+	padding: 2px 16px !important;
+	position: relative;
+}
+#sidebar-switcher-arrow,
+#viewButton .button-menu-dropmarker { /* Arrow position, type b */
+	transform: translate(6px, 0)
+}
+.menulist-label-box {
+	padding: 2px 26px 2px 16px !important;
+	position: relative;
+}
+.menulist-label-box:after { /* Arrow position */
+	position: absolute !important;
+	right: 8px !important;
+	top: 8px !important;
+}
+.menulist-label-box:after { /* Create arrow if icon tag no exist */
+	content: "";
+}
+
+/* Hover buttons */
+menulist:hover,
+/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover,*/
+.subviewbutton.panel-subview-footer:hover,
+.panel-footer button:hover,
+#downloadsHistory:hover,
+#downloadsPanel-mainView .download-state .downloadButton:hover,
+#overflowMenu-customize-button:hover,
+#appMenu-popup .panel-banner-item:hover,
+.subviewbutton-back:hover,
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled]):hover,
+#context-navigation menuitem:not([disabled]):hover,
+.identity-popup-preferences-button:not(#hack):hover,
+.findbar-container toolbarbutton:hover,
+.findbar-closebutton .toolbarbutton-icon:hover,
+#sidebar-switcher-target:hover,
+#viewButton:hover,
+.close-icon:not(.tab-close-button):hover,
+button.close:hover,
+menulist:hover .menulist-label-box,
+.expander-down:hover, .expander-up:hover,
+.notification-button:hover,
+.protections-popup-footer-button:hover,
+#identity-popup-security-expander:hover,
+#protections-popup-info-button:hover,
+.tracking-protection-button:hover,
+.dialog-button:hover,
+.autocomplete-richlistitem[type="loginsFooter"]:hover,
+.dialog-button-box button:hover,
+.searchbar-engine-one-off-item:hover,
+.permission-popup-permission-remove-button:hover {
+	outline: 0 !important;
+	background: var(--gnome-button-hover-background) !important;
+}
+
+/* Active buttons */
+menulist[open],
+/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled]):not(#hack):active,*/
+/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not(.subviewbutton):not([disabled])[open],*/
+/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled])[checked],*/
+.subviewbutton.panel-subview-footer:active,
+.panel-footer button:active,
+#downloadsHistory:active,
+#downloadsPanel-mainView .download-state .downloadButton:active,
+#overflowMenu-customize-button:active,
+#appMenu-popup .panel-banner-item:active,
+.subviewbutton-back:not(#hack):active,
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not([disabled]):not(#appMenu-fxa-label):active,
+#context-navigation menuitem:active:not([disabled]),
+.identity-popup-preferences-button:not(#hack):active,
+.findbar-container toolbarbutton[checked],
+.findbar-container toolbarbutton:active,
+#sidebar-switcher-target:active, #sidebar-switcher-target.active,
+#viewButton[open],
+.close-icon:not(.tab-close-button):active,
+button.close:active,
+menulist[open] .menulist-label-box,
+.expander-down:active, .expander-up:active,
+.notification-button:active,
+.protections-popup-footer-button:not(#hack):active,
+#identity-popup-security-expander:active,
+#protections-popup-info-button:not(#hack):active,
+#protections-popup-info-button:not(#hack)[checked],
+.tracking-protection-button:active,
+.dialog-button:active,
+.autocomplete-richlistitem[type="loginsFooter"]:active,
+.dialog-button-box button:active,
+.permission-popup-permission-remove-button:active {
+	background: var(--gnome-button-active-background) !important;
+	box-shadow: var(--gnome-button-active-box-shadow) !important;
+	border-color: var(--gnome-button-active-border-color) !important;
+}
+
+/* Disabled buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled],
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled],
+#context-navigation menuitem[disabled] {
+	background: var(--gnome-button-disabled-background) !important;
+	border-color: var(--gnome-button-disabled-border-color) !important;
+	box-shadow: var(--gnome-button-disabled-box-shadow) !important;
+	opacity: 1 !important;
+}
+
+#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image,
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled] image,
+#context-navigation menuitem[disabled] image {
+	opacity: .4 !important;
+}
+
+#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled]:hover,
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled]:hover {
+	background: transparent !important;
+}
+
+/* Inactive window buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive,
+.findbar-container toolbarbutton:-moz-window-inactive,
+#sidebar-switcher-target:-moz-window-inactive,
+#viewButton:-moz-window-inactive,
+.notification-button:-moz-window-inactive {
+	background: var(--gnome-inactive-button-background) !important;
+	box-shadow: var(--gnome-inactive-button-box-shadow) !important;
+	border-color: var(--gnome-inactive-button-border-color) !important;
+}
+
+/* Flat buttons */
+.subviewbutton-back:not(#hack),
+.close-icon:not(.tab-close-button),
+button.close,
+#protections-popup-info-button,
+.permission-popup-permission-remove-button {
+	background: transparent !important;
+	box-shadow: none !important;
+	border-color: transparent !important;
+	border-radius: 8px !important;
+}
+
+.subviewbutton-back:not(#hack):not(:active):hover,
+.close-icon:not(.tab-close-button):not(:active):hover,
+button.close:not(:active):hover,
+#protections-popup-info-button:hover,
+.permission-popup-permission-remove-button:not(:active):hover {
+	box-shadow: none !important;
+	border-color: var(--gnome-button-border-color) !important;
+	border-bottom-color: var(--gnome-button-border-accent-color) !important;
+}
+
+.subviewbutton-back:not(#hack):active,
+.close-icon:not(.tab-close-button):active,
+button.close:active,
+#protections-popup-info-button:active,
+.permission-popup-permission-remove-button:active {
+	box-shadow: none !important;
+}
+
+.close-icon:not(.tab-close-button) {
+	background: transparent !important;
+	box-shadow: none !important;
+	border: none !important;
+	border-radius: 100px !important;
+	padding: 0 0 !important;
+	margin: 0 0 !important;
+	min-height: 24px !important;
+	min-width: 24px !important;
+}
+
+#sidebar-close.close-icon,
+.findbar-closebutton.close-icon {
+	min-width: 28px !important;
+}
+
+.close-icon:not(.tab-close-button) .button-icon {
+	padding: 0 0 !important;
+	margin: 0 0 !important;
+}
+
+.close-icon:not(.tab-close-button):hover {
+	outline: 0 !important;
+	background: var(--gnome-button-hover-color) !important;
+}
+
+.close-icon:not(.tab-close-button):active {
+	outline: 0 !important;
+	background: var(--gnome-button-active-color) !important;
+}
+
+/* Circle buttons */
+#downloadsPanel-mainView .download-state .downloadButton,
+.identity-popup-permission-remove-button:not(#hack) {
+	padding: 0 0 !important;
+	height: 32px !important;
+	width: 32px !important;
+	min-height: 32px !important;
+	min-width: 32px !important;
+	border-radius: 100% !important;
+}
+
+/* Combined buttons */
+#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#hack),
+/*#nav-bar #back-button:not(#hack),*/
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button),
+#context-navigation menuitem:not(:last-of-type),
+.findbar-container toolbarbutton.findbar-find-previous,
+.findbar-button:not(:last-of-type) {
+	border-top-right-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+	border-right-width: 0 !important;
+	margin-right: 0 !important;
+}
+
+#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#hack),
+/*#nav-bar #forward-button:not(#hack),*/
+#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button),
+#context-navigation menuitem:not(:first-of-type),
+.findbar-container toolbarbutton.findbar-find-previous,
+.findbar-container toolbarbutton.findbar-find-next,
+.findbar-button:not(:first-of-type) {
+	border-top-left-radius: 0 !important;
+	border-bottom-left-radius: 0 !important;
+	margin-left: 0 !important;
+}
+
+#nav-bar .toolbaritem-combined-buttons {
+	margin-left: 0 !important;
+	margin-right: 0 !important;
+}
+
+/* Buttons with suggested action */
+#appMenu-popup .panel-banner-item[notificationid="update-restart"],
+button.popup-notification-primary-button,
+#editBookmarkPanelDoneButton,
+#tracking-action-block {
+	color: white !important;
+	background: var(--gnome-button-suggested-action-background) !important;
+	border-color: var(--gnome-button-suggested-action-border-color) !important;
+	border-bottom-color: var(--gnome-button-suggested-action-border-accent-color) !important;
+	box-shadow: var(--gnome-button-suggested-action-box-shadow) !important;
+	text-shadow: 0 -1px rgba(0, 0, 0, 0.5) !important;
+}
+
+#appMenu-popup .panel-banner-item[notificationid="update-restart"]:hover,
+button.popup-notification-primary-button.popup-notification-button:hover,
+#editBookmarkPanelDoneButton:hover {
+	background: var(--gnome-button-suggested-action-hover-background) !important;
+}
+
+#appMenu-popup .panel-banner-item[notificationid="update-restart"]:active,
+button.popup-notification-primary-button.popup-notification-button:active,
+#editBookmarkPanelDoneButton:active {
+	background: var(--gnome-button-suggested-action-active-background) !important;
+	border-color: var(--gnome-button-suggested-action-active-border-color) !important;
+	box-shadow: var(--gnome-button-suggested-action-active-box-shadow) !important;
+	text-shadow: none !important;
+}
+
+/* Buttons with destructive action */
+#editBookmarkPanelRemoveButton,
+.identity-popup-permission-remove-button,
+#PanelUI-panic-view-button {
+	color: white !important;
+	background: var(--gnome-button-destructive-action-background) !important;
+	border-color: var(--gnome-button-destructive-action-border-color) !important;
+	border-bottom-color: var(--gnome-button-destructive-action-border-accent-color) !important;
+	box-shadow: var(--gnome-button-destructive-action-box-shadow) !important;
+	text-shadow: 0 -1px rgba(0, 0, 0, 0.558275) !important;
+}
+
+#editBookmarkPanelRemoveButton:hover,
+.identity-popup-permission-remove-button:not(#hack):hover,
+#PanelUI-panic-view-button:hover {
+	background: var(--gnome-button-destructive-action-hover-background) !important;
+}
+
+#editBookmarkPanelRemoveButton:active,
+.identity-popup-permission-remove-button:not(#hack):active,
+#PanelUI-panic-view-button:active {
+	background: var(--gnome-button-destructive-action-active-background) !important;
+	border-color: var(--gnome-button-destructive-action-active-border-color) !important;
+	box-shadow: var(--gnome-button-destructive-action-active-box-shadow) !important;
+}
+
+.identity-popup-permission-remove-button:not(#hack):hover { /* Is flat */
+	border-color: var(--gnome-button-destructive-action-border-color) !important;
+	border-bottom-color: var(--gnome-button-destructive-action-border-accent-color) !important;
+	box-shadow: var(--gnome-button-destructive-action-box-shadow) !important;
+}
+.identity-popup-permission-remove-button:not(#hack):hover .button-icon {
+	filter: invert(100%) brightness(200%);
+}
diff --git a/src/other/firefox/Monterey/parts/controls.css b/src/other/firefox/Monterey/parts/controls.css
new file mode 100644
index 0000000..a4d6bfe
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/controls.css
@@ -0,0 +1,53 @@
+/* Controls */
+/* Switchers, Checkboxes, etc. */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Switchers */
+.protections-popup-tp-switch-box {
+	padding: 0 !important;
+	-moz-box-pack: start !important;
+}
+#protections-popup-tp-switch:not([enabled])[showdotindicator]::after {
+	display: none !important;
+}
+#protections-popup-tp-switch {
+	background: var(--gnome-switch-background) !important;
+	border: 1px solid var(--gnome-switch-border-color) !important;
+	border-radius: 24px !important;
+	min-width: 50px !important;
+	width: 50px !important;
+	min-height: 26px !important;
+	padding: 0 !important;
+	position: relative !important;
+	display: block !important;
+	margin: 0 !important;
+}
+#protections-popup-tp-switch:hover {
+	border-color: var(--gnome-switch-border-color) !important;
+}
+#protections-popup-tp-switch::before {
+	position: absolute !important;
+	top: 0px;
+	left: 0px;
+	background: var(--gnome-switch-slider-background) !important;
+	border: 1px solid var(--gnome-switch-slider-border-color) !important;
+	box-shadow: var(--gnome-switch-slider-box-shadow);
+	border-radius: 24px !important;
+	height: 24px !important;
+	width: 24px !important;
+	transition: left .2s ease;
+	outline: 0 !important;
+}
+#protections-popup-tp-switch[enabled] {
+	background: var(--gnome-switch-active-background) !important;
+	border-color: var(--gnome-switch-active-border-color) !important;
+	padding-inline-start: 24px !important;
+}
+#protections-popup-tp-switch[enabled]:hover {
+	border-color: var(--gnome-switch-active-border-color) !important;
+}
+#protections-popup-tp-switch[enabled]::before {
+	border-color: var(--gnome-switch-active-slider-border-color) !important;
+	left: 24px;
+}
diff --git a/src/other/firefox/Monterey/parts/csd.css b/src/other/firefox/Monterey/parts/csd.css
new file mode 100644
index 0000000..c0b4936
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/csd.css
@@ -0,0 +1,138 @@
+/* GNOME CSD styles for headerbar on Firefox [tabsintitlebar] */
+
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#main-window {
+	-moz-appearance: -moz-window-titlebar !important;
+}
+
+/* Headerbar top border corners rounded */
+:root[tabsintitlebar]:not([inFullscreen]):not([sizemode="maximized"]) #nav-bar {
+	border-radius: 16px 16px 0 0 !important;
+}
+
+/* Window buttons: at least 1 button */
+@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) {
+	:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
+		padding-right: 60px !important;
+	}
+}
+/* Window buttons: at least 2 buttons */
+@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button),
+       (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button),
+       (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
+	:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
+		padding-right: 70px !important;
+	}
+}
+/* Window buttons: 3 buttons */
+@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
+	:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
+		padding-right: 90px !important;
+	}
+}
+
+/* Fullscreen headerbar padding for 1 button */
+:root[tabsintitlebar][inFullscreen] #nav-bar {
+	padding-right: 40px !important;
+}
+
+/* Window buttons box */
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container,
+:root[tabsintitlebar] #titlebar-buttonbox-container,
+:root[tabsintitlebar][inFullscreen] #window-controls {
+	-moz-appearance: none !important;
+	padding: 0 3px 0 4px;
+	position: absolute !important;
+	right: 8px;
+	top: 0;
+	display: block !important;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox {
+	-moz-appearance: none !important;
+}
+
+/* Window buttons style */
+:root[tabsintitlebar] #titlebar .titlebar-button,
+:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
+	-moz-appearance: none !important;
+	border: none !important;
+	border-radius: 100px !important;
+	height: 16px;
+	margin: 16px 4px !important;
+	padding: 2px 0 !important;
+	width: 16px;
+}
+:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon,
+:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon {
+	opacity: 0 !important;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button .toolbarbutton-icon,
+:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive toolbarbutton .toolbarbutton-icon {
+	opacity: 0 !important;
+}
+
+/* Remove close and minimize buttons from fullscreen buttons */
+:root[tabsintitlebar][inFullscreen] #window-controls #close-button,
+:root[tabsintitlebar][inFullscreen] #window-controls #minimize-button,
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container,
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox .titlebar-close,
+:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox .titlebar-min {
+	display: none !important;
+}
+
+/* Left window buttons */
+@media (-moz-gtk-csd-reversed-placement) {
+	:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
+		padding-right: 3px !important;
+	}
+
+	/* Window buttons box */
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container {
+		padding: 0 3px 0 4px;
+		left: 8px;
+		right: auto;
+	}
+
+	/* Window controls: at least 1 button */
+	@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) {
+		:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
+			padding-left: 60px !important;
+		}
+	}
+	/* Window controls: at least 2 buttons */
+	@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button),
+				 (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button),
+				 (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
+		:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
+			padding-left: 70px !important;
+		}
+	}
+	/* Window controls: 3 buttons */
+	@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
+		:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
+			padding-left: 90px !important;
+		}
+	}
+}
+
+/* Remove tabsbar titlebar blank spaces */
+:root[tabsintitlebar] #TabsToolbar .titlebar-placeholder {
+	display: none !important;
+}
+
+/* Prevent menubar from breaking */
+:root[tabsintitlebar] #toolbar-menubar:not([inactive=true]) {
+	height: 30px !important;
+	margin-bottom: 8px;
+}
+
+/* Remove default style of titlebar */
+:root[tabsintitlebar] #titlebar {
+	-moz-appearance: none !important;
+}
+
+/* Fix the issue when dragging tabs */
+:root[tabsintitlebar] #navigator-toolbox[movingtab] #TabsToolbar {
+	padding-bottom: 0 !important;
+}
diff --git a/src/other/firefox/Monterey/parts/custom-icons.css b/src/other/firefox/Monterey/parts/custom-icons.css
new file mode 100644
index 0000000..e6b8de2
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/custom-icons.css
@@ -0,0 +1,34 @@
+/* Replace icons */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Back button */
+#nav-bar #back-button .toolbarbutton-icon {
+	filter: var(--gnome-icons-hack-filter);
+	list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important;;
+}
+
+/* Forward button */
+#nav-bar #forward-button .toolbarbutton-icon {
+	filter: var(--gnome-icons-hack-filter);
+	list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important;
+}
+
+/* Popovers subview menu arrow */
+.PanelUI-subView .subviewbutton-nav::after {
+	content: "" !important;
+	filter: var(--gnome-icons-hack-filter);
+	background: url("moz-icon://stock/pan-start-symbolic?size=dialog");
+	background-size: contain;
+	height: 16px;
+	width: 16px;
+	margin-top: -2px !important;
+}
+
+/* Popovers subview back button */
+.subviewbutton-back {
+	list-style-image: url("moz-icon://stock/pan-start-symbolic?size=dialog") !important;
+}
+.subviewbutton-back .toolbarbutton-icon {
+	filter: var(--gnome-icons-hack-filter);
+}
diff --git a/src/other/firefox/Monterey/parts/dialogs.css b/src/other/firefox/Monterey/parts/dialogs.css
new file mode 100644
index 0000000..24f872a
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/dialogs.css
@@ -0,0 +1,59 @@
+/* Dialogs */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Browser dialog prompts center */
+.content-prompt {
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+}
+
+/* Dialog */
+.dialogBox {
+    border-radius: 9px !important;
+	margin-top: 0 !important;
+}
+
+#commonDialog {
+	background: var(--gnome-popover-background) !important;
+	border: 0 !important;
+	box-shadow: var(--gnome-popover-shadow) !important;
+	padding: 0 !important;
+}
+
+dialog {
+	padding: 0 !important;
+}
+
+/* Content */
+.dialog-content-box {
+	padding: 24px;
+}
+#titleContainer {
+	justify-content: center !important;
+}
+
+/* Buttons */
+.dialog-button-box {
+	display: flex !important;
+}
+
+.dialog-button-box button:not(#hack) {
+	height: auto !important;
+	max-height: unset !important;
+	padding: 10px 14px !important;
+	margin: 0 !important;
+	border-radius: 0 !important;
+	flex: 1;
+	border-bottom: 0 !important;
+}
+
+/* Buttons borders - only suppor for cancel/ok */
+.dialog-button-box button[dlgtype="accept"] {
+	border-right: 0 !important;
+	border-left: 0 !important;
+}
+.dialog-button-box button[dlgtype="cancel"]:not(#hack) {
+	border-left: 0 !important;
+}
diff --git a/src/other/firefox/Monterey/parts/entries.css b/src/other/firefox/Monterey/parts/entries.css
new file mode 100644
index 0000000..00adf4b
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/entries.css
@@ -0,0 +1,88 @@
+/* Entries */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Entries */
+#searchbar,
+#search-box,
+.findbar-textbox,
+#loginTextbox,
+#password1Textbox {
+	-moz-appearance: none !important;
+	background: var(--gnome-urlbar-background) !important;
+	border: 1px solid var(--gnome-urlbar-border-color) !important;
+	border-radius: 8px !important;
+	box-shadow: none !important;
+	color: var(--gnome-urlbar-color) !important;
+	height: 28px !important;
+	max-height: 28px !important;
+	margin: 0 !important;
+	padding: 6px !important;
+	box-sizing: border-box;
+	transition: all 100ms;
+}
+
+/* Entries focused */
+#urlbar[breakout][breakout-extend],
+#searchbar:focus-within,
+#search-box[focused], 
+/*.findbar-textbox[focused],*/
+/*.findbar-textbox:focus,*/
+#loginTextbox:focus,
+#password1Textbox:focus {
+	outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
+	outline-offset: -2px;
+	-moz-outline-radius: 8px;
+	transition: all 100ms;
+}
+
+.findbar-textbox[focused],
+.findbar-textbox:focus {
+	outline: none !important;
+	box-shadow: inset 0 0 0 1px var(--gnome-focused-urlbar-border-color) !important;
+	border: 1px solid var(--gnome-focused-urlbar-border-color) !important;
+}
+
+/* Inactive window entries */
+#searchbar:-moz-window-inactive,
+#search-box:-moz-window-inactive,
+.findbar-textbox:-moz-window-inactive,
+#loginTextbox:-moz-window-inactive,
+#password1Textbox:-moz-window-inactive {
+	background: var(--gnome-inactive-urlbar-background) !important;
+	border-color: var(--gnome-inactive-urlbar-border-color) !important;
+	color: var(--gnome-inactive-urlbar-color) !important;
+}
+
+/* Entries combined */
+.findbar-textbox:not(.minimal) {
+	border-top-right-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+	border-right-width: 0 !important;
+}
+.findbar-textbox:not(.minimal)[focused], .findbar-textbox:not(.minimal):focus {
+	-moz-outline-radius: 8px 0 0 8px !important;
+}
+
+/* Entries fixes */
+#urlbar-container, #search-container {
+	padding: 0 !important;
+	margin: 0 3px !important;
+}
+#urlbar-input-container {
+	background: transparent !important;
+	border: 0 !important;
+}
+#urlbar, #searchbar {
+	margin: 0 3px !important;
+	padding: 0 !important;
+}
+.searchbar-textbox {
+	border: 0 !important;
+	padding: 0 !important;
+	margin: 0 !important;
+	min-height: auto !important;
+}
+#searchbar > .searchbar-textbox[focused] .searchbar-search-button:not(#hack) {
+	margin: 0 !important;
+}
diff --git a/src/other/firefox/Monterey/parts/findbar.css b/src/other/firefox/Monterey/parts/findbar.css
new file mode 100644
index 0000000..3c46da7
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/findbar.css
@@ -0,0 +1,58 @@
+/* Find bar  */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+findbar {
+	position: relative;
+}
+
+.findbar-container {
+	padding: 6px !important;
+	display: flex;
+	justify-content: center;
+	position: relative;
+	flex-direction: row;
+	width: calc(100% - 42px);
+}
+
+hbox[anonid="findbar-textbox-wrapper"] {
+	position: absolute;
+	right: calc(50vw - 36px);
+	transform: translate(50%, 0);
+	display: flex !important;
+}
+
+.findbar-find-status, .found-matches {
+	order: -1;
+	padding: 7px 0;
+}
+.findbar-find-status {
+	padding-left: 6px;
+	flex: 1;
+}
+
+.findbar-textbox:focus + .findbar-find-previous {
+	border-left-color: var(--gnome-focused-urlbar-border-color) !important;
+}
+
+.findbar-highlight, .findbar-case-sensitive, .findbar-match-diacritics, .findbar-entire-word, .findbar-label {
+	margin: 0 3px !important;
+	font-size: 0.9em !important;
+}
+
+.findbar-closebutton.close-icon {
+	margin: 6px 6px 6px 0 !important;
+	padding: 0 0 !important;
+	border-radius: 100px !important;
+}
+
+@media (max-width: 1100px) {
+	hbox[anonid="findbar-textbox-wrapper"] {
+		position: relative;
+		right: 0;
+		transform: none;
+	}
+	.findbar-find-status, .found-matches {
+		order: 0;
+	}
+}
diff --git a/src/other/firefox/Monterey/parts/headerbar-private-urlbar.css b/src/other/firefox/Monterey/parts/headerbar-private-urlbar.css
new file mode 100644
index 0000000..427801e
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/headerbar-private-urlbar.css
@@ -0,0 +1,39 @@
+/* Private window header bar's URL bar */
+
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before {
+	background: url("../icons/user-not-tracked.svg") no-repeat;
+	background-size: contain;
+	content: "";
+	display: block;
+	position: absolute;
+	width: 32px;
+	height: 32px;
+	top: 8px;
+	opacity: 0.3;
+	transform: translate(15px, 0);
+}
+
+:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:-moz-lwtheme-brighttext:before {
+	background-image: url("../icons/user-not-tracked-dark.svg");
+}
+
+@media (prefers-color-scheme: dark) {
+	:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before {
+		background: url("../icons/user-not-tracked-dark.svg") no-repeat;
+		background-size: contain;
+		content: "";
+		display: block;
+		position: absolute;
+		width: 32px;
+		height: 32px;
+		top: 8px;
+		opacity: 0.3;
+		transform: translate(15px, 0);
+	}
+}
+
+#TabsToolbar .private-browsing-indicator {
+	display: none !important;
+}
diff --git a/src/other/firefox/Monterey/parts/headerbar-urlbar.css b/src/other/firefox/Monterey/parts/headerbar-urlbar.css
new file mode 100644
index 0000000..a4dc106
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/headerbar-urlbar.css
@@ -0,0 +1,223 @@
+/* Header bar's URL bar */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+#urlbar {
+	--urlbar-height: 32px !important;
+	--urlbar-container-height: 32px !important;
+	--urlbar-toolbar-height: 32px !important;
+	--urlbar-inner-padding: 0 !important;
+}
+
+/* Center the URL bar */
+toolbarspring {
+	max-width: 1000px !important;
+}
+
+#stop-reload-button + toolbarspring {
+	max-width: 1px !important;
+}
+
+/* URL bar */
+#urlbar {
+	margin-top: -2px !important;
+	box-shadow: none !important;
+	background: var(--gnome-popover-background) !important;
+	border-radius: 8px !important;
+	border: 1px solid transparent !important;
+	padding: 0 0 !important;
+	max-width: 360px !important;
+}
+#urlbar-background {
+	box-shadow: none !important;
+	border: 0 !important;
+	background: transparent !important;
+	border-radius: 8px !important;
+	padding: 0 0 !important;
+}
+
+#urlbar:-moz-window-inactive {
+	background: var(--gnome-inactive-urlbar-background) !important;
+	border-color: var(--gnome-inactive-headerbar-background) !important;
+}
+
+#urlbar #urlbar-input-container {
+	padding: 0 !important;
+	width: 360px !important;
+	min-width: 360px !important;
+}
+
+#urlbar-container,
+#wrapper-urlbar-container {
+	width: 360px !important;
+	min-width: 360px !important;
+	-moz-box-align: left !important;
+}
+
+:root[sizemode="maximized"] #urlbar,
+:root[sizemode="maximized"] #urlbar-container,
+:root[sizemode="maximized"] #wrapper-urlbar-container {
+	width: 360px !important;
+	min-width: 360px !important;
+}
+
+#urlbar[breakout][breakout-extend] {
+	left: 0 !important;
+	top: 0 !important;
+	width: 360px !important;
+	z-index: 5 !important;
+	padding: 0 0 !important;
+}
+#urlbar[breakout][breakout-extend][open] {
+	height: auto !important;
+	max-height: unset !important;
+}
+#urlbar[breakout][breakout-extend] #urlbar-input-container {
+	height: 32px !important;
+	max-height: 32px !important;
+	padding: 0 !important;
+}
+
+#urlbar[breakout][breakout-extend][open] #urlbar-background {
+	box-shadow: var(--gnome-urlbar-box-shadow) !important;
+}
+
+/* URL bar results */
+.urlbarView {
+	background: transparent !important;
+	color: var(--gnome-toolbar-color) !important;
+	margin: 0 !important;
+	width: 100% !important;
+}
+
+.urlbarView-body-outer {
+	--item-padding-start: 0 !important;
+	--item-padding-end: 0 !important;
+	max-height: 40vh !important;
+	overflow-x: auto;
+	padding: 0 8px !important;
+}
+
+.urlbarView-body-inner {
+	border: 0 !important;
+}
+
+.urlbarView-row-inner, .urlbarView-no-wrap  {
+	align-items: center !important;
+}
+.urlbarView-row-inner {
+	padding-block: 5px !important;
+	border-radius: 5px !important;
+}
+.urlbarView-action {
+	background: transparent !important;
+}
+/* Search engines buttons */
+.search-one-offs {
+	margin: 0 0 2px !important;
+	padding: 8px !important;
+	background: var(--gnome-popover-background) !important;
+	border-top: 1px solid var(--gnome-button-border-color) !important;
+	border-radius: 0 0 8px 8px !important;
+}
+
+.searchbar-engine-one-off-item {
+	--toolbarbutton-active-background: var(--gnome-headerbar-button-active-background) !important;
+	--toolbarbutton-hover-background: var(--gnome-headerbar-button-hover-background) !important;
+	-moz-appearance: none !important;
+	background: transparent !important;
+	box-shadow: none !important;
+	border: none !important;
+	padding: 0 0 !important;
+	min-height: 32px !important;
+	min-width: 32px !important;
+	margin: 0 !important;
+}
+
+.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] {
+	background: var(--gnome-headerbar-button-hover-background) !important;
+	color: unset !important;
+}
+
+#urlbar-anon-search-settings-compact {
+	border: none !important;
+	border-radius: 5px;
+	margin-left: 6px !important;
+}
+
+/* URL bar and Search bar */
+#urlbar[focused] .urlbar-textbox-container {
+	margin: -1px !important;
+}
+#searchbar > .searchbar-textbox[focused] .searchbar-search-button {
+	margin-left: -1px !important;
+}
+#searchbar > .searchbar-textbox[focused] .search-go-button {
+	margin-right: -1px !important;
+}
+
+/* URL bar and Search bar's icons */
+.urlbar-icon:hover,
+.urlbar-icon-wrapper:hover,
+.urlbar-icon[open],
+.urlbar-icon-wrapper[open],
+.urlbar-icon:hover:active,
+.urlbar-icon-wrapper:hover:active,
+.searchbar-search-button:hover .searchbar-search-icon,
+.searchbar-search-button[open] .searchbar-search-icon,
+.searchbar-search-button:hover:active .searchbar-search-icon {
+	background-color: transparent !important;
+	fill-opacity: 1 !important;
+}
+
+.urlbar-icon {
+	width: 28px !important;
+	height: 28px !important;
+	padding: 6px !important;
+}
+
+#page-action-buttons {
+	padding: 2px 0 !important;
+}
+
+#tracking-protection-icon-container,
+#identity-box {
+	margin: 3px 2px !important;
+	border-radius: 5px !important;
+}
+
+#tracking-protection-icon-container {
+	margin: 3px 0 !important;
+}
+
+#identity-box:hover {
+	background: var(--gnome-headerbar-button-hover-background) !important;
+}
+
+#identity-box:active {
+	background: var(--gnome-headerbar-button-active-background) !important;
+}
+
+.identity-box-button {
+	border-radius: 5px !important;
+	background: none !important;
+}
+
+/* Search mode indicator */
+#urlbar-search-mode-indicator,
+#urlbar-label-box {
+	background: var(--gnome-popover-background) !important;
+	border: 1px solid var(--gnome-popover-border-color) !important;
+	border-radius: 9px;
+	outline: 0 !important;
+	margin: 4px 0;
+}
+#urlbar-search-mode-indicator-title {
+	color: #0060df;
+	padding-inline: 4px !important;;
+}
+#urlbar-search-mode-indicator-close {
+	background-size: contain !important;
+	border-radius: 0 9px 9px 0;
+	opacity: 0.8;
+}
diff --git a/src/other/firefox/Monterey/parts/headerbar.css b/src/other/firefox/Monterey/parts/headerbar.css
new file mode 100644
index 0000000..60fde0e
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/headerbar.css
@@ -0,0 +1,122 @@
+/* Header bar */
+@import "headerbar-urlbar.css";
+@import "headerbar-private-urlbar.css";
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Headerbar */
+#nav-bar {
+	padding: 8px 16px !important;
+}
+
+/* Headerbar CSD colors */
+:root[tabsintitlebar] #nav-bar {
+	border: none !important;
+	border-bottom: none !important;
+	box-shadow: var(--gnome-headerbar-box-shadow) !important;
+}
+:root[tabsintitlebar] #nav-bar:-moz-window-inactive {
+	box-shadow: var(--gnome-inactive-headerbar-box-shadow) !important;
+}
+
+/* Headerbar buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) {
+	border: none !important;
+	box-shadow: none !important;
+	background: none !important;
+	-moz-appearance: none !important;
+	border-radius: 8px !important;
+	margin: 10px 2px !important;
+	padding: 0 10px !important;
+	max-height: 30px !important;
+	min-width: 32px !important;
+	color: var(--gnome-toolbar-color) !important;
+	transition: background 200ms;
+	--toolbarbutton-inner-padding: 0 !important;
+}
+
+:root:-moz-window-inactive #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) {
+	background: none !important;
+}
+
+/* Hover headerbar buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover,
+#TabsToolbar .toolbarbutton-1:hover,
+#tabs-newtab-button:hover, #TabsToolbar #new-tab-button:hover {
+	outline: 0 !important;
+	background: var(--gnome-headerbar-button-hover-background) !important;
+}
+
+/* Active headerbar buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled]):not(#hack):active,
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not(.subviewbutton):not([disabled])[open],
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled])[checked],
+#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open],
+#tabs-newtab-button:active, #TabsToolbar #new-tab-button:active {
+	background: var(--gnome-headerbar-button-active-background) !important;
+}
+
+/* Disabled headerbar buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton)[disabled] {
+}
+
+/* Inactive window buttons */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive {
+}
+
+/* Buttons with margins */
+#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) {
+	margin: 0 2px !important;
+}
+
+#nav-bar #back-button:not(#hack),
+#nav-bar #forward-button:not(#hack) {
+	padding: 0 4px !important;
+	width: 34px !important;
+	min-width: 34px !important;
+}
+
+#nav-bar #forward-button:not(#hack) {
+	margin-left: 0 !important;
+}
+
+#nav-bar #back-button:not(#hack) {
+	margin-right: 1px !important;
+}
+
+/* Headerbar entries */
+#nav-bar #searchbar,
+#urlbar #urlbar-input-container {
+	-moz-appearance: none !important;
+	background: var(--gnome-urlbar-background) !important;
+	border: none !important;
+	box-shadow: none !important;
+	border-radius: 8px !important;
+	color: var(--gnome-urlbar-color) !important;
+	padding: 0 3px !important;
+	height: 32px !important;
+	max-height: 32px !important;
+	transition: box-shadow 200ms;
+}
+
+:root:-moz-window-inactive #urlbar #urlbar-input-container {
+	background: var(--gnome-inactive-urlbar-background) !important;
+}
+
+#nav-bar #searchbar:hover,
+#urlbar #urlbar-input-container:hover {
+	box-shadow: inset 0 0 0 1px var(--gnome-hover-urlbar-border-color) !important;
+	transition-duration: 100ms;
+}
+
+#urlbar[breakout][breakout-extend] #urlbar-input-container,
+#urlbar[breakout][breakout-extend] #urlbar-input-container:hover {
+	background: none !important;
+	box-shadow: none !important;
+	padding: 0 3px !important;
+}
+
+#nav-bar #searchbar:focus-within {
+	border: none !important;
+	background: var(--gnome-urlbar-background) !important;
+	box-shadow: inset 0 0 0 2px var(--gnome-focused-urlbar-highlight-color) !important;
+}
diff --git a/src/other/firefox/Monterey/parts/icons.css b/src/other/firefox/Monterey/parts/icons.css
new file mode 100644
index 0000000..06fbd76
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/icons.css
@@ -0,0 +1,544 @@
+/* Replace icons */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Built-in firefox icons color */
+.toolbarbutton-icon,
+.protections-popup-category-icon,
+.protections-popup-footer-icon {
+	fill: var(--gnome-toolbar-color) !important;
+	fill-opacity: 1 !important;
+}
+
+/* Tabs scroll icons */
+#TabsToolbar .scrollbutton-up {
+	list-style-image: url("../icons/pan-start-symbolic.svg") !important;
+}
+#TabsToolbar .scrollbutton-down {
+	list-style-image: url("../icons/pan-start-symbolic.svg") !important;
+}
+
+/* Popovers subview menu arrow */
+.PanelUI-subView .subviewbutton-nav::after {
+	content: "" !important;
+	background: url("../icons/pan-start-symbolic.svg");
+	background-size: contain;
+	height: 16px;
+	width: 16px;
+	margin-top: -2px !important;
+}
+.protections-popup-category::after {
+	content: url("../icons/pan-start-symbolic.svg") !important;
+}
+.identity-popup-content-blocking-category::after {
+	content: url("../icons/pan-start-symbolic.svg") !important;
+}
+#identity-popup-security-expander .button-icon {
+	list-style-image: url("../icons/pan-start-symbolic.svg") !important;
+}
+
+/* Popovers subview back button */
+.subviewbutton-back {
+	list-style-image: url("../icons/pan-start-symbolic.svg") !important;
+}
+
+/* Sub menu arrow */
+.menu-right {
+	-moz-appearance: none !important;
+	list-style-image: url("../icons/pan-end-symbolic.svg") !important;
+	width: 16px !important;
+	height: 16px !important;
+}
+menu[disabled] > .menu-right {
+	opacity: 0.3;
+}
+menu:not([disabled]):hover > .menu-right {
+	filter: invert(100%) brightness(200%);
+}
+
+/* Arrow down buttons */
+.expander-down > .button-box,
+#sidebar-switcher-arrow,
+#viewButton .button-menu-dropmarker {
+	-moz-appearance: none !important;
+	list-style-image: url("../icons/pan-down-symbolic.svg") !important;
+	width: 16px !important;
+	height: 16px !important;
+}
+.menulist-label-box:after {
+	content: url("../icons/pan-down-symbolic.svg") !important;
+}
+
+/* Arrow up buttons */
+.expander-up > .button-box {
+	-moz-appearance: none !important;
+	list-style-image: url("../icons/pan-up-symbolic.svg") !important;
+	width: 16px !important;
+	height: 16px !important;
+}
+
+/* Search entries */
+#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon,
+.searchbar-search-icon,
+#search-box .textbox-search-sign {
+	list-style-image: url("../icons/edit-find-symbolic.svg") !important;
+	opacity: 0.7 !important;
+}
+#search-box .textbox-search-sign {
+	width: 16px !important;
+	margin: 2px 0;
+}
+
+/* Tree views */
+treechildren::-moz-tree-twisty {
+	list-style-image: url("../icons/pan-down-symbolic.svg") !important;
+	width: 16px !important;
+	height: 16px !important;
+}
+treechildren::-moz-tree-twisty(open) {
+	list-style-image: url("../icons/pan-end-symbolic.svg") !important;
+}
+treechildren::-moz-tree-twisty(selected, focus) {
+	list-style-image: url("../icons/pan-down-symbolic-light.svg") !important;
+}
+treechildren::-moz-tree-twisty(selected, focus, open) {
+	list-style-image: url("../icons/pan-end-symbolic-light.svg") !important;
+}
+
+.sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty {
+	list-style-image: url("../icons/pan-down-symbolic-light.svg") !important;
+}
+.sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty(open) {
+	list-style-image: url("../icons/pan-end-symbolic-light.svg") !important;
+}
+/* Sidebar: History: clock icon */
+#historyTree treechildren::-moz-tree-image {
+	list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important;
+}
+
+/* Menu checkbox */
+menuitem[type="checkbox"] {
+	list-style-image: url("../icons/checkbox-symbolic.svg") !important;
+}
+menuitem[type="checkbox"][hover="true"] {
+
+}
+menuitem[type="checkbox"][checked="true"] {
+	list-style-image: url("../icons/checkbox-checked-symbolic.svg") !important;
+}
+menuitem[type="checkbox"][disabled="true"] .menu-iconic-icon {
+	opacity: 0.5;
+}
+menuitem[type="checkbox"]:not([disabled="true"]):hover .menu-iconic-icon {
+	filter: invert(100%) brightness(200%);
+}
+
+/* Menu radio */
+menuitem[type="radio"] {
+	list-style-image: url("../icons/radio-symbolic.svg") !important;
+}
+menuitem[type="radio"][checked="true"] {
+	list-style-image: url("../icons/radio-checked-symbolic.svg") !important;
+}
+menuitem[type="radio"][disabled="true"] .menu-iconic-icon {
+	opacity: 0.5;
+}
+menuitem[type="radio"]:not([disabled="true"]):hover .menu-iconic-icon {
+	filter: invert(100%) brightness(200%);
+}
+
+/* Close button */
+.close-icon:not(.tab-close-button),
+.identity-popup-permission-remove-button .button-icon {
+	list-style-image: url("../icons/window-close-symbolic.svg") !important;
+}
+
+/* Private browsing button */
+#privatebrowsing-button {
+	list-style-image: url("../icons/user-not-tracked.svg") !important;
+}
+/* Sidebar button */
+#sidebar-button:-moz-locale-dir(ltr):not([positionend]) .toolbarbutton-icon, #sidebar-button:-moz-locale-dir(rtl)[positionend]  .toolbarbutton-icon {
+	list-style-image: url("../icons/toggle-sidebar-symbolic.svg") !important;
+}
+#sidebar-button .toolbarbutton-icon {
+	list-style-image: url("../icons/toggle-right-sidebar-symbolic.svg");
+}
+/* Back button */
+#nav-bar #back-button .toolbarbutton-icon,
+#context-back {
+	list-style-image: url("../icons/go-previous-symbolic.svg") !important;
+}
+/* Forward button */
+#nav-bar #forward-button .toolbarbutton-icon,
+#context-forward {
+	list-style-image: url("../icons/go-next-symbolic.svg") !important;
+}
+/* Menu button */
+#PanelUI-menu-button {
+	list-style-image: url("../icons/open-menu-symbolic.svg") !important;
+}
+/* New tab button */
+#new-tab-button,
+.tabs-newtab-button,
+#tabs-newtab-button,
+#TabsToolbar {
+	list-style-image: url("../icons/tab-new-symbolic.svg") !important;
+}
+/* Home button */
+#home-button {
+	list-style-image: url("../icons/user-home-symbolic.svg") !important;
+}
+/* Preferences button */
+#preferences-button {
+	list-style-image: url("../icons/preferences-system-symbolic.svg") !important;
+}
+/* Fullscreen button */
+#fullscreen-button,
+#appMenu-fullscreen-button {
+	list-style-image: url("../icons/view-fullscreen-symbolic.svg") !important;
+}
+/* Zoom out button */
+#zoom-out-button,
+#appMenu-zoomReduce-button {
+	list-style-image: url("../icons/zoom-out-symbolic.svg") !important;
+}
+/* Zoom in button */
+#zoom-in-button,
+#appMenu-zoomEnlarge-button {
+	list-style-image: url("../icons/zoom-in-symbolic.svg") !important;
+}
+/* Developer button */
+#developer-button {
+	list-style-image: url("../icons/applications-engineering-symbolic.svg") !important;
+}
+/* Email link button */
+#email-link-button {
+	list-style-image: url("../icons/mail-unread-symbolic.svg") !important;
+}
+/* Print button */
+#print-button {
+	list-style-image: url("../icons/printer-symbolic.svg") !important;
+}
+/* Addons button */
+#add-ons-button {
+	list-style-image: url("../icons/application-x-addon-symbolic.svg") !important;
+}
+/* Find button */
+#find-button {
+	list-style-image: url("../icons/edit-find-symbolic.svg") !important;
+}
+/* New window button */
+#new-window-button {
+	list-style-image: url("../icons/window-new-symbolic.svg") !important;
+}
+/* Bookmarks menu button */
+#bookmarks-menu-button {
+	list-style-image: url("../icons/bookmarks-symbolic.svg") !important;
+}
+/* History button */
+#history-panelmenu {
+	list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important;
+}
+/* All tabs button */
+#alltabs-button {
+	list-style-image: url("../icons/pan-down-symbolic.svg") !important;
+}
+/* Cut button */
+#cut-button,
+#appMenu-cut-button {
+	list-style-image: url("../icons/edit-cut-symbolic.svg") !important;
+}
+/* Copy button */
+#copy-button,
+#appMenu-copy-button {
+	list-style-image: url("../icons/edit-copy-symbolic.svg") !important;
+}
+/* Paste button */
+#paste-button,
+#appMenu-paste-button {
+	list-style-image: url("../icons/edit-paste-symbolic.svg") !important;
+}
+/* Overflow button */
+#nav-bar-overflow-button {
+	list-style-image: url("../icons/view-more-horizontal-symbolic.svg") !important;
+}
+
+/* Glitch - animations (may be possible to fix in about:config) */
+#reload-button { /* Reload button */
+	list-style-image: url("../icons/view-refresh-symbolic.svg") !important;
+	animation: none !important;
+}
+#stop-button { /* Stop button */
+	list-style-image: url("../icons/process-stop-symbolic.svg") !important;
+	animation: none !important;
+}
+#downloads-button .toolbarbutton-icon { /* Downloads button / Glitch - it swaps to the default one anyway */
+	list-style-image: url("../icons/folder-download-symbolic.svg") !important;
+	animation: none !important;
+}
+
+#identity-icon {
+	list-style-image: url("../icons/folder-locked-symbolic.svg") !important;
+}
+
+#pageActionButton, .share-more-button {
+	list-style-image: url("../icons/page-action.svg") !important;
+}
+
+#pocket-button, #pageAction-panel-pocket {
+	list-style-image: url("../icons/save-to-pocket.svg") !important;
+}
+
+#star-button {
+	list-style-image: url("../icons/star-symbolic.svg") !important;
+}
+
+#star-button[starred] {
+	list-style-image: url("../icons/starred-symbolic.svg") !important;
+}
+
+#plugins-notification-icon:not(.plugin-blocked)[extraAttr="inactive"] > .plugin-icon {
+	fill-opacity: 0.25;
+	list-style-image: url("../icons/application-x-addon-symbolic.svg") !important;
+}
+
+#plugins-notification-icon:not(.plugin-blocked)[extraAttr="active"] > .plugin-icon {
+	fill-opacity: 1;
+	list-style-image: url("../icons/application-x-addon-symbolic.svg") !important;
+}
+
+.plugin-icon {
+	list-style-image: url("../icons/application-x-addon-symbolic.svg") !important;
+}
+
+.plugin-blocked > .plugin-icon {
+	list-style-image: url("../icons/application-x-addon-blocked-symbolic.svg") !important;
+}
+
+.autoplay-media-icon {
+	list-style-image: url("../icons/autoplay-media-symbolic.svg") !important;
+}
+
+.autoplay-media-icon.blocked-permission-icon {
+	list-style-image: url("../icons/autoplay-media-blocked-symbolic.svg") !important;
+}
+
+.popup-notification-icon[popupid="drmContentPlaying"], .drm-icon {
+	list-style-image: url("../icons/drm-symbolic.svg") !important;
+}
+
+#reader-mode-button {
+	list-style-image: url("../icons/reader-mode.svg") !important;
+}
+
+#permissions-granted-icon {
+	list-style-image: url("../icons/permissions-granted.svg") !important;
+}
+
+#tracking-protection-icon {
+	list-style-image: url("../icons/tracking-protection.svg") !important;
+}
+
+#tracking-protection-icon-animatable-image {
+	background-image: url("../icons/tracking-protection-animatable.svg") !important;
+}
+
+#library-button {
+	list-style-image: url("../icons/library-symbolic.svg") !important;
+}
+
+#import-button {
+	list-style-image: url("../icons/import-symbolic.svg") !important;
+}
+
+#panic-button {
+	list-style-image: url("../icons/forget-history-symbolic.svg") !important;
+}
+
+#sync-button {
+	list-style-image: url("../icons/tab-sync-symbolic.svg") !important;
+}
+
+#open-file-button {
+	list-style-image: url("../icons/open-folder-symbolic.svg") !important;
+}
+
+#save-page-button {
+	list-style-image: url("../icons/save-folder-symbolic.svg") !important;
+}
+
+#characterencoding-button {
+	list-style-image: url("../icons/character-symbolic.svg") !important;
+}
+
+#screenshot-button {
+	list-style-image: url("../icons/screenshot-symbolic.svg") !important;
+}
+
+.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon {
+	list-style-image: url("../icons/notification-symbolic.svg") !important;
+}
+
+#geo-sharing-icon[sharing], .geo-icon {
+	list-style-image: url("../icons/geo.svg") !important;
+}
+
+.blocked-permission-icon.popup-icon {
+	list-style-image: url("../icons/blocked-permission-symbolic.svg") !important;
+}
+
+#webrtc-sharing-icon[sharing="screen"],
+.screen-icon {
+	list-style-image: url("../icons/screen-symbolic.svg") !important;
+}
+
+.screen-icon.blocked-permission-icon {
+	list-style-image: url("../icons/screen-blocked-symbolic.svg") !important;
+}
+
+#webrtc-sharing-icon[sharing="microphone"],
+.microphone-icon {
+	list-style-image: url("../icons/microphone-symbolic.svg") !important;
+}
+
+#webrtc-sharing-icon[sharing]:not([paused]) {
+	-moz-context-properties: fill !important;
+	fill: rgb(224, 41, 29) !important;
+}
+
+.bookmark-item[container] {
+	list-style-image: url("../icons/folder-symbolic.svg") !important;
+}
+
+.tab-icon-image {
+	list-style-image: url("../icons/network-workgroup-symbolic.svg") !important;
+	-moz-context-properties: fill;
+	fill: currentColor;
+}
+
+/* Invert icons color in dark variant */
+@media (prefers-color-scheme: dark) {
+	.PanelUI-subView .subviewbutton-nav::after,
+	.protections-popup-category::after,
+	.identity-popup-content-blocking-category::after,
+	#identity-popup-security-expander .button-icon,
+	.subviewbutton-back .toolbarbutton-icon,
+
+	.menu-right,
+
+	#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon,
+	.searchbar-search-icon,
+	#search-box .textbox-search-sign,
+
+	.menulist-label-box:after,
+	.expander-down image,
+	.expander-up image,
+	#sidebar-switcher-arrow,
+	#viewButton .button-menu-dropmarker,
+
+	menuitem[type="checkbox"] .menu-iconic-icon,
+	menuitem[type="radio"] .menu-iconic-icon,
+
+	.close-icon:not(.tab-close-button) image,
+	.identity-popup-permission-remove-button .button-icon,
+
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
+	:root[tabsintitlebar] #titlebar #titlebar-close .toolbarbutton-icon,
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon,
+	:root[tabsintitlebar] #titlebar #titlebar-max .toolbarbutton-icon,
+	:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon,
+	:root[tabsintitlebar] #titlebar #titlebar-min .toolbarbutton-icon,
+	:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon,
+
+	.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon,
+
+	#import-button .toolbarbutton-icon,
+	#panic-button .toolbarbutton-icon,
+	#open-file-button .toolbarbutton-icon,
+	#save-page-button .toolbarbutton-icon,
+	#characterencoding-button .toolbarbutton-icon,
+	#library-button .toolbarbutton-icon,
+	#privatebrowsing-button .toolbarbutton-icon,
+	#sidebar-button:-moz-locale-dir(ltr):not([positionend]) .toolbarbutton-icon,
+	#sidebar-button:-moz-locale-dir(rtl)[positionend] .toolbarbutton-icon,
+	#sidebar-button .toolbarbutton-icon,
+	#nav-bar #back-button .toolbarbutton-icon,
+	#context-back .menu-iconic-icon,
+	#nav-bar #forward-button .toolbarbutton-icon,
+	#context-forward .menu-iconic-icon,
+	#PanelUI-menu-button .toolbarbutton-icon,
+	#new-tab-button .toolbarbutton-icon,
+	.tabs-newtab-button .toolbarbutton-icon,
+	#tabs-newtab-button .toolbarbutton-icon,
+	#TabsToolbar .toolbarbutton-icon,
+	#home-button .toolbarbutton-icon,
+	#preferences-button .toolbarbutton-icon,
+	#fullscreen-button .toolbarbutton-icon,
+	#appMenu-fullscreen-button .toolbarbutton-icon,
+	#zoom-out-button .toolbarbutton-icon,
+	#appMenu-zoomReduce-button .toolbarbutton-icon,
+	#zoom-in-button .toolbarbutton-icon,
+	#appMenu-zoomEnlarge-button .toolbarbutton-icon,
+	#developer-button .toolbarbutton-icon,
+	#email-link-button .toolbarbutton-icon,
+	#print-button .toolbarbutton-icon,
+	#add-ons-button .toolbarbutton-icon,
+	#find-button .toolbarbutton-icon,
+	#bookmarks-menu-button .toolbarbutton-icon,
+	#history-panelmenu .toolbarbutton-icon,
+	#alltabs-button .toolbarbutton-icon,
+	#cut-button .toolbarbutton-icon,
+	#appMenu-cut-button .toolbarbutton-icon,
+	#copy-button .toolbarbutton-icon,
+	#appMenu-copy-button .toolbarbutton-icon,
+	#paste-button .toolbarbutton-icon,
+	#appMenu-paste-button .toolbarbutton-icon,
+	#nav-bar-overflow-button .toolbarbutton-icon,
+	#reload-button .toolbarbutton-icon,
+	#stop-button .toolbarbutton-icon,
+	#downloads-button .toolbarbutton-icon,
+	#sync-button .toolbarbutton-icon,
+	#new-window-button .toolbarbutton-icon,
+	#screenshot-button .toolbarbutton-icon,
+	#tracking-protection-icon,
+	#identity-icon,
+	#pageActionButton,
+	#permissions-granted-icon,
+	#tracking-protection-icon-animatable-image,
+	#reader-mode-button,
+	#star-button:not([starred]),
+	#geo-sharing-icon[sharing], .geo-icon,
+	.blocked-permission-icon.popup-icon,
+	#webrtc-sharing-icon[sharing="screen"],
+	.screen-icon,
+	.screen-icon.blocked-permission-icon,
+	#webrtc-sharing-icon[sharing="microphone"],
+	.microphone-icon,
+	.plugin-icon, .autoplay-media-icon,
+	.popup-notification-icon[popupid="drmContentPlaying"], .drm-icon,
+	.bookmark-item[container] .toolbarbutton-icon {
+		filter: invert(60%) brightness(150%);
+	}
+
+	#pocket-button,
+	#pageAction-panel-pocket {
+		list-style-image: url("../icons/save-to-pocket-light.svg") !important;
+	}
+
+	/* Tree views */
+	treechildren::-moz-tree-twisty {
+		list-style-image: url("../icons/pan-down-symbolic-light.svg") !important;
+	}
+	treechildren::-moz-tree-twisty(open) {
+		list-style-image: url("../icons/pan-end-symbolic-light.svg") !important;
+	}
+	#historyTree treechildren::-moz-tree-image {
+		list-style-image: url("../icons/preferences-system-time-symbolic-light.svg") !important;
+	}
+
+	/* Fix for extensions icons */
+	.webextension-browser-action {
+		list-style-image: var(--webextension-menupanel-image-light, inherit) !important;
+	}
+}
diff --git a/src/other/firefox/Monterey/parts/popups-contents.css b/src/other/firefox/Monterey/parts/popups-contents.css
new file mode 100644
index 0000000..73e7329
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/popups-contents.css
@@ -0,0 +1,295 @@
+/* Popups contents syles */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Main menu fxa */
+#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label {
+	padding-left: 22px !important;
+	margin-inline-start: -22px !important;
+}
+#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-avatar {
+	margin-inline-start: 5px !important;
+}
+#appMenu-fxa-status2[fxastatus] > #appMenu-fxa-label2 > vbox > #appMenu-header-description, #appMenu-fxa-text {
+	font-weight: 400 !important;
+}
+#appMenu-fxa-label2 {
+	padding: 0 !important;
+	background: none !important;
+	border: none !important;
+	box-shadow: none !important;
+}
+
+/* Style main context menu & buttons */
+#context-navigation {
+	padding: 2px 6px 6px;
+}
+#context-navigation > menuitem > .menu-iconic-left {
+	margin: auto !important;
+}
+#context-navigation menuitem {
+	--toolbarbutton-active-background: transparent !important;
+	--toolbarbutton-hover-background: transparent !important;
+}
+
+/* Remove icons from the main context menu */
+#contentAreaContextMenu menuitem image,
+#contentAreaContextMenu menu image {
+	visibility: hidden;
+}
+#contentAreaContextMenu menugroup menuitem image {
+	visibility: visible;
+}
+
+/* Main menu */
+#appMenu-popup .panel-banner-item:after {
+	-moz-box-ordinal-group: 0;
+	margin: 0 8px 0 0 !important;
+}
+#appMenu-popup .toolbaritem-combined-buttons {
+	margin-inline-end: 0 !important;
+}
+#appMenu-popup .toolbaritem-combined-buttons .before-label {
+	width: 32px !important;
+}
+
+/* User sync account remove avatar */
+#fxa-menu-avatar {
+	display: none;
+}
+
+/* Add search engine button remove icon */
+#pageAction-panel-addSearchEngine .toolbarbutton-badge-stack {
+	display: none !important;
+}
+
+/* All tabs popover */
+.all-tabs-item[selected] {
+	border-left: 3px solid var(--gnome-tabbar-tab-active-border-bottom-color);
+	box-shadow: none !important;
+}
+
+.all-tabs-item > .all-tabs-secondary-button label {
+	margin: 0 !important;
+}
+
+/* Downloads popover */
+#downloadsPanel-mainView .download-state {
+	padding: 8px !important;
+	border: 0 !important;
+	border-radius: 8px !important;
+	display: flex;
+	align-items: center;
+}
+#downloadsPanel-mainView .download-state:hover {
+	background-color: var(--gnome-popover-button-hover-background) !important;
+}
+#downloadsPanel-mainView .download-state:last-child {
+	margin-bottom: 8px !important;
+}
+
+#downloadsPanel-mainView .downloadMainArea {
+	flex: 1;
+	display: flex;
+}
+#downloadsPanel-mainView .downloadMainArea:hover {
+	background: transparent !important;
+}
+
+#downloadsPanel-mainView .downloadTypeIcon {
+	margin: 0 !important;
+	margin-right: 6px !important;
+}
+
+#downloadsPanel-mainView .downloadContainer {
+	margin-inline-end: 0 !important;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+}
+
+#downloadsPanel-mainView .download-state .downloadButton .button-box {
+	padding: 0 !important;
+	margin: 0 !important;
+}
+#downloadsPanel-mainView .download-state toolbarseparator {
+	display: none;
+}
+
+/* Customization overflow menu position */
+#customization-panel-container {
+	padding: 0 75px 25px !important;
+	margin-top: 10px;
+	z-index: 10;
+}
+#customization-panelWrapper > .panel-arrowbox {
+	margin-bottom: -5px !important;
+}
+
+/* Confirmation Hint */
+#confirmation-hint .panel-arrowcontent {
+	background: var(--gnome-button-suggested-action-background) !important;
+	border-color: var(--gnome-button-suggested-action-border-color) !important;
+}
+#confirmation-hint .panel-arrow {
+	fill: var(--gnome-button-suggested-action-border-color) !important;
+	stroke: var(--gnome-button-suggested-action-border-color) !important;
+}
+#confirmation-hint-message {
+	color: white !important;
+}
+
+/* Identity popup */
+#identity-popup-security,
+.identity-popup-section,
+#identity-popup-security-expander .button-box,
+.identity-popup-security-content {
+	border: 0 !important;
+}
+
+.identity-popup-security-content, #identity-popup-permissions-content, #identity-popup-content-blocking-content {
+	padding-inline-end: 0 !important;
+	padding-inline-start: 0 !important;
+}
+#identity-popup-permissions-content, #identity-popup-content-blocking-content {
+	background-image: none !important;
+}
+.identity-popup-security-content {
+	background-position: 0em 0.8em !important;
+	background-size: 24px auto;
+}
+.identity-popup-security-content .identity-popup-headline {
+	margin-left: 1.4em !important;
+}
+
+/* Protections popup */
+.protections-popup-section,
+#protections-popup-not-blocking-section-header {
+	border: 0 !important;
+}
+#protections-popup-mainView-panel-header-section {
+	background: transparent !important;
+}
+
+#protections-popup-mainView-panel-header {
+	color: var(--gnome-toolbar-color) !important;
+	padding: 0 !important;
+}
+#protections-popup[hasException] #protections-popup-mainView-panel-header {
+	background: none !important;
+}
+
+#protections-popup-main-header-label {
+	height: auto !important;
+	margin-inline-start: 6px !important;
+	text-align: left !important;
+}
+#protections-popup-mainView-panel-header-span {
+	margin: 0 !important;
+	margin-inline-start: 0 !important
+}
+#protections-popup[toast] #protections-popup-mainView-panel-header {
+	border-bottom-width: 1px !important;
+	border-radius: 5px !important;
+	padding: 0px !important;
+}
+
+#messaging-system-message-container {
+	height: 150px !important;
+	border: 0 !important;
+}
+#protections-popup #messaging-system-message-container[disabled] {
+	margin-bottom: -150px !important;
+}
+#protections-popup-message {
+	background: none !important;
+	border: 0 !important;
+	color: var(--gnome-toolbar-color) !important;
+	height: 100% !important;
+	margin: 0 !important;
+}
+#protections-popup-message .text-link {
+	color: var(--gnome-toolbar-color) !important;
+}
+
+#protections-popup-tp-switch-section {
+	background: var(--gnome-menu-background);
+	border: 1px solid var(--gnome-button-border-color) !important;
+	border-radius: 6px;
+	padding: 12px !important;
+}
+#protections-popup[hasException] #protections-popup-tp-switch-section {
+	background: var(--gnome-menu-background) !important;
+}
+.protections-popup-tp-switch-label-box label {
+	font-weight: normal !important;
+}
+
+#protections-popup-no-trackers-found-description {
+	margin: 12px 0 !important;
+	text-align: left !important;
+}
+
+#protections-popup-blocking-section-header,
+#protections-popup-not-found-section-header,
+#protections-popup-not-blocking-section-header{
+	padding: 0px 5px !important;
+	margin-top: 20px !important;
+	height: auto !important;
+}
+
+#protections-popup-category-list {
+	margin: 0 !important;
+}
+.protections-popup-category-label {
+	margin-inline-start: 6px !important;
+}
+.protections-popup-category-state-label {
+	opacity: 0.7;
+}
+
+#protections-popup-content,
+#protections-popup-footer  {
+	padding: 0 !important;
+}
+
+#protections-popup-footer  {
+	display: flex;
+	justify-content: flex-start;
+	flex-wrap: wrap;
+	margin-top: 12px;
+}
+#protections-popup-show-report-stack {
+	width: 100% !important;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-top: 10px;
+}
+
+#protections-popup-trackers-blocked-counter-box {
+	margin-inline-end: 0 !important;
+}
+
+.protections-popup-description {
+	border-bottom: 0 !important;
+}
+.protections-popup-description > description {
+	margin: 8px !important;
+}
+
+/* Feature recommendation notification, fix width */
+#contextual-feature-recommendation-notification {
+	width: auto !important;
+}
+
+/* Notification popups */
+.popup-notification-learnmore-link {
+	margin-top: 40px !important;
+}
+
+/* Extensions sometimes assume a white background */
+.webextension-popup-browser {
+	background-color: #fff !important;
+}
+
diff --git a/src/other/firefox/Monterey/parts/popups.css b/src/other/firefox/Monterey/parts/popups.css
new file mode 100644
index 0000000..7d44212
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/popups.css
@@ -0,0 +1,173 @@
+/* Popup menus and context menus */
+
+@import "popups-contents.css";
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Style menus */
+menupopup {
+	-moz-appearance: none !important;
+	background: var(--gnome-menu-background) !important;
+	border: 1px solid var(--gnome-menu-border-color) !important;
+	border-radius: 8px !important;
+	padding: 8px 0 !important;
+	color: var(--gnome-toolbar-color) !important;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
+}
+menupopup menupopup {
+	margin: -5px 0 0 -4px;
+}
+
+menubar > menu > menupopup {
+	border-top-left-radius: 0 !important;
+	border-top-right-radius: 0 !important;
+}
+
+menuitem, menupopup menu {
+	-moz-appearance: none !important;
+	padding: 4px 8px !important;
+}
+
+menuitem[type="checkbox"] image, menuitem[type="radio"] image {
+	visibility: visible !important;
+}
+
+menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover {
+	background: transparent !important;
+}
+
+/* Adjust popovers position */
+panel[type=arrow] {
+	margin-top: 8px !important;
+}
+
+/* Style popovers */
+.panel-arrowcontent .panel-arrowcontent,
+.panel-header, .PanelUI-subView,
+.panel-subview-body, #widget-overflow-mainView, #protections-popup-footer,
+panelview {
+	border: 0 !important;
+	background: transparent !important;
+}
+
+.panel-arrowcontent {
+	background: var(--gnome-popover-background) !important;
+	border: 1px solid !important;
+	border-color: var(--gnome-popover-border-color) !important;
+	border-radius: 8px!important;
+	padding: 12px !important;
+	color: var(--gnome-toolbar-color) !important;
+}
+.panel-arrow {
+	fill: var(--gnome-popover-background) !important;
+	stroke: var(--gnome-popover-border-color) !important;
+	display: -moz-inline-box !important;
+}
+panel:not([remote]), #BMB_bookmarksPopup {
+	--arrowpanel-background: var(--gnome-popover-background) !important;
+}
+.PanelUI-subView toolbarseparator:not([orient="vertical"]) {
+	margin: 10px 2px !important;
+}
+
+.panel-header {
+	padding: 0 0 10px 0 !important;
+}
+.panel-header + toolbarseparator,
+#identity-popup-mainView-panel-header + toolbarseparator,
+#permission-popup-mainView-panel-header + toolbarseparator,
+#protections-popup-mainView-panel-header-section + toolbarseparator {
+	display: none !important;
+}
+.panel-footer {
+	background-color: transparent !important;
+	display: flex;
+	justify-content: flex-end;
+	padding-top: 0px !important;
+}
+.panel-footer.panel-footer-menulike {
+	border-top: 0 !important;
+	margin-top: 8px !important;
+}
+.panel-footer toolbarseparator {
+	display: none !important;
+}
+.proton-zap {
+	border-image: unset !important;
+}
+.panel-subview-body {
+	padding: 0 !important;
+}
+.panel-subview-footer {
+	margin-top: 10px !important;
+}
+
+/* Style popovers menu buttons */
+.subviewbutton:not(.subviewbutton-back),
+.toolbarbutton-1, .protections-popup-category,
+.identity-popup-content-blocking-category {
+	border-radius: 8px !important;
+	color: var(--gnome-toolbar-color) !important;
+	font: menu !important;
+}
+.subviewbutton:not(.subviewbutton-back),
+.protections-popup-category,
+.identity-popup-content-blocking-category {
+	padding: 5px !important;
+	margin: 0 !important;
+}
+
+.subviewbutton[disabled], .toolbarbutton-1[disabled],
+.protections-popup-category[disabled],
+.identity-popup-content-blocking-category[disabled] {
+	opacity: 0.5 !important;
+	color: var(--gnome-inactive-toolbar-color) !important;
+	background: none !important;
+}
+
+.subviewbutton[shortcut]:after {
+	opacity: 0.5 !important;
+}
+
+.subviewbutton:not([disabled]):hover, .toolbarbutton-1:not([disabled]):hover, .protections-popup-category:not([disabled]):hover,
+.identity-popup-content-blocking-category:not([disabled]):hover {
+	background-color: var(--gnome-popover-button-hover-background) !important;
+}
+
+/* Style popover separators */
+toolbarseparator, menuseparator {
+	border-color: var(--gnome-popover-separator-color) !important;
+}
+toolbarseparator:not([orient="vertical"]) {
+	margin: 8px 0 !important;
+}
+toolbarseparator[orient="vertical"] {
+	margin: 0 3px !important;
+}
+
+/* Auto complete popups */
+panel[type="autocomplete-richlistbox"] {
+	background: var(--gnome-menu-background) !important;
+	border: 1px solid var(--gnome-menu-border-color) !important;
+	padding: 4px 0 !important;
+	color: var(--gnome-toolbar-color) !important;
+}
+.autocomplete-richlistbox {
+	margin: 0 !important;
+}
+
+.autocomplete-richlistitem:not([type="loginsFooter"]) {
+	color: var(--gnome-toolbar-color) !important;
+	font: menu !important;
+	margin: 0 !important;
+}
+.autocomplete-richlistitem:not([type="loginsFooter"]) .ac-site-icon {
+	fill: var(--gnome-toolbar-color) !important;
+	opacity: 0.5;
+}
+.autocomplete-richlistitem:not([type="loginsFooter"]):hover {
+	color: #fff !important;
+	background-color: Highlight !important;
+}
+.autocomplete-richlistitem:not([type="loginsFooter"]):hover .ac-site-icon {
+	fill: #fff !important;
+}
diff --git a/src/other/firefox/Monterey/parts/remove-white-flash.css b/src/other/firefox/Monterey/parts/remove-white-flash.css
new file mode 100644
index 0000000..7d46d80
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/remove-white-flash.css
@@ -0,0 +1,11 @@
+/* Removes a white flash after you open or close a tab. Affects all variants,
+ * but it's more visible on dark variants. */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Overrides: Change the flash color */
+#tabbrowser-tabpanels,
+#tabbrowser-tabpanels[pendingpaint],
+browser {
+	background-color: var(--gnome-browser-before-load-background) !important;
+}
diff --git a/src/other/firefox/Monterey/parts/tabsbar.css b/src/other/firefox/Monterey/parts/tabsbar.css
new file mode 100644
index 0000000..d05eff1
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/tabsbar.css
@@ -0,0 +1,128 @@
+/* Tabs bar  */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+.tabbrowser-tab {
+	margin-top: 0 !important;
+	margin-bottom: 11px !important;
+	margin-left: 3px !important;
+	margin-right: 3px !important;
+}
+
+.tabbrowser-tab,
+.tab-background {
+	border: none !important;
+	box-shadow: none !important;
+	transition: all 200ms !important;
+	border-radius: 8px !important;
+	height: 32px !important;
+	min-height: 32px !important;
+	max-height: 32px !important;
+	padding: 0 !important;
+	background-image: none !important;
+}
+
+.tab-content {
+}
+
+.tab-background:not([selected=true]) {
+	background: var(--gnome-tabbar-tab-background) !important;
+}
+
+.tab-background:not([selected=true]):-moz-window-inactive {
+	background: var(--gnome-inactive-tabbar-tab-background) !important;
+}
+
+/* Tab hover */
+#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
+	background: var(--gnome-tabbar-tab-hover-background) !important;
+}
+
+/* Active tab */
+.tab-background[selected=true] {
+	background: var(--gnome-tabbar-tab-active-background) !important;
+}
+
+.tab-background[selected=true]:-moz-window-inactive {
+	background: var(--gnome-inactive-tabbar-tab-active-background) !important;
+}
+
+.close-icon {
+	height: 16px !important;
+	padding: 0 !important;
+	width: 16px !important;
+}
+
+.tab-close-button {
+	-moz-appearance: none !important;
+	margin-inline-end: 0 !important;
+	border: none !important;
+	box-sizing: content-box; /* Avoid deformation on flexbox */
+	border-radius: 3px !important;
+	list-style-image: url("../icons/window-close-symbolic.svg") !important;
+	height: 16px;
+	opacity: .3;
+	padding: 0;
+	width: 16px;
+}
+
+@media (prefers-color-scheme: dark) {
+	.tab-close-button {
+		list-style-image: url("../icons/window-close-symbolic-light.svg") !important;
+	}
+}
+:root:-moz-window-inactive .tab-close-button:not(#hack) {
+	opacity: .18 !important;
+}
+:root:not(:-moz-window-inactive) .tab-close-button:hover {
+	background-color: var(--gnome-button-hover-color) !important;
+	border: none !important;
+	opacity: 1;
+}
+:root:not(:-moz-window-inactive) .tab-close-button:active {
+	background-color: var(--gnome-button-active-color) !important;
+}
+
+.tab-close-button:active:not(:hover) {
+	background-image: none !important;
+	box-shadow: none !important;
+}
+
+/* Tab close button etc. positioning */
+.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {
+	margin-top: 0 !important;
+}
+
+/* Remove blue line above tabs */
+.tab-line {
+	display: none;
+}
+
+.tabbrowser-tab[class*="identity-color-"][pinned] {
+	display: flex;
+}
+
+.tab-background {
+	background-color: transparent !important;
+	transition: all 200ms;
+}
+
+#TabsToolbar #alltabs-button {
+	padding: 0 0 !important;
+}
+
+#TabsToolbar .toolbarbutton-1, #TabsToolbar .toolbarbutton-1,
+#tabs-newtab-button, #TabsToolbar #new-tab-button {
+	margin: 4px 2px !important;
+	padding: 0 10px !important;
+	max-height: 32px !important;
+	min-height: 32px !important;
+}
+
+#TabsToolbar .toolbarbutton-1 image, #TabsToolbar .toolbarbutton-1 image,
+#tabs-newtab-button image, #TabsToolbar #new-tab-button image {
+	margin: 0 !important;
+	padding: 0 !important;
+	height: 16px !important;
+	width: 16px !important;
+}
diff --git a/src/other/firefox/Monterey/parts/titlebutton-dark.css b/src/other/firefox/Monterey/parts/titlebutton-dark.css
new file mode 100644
index 0000000..b944530
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/titlebutton-dark.css
@@ -0,0 +1,146 @@
+@media (prefers-color-scheme: dark) {
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close,
+:root[tabsintitlebar] #titlebar #titlebar-close {
+	background: url("../titlebuttons/titlebutton-close-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max,
+:root[tabsintitlebar] #titlebar #titlebar-max {
+	background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min,
+:root[tabsintitlebar] #titlebar #titlebar-min {
+	background: url("../titlebuttons/titlebutton-minimize-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore,
+:root[tabsintitlebar] #titlebar #titlebar-restore,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox .titlebar-max,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max {
+	background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close,
+:root[tabsintitlebar] #titlebar #titlebar-close:hover {
+	background: url("../titlebuttons/titlebutton-close-hover-inactive-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max,
+:root[tabsintitlebar] #titlebar #titlebar-max:hover {
+	background: url("../titlebuttons/titlebutton-maximize-hover-inactive-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min,
+:root[tabsintitlebar] #titlebar #titlebar-min:hover {
+	background: url("../titlebuttons/titlebutton-minimize-hover-inactive-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:hover,
+:root[tabsintitlebar] #titlebar #titlebar-close:hover {
+	background: url("../titlebuttons/titlebutton-close-hover-dark.svg") no-repeat;
+	background-size: contain;
+	transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:hover,
+:root[tabsintitlebar] #titlebar #titlebar-max:hover {
+	background: url("../titlebuttons/titlebutton-maximize-hover-dark.svg") no-repeat;
+	background-size: contain;
+	transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:hover,
+:root[tabsintitlebar] #titlebar #titlebar-min:hover {
+	background: url("../titlebuttons/titlebutton-minimize-hover-dark.svg") no-repeat;
+	background-size: contain;
+	transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-restore,
+:root[tabsintitlebar] #titlebar #titlebar-restore:hover,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:hover .titlebar-max,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:hover {
+	background: url("../titlebuttons/titlebutton-unmaximize-hover-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:active,
+:root[tabsintitlebar] #titlebar #titlebar-close:active {
+	background: url("../titlebuttons/titlebutton-close-active-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:active,
+:root[tabsintitlebar] #titlebar #titlebar-max:active {
+	background: url("../titlebuttons/titlebutton-maximize-active-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:active,
+:root[tabsintitlebar] #titlebar #titlebar-min:active {
+	background: url("../titlebuttons/titlebutton-minimize-active-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:active .titlebar-restore,
+:root[tabsintitlebar] #titlebar #titlebar-restore:active,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:active .titlebar-max:active,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:active {
+	background: url("../titlebuttons/titlebutton-unmaximize-active-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-close,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close {
+	background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max {
+	background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-min,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min {
+	background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-restore,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-restore,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max {
+	background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-close,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close:hover {
+	background: url("../titlebuttons/titlebutton-close-backdrop-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max:hover {
+	background: url("../titlebuttons/titlebutton-maximize-backdrop-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-min,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min:hover {
+	background: url("../titlebuttons/titlebutton-minimize-backdrop-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-restore,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-restore:hover,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max:hover {
+	background: url("../titlebuttons/titlebutton-unmaximize-backdrop-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button {
+	background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:hover {
+	background: url("../titlebuttons/titlebutton-unmaximize-hover-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:active {
+	background: url("../titlebuttons/titlebutton-unmaximize-active-dark.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive #restore-button {
+	background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat;
+	background-size: contain;
+}
+}
diff --git a/src/other/firefox/Monterey/parts/titlebutton-light.css b/src/other/firefox/Monterey/parts/titlebutton-light.css
new file mode 100644
index 0000000..7d7c277
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/titlebutton-light.css
@@ -0,0 +1,144 @@
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close,
+:root[tabsintitlebar] #titlebar #titlebar-close {
+	background: url("../titlebuttons/titlebutton-close.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max,
+:root[tabsintitlebar] #titlebar #titlebar-max {
+	background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min,
+:root[tabsintitlebar] #titlebar #titlebar-min {
+	background: url("../titlebuttons/titlebutton-minimize.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore,
+:root[tabsintitlebar] #titlebar #titlebar-restore,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox .titlebar-max,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max {
+	background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close,
+:root[tabsintitlebar] #titlebar #titlebar-close:hover {
+	background: url("../titlebuttons/titlebutton-close-hover-inactive.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max,
+:root[tabsintitlebar] #titlebar #titlebar-max:hover {
+	background: url("../titlebuttons/titlebutton-maximize-hover-inactive.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min,
+:root[tabsintitlebar] #titlebar #titlebar-min:hover {
+	background: url("../titlebuttons/titlebutton-minimize-hover-inactive.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:hover,
+:root[tabsintitlebar] #titlebar #titlebar-close:hover {
+	background: url("../titlebuttons/titlebutton-close-hover.svg") no-repeat;
+	background-size: contain;
+	transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:hover,
+:root[tabsintitlebar] #titlebar #titlebar-max:hover {
+	background: url("../titlebuttons/titlebutton-maximize-hover.svg") no-repeat;
+	background-size: contain;
+	transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:hover,
+:root[tabsintitlebar] #titlebar #titlebar-min:hover {
+	background: url("../titlebuttons/titlebutton-minimize-hover.svg") no-repeat;
+	background-size: contain;
+	transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1);
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-restore,
+:root[tabsintitlebar] #titlebar #titlebar-restore:hover,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:hover .titlebar-max,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:hover {
+	background: url("../titlebuttons/titlebutton-unmaximize-hover.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:active,
+:root[tabsintitlebar] #titlebar #titlebar-close:active {
+	background: url("../titlebuttons/titlebutton-close-active.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:active,
+:root[tabsintitlebar] #titlebar #titlebar-max:active {
+	background: url("../titlebuttons/titlebutton-maximize-active.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:active,
+:root[tabsintitlebar] #titlebar #titlebar-min:active {
+	background: url("../titlebuttons/titlebutton-minimize-active.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar .titlebar-buttonbox:active .titlebar-restore,
+:root[tabsintitlebar] #titlebar #titlebar-restore:active,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:active .titlebar-max:active,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:active {
+	background: url("../titlebuttons/titlebutton-unmaximize-active.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-close,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close {
+	background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max {
+	background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-min,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min {
+	background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-restore,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-restore,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max {
+	background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-close,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close:hover {
+	background: url("../titlebuttons/titlebutton-close-backdrop.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max:hover {
+	background: url("../titlebuttons/titlebutton-maximize-backdrop.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-min,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min:hover {
+	background: url("../titlebuttons/titlebutton-minimize-backdrop.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-restore,
+:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-restore:hover,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max,
+:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max:hover {
+	background: url("../titlebuttons/titlebutton-unmaximize-backdrop.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button {
+	background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:hover {
+	background: url("../titlebuttons/titlebutton-unmaximize-hover.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:active {
+	background: url("../titlebuttons/titlebutton-unmaximize-active.svg") no-repeat;
+	background-size: contain;
+}
+:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive #restore-button {
+	background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat;
+	background-size: contain;
+}
diff --git a/src/other/firefox/Monterey/parts/toolbox.css b/src/other/firefox/Monterey/parts/toolbox.css
new file mode 100644
index 0000000..f1b39b9
--- /dev/null
+++ b/src/other/firefox/Monterey/parts/toolbox.css
@@ -0,0 +1,112 @@
+/* Toolbox, a container for all toolbars (toolbox#navigator-toolbox):
+ * - menu bar (toolbar#toolbar-menubar)
+ * - tab bar (toolbar#TabsToolbar)
+ * - header bar (toolbar#nav-bar)
+ * - bookmark bar (toolbar#PersonalToolbar)
+ * - add-ons can add their own toolbars (toolbar) */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+#nav-bar, #PersonalToolbar, #toolbar-menubar {
+	border: 0 !important;
+	color: var(--gnome-toolbar-color);
+	background: var(--gnome-toolbar-background) !important;
+	border-bottom: none !important;
+}
+findbar {
+	border: 0 !important;
+	background: var(--gnome-findbar-background) !important;
+	border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
+}
+#nav-bar:-moz-window-inactive,
+#PersonalToolbar:-moz-window-inactive, #toolbar-menubar:-moz-window-inactive,
+#TabsToolbar:-moz-window-inactive, findbar:-moz-window-inactive {
+	background: var(--gnome-inactive-toolbar-background) !important;
+}
+
+/* Toolbox colors */
+#navigator-toolbox {
+	border: 0 !important;
+	background: none !important;
+}
+
+.toolbarbutton-icon {
+	color: var(--gnome-toolbar-color);
+	fill: var(--gnome-toolbar-color);
+}
+
+#TabsToolbar {
+	margin-top: -43px !important;
+	padding: 0 !important;
+	margin-bottom: 0 !important;
+	margin-left: 460px !important;
+	margin-right: 12vw !important;
+	background: none !important;
+}
+
+:root[sizemode="maximized"] #TabsToolbar {
+	margin-left: 500px !important;
+}
+
+#nav-bar {
+	border: none !important;
+	box-shadow: none !important;
+	border-top-width: 0px !important;
+	border-bottom-width: 0px !important;
+	margin-bottom: 0 !important;
+	background: none !important;
+}
+
+#toolbar-menubar:not([inactive=true]) {
+	margin-bottom: 0 !important;
+}
+
+#PersonalToolbar {
+	padding: 2px 4px 0 4px !important;
+	height: 32px !important;
+}
+
+/* Overrides: Remove border below the menu bar / above the header bar */
+#TabsToolbar:not([collapsed="true"]) + #nav-bar {
+	border-top-width: 0 !important;
+}
+
+#navigator-toolbox::after {
+	border-bottom-width: 0 !important;
+}
+
+/* Overrides: Don't shift other toolbars on tab drag and drop */
+#TabsToolbar[movingtab] {
+	padding-bottom: 0 !important;
+}
+#TabsToolbar[movingtab] > .tabbrowser-tabs {
+	padding-bottom: 0 !important;
+	margin-bottom: 0 !important;
+}
+#TabsToolbar[movingtab] + #nav-bar {
+	margin-top: 0 !important;
+}
+
+#navigator-toolbox #nav-bar, findbar {
+	-moz-box-ordinal-group: 0;
+}
+#navigator-toolbox #PersonalToolbar {
+	-moz-box-ordinal-group: 10;
+}
+#navigator-toolbox #titlebar {
+	-moz-box-ordinal-group: 1;
+}
+#navigator-toolbox toolbar {
+	-moz-box-ordinal-group: 3;
+}
+#navigator-toolbox #TabsToolbar {
+	-moz-box-ordinal-group: 2;
+}
+
+/* bookmark-item */
+toolbarbutton.bookmark-item {
+	padding: 0 4px; !important;
+	margin: 0 2px !important;
+	border-radius: 3px !important;
+	max-height: 20px !important;
+}
diff --git a/src/other/firefox/Monterey/theme.css b/src/other/firefox/Monterey/theme.css
new file mode 100644
index 0000000..ece715e
--- /dev/null
+++ b/src/other/firefox/Monterey/theme.css
@@ -0,0 +1,24 @@
+@import "parts/toolbox.css";
+@import "parts/buttons.css";
+@import "parts/entries.css";
+@import "parts/controls.css";
+@import "parts/headerbar.css";
+@import "parts/csd.css";
+@import "parts/titlebutton-light.css";
+@import "parts/titlebutton-dark.css";
+@import "parts/popups.css";
+@import "parts/tabsbar.css";
+@import "parts/findbar.css";
+@import "parts/dialogs.css";
+@import "parts/remove-white-flash.css";
+@import "parts/custom-icons.css";
+@import "parts/icons.css";
+@import "colors/light.css";
+@import "colors/dark.css";
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* Set theme version text in customization panel */
+#customization-footer::before {
+	content: "Firefox Monterey theme";
+	padding: 10px;
+}
diff --git a/src/other/firefox/Monterey/titlebuttons b/src/other/firefox/Monterey/titlebuttons
new file mode 120000
index 0000000..b41bd0e
--- /dev/null
+++ b/src/other/firefox/Monterey/titlebuttons
@@ -0,0 +1 @@
+../WhiteSur/titlebuttons
\ No newline at end of file
diff --git a/src/other/firefox/WhiteSur/theme.css b/src/other/firefox/WhiteSur/theme.css
index 758ce19..091f019 100644
--- a/src/other/firefox/WhiteSur/theme.css
+++ b/src/other/firefox/WhiteSur/theme.css
@@ -20,5 +20,5 @@
 /* Set theme version text in customization panel */
 #customization-footer::before {
 	content: "Firefox WhiteSur theme";
-	padding: 9px;
+	padding: 10px;
 }
diff --git a/src/other/firefox/userChrome.css b/src/other/firefox/userChrome.css
index 9fde56b..b9adcd4 100644
--- a/src/other/firefox/userChrome.css
+++ b/src/other/firefox/userChrome.css
@@ -2,6 +2,7 @@
 /* Import theme */
 
 @import "WhiteSur/theme.css"; /**/
+/*@import "Monterey/theme.css"; /**/
 
 /*
  * Here you can enable other theme features not included by default.