Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add 2 new tweaks (Mica and Floating Tabs) (#21)

Browse source
This commit is contained in:
bmFtZQ 2022-06-10 19:55:15 +08:00
parent 8e94eb8a97
commit dd93975b9e
11 changed files with 185 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

40
README.md
View file

@ -14,23 +14,42 @@ A Firefox userChrome.css theme that aims to recreate the look and feel of the Ch
3. `layout.css.color-mix.enabled` = `true`
###### On macOS:
1. To use the Edge style context menu on macOS then set `widget.macos.native-context-menus` = `false` **(Not Implemented Yet!)**
~~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`
Additional tweaks can also be applied to the theme, such as Mica (Windows 11 Only), Floating Tabs and more. See [Tweaks](#tweaks).
**Note: Most frequently tested on macOS**
## Tweaks
Certain tweaks can be applied to the theme, to enable them navigate to `about:config` and create a boolean key for each tweak and set it to `true` and restart the browser.
## Screenshots (Windows)
|Theme|Light|Dark|
|-|-|-|
|Default|![Light](screenshots/light.png)|![Dark](screenshots/dark.png)|
|Floating Tabs|![Light, Floating Tabs](screenshots/light-floating-tabs.png)|![Dark, Floating Tabs](screenshots/dark-floating-tabs.png)|
|Mica|![Light, Mica](screenshots/light-mica.png)|![Dark, Mica](screenshots/dark-mica.png)|
|Mica and Floating Tabs|![Light, Mica and Floating Tabs](screenshots/light-mica-floating-tabs.png)|![Dark, Mica and Floating Tabs](screenshots/dark-mica-floating-tabs.png)|
To disable a tweak, set the key to false or delete it and restart the browser.
## Tweaks
Certain tweaks can be applied to the theme, to enable them navigate to `about:config` and create a boolean key for each tweak you want to use and set it to `true`, then restart the browser.
To disable a tweak, set the key to `false` or delete it, then restart the browser.
|disable drag space above tabs|
|-|
|`uc.tweak.disable-drag-space`|
|enable Edge style floating tabs|
|-|
|`uc.tweak.floating-tabs`|
|enable Mica toolbar background (Windows 11 only)|
|-|
|**See [Mica Tweak Instructions (Windows 11 Only)](#mica-tweak-instructions-windows-11-only) for installation instructions.**|
|`uc.tweak.win11-mica`|
|force tab background colour to `--toolbar-bg` (useful for Proton themes)|
|-|
|**NOTE: can cause readability issues with some themes! (eg. white text on white bg)**|
@ -49,11 +68,22 @@ To disable a tweak, set the key to false or delete it and restart the browser.
|-|
|`uc.tweak.less-permissions-button-padding`|
## Mica Tweak Instructions (Windows 11 Only)
1. Download and install [Mica For Everyone](https://github.com/MicaForEveryone/MicaForEveryone).
2. Create a custom process rule with the following:
1. Name: `firefox`
2. Titlebar Color: `System`
3. Backdrop Type: `Mica`
3. Enable tweak in `about:config`: `uc.tweak.win11-mica`
4. Restart Firefox.
## Acknowledgements
[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)
[KibSquib48](https://github.com/KibSquib48) - [MicaFox](https://github.com/KibSquib48/MicaFox)
---
Old version can be found [here](https://github.com/bmFtZQ/edge-frfox/tree/v91.0-archive).