mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2025-12-05 18:20:44 -08:00
fix typos
This commit is contained in:
akay
parent
e4a235b590
commit
9145232e8b
43 changed files with 133 additions and 133 deletions
|
|
@ -5,7 +5,7 @@
|
|||
# User.js
|
||||
user.js
|
||||
|
||||
# Prettier error exeption
|
||||
# Prettier error exception
|
||||
src/utils/_each.scss
|
||||
# [error] src/utils/_each.scss: SyntaxError: CssSyntaxError: At-rule without name (28:7)
|
||||
# [error] 26 | }
|
||||
|
|
|
|||
|
|
@ -90,7 +90,7 @@ Even if you copy the code snippet, it is recommended that you leave a link.
|
|||
|
||||
**FAQ**
|
||||
|
||||
If you have any questions about other licenses, please see [Moailla's MPL 2.0 FAQ](https://www.mozilla.org/en-US/MPL/2.0/FAQ/).
|
||||
If you have any questions about other licenses, please see [Mozilla's MPL 2.0 FAQ](https://www.mozilla.org/en-US/MPL/2.0/FAQ/).
|
||||
|
||||
|
||||
## References
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@
|
|||
@include test("prefix custom option") {
|
||||
@include assert {
|
||||
@include output {
|
||||
@include each.AtEach("supports", "userChrome.tab.photon", "-moz-bool-pref", ("seperator": " or ", "quoted": true)) {
|
||||
@include each.AtEach("supports", "userChrome.tab.photon", "-moz-bool-pref", ("separator": " or ", "quoted": true)) {
|
||||
@include example;
|
||||
}
|
||||
}
|
||||
|
|
@ -84,7 +84,7 @@
|
|||
@include assert {
|
||||
@include output {
|
||||
$input: "userChrome.tab.photon" "userChrome.padding.photon";
|
||||
@include each.AtEach("supports", $input, "-moz-bool-pref", ("seperator": " or ", "quoted": true)) {
|
||||
@include each.AtEach("supports", $input, "-moz-bool-pref", ("separator": " or ", "quoted": true)) {
|
||||
@include example;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
@namespace html "http://www.w3.org/1999/xhtml";
|
||||
/** Default Thme - Contrast ***************************************************/
|
||||
/** Default Theme - Contrast ***************************************************/
|
||||
@supports -moz-bool-pref("userChrome.theme.built_in_contrast") {
|
||||
/*= Lightmode - Color darker =================================================*/
|
||||
/*= Light mode - Color darker =================================================*/
|
||||
:root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]),
|
||||
:root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] {
|
||||
--lwt-accent-color: rgb(229, 229, 235) !important;
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
background-color: var(--lwt-accent-color) !important;
|
||||
}
|
||||
}
|
||||
/*= Darkmode - Color lighter =================================================*/
|
||||
/*= Dark mode - Color lighter =================================================*/
|
||||
:root[lwtheme-mozlightdark][lwthemetextcolor="bright"],
|
||||
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] {
|
||||
--toolbar-bgcolor: rgba(43, 42, 51, 5) !important;
|
||||
|
|
@ -87,7 +87,7 @@
|
|||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background {
|
||||
/* Nigtly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
|
||||
/* Nightly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
|
||||
border: unset !important;
|
||||
}
|
||||
|
||||
|
|
@ -495,16 +495,16 @@
|
|||
--win-field-bgcolor: #ffffff;
|
||||
--win-component-bgcolor: #f2f2f2;
|
||||
--win-border-color: #8a8a8a;
|
||||
--win-tab-seperator-color: #a3a3a3;
|
||||
--win-tab-separator-color: #a3a3a3;
|
||||
--win-sidebar-bgcolor: #e6e6e6;
|
||||
--win-sidebar-hover-bgcolor: #cfcfcf;
|
||||
--win-sidebar-button-hover-bgcolor: #b8b8b8;
|
||||
--win-sidebar-button-hover-active-bgcolor: #a3a3a3;
|
||||
--win-button-border: #747474;
|
||||
--win-shorcut-text-color: #757575;
|
||||
--win-shortcut-text-color: #757575;
|
||||
--win-error-color: #b31616;
|
||||
--win-red-border-color: #ff4343;
|
||||
--win-accent-forground-color: AccentColorText;
|
||||
--win-accent-foreground-color: AccentColorText;
|
||||
--win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, AccentColor);
|
||||
--win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, AccentColor);
|
||||
--win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, AccentColor);
|
||||
|
|
@ -512,7 +512,7 @@
|
|||
}
|
||||
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
|
||||
:root:not(:-moz-lwtheme) {
|
||||
--win-accent-forground-color: -moz-accent-color-foreground;
|
||||
--win-accent-foreground-color: -moz-accent-color-foreground;
|
||||
--win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, -moz-accent-color);
|
||||
--win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, -moz-accent-color);
|
||||
--win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, -moz-accent-color);
|
||||
|
|
@ -536,13 +536,13 @@
|
|||
--win-field-bgcolor: #373737;
|
||||
--win-component-bgcolor: #171717;
|
||||
--win-border-color: #5b5b5b;
|
||||
--win-tab-seperator-color: #555555;
|
||||
--win-tab-separator-color: #555555;
|
||||
--win-sidebar-bgcolor: #1f1f1f;
|
||||
--win-sidebar-hover-bgcolor: #353535;
|
||||
--win-sidebar-button-hover-bgcolor: #353535;
|
||||
--win-sidebar-button-hover-active-bgcolor: #4c4c4c;
|
||||
--win-button-border: #8f8f8f;
|
||||
--win-shorcut-text-color: #adadad;
|
||||
--win-shortcut-text-color: #adadad;
|
||||
--win-error-color: #ffb900;
|
||||
--win-red-border-color: #ff4343;
|
||||
--win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, AccentColor);
|
||||
|
|
@ -584,8 +584,8 @@
|
|||
--panel-disabled-color: var(--win-disabled-color) !important;
|
||||
--download-progress-paused-color: var(--win-disabled-color) !important;
|
||||
/* Text Shortcut Color */
|
||||
--panel-shortcut-color: var(--win-shorcut-text-color) !important;
|
||||
--panel-description-color: var(--win-shorcut-text-color) !important;
|
||||
--panel-shortcut-color: var(--win-shortcut-text-color) !important;
|
||||
--panel-description-color: var(--win-shortcut-text-color) !important;
|
||||
/* Title Background */
|
||||
--lwt-accent-color: var(--win-bgcolor) !important;
|
||||
--toolbar-field-border-color: var(--win-bgcolor) !important;
|
||||
|
|
@ -597,9 +597,9 @@
|
|||
--arrowpanel-background: var(--win-component-bgcolor) !important;
|
||||
--autocomplete-popup-background: var(--win-component-bgcolor) !important;
|
||||
/* Border Color */
|
||||
/* Seperator */
|
||||
--toolbarseparator-color: var(--win-tab-seperator-color) !important;
|
||||
/* Field Backround Color */
|
||||
/* Separator */
|
||||
--toolbarseparator-color: var(--win-tab-separator-color) !important;
|
||||
/* Field Background Color */
|
||||
--input-bgcolor: var(--win-field-bgcolor) !important;
|
||||
--toolbar-field-background-color: var(--win-field-bgcolor) !important;
|
||||
--toolbar-field-focus-background-color: var(--win-field-bgcolor) !important;
|
||||
|
|
@ -631,9 +631,9 @@
|
|||
--checkbox-border-color: var(--win-button-border) !important;
|
||||
--input-border-color: var(--win-button-border) !important;
|
||||
--autocomplete-popup-separator-color: var(--win-button-border) !important;
|
||||
/* Accent Forground Color */
|
||||
--button-primary-color: var(--win-accent-forground-color) !important;
|
||||
--checkbox-checked-color: var(--win-accent-forground-color) !important;
|
||||
/* Accent Foreground Color */
|
||||
--button-primary-color: var(--win-accent-foreground-color) !important;
|
||||
--checkbox-checked-color: var(--win-accent-foreground-color) !important;
|
||||
/* Accent Color */
|
||||
--button-primary-bgcolor: var(--win-accent-color) !important;
|
||||
--focus-outline-color: var(--win-accent-color) !important;
|
||||
|
|
@ -906,11 +906,11 @@
|
|||
/* Selected Background Color */
|
||||
--toolbar-bgcolor: var(--mac-selected-bgcolor) !important;
|
||||
--toolbar-non-lwt-bgcolor: var(--mac-selected-bgcolor) !important;
|
||||
/* Field Backround Color */
|
||||
/* Field Background Color */
|
||||
--input-bgcolor: var(--mac-field-bgcolor) !important;
|
||||
--toolbar-field-background-color: var(--mac-field-bgcolor) !important;
|
||||
--tab-icon-overlay-stroke: var(--mac-field-bgcolor) !important;
|
||||
/* Panel Backround Color */
|
||||
/* Panel Background Color */
|
||||
--arrowpanel-background: var(--mac-panel-bgcolor) !important;
|
||||
/* Hover Background Color */
|
||||
--menuitem-hover-background-color: var(--mac-hover-bgcolor) !important;
|
||||
|
|
@ -947,7 +947,7 @@
|
|||
--input-border-color: var(--mac-bgcolor) !important;
|
||||
--autocomplete-popup-separator-color: var(--mac-bgcolor) !important;
|
||||
*/
|
||||
/* Accent Color Forground */
|
||||
/* Accent Color Foreground */
|
||||
--button-primary-color: var(--mac-primary-button-color) !important;
|
||||
--checkbox-checked-color: var(--mac-primary-button-color) !important;
|
||||
/* Accent Color */
|
||||
|
|
@ -1134,7 +1134,7 @@
|
|||
--in-content-link-color-hover: var(--blue-70);
|
||||
--in-content-link-color-active: var(--blue-80);
|
||||
--in-content-link-color-visited: var(--blue-60);
|
||||
/* button background states are also used for checkboxes and radiobuttons */
|
||||
/* button background states are also used for checkboxes and radio buttons */
|
||||
--in-content-button-text-color: var(--in-content-text-color);
|
||||
--in-content-button-text-color-hover: var(--in-content-text-color);
|
||||
--in-content-button-background: rgba(207, 207, 216, 0.33);
|
||||
|
|
@ -2318,7 +2318,7 @@
|
|||
border-radius: 4px !important;
|
||||
}
|
||||
}
|
||||
/*= Cert Exeption Dialog =====================================================*/
|
||||
/*= Cert Exception Dialog =====================================================*/
|
||||
@-moz-document url("chrome://pippki/content/exceptionDialog.xhtml")
|
||||
{
|
||||
#locationTextBox {
|
||||
|
|
@ -2336,13 +2336,13 @@
|
|||
border-color: transparent !important;
|
||||
outline: 2px solid var(--in-content-focus-outline-color) !important;
|
||||
outline-offset: -1px !important;
|
||||
/* Prevents antialising around the corners */
|
||||
/* Prevents antialiasing around the corners */
|
||||
}
|
||||
#locationTextBox:-moz-ui-invalid {
|
||||
border-color: transparent !important;
|
||||
outline: 2px solid var(--in-content-border-invalid) !important;
|
||||
outline-offset: -1px !important;
|
||||
/* Prevents antialising around the corners */
|
||||
/* Prevents antialiasing around the corners */
|
||||
}
|
||||
#locationTextBox:disabled {
|
||||
opacity: 0.4 !important;
|
||||
|
|
@ -3124,7 +3124,7 @@
|
|||
from {
|
||||
margin-top: 0;
|
||||
}
|
||||
/* Dont' use `to`: Depending on density */
|
||||
/* Don't use `to`: Depending on density */
|
||||
}
|
||||
/*- Expand - Synced Tabs ---------------------------------------------------*/
|
||||
@-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml")
|
||||
|
|
@ -3200,7 +3200,7 @@
|
|||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_tab") or -moz-bool-pref("userChrome.round.square_button") {
|
||||
/* Fix Tab bar button radious */
|
||||
/* Fix Tab bar button radius */
|
||||
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-icon,
|
||||
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-text,
|
||||
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-badge-stack,
|
||||
|
|
@ -4071,7 +4071,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
/*= Tabbar - Hidden at singgle tab ===========================================*/
|
||||
/*= Tabbar - Hidden at single tab ===========================================*/
|
||||
@supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
|
||||
#tabbrowser-tabs .tabbrowser-tab:only-of-type {
|
||||
display: none !important;
|
||||
|
|
@ -4221,7 +4221,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
/*= Tabbar - Hidden at singgle tab ===========================================*/
|
||||
/*= Tabbar - Hidden at single tab ===========================================*/
|
||||
@supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
|
||||
#tabbrowser-tabs .tabbrowser-tab:only-of-type {
|
||||
display: none !important;
|
||||
|
|
@ -6218,7 +6218,7 @@
|
|||
.tabbrowser-tab[visuallyselected="true"]:not(:focus)
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme {
|
||||
/* Origina: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
|
||||
/* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
|
||||
Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
|
||||
box-shadow: 0 0 1px var(--toolbar-color) !important;
|
||||
}
|
||||
|
|
@ -6330,7 +6330,7 @@
|
|||
/* Fill color for GTK */
|
||||
:root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::before,
|
||||
:root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::after {
|
||||
/* As GTK Toolbar's background-color + backround-image
|
||||
/* As GTK Toolbar's background-color + background-image
|
||||
* --toolbar-non-lwt-bgcolor: -moz-dialog;
|
||||
* --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
|
||||
*/
|
||||
|
|
@ -6406,7 +6406,7 @@
|
|||
background-color: rgba(255, 255, 255, 0.2) !important;
|
||||
}
|
||||
|
||||
/* Prevent identitiy color flashing */
|
||||
/* Prevent identity color flashing */
|
||||
.tabbrowser-tab[usercontextid] .tab-context-line {
|
||||
--identity-icon-color: none;
|
||||
}
|
||||
|
|
@ -6456,7 +6456,7 @@
|
|||
}
|
||||
/*= Unselected Tab - Divide line =============================================*/
|
||||
/*= Unselected Tab - Dynamic Separator =======================================*/
|
||||
@supports -moz-bool-pref("userChrome.tab.dynamic_separtor") {
|
||||
@supports -moz-bool-pref("userChrome.tab.dynamic_separator") {
|
||||
#tabbrowser-arrowscrollbox {
|
||||
--start-tab-separator-position-x: -1.5px;
|
||||
--end-tab-separator-position-x: 1.5px;
|
||||
|
|
@ -6690,13 +6690,13 @@
|
|||
#tabs-newtab-button {
|
||||
/* Original:
|
||||
margin: 0 0 var(--tabs-navbar-shadow-size) !important
|
||||
=> Can't ovrride style. Therefore, we should approach it by bypass.
|
||||
=> Can't override style. Therefore, we should approach it by bypass.
|
||||
*/
|
||||
--tabs-navbar-shadow-size: -1px;
|
||||
/* Original: 1px */
|
||||
--tabs-navbar-original-shadow-size: 1px;
|
||||
--tab-corner-rounding: 4px;
|
||||
/* Hardcorded */
|
||||
/* Hardcoded */
|
||||
/* Size */
|
||||
-moz-box-align: stretch !important;
|
||||
padding-top: var(--tab-block-margin) !important;
|
||||
|
|
@ -6725,27 +6725,27 @@
|
|||
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover,
|
||||
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
|
||||
fill: color-mix(in srgb, AccentColorText 10%, transparent) !important;
|
||||
/* Hardcorded for compatibility */
|
||||
/* Hardcoded for compatibility */
|
||||
}
|
||||
|
||||
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
|
||||
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active {
|
||||
fill: color-mix(in srgb, AccentColorText 15%, transparent) !important;
|
||||
/* Hardcorded for compatibility */
|
||||
/* Hardcoded for compatibility */
|
||||
}
|
||||
|
||||
@supports -moz-bool-pref("userChrome.compatibility.accent_color") {
|
||||
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover,
|
||||
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
|
||||
fill: color-mix(in srgb, -moz-accent-color-foreground 10%, transparent) !important;
|
||||
/* Hardcorded for compatibility */
|
||||
/* Hardcoded for compatibility */
|
||||
}
|
||||
|
||||
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
|
||||
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive)
|
||||
#tabs-newtab-button:hover:active {
|
||||
fill: color-mix(in srgb, -moz-accent-color-foreground 15%, transparent) !important;
|
||||
/* Hardcorded for compatibility */
|
||||
/* Hardcoded for compatibility */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -6764,7 +6764,7 @@
|
|||
@supports -moz-bool-pref("userChrome.tab.newtab_button_smaller") {
|
||||
#tabs-newtab-button > .toolbarbutton-icon {
|
||||
margin-left: 1px;
|
||||
/* Origianl: calc((var(--tab-min-height) - 16px) / 2) = 10px */
|
||||
/* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */
|
||||
--toolbarbutton-inner-padding: 6px;
|
||||
}
|
||||
|
||||
|
|
@ -7525,7 +7525,7 @@
|
|||
}
|
||||
|
||||
@media (-moz-gtk-csd-available) {
|
||||
/* Fix transparent backgorund */
|
||||
/* Fix transparent background */
|
||||
:root[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar:not(:-moz-lwtheme) {
|
||||
appearance: auto !important;
|
||||
}
|
||||
|
|
@ -8519,7 +8519,7 @@
|
|||
list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
|
||||
}
|
||||
|
||||
/* Boomark */
|
||||
/* Bookmark */
|
||||
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
|
||||
list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
|
||||
}
|
||||
|
|
@ -8562,7 +8562,7 @@
|
|||
list-style-image: url("../icons/tag-open.svg") !important;
|
||||
}
|
||||
|
||||
/* Boomark */
|
||||
/* Bookmark */
|
||||
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
|
||||
list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
|
||||
}
|
||||
|
|
@ -9495,7 +9495,7 @@
|
|||
}
|
||||
}
|
||||
/*= Bookmark Menu - Layout ===================================================*/
|
||||
/* #goPopup(Legacy of historyMenuPoup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
|
||||
/* #goPopup(Legacy of historyMenuPopup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
|
||||
* #BMB_bookmarksPopup: looks like arrow panel
|
||||
*/
|
||||
/* Empty Menu */
|
||||
|
|
@ -10455,7 +10455,7 @@
|
|||
}
|
||||
|
||||
/*= textbox-contextmenu ======================================================*/
|
||||
/* Browser's Searchbar, Libray's Searchbar, Page Info */
|
||||
/* Browser's Searchbar, Library's Searchbar, Page Info */
|
||||
.textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] {
|
||||
--menuitem-image: url("../icons/undo.svg");
|
||||
}
|
||||
|
|
@ -10872,7 +10872,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
/** Libray Menu ***************************************************************/
|
||||
/** Library Menu ***************************************************************/
|
||||
@supports -moz-bool-pref("userChrome.icon.library") {
|
||||
@supports -moz-bool-pref("userChrome.icon.menu") {
|
||||
/*= organizeButtonPopup ======================================================*/
|
||||
|
|
|
|||
|
|
@ -650,7 +650,7 @@
|
|||
--in-content-link-color-hover: var(--blue-70);
|
||||
--in-content-link-color-active: var(--blue-80);
|
||||
--in-content-link-color-visited: var(--blue-60);
|
||||
/* button background states are also used for checkboxes and radiobuttons */
|
||||
/* button background states are also used for checkboxes and radio buttons */
|
||||
--in-content-button-text-color: var(--in-content-text-color);
|
||||
--in-content-button-text-color-hover: var(--in-content-text-color);
|
||||
--in-content-button-background: rgba(207, 207, 216, 0.33);
|
||||
|
|
@ -1160,7 +1160,7 @@
|
|||
/* .developer-hub */
|
||||
/* Background */
|
||||
/* Border */
|
||||
/* Othres */
|
||||
/* Others */
|
||||
}
|
||||
body:is(.developer-hub, .statistics) #main-wrapper,
|
||||
body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul::after,
|
||||
|
|
@ -2014,7 +2014,7 @@
|
|||
border-color: transparent !important;
|
||||
outline: 2px solid var(--in-content-focus-outline-color) !important;
|
||||
outline-offset: -1px !important;
|
||||
/* Prevents antialising around the corners */
|
||||
/* Prevents antialiasing around the corners */
|
||||
}
|
||||
|
||||
input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):-moz-ui-invalid,
|
||||
|
|
@ -2022,7 +2022,7 @@
|
|||
border-color: transparent !important;
|
||||
outline: 2px solid var(--in-content-border-invalid) !important;
|
||||
outline-offset: -1px !important;
|
||||
/* Prevents antialising around the corners */
|
||||
/* Prevents antialiasing around the corners */
|
||||
}
|
||||
|
||||
input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):disabled,
|
||||
|
|
@ -2282,7 +2282,7 @@
|
|||
list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
|
||||
}
|
||||
|
||||
/* Boomark */
|
||||
/* Bookmark */
|
||||
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
|
||||
list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
|
||||
}
|
||||
|
|
@ -2326,7 +2326,7 @@
|
|||
list-style-image: url("../icons/tag-open.svg") !important;
|
||||
}
|
||||
|
||||
/* Boomark */
|
||||
/* Bookmark */
|
||||
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
|
||||
list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
|
||||
}
|
||||
|
|
@ -2985,7 +2985,7 @@
|
|||
opacity: 0.4 !important;
|
||||
}
|
||||
|
||||
/*- Menu Separtor --------------------------------------------------------*/
|
||||
/*- Menu Separator --------------------------------------------------------*/
|
||||
menuseparator {
|
||||
appearance: none !important;
|
||||
min-width: 2px;
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
- [UDN: omni.ja (formerly omni.jar)](https://udn.realityripple.com/docs/Mozilla/About_omni.ja_(formerly_omni.jar))
|
||||
- [Firefox 4: jar jar jar](https://web.archive.org/web/20161003115800/https://blog.mozilla.org/tglek/2010/09/14/firefox-4-jar-jar-jar/)
|
||||
- [Firefox's Optimized Zip Format: Reading Zip Files Really Quickly](https://taras.glek.net/post/optimized-zip-format/)
|
||||
- [How to Optimize or Deoptimize Firefox OMNI.JA File](https://www.raymond.cc/blog/edit-files-inside-firefox-4-omni-jar-to-auto-save-password/)
|
||||
- [How to Optimize or De-optimize Firefox OMNI.JA File](https://www.raymond.cc/blog/edit-files-inside-firefox-4-omni-jar-to-auto-save-password/)
|
||||
|
||||
**Explanation**
|
||||
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@ See [EBNF(Extended Backus-Naur form)](https://en.wikipedia.org/wiki/Extended_Bac
|
|||
|
||||
## Default Config
|
||||
- [`modules/libpref/init/all.js`](https://github.com/mozilla/gecko-dev/blob/master/modules/libpref/init/all.js): all products
|
||||
- [`browser/app/profile/firefox.js`](https://github.com/mozilla/gecko-dev/blob/master/browser/app/profile/firefox.js): only firefox deskstop
|
||||
- [`browser/app/profile/firefox.js`](https://github.com/mozilla/gecko-dev/blob/master/browser/app/profile/firefox.js): only firefox desktop
|
||||
|
||||
In release builds these are all put into [`omni.ja`](./Omni_ja.md).
|
||||
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ root
|
|||
|- .github: Issue/PR Template, Github Actions
|
||||
|- .prettierignore: Exclude coding style
|
||||
|- .prettierrc.json: Coding style
|
||||
|- install.ps1: Install script write in powersehll
|
||||
|- install.ps1: Install script write in powershell
|
||||
|- install.sh: Install script write in bash
|
||||
|- package.json: Build setup, package dependency
|
||||
|- LEPTON: Meta infos (branch, version)
|
||||
|
|
@ -47,7 +47,7 @@ Icons are mainly [FirefoxUX/photon-icons](https://github.com/FirefoxUX/photon-ic
|
|||
or [microsoft/fluentui-system-icons](https://github.com/microsoft/fluentui-system-icons).
|
||||
Although not yet used, [tabler/tabler-icons](https://github.com/tabler/tabler-icons) and [feathericons/feather](https://github.com/feathericons/feather) can also be referred to.
|
||||
|
||||
You can see more in the issue, [Unify icon design langauge #213](https://github.com/black7375/Firefox-UI-Fix/issues/213).
|
||||
You can see more in the issue, [Unify icon design language #213](https://github.com/black7375/Firefox-UI-Fix/issues/213).
|
||||
|
||||
## Install Scripts
|
||||
### Meta Info files
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Develper Documents for Firefox Custom
|
||||
# Developer Documents for Firefox Custom
|
||||
|
||||
<!-- markdown-toc start - Don't edit this section. Run M-x markdown-toc-refresh-toc -->
|
||||
**Table of Contents**
|
||||
|
|
@ -62,7 +62,7 @@ yarn build
|
|||
You can check test and css validate:
|
||||
```shell
|
||||
## test - When you make mixin or function
|
||||
# __tests__ direcory, You can also find out how to use internal utils.
|
||||
# __tests__ directory, You can also find out how to use internal utils.
|
||||
yarn test
|
||||
|
||||
## validate - Will be failed, this project uses non-standard features.
|
||||
|
|
@ -93,7 +93,7 @@ This is a rough guideline. (Not forced)
|
|||
### Basics
|
||||
`userChrome.css` file is for browser UI, `userContent.css` file is for web contents.
|
||||
|
||||
Unlike [User config](./Preference.md#user-config), they are located in `<FIREFPX_PROFILE>/chrome/`.
|
||||
Unlike [User config](./Preference.md#user-config), they are located in `<FIREFOX_PROFILE>/chrome/`.
|
||||
|
||||
Start Guide:
|
||||
- [What is userChrome.css? What can it do?](https://www.userchrome.org/what-is-userchrome-css.html)
|
||||
|
|
|
|||
|
|
@ -100,7 +100,7 @@ Many implementations using `::before`, `::after`.
|
|||
- [Dynamic Tab Separator](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userChrome.css#L3394-L3457)
|
||||
- [Static Tab Separator](https://github.com/black7375/Firefox-UI-Fix/blob/0f78a73b856e1335954ecded93d377b85134bd61/userChrome.css#L3387-L3428)
|
||||
- [Picture In Picture Indicator](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userChrome.css#L3716-L3753)
|
||||
- [Contaner Indicator](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userChrome.css#L3754-L3852)
|
||||
- [Container Indicator](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userChrome.css#L3754-L3852)
|
||||
|
||||
For icons, [`list-style-image`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-image) and [`background-image`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image) are available.
|
||||
|
||||
|
|
@ -127,7 +127,7 @@ Firefox actively uses [shadow dom](https://developer.mozilla.org/en-US/docs/Web/
|
|||
|
||||
To modify, it is often a roundabout approach or impossible to inherit.
|
||||
|
||||
Onething bypass method is to declare [`var()`](https://developer.mozilla.org/en-US/docs/Web/CSS/var) to shadow root.
|
||||
One bypass method is to declare [`var()`](https://developer.mozilla.org/en-US/docs/Web/CSS/var) to shadow root.
|
||||
- [Scrollbutton Padding](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userChrome.css#L2906-L2924)
|
||||
- [Audio, Video Player UI](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userContent.css#L5-L47)
|
||||
- [Video Player Twoline UI](https://github.com/black7375/Firefox-UI-Fix/blob/cbf14cd55a9edada7ab2f5f1b626608fb9fe38a2/src/contents/_video_player.scss#L68-L171): It is pretty difficult when the condition becomes complicated.
|
||||
|
|
@ -139,7 +139,7 @@ Another limitation of shadow dom in user style is that you cannot use shadow dom
|
|||
- [Bug 1575507 - Shadow parts should work in user-origin stylesheets.](https://bugzilla.mozilla.org/show_bug.cgi?id=1575507)
|
||||
|
||||
### 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.
|
||||
Sometimes firefox can use [XUL](https://en.wikipedia.org/wiki/XUL) that have been written and bound 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))
|
||||
|
|
@ -151,7 +151,7 @@ Example of legacy documents that will help.
|
|||
- [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`](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/Attribute) is set and CSS of same property may not be appplied. (Ex. [`box-align: start`](https://udn.realityripple.com/docs/Web/CSS/box-align))
|
||||
Like [`<toolbar align="end"></toolbar>`](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/Attribute/align), [`attributes`](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/Attribute) is set and CSS of same property may not be applied. (Ex. [`box-align: start`](https://udn.realityripple.com/docs/Web/CSS/box-align))
|
||||
|
||||
### Supports
|
||||
[`@supports`](https://developer.mozilla.org/en-US/docs/Web/CSS/@supports) change in CSS is not detected in real time. (Caching after checking only once)
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ It comes from [#109](https://github.com/black7375/Firefox-UI-Fix/issues/109#issu
|
|||
Stable: Only bugfix, Documentation.
|
||||
- `master`: Common bugfix, documentation.
|
||||
- `photon-style`: Bugfix, documentation specified in `photon-style`.
|
||||
- `proton-sryle`: Bugfix, documentation specified in `proton-style`.
|
||||
- `proton-style`: Bugfix, documentation specified in `proton-style`.
|
||||
|
||||
Development: New Features.
|
||||
- `dev`: Common new features.
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@ Shows this help message
|
|||
|
||||
.PARAMETER WhatIf
|
||||
Runs the installer without actioning any file copies/moves
|
||||
Equivelant to a dry-run
|
||||
Equivalent to a dry-run
|
||||
|
||||
.EXAMPLE
|
||||
PS> .\Install.ps1 -u -f C:\Users\someone\ff-profiles
|
||||
|
|
|
|||
|
|
@ -185,8 +185,8 @@ write_file() {
|
|||
get_ini_section() {
|
||||
local filePath="$1"
|
||||
|
||||
local ouput=$(grep -E "^\[" "${filePath}" |sed -e "s/^\[//g" -e "s/\]$//g")
|
||||
echo "${ouput}"
|
||||
local output=$(grep -E "^\[" "${filePath}" |sed -e "s/^\[//g" -e "s/\]$//g")
|
||||
echo "${output}"
|
||||
}
|
||||
get_ini_value() {
|
||||
local filePath="$1"
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
#tab-notification-deck:not([customizing]) > .notificationbox-stack {
|
||||
$infobarFixedHeight: 13px + ((1px + 5px) * 2); // button height + (button border + [button.small-button padding]) * 2
|
||||
// fiexedHeight + (button margin * 2) + messagebar margin
|
||||
// fixedHeight + (button margin * 2) + messagebar margin
|
||||
--infobar-height: calc(#{ $infobarFixedHeight } + (var(--infobar-button-vertical-margin, 4px) * 2) + var(--infobar-message-vertical-margin, 8px));
|
||||
}
|
||||
#tab-notification-deck:not([customizing]) > .notificationbox-stack[slot="selected"] > notification-message {
|
||||
|
|
|
|||
|
|
@ -196,7 +196,7 @@ $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
|
|||
&[sizemode="maximized"] #titlebar {
|
||||
appearance: none !important;
|
||||
|
||||
// Prevent sideeffect #370
|
||||
// Prevent side effect #370
|
||||
padding-top: 8px; // Don't use margin-top for reserved fullscreen animation
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@ menu {
|
|||
/*= Remove Tab Border ========================================================*/
|
||||
@mixin _theme_removeTabBorder($options...) {
|
||||
%noneBorder {
|
||||
/* Nigtly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
|
||||
/* Nightly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
|
||||
border: unset !important;
|
||||
}
|
||||
@each $prefix, $postfix in $options {
|
||||
|
|
|
|||
|
|
@ -486,7 +486,7 @@
|
|||
background: var(--in-content-border-color) !important;
|
||||
}
|
||||
|
||||
/* Othres */
|
||||
/* Others */
|
||||
#promos .view-button a,
|
||||
#upload-file-finish.button,
|
||||
#upload-file-widget .button.prominent,
|
||||
|
|
|
|||
|
|
@ -191,13 +191,13 @@
|
|||
richlistbox:focus-visible {
|
||||
border-color: transparent !important;
|
||||
outline: 2px solid var(--in-content-focus-outline-color) !important;
|
||||
outline-offset: -1px !important; /* Prevents antialising around the corners */
|
||||
outline-offset: -1px !important; /* Prevents antialiasing around the corners */
|
||||
}
|
||||
input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):-moz-ui-invalid,
|
||||
textarea:-moz-ui-invalid {
|
||||
border-color: transparent !important;
|
||||
outline: 2px solid var(--in-content-border-invalid) !important;
|
||||
outline-offset: -1px !important; /* Prevents antialising around the corners */
|
||||
outline-offset: -1px !important; /* Prevents antialiasing around the corners */
|
||||
}
|
||||
input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):disabled,
|
||||
textarea:disabled,
|
||||
|
|
|
|||
|
|
@ -144,7 +144,7 @@ xul|search-textbox.tabsFilter,
|
|||
from {
|
||||
margin-top: 0;
|
||||
}
|
||||
/* Dont' use `to`: Depending on density */
|
||||
/* Don't use `to`: Depending on density */
|
||||
}
|
||||
|
||||
/*- Expand - Synced Tabs ---------------------------------------------------*/
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
}
|
||||
|
||||
@include OS($linux) {
|
||||
/* Fix transparent backgorund */
|
||||
/* Fix transparent background */
|
||||
:root[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar:not(:-moz-lwtheme) {
|
||||
appearance: auto !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
/** Libray Menu ***************************************************************/
|
||||
/** Library Menu ***************************************************************/
|
||||
@include Option("userChrome.icon.library") {
|
||||
@include Option("userChrome.icon.menu") {
|
||||
@import "library";
|
||||
|
|
|
|||
|
|
@ -42,14 +42,14 @@
|
|||
}
|
||||
}
|
||||
@include Option("userChrome.icon.panel_sparse") {
|
||||
#appMenu-new-tab-button2, /* Seperate */
|
||||
#appMenu-passwords-button, /* Seperate */
|
||||
#appMenu-new-tab-button2, /* Separate */
|
||||
#appMenu-passwords-button, /* Separate */
|
||||
#appMenu-extensions-themes-button,
|
||||
#appMenu-save-file-button2, /* Seperate */
|
||||
#appMenu-save-file-button2, /* Separate */
|
||||
#appMenu-find-button2,
|
||||
#appMenu-more-button2, /* Seperate */
|
||||
#appMenu-more-button2, /* Separate */
|
||||
#appMenu-help-button2,
|
||||
#appMenu-quit-button2 /* Seperate */ {
|
||||
#appMenu-quit-button2 /* Separate */ {
|
||||
padding-top: var(--arrowpanel-menuitemblank-padding-block) !important;
|
||||
padding-bottom: var(--arrowpanel-menuitemblank-padding-block) !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -147,7 +147,7 @@
|
|||
}
|
||||
|
||||
/*= textbox-contextmenu ======================================================*/
|
||||
/* Browser's Searchbar, Libray's Searchbar, Page Info */
|
||||
/* Browser's Searchbar, Library's Searchbar, Page Info */
|
||||
.textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] {
|
||||
--menuitem-image: url("../icons/undo.svg");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
/*= Bookmark Menu - Layout ===================================================*/
|
||||
/* #goPopup(Legacy of historyMenuPoup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
|
||||
/* #goPopup(Legacy of historyMenuPopup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
|
||||
* #BMB_bookmarksPopup: looks like arrow panel
|
||||
*/
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
//-- Variables -----------------------------------------------------------------
|
||||
// Items
|
||||
// .menu-iconic, .menuitem-iconic: Alreay exist, not target.
|
||||
// .menu-iconic, .menuitem-iconic: Already exist, not target.
|
||||
// .in-menulist: Not a range because it is a select menu of web content.
|
||||
// [checked="true"]: There should be a check mark instead of an icon.
|
||||
$_iconNoneCommon: ".in-menulist, [checked=\"true\"]";
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
@namespace html "http://www.w3.org/1999/xhtml";
|
||||
|
||||
/** Default Thme - Contrast ***************************************************/
|
||||
/** Default Theme - Contrast ***************************************************/
|
||||
@include Option("userChrome.theme.built_in_contrast") {
|
||||
@import "theme/built_in";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
:-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer]),
|
||||
/* in Sidebar, Library, Add/Edit Bookmark dialog */
|
||||
/* https://github.com/rillian/firefox/blob/1f88437d263f56bdede4f20f69ba9c7b62f57001/layout/style/nsCSSAnonBoxList.h#L85-L98 */
|
||||
/* Need to overide!!, can not use :not() */
|
||||
/* Need to override!!, can not use :not() */
|
||||
:-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, container),
|
||||
#editBMPanel_folderMenuList:not([selectedGuid="toolbar_____"], [selectedGuid="menu________"]),
|
||||
#editBMPanel_folderMenuList .folder-icon:not([id]),
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
|
||||
}
|
||||
|
||||
/* Boomark */
|
||||
/* Bookmark */
|
||||
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
|
||||
list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
|
||||
}
|
||||
|
|
@ -111,7 +111,7 @@
|
|||
list-style-image: url("../icons/tag-open.svg") !important;
|
||||
}
|
||||
|
||||
/* Boomark */
|
||||
/* Bookmark */
|
||||
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
|
||||
list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -99,7 +99,7 @@ menuitem[type="checkbox"] {
|
|||
}
|
||||
}
|
||||
|
||||
/*- Menu Separtor --------------------------------------------------------*/
|
||||
/*- Menu Separator --------------------------------------------------------*/
|
||||
menuseparator {
|
||||
appearance: none !important;
|
||||
min-width: 2px;
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
}
|
||||
}
|
||||
@include Option("userChrome.rounding.square_tab", "userChrome.round.square_button") {
|
||||
/* Fix Tab bar button radious */
|
||||
/* Fix Tab bar button radius */
|
||||
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-icon,
|
||||
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-text,
|
||||
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-badge-stack,
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
/*= Unselected Tab - Dynamic Separator =======================================*/
|
||||
@include Option("userChrome.tab.dynamic_separtor") {
|
||||
@include Option("userChrome.tab.dynamic_separator") {
|
||||
@import "unselected_tab/dynamic_separator";
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
#tabs-newtab-button {
|
||||
/* Original:
|
||||
margin: 0 0 var(--tabs-navbar-shadow-size) !important
|
||||
=> Can't ovrride style. Therefore, we should approach it by bypass.
|
||||
=> Can't override style. Therefore, we should approach it by bypass.
|
||||
*/
|
||||
--tabs-navbar-shadow-size: -1px; /* Original: 1px */
|
||||
--tabs-navbar-original-shadow-size: 1px;
|
||||
--tab-corner-rounding: 4px; /* Hardcorded */
|
||||
--tab-corner-rounding: 4px; /* Hardcoded */
|
||||
|
||||
/* Size */
|
||||
-moz-box-align: stretch !important;
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
in srgb,
|
||||
$accentTextColor 10%,
|
||||
transparent
|
||||
) !important; /* Hardcorded for compatibility */
|
||||
) !important; /* Hardcoded for compatibility */
|
||||
}
|
||||
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
|
||||
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active {
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
in srgb,
|
||||
$accentTextColor 15%,
|
||||
transparent
|
||||
) !important; /* Hardcorded for compatibility */
|
||||
) !important; /* Hardcoded for compatibility */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
#tabs-newtab-button > .toolbarbutton-icon {
|
||||
margin-left: 1px;
|
||||
|
||||
/* Origianl: calc((var(--tab-min-height) - 16px) / 2) = 10px */
|
||||
/* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */
|
||||
--toolbarbutton-inner-padding: 6px;
|
||||
}
|
||||
:root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@ tab[visuallyselected] > stack::after {
|
|||
/* Fill color for GTK */
|
||||
:root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::before,
|
||||
:root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::after {
|
||||
/* As GTK Toolbar's background-color + backround-image
|
||||
/* As GTK Toolbar's background-color + background-image
|
||||
* --toolbar-non-lwt-bgcolor: -moz-dialog;
|
||||
* --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
.tabbrowser-tab[visuallyselected="true"]:not(:focus)
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme {
|
||||
/* Origina: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
|
||||
/* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
|
||||
Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
|
||||
box-shadow: 0 0 1px var(--toolbar-color) !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
background-color: rgba(255, 255, 255, 0.2) !important;
|
||||
}
|
||||
|
||||
/* Prevent identitiy color flashing */
|
||||
/* Prevent identity color flashing */
|
||||
.tabbrowser-tab[usercontextid] .tab-context-line {
|
||||
--identity-icon-color: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@ See the above repository for updates as well as full license text. */
|
|||
}
|
||||
}
|
||||
|
||||
/*= Tabbar - Hidden at singgle tab ===========================================*/
|
||||
/*= Tabbar - Hidden at single tab ===========================================*/
|
||||
@include Option("userChrome.tabbar.on_bottom.hidden_single_tab") {
|
||||
#tabbrowser-tabs .tabbrowser-tab:only-of-type {
|
||||
display: none !important;
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
--in-content-link-color-hover: var(--blue-70);
|
||||
--in-content-link-color-active: var(--blue-80);
|
||||
--in-content-link-color-visited: var(--blue-60);
|
||||
/* button background states are also used for checkboxes and radiobuttons */
|
||||
/* button background states are also used for checkboxes and radio buttons */
|
||||
--in-content-button-text-color: var(--in-content-text-color);
|
||||
--in-content-button-text-color-hover: var(--in-content-text-color);
|
||||
--in-content-button-background: rgba(207, 207, 216, 0.33);
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
/*= Cert Exeption Dialog =====================================================*/
|
||||
/*= Cert Exception Dialog =====================================================*/
|
||||
@-moz-document url("chrome://pippki/content/exceptionDialog.xhtml")
|
||||
{
|
||||
#locationTextBox {
|
||||
|
|
@ -25,12 +25,12 @@
|
|||
&:focus {
|
||||
border-color: transparent !important;
|
||||
outline: 2px solid var(--in-content-focus-outline-color) !important;
|
||||
outline-offset: -1px !important; /* Prevents antialising around the corners */
|
||||
outline-offset: -1px !important; /* Prevents antialiasing around the corners */
|
||||
}
|
||||
&:-moz-ui-invalid {
|
||||
border-color: transparent !important;
|
||||
outline: 2px solid var(--in-content-border-invalid) !important;
|
||||
outline-offset: -1px !important; /* Prevents antialising around the corners */
|
||||
outline-offset: -1px !important; /* Prevents antialiasing around the corners */
|
||||
}
|
||||
&:disabled {
|
||||
opacity: 0.4 !important;
|
||||
|
|
|
|||
|
|
@ -59,12 +59,12 @@
|
|||
--toolbar-bgcolor: var(--mac-selected-bgcolor) !important;
|
||||
--toolbar-non-lwt-bgcolor: var(--mac-selected-bgcolor) !important;
|
||||
|
||||
/* Field Backround Color */
|
||||
/* Field Background Color */
|
||||
--input-bgcolor: var(--mac-field-bgcolor) !important;
|
||||
--toolbar-field-background-color: var(--mac-field-bgcolor) !important;
|
||||
--tab-icon-overlay-stroke: var(--mac-field-bgcolor) !important;
|
||||
|
||||
/* Panel Backround Color */
|
||||
/* Panel Background Color */
|
||||
--arrowpanel-background: var(--mac-panel-bgcolor) !important;
|
||||
|
||||
/* Hover Background Color */
|
||||
|
|
@ -108,7 +108,7 @@
|
|||
--autocomplete-popup-separator-color: var(--mac-bgcolor) !important;
|
||||
*/
|
||||
|
||||
/* Accent Color Forground */
|
||||
/* Accent Color Foreground */
|
||||
--button-primary-color: var(--mac-primary-button-color) !important;
|
||||
--checkbox-checked-color: var(--mac-primary-button-color) !important;
|
||||
|
||||
|
|
|
|||
|
|
@ -12,17 +12,17 @@
|
|||
--win-field-bgcolor: #ffffff;
|
||||
--win-component-bgcolor: #f2f2f2;
|
||||
--win-border-color: #8a8a8a;
|
||||
--win-tab-seperator-color: #a3a3a3;
|
||||
--win-tab-separator-color: #a3a3a3;
|
||||
--win-sidebar-bgcolor: #e6e6e6;
|
||||
--win-sidebar-hover-bgcolor: #cfcfcf;
|
||||
--win-sidebar-button-hover-bgcolor: #b8b8b8;
|
||||
--win-sidebar-button-hover-active-bgcolor: #a3a3a3;
|
||||
--win-button-border: #747474;
|
||||
--win-shorcut-text-color: #757575;
|
||||
--win-shortcut-text-color: #757575;
|
||||
--win-error-color: #b31616;
|
||||
--win-red-border-color: #ff4343;
|
||||
@include AccentColor {
|
||||
--win-accent-forground-color: #{$accentTextColor};
|
||||
--win-accent-foreground-color: #{$accentTextColor};
|
||||
--win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, #{$accentColor});
|
||||
--win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, #{$accentColor});
|
||||
--win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, #{$accentColor});
|
||||
|
|
@ -42,13 +42,13 @@
|
|||
--win-field-bgcolor: #373737;
|
||||
--win-component-bgcolor: #171717;
|
||||
--win-border-color: #5b5b5b;
|
||||
--win-tab-seperator-color: #555555;
|
||||
--win-tab-separator-color: #555555;
|
||||
--win-sidebar-bgcolor: #1f1f1f;
|
||||
--win-sidebar-hover-bgcolor: #353535;
|
||||
--win-sidebar-button-hover-bgcolor: #353535;
|
||||
--win-sidebar-button-hover-active-bgcolor: #4c4c4c;
|
||||
--win-button-border: #8f8f8f;
|
||||
--win-shorcut-text-color: #adadad;
|
||||
--win-shortcut-text-color: #adadad;
|
||||
--win-error-color: #ffb900;
|
||||
--win-red-border-color: #ff4343;
|
||||
@include AccentColor {
|
||||
|
|
@ -85,8 +85,8 @@
|
|||
--download-progress-paused-color: var(--win-disabled-color) !important;
|
||||
|
||||
/* Text Shortcut Color */
|
||||
--panel-shortcut-color: var(--win-shorcut-text-color) !important;
|
||||
--panel-description-color: var(--win-shorcut-text-color) !important;
|
||||
--panel-shortcut-color: var(--win-shortcut-text-color) !important;
|
||||
--panel-description-color: var(--win-shortcut-text-color) !important;
|
||||
|
||||
/* Title Background */
|
||||
--lwt-accent-color: var(--win-bgcolor) !important;
|
||||
|
|
@ -103,10 +103,10 @@
|
|||
/* Border Color */
|
||||
// --menu-border-color: var(--win-border-color) !important;
|
||||
|
||||
/* Seperator */
|
||||
--toolbarseparator-color: var(--win-tab-seperator-color) !important;
|
||||
/* Separator */
|
||||
--toolbarseparator-color: var(--win-tab-separator-color) !important;
|
||||
|
||||
/* Field Backround Color */
|
||||
/* Field Background Color */
|
||||
--input-bgcolor: var(--win-field-bgcolor) !important;
|
||||
--toolbar-field-background-color: var(--win-field-bgcolor) !important;
|
||||
--toolbar-field-focus-background-color: var(--win-field-bgcolor) !important;
|
||||
|
|
@ -145,9 +145,9 @@
|
|||
--input-border-color: var(--win-button-border) !important;
|
||||
--autocomplete-popup-separator-color: var(--win-button-border) !important;
|
||||
|
||||
/* Accent Forground Color */
|
||||
--button-primary-color: var(--win-accent-forground-color) !important;
|
||||
--checkbox-checked-color: var(--win-accent-forground-color) !important;
|
||||
/* Accent Foreground Color */
|
||||
--button-primary-color: var(--win-accent-foreground-color) !important;
|
||||
--checkbox-checked-color: var(--win-accent-foreground-color) !important;
|
||||
|
||||
/* Accent Color */
|
||||
--button-primary-bgcolor: var(--win-accent-color) !important;
|
||||
|
|
|
|||
|
|
@ -3,13 +3,13 @@
|
|||
@use "list" as list-utils;
|
||||
|
||||
$_defaultOption: (
|
||||
"seperator": ", ",
|
||||
"separator": ", ",
|
||||
"quoted": false
|
||||
);
|
||||
|
||||
@mixin AtEach($name, $list, $prefix: null, $option: $_defaultOption) {
|
||||
$option: map.merge($_defaultOption, $option);
|
||||
$seperator: map.get($option, "seperator");
|
||||
$separator: map.get($option, "separator");
|
||||
$quoted: map.get($option, "quoted");
|
||||
$quoted: if($quoted, "\"", null);
|
||||
|
||||
|
|
@ -21,7 +21,7 @@ $_defaultOption: (
|
|||
@if $listL > 1 {
|
||||
@for $i from 2 through ($listL) {
|
||||
$nextBlock: list.nth($list, $i);
|
||||
$nextBlock: "#{$seperator}#{$prefix}(#{$quoted}#{$nextBlock}#{$quoted})";
|
||||
$nextBlock: "#{$separator}#{$prefix}(#{$quoted}#{$nextBlock}#{$quoted})";
|
||||
$blocks: "#{$blocks}#{$nextBlock}";
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
@use "each";
|
||||
|
||||
@mixin Option($optionNames...) {
|
||||
@include each.AtEach("supports", $optionNames, "-moz-bool-pref", ("seperator": " or ", "quoted": true)) {
|
||||
@include each.AtEach("supports", $optionNames, "-moz-bool-pref", ("separator": " or ", "quoted": true)) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin NotOption($optionNames...) {
|
||||
@include each.AtEach("supports", $optionNames, "not -moz-bool-pref", ("seperator": " or ", "quoted": true)) {
|
||||
@include each.AtEach("supports", $optionNames, "not -moz-bool-pref", ("separator": " or ", "quoted": true)) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
6
user.js
6
user.js
|
|
@ -39,7 +39,7 @@ user_pref("userChrome.tab.color_like_toolbar", true); // Original, Photo
|
|||
user_pref("userChrome.tab.lepton_like_padding", true); // Original
|
||||
user_pref("userChrome.tab.photon_like_padding", false); // Photon
|
||||
|
||||
user_pref("userChrome.tab.dynamic_separtor", true); // Original, Proton
|
||||
user_pref("userChrome.tab.dynamic_separator", true); // Original, Proton
|
||||
user_pref("userChrome.tab.static_separator", false); // Photon
|
||||
user_pref("userChrome.tab.static_separator.selected_accent", false); // Just option
|
||||
|
||||
|
|
@ -64,7 +64,7 @@ user_pref("userChrome.rounding.square_tab", false);
|
|||
// user_pref("userChrome.compatibility.covered_header_image", true);
|
||||
// user_pref("userChrome.compatibility.panel_cutoff", true);
|
||||
// user_pref("userChrome.compatibility.navbar_top_border", true);
|
||||
// user_pref("userChrome.compatibility.dynamic_separator", true); // Need dynamic_seperator
|
||||
// user_pref("userChrome.compatibility.dynamic_separator", true); // Need dynamic_separator
|
||||
|
||||
// user_pref("userChrome.compatibility.os.linux_non_native_titlebar_button", true);
|
||||
// user_pref("userChrome.compatibility.os.windows_maximized", true);
|
||||
|
|
@ -255,7 +255,7 @@ user_pref("general.smoothScroll.currentVelocityWeighting", "0.15"); // "0.25"
|
|||
user_pref("general.smoothScroll.stopDecelerationWeighting", "0.6"); // "0.4"
|
||||
*/
|
||||
|
||||
// == Smooth Scroling ==========================================================
|
||||
// == Smooth Scrolling ==========================================================
|
||||
// ** Scrolling Options ********************************************************
|
||||
// based on natural smooth scrolling v2 by aveyo
|
||||
// this preset will reset couple extra variables for consistency
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue