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

fix typos

Browse source
This commit is contained in:
akay 2022-10-09 06:29:44 +03:00
parent e4a235b590
commit 9145232e8b
43 changed files with 133 additions and 133 deletions
Download patch file Download diff file Expand all files Collapse all files

2
.prettierignore
View file

@ -5,7 +5,7 @@
# User.js # User.js
user.js user.js
# Prettier error exeption # Prettier error exception
src/utils/_each.scss src/utils/_each.scss
# [error] src/utils/_each.scss: SyntaxError: CssSyntaxError: At-rule without name (28:7) # [error] src/utils/_each.scss: SyntaxError: CssSyntaxError: At-rule without name (28:7)
# [error] 26 | } # [error] 26 | }

2
CONTRIBUTING.md
View file

@ -90,7 +90,7 @@ Even if you copy the code snippet, it is recommended that you leave a link.
**FAQ** **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 ## References

4
__tests__/each.test.scss
View file

@ -68,7 +68,7 @@
@include test("prefix custom option") { @include test("prefix custom option") {
@include assert { @include assert {
@include output { @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; @include example;
} }
} }
@ -84,7 +84,7 @@
@include assert { @include assert {
@include output { @include output {
$input: "userChrome.tab.photon" "userChrome.padding.photon"; $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; @include example;
} }
} }

92
css/leptonChrome.css
View file

@ -1,8 +1,8 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
@namespace html "http://www.w3.org/1999/xhtml"; @namespace html "http://www.w3.org/1999/xhtml";
/** Default Thme - Contrast ***************************************************/ /** Default Theme - Contrast ***************************************************/
@supports -moz-bool-pref("userChrome.theme.built_in_contrast") { @supports -moz-bool-pref("userChrome.theme.built_in_contrast") {
/*= Lightmode - Color darker =================================================*/ /*= Light mode - Color darker =================================================*/
:root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]), :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]),
:root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] { :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] {
--lwt-accent-color: rgb(229, 229, 235) !important; --lwt-accent-color: rgb(229, 229, 235) !important;
@ -21,7 +21,7 @@
background-color: var(--lwt-accent-color) !important; background-color: var(--lwt-accent-color) !important;
} }
} }
/*= Darkmode - Color lighter =================================================*/ /*= Dark mode - Color lighter =================================================*/
:root[lwtheme-mozlightdark][lwthemetextcolor="bright"], :root[lwtheme-mozlightdark][lwthemetextcolor="bright"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] { :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] {
--toolbar-bgcolor: rgba(43, 42, 51, 5) !important; --toolbar-bgcolor: rgba(43, 42, 51, 5) !important;
@ -87,7 +87,7 @@
.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
> .tab-stack > .tab-stack
> .tab-background { > .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; border: unset !important;
} }
@ -495,16 +495,16 @@
--win-field-bgcolor: #ffffff; --win-field-bgcolor: #ffffff;
--win-component-bgcolor: #f2f2f2; --win-component-bgcolor: #f2f2f2;
--win-border-color: #8a8a8a; --win-border-color: #8a8a8a;
--win-tab-seperator-color: #a3a3a3; --win-tab-separator-color: #a3a3a3;
--win-sidebar-bgcolor: #e6e6e6; --win-sidebar-bgcolor: #e6e6e6;
--win-sidebar-hover-bgcolor: #cfcfcf; --win-sidebar-hover-bgcolor: #cfcfcf;
--win-sidebar-button-hover-bgcolor: #b8b8b8; --win-sidebar-button-hover-bgcolor: #b8b8b8;
--win-sidebar-button-hover-active-bgcolor: #a3a3a3; --win-sidebar-button-hover-active-bgcolor: #a3a3a3;
--win-button-border: #747474; --win-button-border: #747474;
--win-shorcut-text-color: #757575; --win-shortcut-text-color: #757575;
--win-error-color: #b31616; --win-error-color: #b31616;
--win-red-border-color: #ff4343; --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-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-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); --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") { @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
:root:not(:-moz-lwtheme) { :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-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-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); --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-field-bgcolor: #373737;
--win-component-bgcolor: #171717; --win-component-bgcolor: #171717;
--win-border-color: #5b5b5b; --win-border-color: #5b5b5b;
--win-tab-seperator-color: #555555; --win-tab-separator-color: #555555;
--win-sidebar-bgcolor: #1f1f1f; --win-sidebar-bgcolor: #1f1f1f;
--win-sidebar-hover-bgcolor: #353535; --win-sidebar-hover-bgcolor: #353535;
--win-sidebar-button-hover-bgcolor: #353535; --win-sidebar-button-hover-bgcolor: #353535;
--win-sidebar-button-hover-active-bgcolor: #4c4c4c; --win-sidebar-button-hover-active-bgcolor: #4c4c4c;
--win-button-border: #8f8f8f; --win-button-border: #8f8f8f;
--win-shorcut-text-color: #adadad; --win-shortcut-text-color: #adadad;
--win-error-color: #ffb900; --win-error-color: #ffb900;
--win-red-border-color: #ff4343; --win-red-border-color: #ff4343;
--win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, AccentColor); --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; --panel-disabled-color: var(--win-disabled-color) !important;
--download-progress-paused-color: var(--win-disabled-color) !important; --download-progress-paused-color: var(--win-disabled-color) !important;
/* Text Shortcut Color */ /* Text Shortcut Color */
--panel-shortcut-color: var(--win-shorcut-text-color) !important; --panel-shortcut-color: var(--win-shortcut-text-color) !important;
--panel-description-color: var(--win-shorcut-text-color) !important; --panel-description-color: var(--win-shortcut-text-color) !important;
/* Title Background */ /* Title Background */
--lwt-accent-color: var(--win-bgcolor) !important; --lwt-accent-color: var(--win-bgcolor) !important;
--toolbar-field-border-color: var(--win-bgcolor) !important; --toolbar-field-border-color: var(--win-bgcolor) !important;
@ -597,9 +597,9 @@
--arrowpanel-background: var(--win-component-bgcolor) !important; --arrowpanel-background: var(--win-component-bgcolor) !important;
--autocomplete-popup-background: var(--win-component-bgcolor) !important; --autocomplete-popup-background: var(--win-component-bgcolor) !important;
/* Border Color */ /* Border Color */
/* Seperator */ /* Separator */
--toolbarseparator-color: var(--win-tab-seperator-color) !important; --toolbarseparator-color: var(--win-tab-separator-color) !important;
/* Field Backround Color */ /* Field Background Color */
--input-bgcolor: var(--win-field-bgcolor) !important; --input-bgcolor: var(--win-field-bgcolor) !important;
--toolbar-field-background-color: var(--win-field-bgcolor) !important; --toolbar-field-background-color: var(--win-field-bgcolor) !important;
--toolbar-field-focus-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; --checkbox-border-color: var(--win-button-border) !important;
--input-border-color: var(--win-button-border) !important; --input-border-color: var(--win-button-border) !important;
--autocomplete-popup-separator-color: var(--win-button-border) !important; --autocomplete-popup-separator-color: var(--win-button-border) !important;
/* Accent Forground Color */ /* Accent Foreground Color */
--button-primary-color: var(--win-accent-forground-color) !important; --button-primary-color: var(--win-accent-foreground-color) !important;
--checkbox-checked-color: var(--win-accent-forground-color) !important; --checkbox-checked-color: var(--win-accent-foreground-color) !important;
/* Accent Color */ /* Accent Color */
--button-primary-bgcolor: var(--win-accent-color) !important; --button-primary-bgcolor: var(--win-accent-color) !important;
--focus-outline-color: var(--win-accent-color) !important; --focus-outline-color: var(--win-accent-color) !important;
@ -906,11 +906,11 @@
/* Selected Background Color */ /* Selected Background Color */
--toolbar-bgcolor: var(--mac-selected-bgcolor) !important; --toolbar-bgcolor: var(--mac-selected-bgcolor) !important;
--toolbar-non-lwt-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; --input-bgcolor: var(--mac-field-bgcolor) !important;
--toolbar-field-background-color: var(--mac-field-bgcolor) !important; --toolbar-field-background-color: var(--mac-field-bgcolor) !important;
--tab-icon-overlay-stroke: 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; --arrowpanel-background: var(--mac-panel-bgcolor) !important;
/* Hover Background Color */ /* Hover Background Color */
--menuitem-hover-background-color: var(--mac-hover-bgcolor) !important; --menuitem-hover-background-color: var(--mac-hover-bgcolor) !important;
@ -947,7 +947,7 @@
--input-border-color: var(--mac-bgcolor) !important; --input-border-color: var(--mac-bgcolor) !important;
--autocomplete-popup-separator-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; --button-primary-color: var(--mac-primary-button-color) !important;
--checkbox-checked-color: var(--mac-primary-button-color) !important; --checkbox-checked-color: var(--mac-primary-button-color) !important;
/* Accent Color */ /* Accent Color */
@ -1134,7 +1134,7 @@
--in-content-link-color-hover: var(--blue-70); --in-content-link-color-hover: var(--blue-70);
--in-content-link-color-active: var(--blue-80); --in-content-link-color-active: var(--blue-80);
--in-content-link-color-visited: var(--blue-60); --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: var(--in-content-text-color);
--in-content-button-text-color-hover: 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); --in-content-button-background: rgba(207, 207, 216, 0.33);
@ -2318,7 +2318,7 @@
border-radius: 4px !important; border-radius: 4px !important;
} }
} }
/*= Cert Exeption Dialog =====================================================*/ /*= Cert Exception Dialog =====================================================*/
@-moz-document url("chrome://pippki/content/exceptionDialog.xhtml") @-moz-document url("chrome://pippki/content/exceptionDialog.xhtml")
{ {
#locationTextBox { #locationTextBox {
@ -2336,13 +2336,13 @@
border-color: transparent !important; border-color: transparent !important;
outline: 2px solid var(--in-content-focus-outline-color) !important; outline: 2px solid var(--in-content-focus-outline-color) !important;
outline-offset: -1px !important; outline-offset: -1px !important;
/* Prevents antialising around the corners */ /* Prevents antialiasing around the corners */
} }
#locationTextBox:-moz-ui-invalid { #locationTextBox:-moz-ui-invalid {
border-color: transparent !important; border-color: transparent !important;
outline: 2px solid var(--in-content-border-invalid) !important; outline: 2px solid var(--in-content-border-invalid) !important;
outline-offset: -1px !important; outline-offset: -1px !important;
/* Prevents antialising around the corners */ /* Prevents antialiasing around the corners */
} }
#locationTextBox:disabled { #locationTextBox:disabled {
opacity: 0.4 !important; opacity: 0.4 !important;
@ -3124,7 +3124,7 @@
from { from {
margin-top: 0; margin-top: 0;
} }
/* Dont' use `to`: Depending on density */ /* Don't use `to`: Depending on density */
} }
/*- Expand - Synced Tabs ---------------------------------------------------*/ /*- Expand - Synced Tabs ---------------------------------------------------*/
@-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml") @-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") { @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-icon,
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-text, #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-text,
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-badge-stack, #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") { @supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
#tabbrowser-tabs .tabbrowser-tab:only-of-type { #tabbrowser-tabs .tabbrowser-tab:only-of-type {
display: none !important; 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") { @supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
#tabbrowser-tabs .tabbrowser-tab:only-of-type { #tabbrowser-tabs .tabbrowser-tab:only-of-type {
display: none !important; display: none !important;
@ -6218,7 +6218,7 @@
.tabbrowser-tab[visuallyselected="true"]:not(:focus) .tabbrowser-tab[visuallyselected="true"]:not(:focus)
> .tab-stack > .tab-stack
> .tab-background:-moz-lwtheme { > .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) */ 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; box-shadow: 0 0 1px var(--toolbar-color) !important;
} }
@ -6330,7 +6330,7 @@
/* Fill color for GTK */ /* 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::before,
:root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::after { :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-bgcolor: -moz-dialog;
* --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15)); * --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; background-color: rgba(255, 255, 255, 0.2) !important;
} }
/* Prevent identitiy color flashing */ /* Prevent identity color flashing */
.tabbrowser-tab[usercontextid] .tab-context-line { .tabbrowser-tab[usercontextid] .tab-context-line {
--identity-icon-color: none; --identity-icon-color: none;
} }
@ -6456,7 +6456,7 @@
} }
/*= Unselected Tab - Divide line =============================================*/ /*= Unselected Tab - Divide line =============================================*/
/*= Unselected Tab - Dynamic Separator =======================================*/ /*= Unselected Tab - Dynamic Separator =======================================*/
@supports -moz-bool-pref("userChrome.tab.dynamic_separtor") { @supports -moz-bool-pref("userChrome.tab.dynamic_separator") {
#tabbrowser-arrowscrollbox { #tabbrowser-arrowscrollbox {
--start-tab-separator-position-x: -1.5px; --start-tab-separator-position-x: -1.5px;
--end-tab-separator-position-x: 1.5px; --end-tab-separator-position-x: 1.5px;
@ -6690,13 +6690,13 @@
#tabs-newtab-button { #tabs-newtab-button {
/* Original: /* Original:
margin: 0 0 var(--tabs-navbar-shadow-size) !important 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; --tabs-navbar-shadow-size: -1px;
/* Original: 1px */ /* Original: 1px */
--tabs-navbar-original-shadow-size: 1px; --tabs-navbar-original-shadow-size: 1px;
--tab-corner-rounding: 4px; --tab-corner-rounding: 4px;
/* Hardcorded */ /* Hardcoded */
/* Size */ /* Size */
-moz-box-align: stretch !important; -moz-box-align: stretch !important;
padding-top: var(--tab-block-margin) !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]: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 { :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; 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]: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 { :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; fill: color-mix(in srgb, AccentColorText 15%, transparent) !important;
/* Hardcorded for compatibility */ /* Hardcoded for compatibility */
} }
@supports -moz-bool-pref("userChrome.compatibility.accent_color") { @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover, :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 { :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; 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]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
:root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive)
#tabs-newtab-button:hover:active { #tabs-newtab-button:hover:active {
fill: color-mix(in srgb, -moz-accent-color-foreground 15%, transparent) !important; 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") { @supports -moz-bool-pref("userChrome.tab.newtab_button_smaller") {
#tabs-newtab-button > .toolbarbutton-icon { #tabs-newtab-button > .toolbarbutton-icon {
margin-left: 1px; 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; --toolbarbutton-inner-padding: 6px;
} }
@ -7525,7 +7525,7 @@
} }
@media (-moz-gtk-csd-available) { @media (-moz-gtk-csd-available) {
/* Fix transparent backgorund */ /* Fix transparent background */
:root[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar:not(:-moz-lwtheme) { :root[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar:not(:-moz-lwtheme) {
appearance: auto !important; appearance: auto !important;
} }
@ -8519,7 +8519,7 @@
list-style-image: url("chrome://browser/skin/places/tag.svg") !important; 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) { :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
list-style-image: url("chrome://browser/skin/bookmark.svg") !important; list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
} }
@ -8562,7 +8562,7 @@
list-style-image: url("../icons/tag-open.svg") !important; list-style-image: url("../icons/tag-open.svg") !important;
} }
/* Boomark */ /* Bookmark */
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) { :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important; list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
} }
@ -9495,7 +9495,7 @@
} }
} }
/*= Bookmark Menu - Layout ===================================================*/ /*= 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 * #BMB_bookmarksPopup: looks like arrow panel
*/ */
/* Empty Menu */ /* Empty Menu */
@ -10455,7 +10455,7 @@
} }
/*= textbox-contextmenu ======================================================*/ /*= 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"] { .textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] {
--menuitem-image: url("../icons/undo.svg"); --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.library") {
@supports -moz-bool-pref("userChrome.icon.menu") { @supports -moz-bool-pref("userChrome.icon.menu") {
/*= organizeButtonPopup ======================================================*/ /*= organizeButtonPopup ======================================================*/

14
css/leptonContent.css
View file

@ -650,7 +650,7 @@
--in-content-link-color-hover: var(--blue-70); --in-content-link-color-hover: var(--blue-70);
--in-content-link-color-active: var(--blue-80); --in-content-link-color-active: var(--blue-80);
--in-content-link-color-visited: var(--blue-60); --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: var(--in-content-text-color);
--in-content-button-text-color-hover: 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); --in-content-button-background: rgba(207, 207, 216, 0.33);
@ -1160,7 +1160,7 @@
/* .developer-hub */ /* .developer-hub */
/* Background */ /* Background */
/* Border */ /* Border */
/* Othres */ /* Others */
} }
body:is(.developer-hub, .statistics) #main-wrapper, body:is(.developer-hub, .statistics) #main-wrapper,
body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul::after, body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul::after,
@ -2014,7 +2014,7 @@
border-color: transparent !important; border-color: transparent !important;
outline: 2px solid var(--in-content-focus-outline-color) !important; outline: 2px solid var(--in-content-focus-outline-color) !important;
outline-offset: -1px !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, 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; border-color: transparent !important;
outline: 2px solid var(--in-content-border-invalid) !important; outline: 2px solid var(--in-content-border-invalid) !important;
outline-offset: -1px !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, 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; 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) { :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
list-style-image: url("chrome://browser/skin/bookmark.svg") !important; list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
} }
@ -2326,7 +2326,7 @@
list-style-image: url("../icons/tag-open.svg") !important; list-style-image: url("../icons/tag-open.svg") !important;
} }
/* Boomark */ /* Bookmark */
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) { :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important; list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
} }
@ -2985,7 +2985,7 @@
opacity: 0.4 !important; opacity: 0.4 !important;
} }
/*- Menu Separtor --------------------------------------------------------*/ /*- Menu Separator --------------------------------------------------------*/
menuseparator { menuseparator {
appearance: none !important; appearance: none !important;
min-width: 2px; min-width: 2px;

2
docs/Omni_ja.md
View file

@ -15,7 +15,7 @@
- [UDN: omni.ja (formerly omni.jar)](https://udn.realityripple.com/docs/Mozilla/About_omni.ja_(formerly_omni.jar)) - [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 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/) - [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** **Explanation**

2
docs/Preference.md
View file

@ -73,7 +73,7 @@ See [EBNF(Extended Backus-Naur form)](https://en.wikipedia.org/wiki/Extended_Bac
## Default Config ## Default Config
- [`modules/libpref/init/all.js`](https://github.com/mozilla/gecko-dev/blob/master/modules/libpref/init/all.js): all products - [`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). In release builds these are all put into [`omni.ja`](./Omni_ja.md).

4
docs/Project_Structure.md
View file

@ -27,7 +27,7 @@ root
|- .github: Issue/PR Template, Github Actions |- .github: Issue/PR Template, Github Actions
|- .prettierignore: Exclude coding style |- .prettierignore: Exclude coding style
|- .prettierrc.json: 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 |- install.sh: Install script write in bash
|- package.json: Build setup, package dependency |- package.json: Build setup, package dependency
|- LEPTON: Meta infos (branch, version) |- 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). 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. 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 ## Install Scripts
### Meta Info files ### Meta Info files

6
docs/README.md
View file

@ -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 --> <!-- markdown-toc start - Don't edit this section. Run M-x markdown-toc-refresh-toc -->
**Table of Contents** **Table of Contents**
@ -62,7 +62,7 @@ yarn build
You can check test and css validate: You can check test and css validate:
```shell ```shell
## test - When you make mixin or function ## 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 yarn test
## validate - Will be failed, this project uses non-standard features. ## validate - Will be failed, this project uses non-standard features.
@ -93,7 +93,7 @@ This is a rough guideline. (Not forced)
### Basics ### Basics
`userChrome.css` file is for browser UI, `userContent.css` file is for web contents. `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: Start Guide:
- [What is userChrome.css? What can it do?](https://www.userchrome.org/what-is-userchrome-css.html) - [What is userChrome.css? What can it do?](https://www.userchrome.org/what-is-userchrome-css.html)

8
docs/Restrictions.md
View file

@ -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) - [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) - [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) - [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. 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. 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) - [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) - [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. - [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) - [Bug 1575507 - Shadow parts should work in user-origin stylesheets.](https://bugzilla.mozilla.org/show_bug.cgi?id=1575507)
### XUL ### 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. 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)) 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) - [UDN: ::-moz-tree-cell-text](https://udn.realityripple.com/docs/Mozilla/Gecko/Chrome/CSS/::-moz-tree-cell-text)
Another case. 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
[`@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) [`@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)

2
docs/Rules.md
View file

@ -46,7 +46,7 @@ It comes from [#109](https://github.com/black7375/Firefox-UI-Fix/issues/109#issu
Stable: Only bugfix, Documentation. Stable: Only bugfix, Documentation.
- `master`: Common bugfix, documentation. - `master`: Common bugfix, documentation.
- `photon-style`: Bugfix, documentation specified in `photon-style`. - `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. Development: New Features.
- `dev`: Common new features. - `dev`: Common new features.

2
install.ps1
View file

@ -31,7 +31,7 @@ Shows this help message
.PARAMETER WhatIf .PARAMETER WhatIf
Runs the installer without actioning any file copies/moves Runs the installer without actioning any file copies/moves
Equivelant to a dry-run Equivalent to a dry-run
.EXAMPLE .EXAMPLE
PS> .\Install.ps1 -u -f C:\Users\someone\ff-profiles PS> .\Install.ps1 -u -f C:\Users\someone\ff-profiles

4
install.sh
View file

@ -185,8 +185,8 @@ write_file() {
get_ini_section() { get_ini_section() {
local filePath="$1" local filePath="$1"
local ouput=$(grep -E "^\[" "${filePath}" |sed -e "s/^\[//g" -e "s/\]$//g") local output=$(grep -E "^\[" "${filePath}" |sed -e "s/^\[//g" -e "s/\]$//g")
echo "${ouput}" echo "${output}"
} }
get_ini_value() { get_ini_value() {
local filePath="$1" local filePath="$1"

2
src/autohide/_infobar.scss
View file

@ -1,6 +1,6 @@
#tab-notification-deck:not([customizing]) > .notificationbox-stack { #tab-notification-deck:not([customizing]) > .notificationbox-stack {
$infobarFixedHeight: 13px + ((1px + 5px) * 2); // button height + (button border + [button.small-button padding]) * 2 $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)); --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 { #tab-notification-deck:not([customizing]) > .notificationbox-stack[slot="selected"] > notification-message {

2
src/compatibility/_os.scss
View file

@ -196,7 +196,7 @@ $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
&[sizemode="maximized"] #titlebar { &[sizemode="maximized"] #titlebar {
appearance: none !important; appearance: none !important;
// Prevent sideeffect #370 // Prevent side effect #370
padding-top: 8px; // Don't use margin-top for reserved fullscreen animation padding-top: 8px; // Don't use margin-top for reserved fullscreen animation
} }
} }

2
src/compatibility/_theme.scss
View file

@ -48,7 +48,7 @@ menu {
/*= Remove Tab Border ========================================================*/ /*= Remove Tab Border ========================================================*/
@mixin _theme_removeTabBorder($options...) { @mixin _theme_removeTabBorder($options...) {
%noneBorder { %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; border: unset !important;
} }
@each $prefix, $postfix in $options { @each $prefix, $postfix in $options {

2
src/contents/dark_mode/_addons_org.scss
View file

@ -486,7 +486,7 @@
background: var(--in-content-border-color) !important; background: var(--in-content-border-color) !important;
} }
/* Othres */ /* Others */
#promos .view-button a, #promos .view-button a,
#upload-file-finish.button, #upload-file-finish.button,
#upload-file-widget .button.prominent, #upload-file-widget .button.prominent,

4
src/contents/proton_contents/_proton_commons.scss
View file

@ -191,13 +191,13 @@
richlistbox:focus-visible { richlistbox:focus-visible {
border-color: transparent !important; border-color: transparent !important;
outline: 2px solid var(--in-content-focus-outline-color) !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, input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):-moz-ui-invalid,
textarea:-moz-ui-invalid { textarea:-moz-ui-invalid {
border-color: transparent !important; border-color: transparent !important;
outline: 2px solid var(--in-content-border-invalid) !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, input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):disabled,
textarea:disabled, textarea:disabled,

2
src/decoration/_animate.scss
View file

@ -144,7 +144,7 @@ xul|search-textbox.tabsFilter,
from { from {
margin-top: 0; margin-top: 0;
} }
/* Dont' use `to`: Depending on density */ /* Don't use `to`: Depending on density */
} }
/*- Expand - Synced Tabs ---------------------------------------------------*/ /*- Expand - Synced Tabs ---------------------------------------------------*/

2
src/fullscreen/_overlap.scss
View file

@ -8,7 +8,7 @@
} }
@include OS($linux) { @include OS($linux) {
/* Fix transparent backgorund */ /* Fix transparent background */
:root[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar:not(:-moz-lwtheme) { :root[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar:not(:-moz-lwtheme) {
appearance: auto !important; appearance: auto !important;
} }

2
src/icons/_index.scss
View file

@ -25,7 +25,7 @@
} }
} }
/** Libray Menu ***************************************************************/ /** Library Menu ***************************************************************/
@include Option("userChrome.icon.library") { @include Option("userChrome.icon.library") {
@include Option("userChrome.icon.menu") { @include Option("userChrome.icon.menu") {
@import "library"; @import "library";

10
src/icons/_panel.scss
View file

@ -42,14 +42,14 @@
} }
} }
@include Option("userChrome.icon.panel_sparse") { @include Option("userChrome.icon.panel_sparse") {
#appMenu-new-tab-button2, /* Seperate */ #appMenu-new-tab-button2, /* Separate */
#appMenu-passwords-button, /* Seperate */ #appMenu-passwords-button, /* Separate */
#appMenu-extensions-themes-button, #appMenu-extensions-themes-button,
#appMenu-save-file-button2, /* Seperate */ #appMenu-save-file-button2, /* Separate */
#appMenu-find-button2, #appMenu-find-button2,
#appMenu-more-button2, /* Seperate */ #appMenu-more-button2, /* Separate */
#appMenu-help-button2, #appMenu-help-button2,
#appMenu-quit-button2 /* Seperate */ { #appMenu-quit-button2 /* Separate */ {
padding-top: var(--arrowpanel-menuitemblank-padding-block) !important; padding-top: var(--arrowpanel-menuitemblank-padding-block) !important;
padding-bottom: var(--arrowpanel-menuitemblank-padding-block) !important; padding-bottom: var(--arrowpanel-menuitemblank-padding-block) !important;
} }

2
src/icons/context_menu/_others.scss
View file

@ -147,7 +147,7 @@
} }
/*= textbox-contextmenu ======================================================*/ /*= 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"] { .textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] {
--menuitem-image: url("../icons/undo.svg"); --menuitem-image: url("../icons/undo.svg");
} }

2
src/icons/layout/_bookmark_menu.scss
View file

@ -1,5 +1,5 @@
/*= Bookmark Menu - Layout ===================================================*/ /*= 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 * #BMB_bookmarksPopup: looks like arrow panel
*/ */

2
src/icons/layout/_menu_common.scss
View file

@ -1,6 +1,6 @@
//-- Variables ----------------------------------------------------------------- //-- Variables -----------------------------------------------------------------
// Items // 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. // .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. // [checked="true"]: There should be a check mark instead of an icon.
$_iconNoneCommon: ".in-menulist, [checked=\"true\"]"; $_iconNoneCommon: ".in-menulist, [checked=\"true\"]";

2
src/leptonChrome.scss
View file

@ -13,7 +13,7 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
@namespace html "http://www.w3.org/1999/xhtml"; @namespace html "http://www.w3.org/1999/xhtml";
/** Default Thme - Contrast ***************************************************/ /** Default Theme - Contrast ***************************************************/
@include Option("userChrome.theme.built_in_contrast") { @include Option("userChrome.theme.built_in_contrast") {
@import "theme/built_in"; @import "theme/built_in";
} }

6
src/library/_folder_icons.scss
View file

@ -3,7 +3,7 @@
:-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer]), :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer]),
/* in Sidebar, Library, Add/Edit Bookmark dialog */ /* in Sidebar, Library, Add/Edit Bookmark dialog */
/* https://github.com/rillian/firefox/blob/1f88437d263f56bdede4f20f69ba9c7b62f57001/layout/style/nsCSSAnonBoxList.h#L85-L98 */ /* 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), :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, container),
#editBMPanel_folderMenuList:not([selectedGuid="toolbar_____"], [selectedGuid="menu________"]), #editBMPanel_folderMenuList:not([selectedGuid="toolbar_____"], [selectedGuid="menu________"]),
#editBMPanel_folderMenuList .folder-icon:not([id]), #editBMPanel_folderMenuList .folder-icon:not([id]),
@ -69,7 +69,7 @@
list-style-image: url("chrome://browser/skin/places/tag.svg") !important; 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) { :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
list-style-image: url("chrome://browser/skin/bookmark.svg") !important; list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
} }
@ -111,7 +111,7 @@
list-style-image: url("../icons/tag-open.svg") !important; list-style-image: url("../icons/tag-open.svg") !important;
} }
/* Boomark */ /* Bookmark */
:-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) { :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important; list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
} }

2
src/library/_proton_contents.scss
View file

@ -99,7 +99,7 @@ menuitem[type="checkbox"] {
} }
} }
/*- Menu Separtor --------------------------------------------------------*/ /*- Menu Separator --------------------------------------------------------*/
menuseparator { menuseparator {
appearance: none !important; appearance: none !important;
min-width: 2px; min-width: 2px;

2
src/rounding/_square.scss
View file

@ -12,7 +12,7 @@
} }
} }
@include Option("userChrome.rounding.square_tab", "userChrome.round.square_button") { @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-icon,
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-text, #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-text,
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-badge-stack, #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-badge-stack,

2
src/tab/_unselected_tab.scss
View file

@ -1,5 +1,5 @@
/*= Unselected Tab - Dynamic Separator =======================================*/ /*= Unselected Tab - Dynamic Separator =======================================*/
@include Option("userChrome.tab.dynamic_separtor") { @include Option("userChrome.tab.dynamic_separator") {
@import "unselected_tab/dynamic_separator"; @import "unselected_tab/dynamic_separator";
} }

8
src/tab/newtab_button/_looks_like_tab.scss
View file

@ -1,11 +1,11 @@
#tabs-newtab-button { #tabs-newtab-button {
/* Original: /* Original:
margin: 0 0 var(--tabs-navbar-shadow-size) !important 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-shadow-size: -1px; /* Original: 1px */
--tabs-navbar-original-shadow-size: 1px; --tabs-navbar-original-shadow-size: 1px;
--tab-corner-rounding: 4px; /* Hardcorded */ --tab-corner-rounding: 4px; /* Hardcoded */
/* Size */ /* Size */
-moz-box-align: stretch !important; -moz-box-align: stretch !important;
@ -39,7 +39,7 @@
in srgb, in srgb,
$accentTextColor 10%, $accentTextColor 10%,
transparent transparent
) !important; /* Hardcorded for compatibility */ ) !important; /* Hardcoded for compatibility */
} }
:root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active, :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 { :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active {
@ -47,7 +47,7 @@
in srgb, in srgb,
$accentTextColor 15%, $accentTextColor 15%,
transparent transparent
) !important; /* Hardcorded for compatibility */ ) !important; /* Hardcoded for compatibility */
} }
} }
} }

