add "tweaks" customisation
This commit is contained in:
parent
aaa2e327ac
commit
e4e54bc1a5
4 changed files with 59 additions and 25 deletions
23
README.md
23
README.md
|
@ -22,6 +22,29 @@ A Firefox userChrome.css theme that aims to recreate the look and feel of the Ch
|
|||
|
||||
**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.
|
||||
|
||||
To disable a tweak, set the key to false or delete it and restart the browser.
|
||||
|
||||
|disable drag space above tabs|
|
||||
|-|
|
||||
|`uc.tweak.disable-drag-space`|
|
||||
|
||||
|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)**|
|
||||
|`uc.tweak.force-tab-colour`|
|
||||
|
||||
|only show Firefox account button when in private mode (useful as a private browsing indicator)|
|
||||
|-|
|
||||
|**NOTE: all functionality of this button can still be accessed from the app menu.**|
|
||||
|`uc.tweak.fxa-button-as-private-indicator`|
|
||||
|
||||
|remove tab separators|
|
||||
|-|
|
||||
|`uc.tweak.remove-tab-separators`|
|
||||
|
||||
## Acknowledgements
|
||||
[muckSponge](https://github.com/muckSponge) - [MaterialFox](https://github.com/muckSponge/MaterialFox)
|
||||
|
||||
|
|
|
@ -215,12 +215,6 @@
|
|||
}
|
||||
|
||||
/* auto complete popup */
|
||||
menupopup,
|
||||
panel[type="autocomplete-richlistbox"] {
|
||||
/* -moz-window-shadow: none !important; */
|
||||
appearance: none !important;
|
||||
}
|
||||
|
||||
#PopupAutoComplete>.autocomplete-richlistbox {
|
||||
background: var(--arrowpanel-background) !important;
|
||||
color: var(--arrowpanel-color) !important;
|
||||
|
|
35
chrome/global/tweaks.css
Normal file
35
chrome/global/tweaks.css
Normal file
|
@ -0,0 +1,35 @@
|
|||
/* EdgeFr-Fox by bmFtZQ - tweaks.css */
|
||||
|
||||
/* disable drag space above tabs */
|
||||
@supports -moz-bool-pref("uc.tweak.disable-drag-space") {
|
||||
:root #titlebar {
|
||||
--tab-block-margin: 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* force tabs to toolbar bg (useful for proton themes) (might experience some
|
||||
bugs with certain themes eg. dark text on dark background.) */
|
||||
@supports -moz-bool-pref("uc.tweak.force-tab-colour") {
|
||||
:root {
|
||||
--lwt-selected-tab-background-color: unset !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* hide firefox account button when not in private mode (useful as a private
|
||||
browsing indicator) */
|
||||
@supports -moz-bool-pref("uc.tweak.fxa-button-as-private-indicator") {
|
||||
:root:not([privatebrowsingmode]) #nav-bar:not([customizing]) #fxa-toolbar-menu-button {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* remove tab separators */
|
||||
@supports -moz-bool-pref("uc.tweak.remove-tab-separators") {
|
||||
.tabbrowser-tab:not([selected="true"], :hover, [beforeselected-visible], [beforehovered]) .tab-stack::after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([last-visible-tab="true"]) {
|
||||
margin-inline-end: 0px !important;
|
||||
}
|
||||
}
|
|
@ -7,22 +7,4 @@
|
|||
@import url("toolbar/urlbar.css");
|
||||
@import url("global/colors.css");
|
||||
@import url("global/popup.css");
|
||||
|
||||
/* tweaks */
|
||||
|
||||
/* disable drag space above tabs */
|
||||
/* :root #titlebar {
|
||||
--tab-block-margin: 0px !important;
|
||||
} */
|
||||
|
||||
/* force tabs to toolbar bg (useful for proton themes) (might experience some
|
||||
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;
|
||||
} */
|
||||
@import url("global/tweaks.css");
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue