Fixed #1119

other/zen/README.md

@@ -0,0 +1,103 @@
+
+## <p align="center"> <b> Firefox Safari theme </b> </p>
+![01](https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/firefox.png?raw=true)
+<p align="center">A MacOSX Safari theme for Firefox 80+</p>
+
+## Description
+
+This is a bunch of CSS code to make Firefox look closer to MacOSX Safari theme.
+Based on https://github.com/rafaelmardojai/firefox-gnome-theme
+
+## Installation
+
+Run: `./tweaks.sh -f`
+
+if you want to use `Monterey` style then:
+
+Run: `./tweaks.sh -f monterey`
+
+### Tips about monterey options (Fix the urlbar attached tabs issue)
+
+1. Remove all space separators on left of urlbar
+2. Make sure how many buttons on side of urlbar, a: left side buttons number(3-5), b: right side buttons number(3-5).
+3. then run: `./tweaks.sh -f monterey a+b` for example: `./tweaks.sh -f monterey 5+5`
+
+or you can edit the config file
+
+1. run: `./tweaks.sh -f monterey -e`
+
+```
+/*--------------Configure your Monterey theme--------------
+ * ONLY for Monterey theme
+ * Enable one of these options and disable the other ones.
+ */
+
+/* How many buttons on left headerbar */
+@import "Monterey/left_header_button_3.css"; /**/
+/*@import "Monterey/left_header_button_4.css"; /**/
+/*@import "Monterey/left_header_button_5.css"; /**/
+
+/* How many buttons on right headerbar */
+@import "Monterey/right_header_button_3.css"; /**/
+/*@import "Monterey/right_header_button_4.css"; /**/
+/*@import "Monterey/right_header_button_5.css"; /**/
+
+```
+
+2. Choose the right buttons number config then remove `/*` to enable it and add `/*` to disable the default one
+
+### Adaptive version support now!
+
+https://github.com/user-attachments/assets/9b99297f-e6b3-4aa0-812a-331cddb517ce
+
+Run: `./tweaks.sh -f adaptive` to install it
+
+You need install adaptive-tab-bar-colour plugin first. https://addons.mozilla.org/firefox/addon/adaptive-tab-bar-colour/
+
+### Manual installation
+
+1. Go to `about:support` in Firefox.
+2. Application Basics > Profile Directory > Open Directory.
+3. Copy `chrome` folder Firefox config folder.
+4. If you are using Firefox 69+:
+	1. Go to `about:config` in Firefox.
+	2. Search for `toolkit.legacyUserProfileCustomizations.stylesheets` and set it to `true`.
+5. Restart Firefox.
+6. Open Firefox customization panel and:
+	1. Use *Title bar* option to toggle CSD if is not set by default.
+	2. Move the new tab button to headerbar.
+	3. Select light or dark variants on theme switcher.
+7. Be happy with your new gnomish Firefox.
+
+## Enabling optional features
+Open `userChrome.css` with a text editor and follow instructions to enable extra features. Keep in mind this file might change in future versions and your configuration will be lost. You can copy the @imports you want to enable to a new file named `customChrome` directly in your `chrome` directory if you want it to survive updates. Remember all @imports must be at the top of the file, before other statements.
+
+## Known bugs
+
+### CSD have sharp corners
+See upstream [bug](https://bugzilla.mozilla.org/show_bug.cgi?id=1408360).
+
+#### Wayland fix:
+1. Go to the `about:config` page
+2. Search for the `layers.acceleration.force-enabled` preference and set it to true.
+3. Now restart Firefox, and it should look good!
+
+#### X11 fix:
+1. Go to the `about:config` page
+2. Type `mozilla.widget.use-argb-visuals`
+3. Set it as a `boolean` and click on the add button
+4. Now restart Firefox, and it should look good!
+
+## Development
+
+If you wanna mess around the styles and change something, you might find these
+things useful.
+
+To use the Inspector to debug the UI, open the developer tools (F12) on any
+page, go to options, check both of those:
+
+- Enable browser chrome and add-on debugging toolboxes
+- Enable remote debugging
+
+Now you can close those tools and press Ctrl+Alt+Shift+I to Inspect the browser
+UI.

other/zen/customChrome.css

@@ -0,0 +1,3 @@
+
+/* Add your own custom styles here */
+

other/zen/userChrome.css

@@ -0,0 +1,39 @@
+/*------------------------USAGE----------------------------
+ * Remove "/*" at the begining of "@import" line to ENABLE.
+ * Add "/*" at the begining of "@import" line to DISABLE.
+ */
+
+@import "WhiteSur/theme.css"; /**/
+
+/*--------------Configure common theme features--------------*/
+
+/* Move tab close button to left. */
+/*@import "WhiteSur/left-tab-close-button.css"; /**/
+
+/* Hide the tab bar when only one tab is open (GNOMISH)
+ * You should move the new tab button somewhere else for this to work, because by
+ * default it is on the tab bar too. */
+/*@import "WhiteSur/hide-single-tab.css"; /**/
+
+/* Limit the URL bar's autocompletion popup's width to the URL bar's width (GNOMISH) 
+ * This feature is included by default for Firefox 70+ */
+/*@import "WhiteSur/matching-autocomplete-width.css"; /**/
+
+/* Rounded window even when it gets maximized */
+/*@import "WhiteSur/rounded-window-maximized.css"; /**/
+
+/* Use system theme icons instead of Adwaita icons included by theme [BUGGED] */
+/*@import "WhiteSur/system-icons.css"; /**/
+
+/* Allow drag window from headerbar buttons (GNOMISH) [BUGGED] */
+/* It can activate button action, with unpleasant behavior. */
+/*@import "WhiteSur/drag-window-headerbar-buttons.css"; /**/
+
+/* Make all tab icons look kinda like symbolic icons */
+/*@import "WhiteSur/symbolic-tab-icons.css"; /**/
+
+/* Hide window buttons (close/min/max) in maximized windows */
+/*@import "WhiteSur/hide-window-buttons.css"; /**/
+
+/* Import your custom stylesheet */
+@import "customChrome.css"; /**/

other/zen/userContent.css

@@ -0,0 +1,7 @@
+@import "WhiteSur/colors/light.css";
+@import "WhiteSur/colors/dark.css";
+
+@import "WhiteSur/pages/common.css";
+@import "WhiteSur/pages/newtab.css";
+@import "WhiteSur/pages/reader.css";
+@import "WhiteSur/pages/privatebrowsing.css";

src/sass/gnome-shell/common/_app-grid.scss

@@ -4,7 +4,6 @@
   .overview-icon {
     color: $light_fg_color;
     border-radius: $wm_radius * 1.5;
-    padding: 12px;
     border: none;
     transition-duration: 100ms;
     text-align: center;