2
src/tab/newtab_button/_smaller_button.scss
View file

@ -1,7 +1,7 @@
#tabs-newtab-button > .toolbarbutton-icon { #tabs-newtab-button > .toolbarbutton-icon {
margin-left: 1px; 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; --toolbarbutton-inner-padding: 6px;
} }
:root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon { :root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {

2
src/tab/selected_tab/_bottom_rounded_corner.scss
View file

@ -58,7 +58,7 @@ tab[visuallyselected] > stack::after {
/* Fill color for GTK */ /* 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::before,
:root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::after { :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-bgcolor: -moz-dialog;
* --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15)); * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
*/ */

2
src/tab/selected_tab/_box_shadow.scss
View file

@ -3,7 +3,7 @@
.tabbrowser-tab[visuallyselected="true"]:not(:focus) .tabbrowser-tab[visuallyselected="true"]:not(:focus)
> .tab-stack > .tab-stack
> .tab-background:-moz-lwtheme { > .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) */ 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; box-shadow: 0 0 1px var(--toolbar-color) !important;
} }

2
src/tab/selected_tab/_photon_like_contextline.scss
View file

@ -37,7 +37,7 @@
background-color: rgba(255, 255, 255, 0.2) !important; background-color: rgba(255, 255, 255, 0.2) !important;
} }
/* Prevent identitiy color flashing */ /* Prevent identity color flashing */
.tabbrowser-tab[usercontextid] .tab-context-line { .tabbrowser-tab[usercontextid] .tab-context-line {
--identity-icon-color: none; --identity-icon-color: none;
} }

