mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'dev' into custom

Browse source
This commit is contained in:
alstjr7375 2022-04-19 10:37:41 +09:00
commit 356b41da15
5 changed files with 43 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

5
docs/Restrictions.md
View file

@ -58,6 +58,7 @@ The following code will cause extension panels fail to open and trying to open t
display: flex;
}
```
Info: `#nav-bar` is [`toolbar`](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/toolbar).
## Internals
### CSS Loading Order
@ -109,6 +110,7 @@ Onething bypass method is to declare [`var()`](https://developer.mozilla.org/en-
### XUL
Sometimes firefox can use [XUL](https://en.wikipedia.org/wiki/XUL) that have been written and binded with C++ for performance like a treeview of bookmarks.
XUL's [box model](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/Tutorial/The_Box_Model) and [DOM](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/Tutorial/Document_Object_Model) are different from HTML.
There ar few appropriate documents, so we have to read the source code and work. (Ex. [1](https://github.com/mozilla/gecko-dev/blob/master/layout/style/nsCSSAnonBoxList.h), [2](https://github.com/mozilla/gecko-dev/blob/master/layout/xul/tree/nsITreeView.idl))
@ -117,3 +119,6 @@ Available CSS features are also restricted.
Example of legacy documents that will help.
- [UDN: ::-moz-tree-cell](https://udn.realityripple.com/docs/Mozilla/Gecko/Chrome/CSS/::-moz-tree-cell)
- [UDN: ::-moz-tree-cell-text](https://udn.realityripple.com/docs/Mozilla/Gecko/Chrome/CSS/::-moz-tree-cell-text)
Another case.
Like [`<toolbar align="end"></toolbar>`](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/Attribute/align), [`attributes`] is set and CSS of same property may not be appplied. (Ex. [`box-align: start`](https://udn.realityripple.com/docs/Web/CSS/box-align))

2
src/compatibility/_os.scss
View file

@ -121,6 +121,7 @@
}
/*= Linux - Titlebar button at lwtheme =====================================*/
@include NotOption("userChrome.compatiblity.os.linux_non_native_titlebar_button") {
.titlebar-button:-moz-lwtheme {
appearance: auto !important;
}
@ -135,6 +136,7 @@
background-color: unset !important;
color: unset !important;
}
}
}
/*= Linux - Light System Default Theme's Selected Tab ========================*/

3
src/tabbar/selected_tab/_color_like_toolbar.scss
View file

@ -1,6 +1,7 @@
:root:not(:-moz-lwtheme) {
/* Fix for windows's system default theme. Using --toolbar-bgcolor fallback */
/* Fix for windows's system default theme. Using --toolbar-bgcolor, --toolbar-bgimage fallback */
--tab-selected-bgcolor: unset !important; /* Original: rgb(255,255,255); */
--tab-selected-bgimage: unset !important; /* Above FF v101 */
}
#tabbrowser-tabs:not([movingtab])
> #tabbrowser-arrowscrollbox

2
user.js
View file

@ -59,6 +59,8 @@ user_pref("userChrome.tab.bottom_rounded_corner", true);
// user_pref("userChrome.compatibility.navbar_top_border", true);
// user_pref("userChrome.compatibility.dynamic_separator", true); // Need dynamic_seperator
// user_pref("userChrome.compatiblity.os.linux_non_native_titlebar_button", true);
// == Theme Custom Settings ====================================================
// -- User Chrome --------------------------------------------------------------
// user_pref("userChrome.decoration.disable_panel_animate", true);

6
userChrome.css
View file

@ -273,6 +273,7 @@
}
/*= Linux - Titlebar button at lwtheme =====================================*/
@supports not -moz-bool-pref("userChrome.compatiblity.os.linux_non_native_titlebar_button") {
.titlebar-button:-moz-lwtheme {
appearance: auto !important;
}
@ -290,6 +291,7 @@
color: unset !important;
}
}
}
/*= Linux - Light System Default Theme's Selected Tab ========================*/
@media (-moz-gtk-csd-available) {
@media (-moz-toolbar-prefers-color-scheme: light), (prefers-color-scheme: light) {
@ -3959,9 +3961,11 @@
/*= Selected Tab - Color like toolbar ========================================*/
@supports -moz-bool-pref("userChrome.tab.color_like_toolbar") {
:root:not(:-moz-lwtheme) {
/* Fix for windows's system default theme. Using --toolbar-bgcolor fallback */
/* Fix for windows's system default theme. Using --toolbar-bgcolor, --toolbar-bgimage fallback */
--tab-selected-bgcolor: unset !important;
/* Original: rgb(255,255,255); */
--tab-selected-bgimage: unset !important;
/* Nightly 101 */
}
#tabbrowser-tabs:not([movingtab])