modify readme

README.md

@@ -1,15 +1,11 @@
-# Edge-FrFox rewrite
+# Edge-Frfox
 A Firefox userChrome.css theme that aims to recreate the look and feel of the Chromium version of Microsoft Edge.
 
-This branch is for a new version that is rewritten from scratch. Old version can be found [here](https://github.com/bmFtZQ/Edge-FrFox/tree/v91.0-archive).
-
-**The context menu and its icons have not been completed yet.**
-
-![thumbnail](screenshots/thumb.png)
+![thumbnail](screenshots/thumbnail.png)
 ###### Screenshot taken with macOS Monterey / Firefox Nightly 96.0a1 (2021-11-30)
 
 ## How to install
-1. Go to `about:support` and click the "Show in File Explorer/Finder" button for the root directory of your browser profile/s.
+1. Go to `about:support` and click the "Open Folder/Show in Finder" button for the root directory of your browser profile/s.
 2. Download and copy the `chrome` folder into the profile folder.
 3. Go to about:config and change these preferences:
    ###### For all operating systems:
@@ -19,6 +15,10 @@ This branch is for a new version that is rewritten from scratch. Old version can
 
    ###### On macOS:
    1. To use the Edge style context menu on macOS then set `widget.macos.native-context-menus` = `false` **(Not Implemented Yet!)**
+
+   ##### Recommended:
+   1. `browser.tabs.tabMinWidth` = `66`
+   2. `browser.tabs.tabClipWidth` = `66`
    
 **Note: Most frequently tested on macOS**
 
@@ -26,3 +26,7 @@ This branch is for a new version that is rewritten from scratch. Old version can
 [muckSponge](https://github.com/muckSponge) - [MaterialFox](https://github.com/muckSponge/MaterialFox)
 
 [Microsoft](https://github.com/microsoft) - [Fluent UI System Icons](https://github.com/microsoft/fluentui-system-icons)
+
+---
+
+Old version can be found [here](https://github.com/bmFtZQ/edge-frfox/tree/v91.0-archive).

chrome/toolbar/tabbar.css

@@ -21,7 +21,7 @@
 #tabbrowser-tabs[movingtab]>#tabbrowser-arrowscrollbox>.tabbrowser-tab[fadein]:not([selected]):not([multiselected]),
 .tabbrowser-tab[tab-grouping],
 .tabbrowser-tab[tabdrop-samewindow] {
-  transition: transform 150ms cubic-bezier(0, .75, .25, 1) !important;
+  transition: transform 200ms cubic-bezier(0, .75, .25, 1) !important;
 }
 
 :root:is([inFullscreen], :not([tabsintitlebar])) #titlebar {
@@ -125,7 +125,7 @@
 }
 
 .tab-close-button {
-  margin-inline-end: calc(8px - var(--inline-tab-padding)) !important;
+  margin-inline-end: 8px !important;
   width: 17px !important;
   height: 17px !important;
   padding: 4px !important;
@@ -312,3 +312,11 @@ toolbarbutton[part="scrollbutton-down"] {
     }
   }
 }
+
+#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[selected="true"] .tab-label-container {
+  --tab-label-mask-size: 0.5em !important;
+}
+
+.tab-content {
+  padding-inline: var(--inline-tab-padding) 0 !important;
+}

chrome/userChrome.css

@@ -20,3 +20,9 @@ bugs with certain themes eg. dark text on dark background.) */
 :root {
   --lwt-selected-tab-background-color: unset !important;
 }
+
+/* hide firefox account button when not in private mode (useful as a private
+browsing indicator) */
+/* :root:not([privatebrowsingmode]) #nav-bar:not([customizing]) #fxa-toolbar-menu-button {
+  display: none !important;
+} */