2
src/tabbar/_on_bottom.scss
View file

@ -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") { @include Option("userChrome.tabbar.on_bottom.hidden_single_tab") {
#tabbrowser-tabs .tabbrowser-tab:only-of-type { #tabbrowser-tabs .tabbrowser-tab:only-of-type {
display: none !important; display: none !important;

2
src/theme/_proton_color.scss
View file

@ -25,7 +25,7 @@
--in-content-link-color-hover: var(--blue-70); --in-content-link-color-hover: var(--blue-70);
--in-content-link-color-active: var(--blue-80); --in-content-link-color-active: var(--blue-80);
--in-content-link-color-visited: var(--blue-60); --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: var(--in-content-text-color);
--in-content-button-text-color-hover: 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); --in-content-button-background: rgba(207, 207, 216, 0.33);

6
src/theme/proton_chrome/_cert.scss
View file

@ -7,7 +7,7 @@
} }
} }
/*= Cert Exeption Dialog =====================================================*/ /*= Cert Exception Dialog =====================================================*/
@-moz-document url("chrome://pippki/content/exceptionDialog.xhtml") @-moz-document url("chrome://pippki/content/exceptionDialog.xhtml")
{ {
#locationTextBox { #locationTextBox {
@ -25,12 +25,12 @@
&:focus { &:focus {
border-color: transparent !important; border-color: transparent !important;
outline: 2px solid var(--in-content-focus-outline-color) !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 { &:-moz-ui-invalid {
border-color: transparent !important; border-color: transparent !important;
outline: 2px solid var(--in-content-border-invalid) !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 { &:disabled {
opacity: 0.4 !important; opacity: 0.4 !important;

6
src/theme/system_default_theme/_mac.scss
View file

@ -59,12 +59,12 @@
--toolbar-bgcolor: var(--mac-selected-bgcolor) !important; --toolbar-bgcolor: var(--mac-selected-bgcolor) !important;
--toolbar-non-lwt-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; --input-bgcolor: var(--mac-field-bgcolor) !important;
--toolbar-field-background-color: var(--mac-field-bgcolor) !important; --toolbar-field-background-color: var(--mac-field-bgcolor) !important;
--tab-icon-overlay-stroke: 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; --arrowpanel-background: var(--mac-panel-bgcolor) !important;
/* Hover Background Color */ /* Hover Background Color */
@ -108,7 +108,7 @@
--autocomplete-popup-separator-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; --button-primary-color: var(--mac-primary-button-color) !important;
--checkbox-checked-color: var(--mac-primary-button-color) !important; --checkbox-checked-color: var(--mac-primary-button-color) !important;

26
src/theme/system_default_theme/_win10.scss
View file

@ -12,17 +12,17 @@
--win-field-bgcolor: #ffffff; --win-field-bgcolor: #ffffff;
--win-component-bgcolor: #f2f2f2; --win-component-bgcolor: #f2f2f2;
--win-border-color: #8a8a8a; --win-border-color: #8a8a8a;
--win-tab-seperator-color: #a3a3a3; --win-tab-separator-color: #a3a3a3;
--win-sidebar-bgcolor: #e6e6e6; --win-sidebar-bgcolor: #e6e6e6;
--win-sidebar-hover-bgcolor: #cfcfcf; --win-sidebar-hover-bgcolor: #cfcfcf;
--win-sidebar-button-hover-bgcolor: #b8b8b8; --win-sidebar-button-hover-bgcolor: #b8b8b8;
--win-sidebar-button-hover-active-bgcolor: #a3a3a3; --win-sidebar-button-hover-active-bgcolor: #a3a3a3;
--win-button-border: #747474; --win-button-border: #747474;
--win-shorcut-text-color: #757575; --win-shortcut-text-color: #757575;
--win-error-color: #b31616; --win-error-color: #b31616;
--win-red-border-color: #ff4343; --win-red-border-color: #ff4343;
@include AccentColor { @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-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-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}); --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-field-bgcolor: #373737;
--win-component-bgcolor: #171717; --win-component-bgcolor: #171717;
--win-border-color: #5b5b5b; --win-border-color: #5b5b5b;
--win-tab-seperator-color: #555555; --win-tab-separator-color: #555555;
--win-sidebar-bgcolor: #1f1f1f; --win-sidebar-bgcolor: #1f1f1f;
--win-sidebar-hover-bgcolor: #353535; --win-sidebar-hover-bgcolor: #353535;
--win-sidebar-button-hover-bgcolor: #353535; --win-sidebar-button-hover-bgcolor: #353535;
--win-sidebar-button-hover-active-bgcolor: #4c4c4c; --win-sidebar-button-hover-active-bgcolor: #4c4c4c;
--win-button-border: #8f8f8f; --win-button-border: #8f8f8f;
--win-shorcut-text-color: #adadad; --win-shortcut-text-color: #adadad;
--win-error-color: #ffb900; --win-error-color: #ffb900;
--win-red-border-color: #ff4343; --win-red-border-color: #ff4343;
@include AccentColor { @include AccentColor {
@ -85,8 +85,8 @@
--download-progress-paused-color: var(--win-disabled-color) !important; --download-progress-paused-color: var(--win-disabled-color) !important;
/* Text Shortcut Color */ /* Text Shortcut Color */
--panel-shortcut-color: var(--win-shorcut-text-color) !important; --panel-shortcut-color: var(--win-shortcut-text-color) !important;
--panel-description-color: var(--win-shorcut-text-color) !important; --panel-description-color: var(--win-shortcut-text-color) !important;
/* Title Background */ /* Title Background */
--lwt-accent-color: var(--win-bgcolor) !important; --lwt-accent-color: var(--win-bgcolor) !important;
@ -103,10 +103,10 @@
/* Border Color */ /* Border Color */
// --menu-border-color: var(--win-border-color) !important; // --menu-border-color: var(--win-border-color) !important;
/* Seperator */ /* Separator */
--toolbarseparator-color: var(--win-tab-seperator-color) !important; --toolbarseparator-color: var(--win-tab-separator-color) !important;
/* Field Backround Color */ /* Field Background Color */
--input-bgcolor: var(--win-field-bgcolor) !important; --input-bgcolor: var(--win-field-bgcolor) !important;
--toolbar-field-background-color: var(--win-field-bgcolor) !important; --toolbar-field-background-color: var(--win-field-bgcolor) !important;
--toolbar-field-focus-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; --input-border-color: var(--win-button-border) !important;
--autocomplete-popup-separator-color: var(--win-button-border) !important; --autocomplete-popup-separator-color: var(--win-button-border) !important;
/* Accent Forground Color */ /* Accent Foreground Color */
--button-primary-color: var(--win-accent-forground-color) !important; --button-primary-color: var(--win-accent-foreground-color) !important;
--checkbox-checked-color: var(--win-accent-forground-color) !important; --checkbox-checked-color: var(--win-accent-foreground-color) !important;
/* Accent Color */ /* Accent Color */
--button-primary-bgcolor: var(--win-accent-color) !important; --button-primary-bgcolor: var(--win-accent-color) !important;

6
src/utils/_each.scss
View file

@ -3,13 +3,13 @@
@use "list" as list-utils; @use "list" as list-utils;
$_defaultOption: ( $_defaultOption: (
"seperator": ", ", "separator": ", ",
"quoted": false "quoted": false
); );
@mixin AtEach($name, $list, $prefix: null, $option: $_defaultOption) { @mixin AtEach($name, $list, $prefix: null, $option: $_defaultOption) {
$option: map.merge($_defaultOption, $option); $option: map.merge($_defaultOption, $option);
$seperator: map.get($option, "seperator"); $separator: map.get($option, "separator");
$quoted: map.get($option, "quoted"); $quoted: map.get($option, "quoted");
$quoted: if($quoted, "\"", null); $quoted: if($quoted, "\"", null);
@ -21,7 +21,7 @@ $_defaultOption: (
@if $listL > 1 { @if $listL > 1 {
@for $i from 2 through ($listL) { @for $i from 2 through ($listL) {
$nextBlock: list.nth($list, $i); $nextBlock: list.nth($list, $i);
$nextBlock: "#{$seperator}#{$prefix}(#{$quoted}#{$nextBlock}#{$quoted})"; $nextBlock: "#{$separator}#{$prefix}(#{$quoted}#{$nextBlock}#{$quoted})";
$blocks: "#{$blocks}#{$nextBlock}"; $blocks: "#{$blocks}#{$nextBlock}";
} }
} }

4
src/utils/_option.scss
View file

@ -1,13 +1,13 @@
@use "each"; @use "each";
@mixin Option($optionNames...) { @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; @content;
} }
} }
@mixin NotOption($optionNames...) { @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; @content;
} }
} }

6
user.js
View file

@ -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.lepton_like_padding", true); // Original
user_pref("userChrome.tab.photon_like_padding", false); // Photon 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", false); // Photon
user_pref("userChrome.tab.static_separator.selected_accent", false); // Just option 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.covered_header_image", true);
// user_pref("userChrome.compatibility.panel_cutoff", true); // user_pref("userChrome.compatibility.panel_cutoff", true);
// user_pref("userChrome.compatibility.navbar_top_border", 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.linux_non_native_titlebar_button", true);
// user_pref("userChrome.compatibility.os.windows_maximized", 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" user_pref("general.smoothScroll.stopDecelerationWeighting", "0.6"); // "0.4"
*/ */
// == Smooth Scroling ========================================================== // == Smooth Scrolling ==========================================================
// ** Scrolling Options ******************************************************** // ** Scrolling Options ********************************************************
// based on natural smooth scrolling v2 by aveyo // based on natural smooth scrolling v2 by aveyo
// this preset will reset couple extra variables for consistency // this preset will reset couple extra variables for consistency