diff --git a/README.md b/README.md index 3623e2c..872556a 100644 --- a/README.md +++ b/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). diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css index e8fcae8..3605f02 100644 --- a/chrome/toolbar/tabbar.css +++ b/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; +} diff --git a/chrome/userChrome.css b/chrome/userChrome.css index f295d9f..a013e34 100644 --- a/chrome/userChrome.css +++ b/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; +} */ diff --git a/screenshots/colorways-dark.png b/screenshots/colorways-dark.png old mode 100644 new mode 100755 diff --git a/screenshots/colorways-light.png b/screenshots/colorways-light.png old mode 100644 new mode 100755 diff --git a/screenshots/thumb.png b/screenshots/thumb.png deleted file mode 100644 index 1315a36..0000000 Binary files a/screenshots/thumb.png and /dev/null differ diff --git a/screenshots/thumbnail.png b/screenshots/thumbnail.png new file mode 100644 index 0000000..1feb17a Binary files /dev/null and b/screenshots/thumbnail.png differ