From 4c86414e74eebccaa38f7caefebc44bf5539c92e Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Wed, 15 Sep 2021 02:09:22 +0900 Subject: [PATCH 01/21] Fix: Menu Padding- Windows7, 8's border size --- userChrome.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 66fe651..1028255 100644 --- a/userChrome.css +++ b/userChrome.css @@ -97,7 +97,7 @@ @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { menupopup > menu, menupopup > menuitem { - border: 1px solid transparent; + border: 1px solid transparent; /* Need reduce 2px at menu */ } menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] { @@ -873,6 +873,14 @@ padding-inline-start: 0.5em; } + @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { + menupopup > menuitem, + menupopup > menu { + /* Remove border */ + padding-block: calc(var(--menu-padding) - 2px) !important; + } + } + @supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root:not([uidensity="touch"]) .menu-text, :root:not([uidensity="touch"]) .menu-iconic-text { From ab12b7ac8be832e0b6bdf3d4d6865413f69d4a13 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Wed, 15 Sep 2021 02:14:52 +0900 Subject: [PATCH 02/21] Fix: Menu padding - Windows8 --- userChrome.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 1028255..8b2cab0 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2191,10 +2191,17 @@ } } - @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { + @media (-moz-os-version: windows-win7) { :root { --context-menu-background-padding-default: 2px; } + } + @media (-moz-os-version: windows-win8) { + :root { + --context-menu-background-padding-default: 3px; + } + } + @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic, [type="checkbox"], [checked="true"], .in-menulist), From adec4e0d6fa68fbc7719a889e8b2e60c52258fd1 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Wed, 15 Sep 2021 02:42:26 +0900 Subject: [PATCH 03/21] Fix Menu Color - Wndows8 --- userChrome.css | 23 ++++++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 8b2cab0..6747600 100644 --- a/userChrome.css +++ b/userChrome.css @@ -96,9 +96,13 @@ /*= Windows 7, 8 - Menu Active Color =======================================*/ @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { menupopup > menu, - menupopup > menuitem { + menupopup > menuitem, + #context-navigation > menuitem { border: 1px solid transparent; /* Need reduce 2px at menu */ } + } + + @media (-moz-os-version: windows-win7) { menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] { background-color: color-mix(in srgb, -moz-menuhover 5%, transparent); @@ -110,6 +114,23 @@ border-color: transparent; } } + @media (-moz-os-version: windows-win8) { + menu[_moz-menuactive="true"], + menuitem[_moz-menuactive="true"] { + background-color: color-mix(in srgb, -moz-menuhover 17%, transparent) !important; + border-color: color-mix(in srgb, -moz-menuhover 80%, transparent) !important; + } + menu[_moz-menuactive="true"][disabled="disabled"], + menuitem[_moz-menuactive="true"][disabled="true"] { + background-color: color-mix(in srgb, currentColor 17%, transparent) !important; + border-color: color-mix(in srgb, currentColor 80%, transparent) !important; + } + + #main-menubar > menu[open="true"], + #main-menubar > menu[_moz-menuactive="true"] { + background-color: -moz-menuhover !important; /* Make to original */ + } + } /*= Linux- Global Menubar Active Color =====================================*/ @media (-moz-gtk-csd-available) { From 623008bc1b7f8ba2b7a1184c5d0eef149e06b41d Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Wed, 15 Sep 2021 02:52:24 +0900 Subject: [PATCH 04/21] Fix: Context Navigation - Win7, 8 bottom padding to original --- userChrome.css | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) diff --git a/userChrome.css b/userChrome.css index 6747600..7845b5b 100644 --- a/userChrome.css +++ b/userChrome.css @@ -894,14 +894,6 @@ padding-inline-start: 0.5em; } - @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { - menupopup > menuitem, - menupopup > menu { - /* Remove border */ - padding-block: calc(var(--menu-padding) - 2px) !important; - } - } - @supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root:not([uidensity="touch"]) .menu-text, :root:not([uidensity="touch"]) .menu-iconic-text { @@ -918,6 +910,19 @@ } } + @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { + /* Remove border */ + menupopup > menuitem, + menupopup > menu { + padding-block: calc(var(--menu-padding) - 2px) !important; + } + + /* Make to original */ + :root:not([uidensity="touch"]) #context-navigation:not([hidden]) { + padding: 0 0 4px !important; + } + } + /* Arrow Icon Align to Right */ .bookmark-item.subviewbutton > .menu-right { margin-inline-end: 0 !important; From bcac6caf338b5aaed798ccae4cbdab97f0342298 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Wed, 15 Sep 2021 04:18:40 +0900 Subject: [PATCH 05/21] Fix: Menu Color - disabled, meubar menu at Windows7 --- userChrome.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/userChrome.css b/userChrome.css index 7845b5b..01e7d01 100644 --- a/userChrome.css +++ b/userChrome.css @@ -100,6 +100,11 @@ #context-navigation > menuitem { border: 1px solid transparent; /* Need reduce 2px at menu */ } + + #main-menubar > menu[open="true"], + #main-menubar > menu[_moz-menuactive="true"] { + background-color: -moz-menuhover !important; /* Make to original */ + } } @media (-moz-os-version: windows-win7) { @@ -110,8 +115,8 @@ } menu[_moz-menuactive="true"][disabled="disabled"], menuitem[_moz-menuactive="true"][disabled="true"] { - background-color: transparent; - border-color: transparent; + background-color: color-mix(in srgb, currentColor 5%, transparent) !important; + border-color: color-mix(in srgb, currentColor 60%, transparent) !important; } } @media (-moz-os-version: windows-win8) { @@ -125,11 +130,6 @@ background-color: color-mix(in srgb, currentColor 17%, transparent) !important; border-color: color-mix(in srgb, currentColor 80%, transparent) !important; } - - #main-menubar > menu[open="true"], - #main-menubar > menu[_moz-menuactive="true"] { - background-color: -moz-menuhover !important; /* Make to original */ - } } /*= Linux- Global Menubar Active Color =====================================*/ From 77b2c56c080b152ea2e43c31ef9cbf6825580a07 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Thu, 16 Sep 2021 00:06:51 +0000 Subject: [PATCH 06/21] Fix: Smooth Scroll - currentVelocityWeighting `0.15` -> `0.12` --- user.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/user.js b/user.js index 5f139fa..09c18fe 100644 --- a/user.js +++ b/user.js @@ -36,7 +36,7 @@ user_pref("apz.force_disable_desktop_zooming_scrollbars", false); / user_pref("apz.paint_skipping.enabled", true); /// true user_pref("apz.windows.use_direct_manipulation", true); /// true user_pref("dom.event.wheel-deltaMode-lines.always-disabled", true); /// false -user_pref("general.smoothScroll.currentVelocityWeighting", "0.15"); /// "0.25" <- 1. If scroll too fast, set to "0.12" +user_pref("general.smoothScroll.currentVelocityWeighting", "0.12"); /// "0.25" <- 1. If scroll too slow, set to "0.15" user_pref("general.smoothScroll.durationToIntervalRatio", 1000); /// 200 user_pref("general.smoothScroll.lines.durationMaxMS", 100); /// 150 user_pref("general.smoothScroll.lines.durationMinMS", 0); /// 150 From 7bf6f90f2fdf20b56b6d3cbf5e88c19149548fd3 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Thu, 16 Sep 2021 08:52:43 +0000 Subject: [PATCH 07/21] Fix: Prettier commit message --- .github/workflows/format.yml | 1 + 1 file changed, 1 insertion(+) diff --git a/.github/workflows/format.yml b/.github/workflows/format.yml index b7cd3db..b7ad9b8 100644 --- a/.github/workflows/format.yml +++ b/.github/workflows/format.yml @@ -23,5 +23,6 @@ jobs: with: # This part is also where you can pass other options, for example: prettier_options: --write . + commit_message: "Clean: Prettified Code!" env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} From 88a323b8479fdd6cff580f36873f7620bcf50131 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 17 Sep 2021 10:02:37 +0900 Subject: [PATCH 08/21] Fix: Activity Stream - site border overflow #221 --- userContent.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/userContent.css b/userContent.css index c3bfa2b..91963f4 100644 --- a/userContent.css +++ b/userContent.css @@ -17,6 +17,10 @@ } /** Activity Stream - Web Site Icon: full size ****************************/ + .top-site-outer .tile { + overflow: hidden; + } + .top-site-outer .tile .icon-wrapper { width: 100% !important; /* Original: 48px */ height: 100% !important; /* Original: 48px */ From 5a20ca0f47226e10a62a7f92ea2031ce7aaf6e3f Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sat, 18 Sep 2021 22:57:54 +0900 Subject: [PATCH 09/21] Fix: addon.org - reply author text color --- userContent.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/userContent.css b/userContent.css index 91963f4..688a3d5 100644 --- a/userContent.css +++ b/userContent.css @@ -436,6 +436,8 @@ .Paginate-page-number, .AddonSummaryCard-addonAverage, .AddonReviewCard-authorByLine, + .UserReview-byLine, + .UserReview-reply-header, .Home-heroHeader-subtitle, .blog-entry-date, .blogpost-breadcrumb *, From a96fab298cc978d55c762ae139fc3a4896a9c651 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 19 Sep 2021 21:52:51 +0900 Subject: [PATCH 10/21] Fix: Menu Bar - Weird title container order behavior #219 --- userChrome.css | 15 +++------------ 1 file changed, 3 insertions(+), 12 deletions(-) diff --git a/userChrome.css b/userChrome.css index 01e7d01..f1b1776 100644 --- a/userChrome.css +++ b/userChrome.css @@ -945,18 +945,9 @@ /*= Global Menu - Set Padding ==============================================*/ /* Prevent layout shifts */ - @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8), (-moz-os-version: windows-win10) { - #toolbar-menubar { - display: flex !important; - flex-direction: row; - justify-content: space-between; - } - #toolbar-menubar > spacer { - order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */ - flex: 1; /* Fill row */ - } - #toolbar-menubar > .titlebar-buttonbox-container { - order: 1000; /* as Original's -moz-box-ordinal-group: 1000 */ + @media (-moz-os-version: windows-win10) { + #main-menubar { + height: 28px; /* Hard coded for compatibility */ } } From c08af26efc1cb97043807d7c333b2190df5221d8 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 20 Sep 2021 01:58:42 +0900 Subject: [PATCH 11/21] Fix: Menu Bar - Remove hardcode #219 https://www.reddit.com/r/FirefoxCSS/comments/pr56cd/titlebar_buttonbox_container_position_problem/ --- userChrome.css | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/userChrome.css b/userChrome.css index f1b1776..b493f10 100644 --- a/userChrome.css +++ b/userChrome.css @@ -944,17 +944,9 @@ } /*= Global Menu - Set Padding ==============================================*/ - /* Prevent layout shifts */ - @media (-moz-os-version: windows-win10) { - #main-menubar { - height: 28px; /* Hard coded for compatibility */ - } - } - /* Vertical Align - Center & Height: 100% */ - #menubar-items, #main-menubar { - display: flex !important; + -moz-box-flex: 1 !important; } /* Rounding */ From e74ecfce29f972dbe6e109cd6c62c99755498265 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 20 Sep 2021 03:45:38 +0900 Subject: [PATCH 12/21] Fix: Bookmark Menu - Remove border at win7, 8 --- userChrome.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/userChrome.css b/userChrome.css index b493f10..bda4922 100644 --- a/userChrome.css +++ b/userChrome.css @@ -105,6 +105,13 @@ #main-menubar > menu[_moz-menuactive="true"] { background-color: -moz-menuhover !important; /* Make to original */ } + + #PlacesToolbar menu, + #PlacesToolbar menuitem, + #BMB_bookmarksPopup menu, + #BMB_bookmarksPopup menuitem { + border: none !important; /* Remove border */ + } } @media (-moz-os-version: windows-win7) { From 1589669254d6454112fed29745d38ed7d0d5acdc Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 20 Sep 2021 03:47:47 +0900 Subject: [PATCH 13/21] Fix: Menu - Hover background color at Win7 make to `!important` --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index bda4922..3c0517e 100644 --- a/userChrome.css +++ b/userChrome.css @@ -117,8 +117,8 @@ @media (-moz-os-version: windows-win7) { menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] { - background-color: color-mix(in srgb, -moz-menuhover 5%, transparent); - border-color: color-mix(in srgb, -moz-menuhover 60%, transparent); + background-color: color-mix(in srgb, -moz-menuhover 5%, transparent) !important; + border-color: color-mix(in srgb, -moz-menuhover 60%, transparent) !important; } menu[_moz-menuactive="true"][disabled="disabled"], menuitem[_moz-menuactive="true"][disabled="true"] { From 887333fc3a7edc39626f8ebe0e5b27db4d74e615 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 20 Sep 2021 04:13:13 +0900 Subject: [PATCH 14/21] Fix: Menu Bar - light weight theme at Win7, Win8 --- userChrome.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/userChrome.css b/userChrome.css index 3c0517e..df38fc4 100644 --- a/userChrome.css +++ b/userChrome.css @@ -105,6 +105,11 @@ #main-menubar > menu[_moz-menuactive="true"] { background-color: -moz-menuhover !important; /* Make to original */ } + :root:-moz-lwtheme #main-menubar > menu[open="true"], + :root:-moz-lwtheme #main-menubar > menu[_moz-menuactive="true"] { + color: inherit !important; /* Original: -moz-menubarhovertext */ + background-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* Original: -moz-menuhover */ + } #PlacesToolbar menu, #PlacesToolbar menuitem, @@ -125,6 +130,18 @@ background-color: color-mix(in srgb, currentColor 5%, transparent) !important; border-color: color-mix(in srgb, currentColor 60%, transparent) !important; } + + /* Remove text shadow */ + :root:-moz-lwtheme #toolbar-menubar { + text-shadow: unset !important; + /* Original: 0 0 .5em white, 0 0 .5em white, 0 1px 0 rgba(255, 255, 255, .4) */ + } + + /* Remove Color */ + :root:-moz-lwtheme #main-menubar:not(:-moz-window-inactive) { + background-color: unset !important; /* Original: rgba(255, 255, 255, .5) */ + color: unset !important; /* Original: black */ + } } @media (-moz-os-version: windows-win8) { menu[_moz-menuactive="true"], From f2977bd3040f0246674a9cec6c44651a524b76e7 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 20 Sep 2021 04:30:08 +0900 Subject: [PATCH 15/21] Fix: Bookmark Menu - Hover background color at Win7, Win8 --- userChrome.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/userChrome.css b/userChrome.css index df38fc4..6149f87 100644 --- a/userChrome.css +++ b/userChrome.css @@ -117,6 +117,12 @@ #BMB_bookmarksPopup menuitem { border: none !important; /* Remove border */ } + #PlacesToolbar menu:not([disabed], :active)[_moz-menuactive="true"], + #PlacesToolbar menuitem:not([disabed], :active)[_moz-menuactive="true"], + #BMB_bookmarksPopup menu:not([disabed], :active)[_moz-menuactive="true"], + #BMB_bookmarksPopup menuitem:not([disabed], :active)[_moz-menuactive="true"] { + background-color: var(--button-hover-bgcolor) !important; + } } @media (-moz-os-version: windows-win7) { From 75a98aad19c2ff753c4fba4016f02764a9e51070 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 24 Sep 2021 16:26:42 +0900 Subject: [PATCH 16/21] Fix: Namespace update --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 6149f87..c0d5a41 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1,5 +1,5 @@ -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -@namespace html url("http://www.w3.org/1999/xhtml"); +@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; +@namespace html "http://www.w3.org/1999/xhtml"; @media (-moz-proton) { /** Default Thme - Contrast *************************************************/ From 48f4d33d757bb6c4796afac426efdc2247eba252 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 24 Sep 2021 17:18:48 +0900 Subject: [PATCH 17/21] Add: Download Popup - Primary Button color, etc button updates --- userChrome.css | 73 +++++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 66 insertions(+), 7 deletions(-) diff --git a/userChrome.css b/userChrome.css index c0d5a41..407e692 100644 --- a/userChrome.css +++ b/userChrome.css @@ -585,7 +585,29 @@ margin-inline: 4px !important; min-width: 6.3em !important; } - button:-moz-focusring { + + /* Medium and small buttons get sized to 7/14 and 6/12px padding (when adding + * the 1px border): */ + button.medium { + padding: 6px 13px !important; + min-height: 28px !important; + font-size: 0.95em !important; + } + button.small { + padding: 5px 11px !important; + min-height: 24px !important; + font-size: 0.9em !important; + } + + /* Remove margin added by button.css */ + xul|button > .button-box > .button-text { + margin: 0 !important; + } + + button:-moz-focusring, + xul|menulist:-moz-focusring, + xul|checkbox:-moz-focusring > .checkbox-check, /* :not([native]) to win specificity over checkbox.css */ + xul|radio[focused="true"] { box-shadow: none !important; outline: 2px solid var(--in-content-focus-outline-color) !important; outline-offset: 2px !important; @@ -595,13 +617,50 @@ color: var(--in-content-button-text-color-hover) !important; border-color: transparent !important; } - button[open], - button[open]:hover { - background-color: var(--in-content-button-background-active); + + xul|button:not([disabled="true"]):hover:active, + xul|button[open], + xul|button[open]:hover, + xul|menulist[open="true"]:not([disabled="true"]) { + background-color: var(--in-content-button-background-active) !important; } - button[disabled="true"], - menulist[disabled="true"] { - opacity: 0.4; + + xul|button[default] { + background-color: var(--in-content-primary-button-background) !important; + color: var(--in-content-primary-button-text-color) !important; + } + xul|button[default]:not([disabled="true"]):hover { + background-color: var(--in-content-primary-button-background-hover) !important; + color: var(--in-content-primary-button-text-color) !important; + } + xul|button[default]:not([disabled="true"]):hover:active { + background-color: var(--in-content-primary-button-background-active) !important; + } + + xul|button[disabled="true"], + xul|menulist[disabled="true"] { + opacity: 0.4 !important; + } + xul|button:not([disabled="true"]):hover, + xul|menulist:not([disabled="true"]):hover { + background-color: var(--in-content-button-background-hover) !important; + color: var(--in-content-button-text-color-hover) !important; + border-color: transparent !important; + } + + @media (prefers-contrast) { + xul|button[default]:not([disabled="true"]):hover { + border-color: currentColor !important; + } + + button:focus { + color: var(--in-content-button-text-color) !important; + } + + xul|button[default]:focus, + button.primary:focus { + color: var(--in-content-primary-button-text-color) !important; + } } } From 137eb4f9abceb462d79d4ff07d11d9341437775c Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 24 Sep 2021 17:24:44 +0900 Subject: [PATCH 18/21] Add: Download Popup - Proton like Radio button --- userChrome.css | 69 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) diff --git a/userChrome.css b/userChrome.css index 407e692..49869be 100644 --- a/userChrome.css +++ b/userChrome.css @@ -568,6 +568,7 @@ background-color: var(--in-content-page-background) !important; } + /*- Button ---------------------------------------------------------------*/ button { -moz-appearance: none !important; color: var(--in-content-button-text-color) !important; @@ -662,6 +663,74 @@ color: var(--in-content-primary-button-text-color) !important; } } + + /*- Radio Button ---------------------------------------------------------*/ + xul|radio { + margin-inline-start: 0 !important; + appearance: none !important; + } + + xul|*.radio-check { + appearance: none !important; + width: 16px !important; + height: 16px !important; + padding: 0 !important; + border: 1px solid var(--in-content-box-border-color) !important; + border-radius: 100% !important; + margin-block: 2px !important; /* extend the vertical clicktarget */ + margin-inline: 0 6px !important; + background-color: var(--in-content-button-background) !important; + background-position: center !important; + flex-shrink: 0 !important; /* avoid shrinking inside flex container */ + } + + xul|radio:not([disabled="true"]):hover > xul|*.radio-check { + background-color: var(--in-content-button-background-hover) !important; + color: var(--in-content-button-text-color-hover) !important; + } + + xul|radio:not([disabled="true"]):hover:active > xul|*.radio-check { + background-color: var(--in-content-button-background-active) !important; + } + + xul|*.radio-check[selected] { + -moz-context-properties: fill !important; + fill: currentColor !important; + color: var(--in-content-primary-button-text-color) !important; + background-color: var(--in-content-primary-button-background) !important; + background-image: url("chrome://global/skin/icons/radio.svg") !important; + border-color: transparent !important; + + /* Style the button also when printing with "Print Backgrounds" unchecked */ + color-adjust: exact !important; + } + + xul|radio:not([disabled="true"])[selected]:hover > xul|*.radio-check { + background-color: var(--in-content-primary-button-background-hover) !important; + color: var(--in-content-primary-button-text-color-hover) !important; + } + + xul|radio:not([disabled="true"])[selected]:hover:active > xul|*.radio-check { + background-color: var(--in-content-primary-button-background-active) !important; + } + + xul|*.radio-label-box { + margin-inline: 0 8px !important; + padding-inline-start: 0 !important; + } + + /* Disabled checkboxes, radios and labels */ + xul|checkbox[disabled="true"], + xul|radio[disabled="true"], + xul|label[disabled="true"] { + color: inherit !important; + } + + xul|checkbox[disabled="true"], + xul|radio[disabled="true"], + xul|label[disabled="true"] { + opacity: 0.5 !important; + } } /** Decoration **************************************************************/ From 34d255853f1c7c699e8d0402cd2870f7bf7045a1 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 24 Sep 2021 17:44:23 +0900 Subject: [PATCH 19/21] Add: Download Popup - Proton like Checkbox --- userChrome.css | 93 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 93 insertions(+) diff --git a/userChrome.css b/userChrome.css index 49869be..fa3e859 100644 --- a/userChrome.css +++ b/userChrome.css @@ -731,6 +731,99 @@ xul|label[disabled="true"] { opacity: 0.5 !important; } + + /*- Check Box ------------------------------------------------------------*/ + /* From checkbox.css */ + checkbox { + appearance: none !important; + -moz-box-align: center !important; + margin: 4px 2px !important; + } + + .checkbox-icon[src] { + margin-inline-end: 2px !important; + } + .checkbox-label { + margin: 1px 0 !important; + } + + checkbox[disabled="true"] { + opacity: 0.4 !important; + } + + .checkbox-check { + appearance: none !important; + color: var(--checkbox-border-color, ThreeDDarkShadow) !important; + background-color: var(--checkbox-unchecked-bgcolor, Field) !important; + border: 1px solid currentColor !important; + border-radius: 2px !important; + margin-inline-end: 6px !important; + } + + .checkbox-check { + height: 16px !important; + width: 16px !important; + } + + checkbox:not([disabled="true"]):hover > .checkbox-check { + background-color: var(--checkbox-unchecked-hover-bgcolor, color-mix(in srgb, -moz-accent-color 4%, Field)) !important; + } + + checkbox:not([disabled="true"]):hover:active > .checkbox-check { + background-color: var(--checkbox-unchecked-active-bgcolor, color-mix(in srgb, -moz-accent-color 8%, Field)) !important; + } + + .checkbox-check[checked] { + border-color: var(--checkbox-checked-border-color, transparent) !important; + background-color: var(--checkbox-checked-bgcolor, -moz-accent-color) !important; + background-image: url("chrome://global/skin/icons/check.svg") !important; + background-position: center !important; + background-repeat: no-repeat !important; + -moz-context-properties: fill !important; + fill: currentColor !important; + color: var(--checkbox-checked-color, -moz-accent-color-foreground) !important; + /* Style the button also when printing with "Print Backgrounds" unchecked */ + color-adjust: exact !important; + } + + checkbox:not([disabled="true"]):hover > .checkbox-check[checked] { + background-color: var(--checkbox-checked-hover-bgcolor, color-mix(in srgb, currentColor 12.5%, -moz-accent-color)) !important; + } + + checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] { + background-color: var(--checkbox-checked-active-bgcolor, color-mix(in srgb, currentColor 25%, -moz-accent-color)) !important; + } + + checkbox:-moz-focusring > .checkbox-check { + outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important; + outline-offset: var(--focus-outline-offset, 2px) !important; + } + + @media (prefers-contrast) { + checkbox:not([disabled="true"]):hover > .checkbox-check { + /* color will set the border-color on the check due to how HCM works for in-content pages. */ + color: var(--checkbox-checked-border-color, color-mix(in srgb, -moz-accent-color 4%, Field)) !important; + } + + .checkbox-check[checked] { + color: var(--checkbox-checked-border-color, currentColor) !important; + fill: var(--checkbox-checked-color, -moz-accent-color-foreground) !important; + } + + checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked], + checkbox:not([disabled="true"]):hover > .checkbox-check[checked] { + color: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important; + fill: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important; + } + } + + /* From common.css */ + xul|*.checkbox-check { + margin-block: 2px !important; + } + xul|richlistitem > xul|*.checkbox-check { + margin: 3px 6px !important; + } } /** Decoration **************************************************************/ From 6a155603ea51b4cdc645df6275fbc4942bcb531e Mon Sep 17 00:00:00 2001 From: black7375 Date: Mon, 27 Sep 2021 07:17:28 +0000 Subject: [PATCH 20/21] Clean: Prettified Code! --- userChrome.css | 20 ++++++++++++++++---- 1 file changed, 16 insertions(+), 4 deletions(-) diff --git a/userChrome.css b/userChrome.css index fa3e859..167d719 100644 --- a/userChrome.css +++ b/userChrome.css @@ -766,11 +766,17 @@ } checkbox:not([disabled="true"]):hover > .checkbox-check { - background-color: var(--checkbox-unchecked-hover-bgcolor, color-mix(in srgb, -moz-accent-color 4%, Field)) !important; + background-color: var( + --checkbox-unchecked-hover-bgcolor, + color-mix(in srgb, -moz-accent-color 4%, Field) + ) !important; } checkbox:not([disabled="true"]):hover:active > .checkbox-check { - background-color: var(--checkbox-unchecked-active-bgcolor, color-mix(in srgb, -moz-accent-color 8%, Field)) !important; + background-color: var( + --checkbox-unchecked-active-bgcolor, + color-mix(in srgb, -moz-accent-color 8%, Field) + ) !important; } .checkbox-check[checked] { @@ -787,11 +793,17 @@ } checkbox:not([disabled="true"]):hover > .checkbox-check[checked] { - background-color: var(--checkbox-checked-hover-bgcolor, color-mix(in srgb, currentColor 12.5%, -moz-accent-color)) !important; + background-color: var( + --checkbox-checked-hover-bgcolor, + color-mix(in srgb, currentColor 12.5%, -moz-accent-color) + ) !important; } checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] { - background-color: var(--checkbox-checked-active-bgcolor, color-mix(in srgb, currentColor 25%, -moz-accent-color)) !important; + background-color: var( + --checkbox-checked-active-bgcolor, + color-mix(in srgb, currentColor 25%, -moz-accent-color) + ) !important; } checkbox:-moz-focusring > .checkbox-check { From 03e668eba046e9289f46518bf2810b65f97b6770 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Tue, 28 Sep 2021 21:06:24 +0900 Subject: [PATCH 21/21] Add: Download Popup - Each OS settings --- userChrome.css | 67 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 67 insertions(+) diff --git a/userChrome.css b/userChrome.css index 167d719..d6ee746 100644 --- a/userChrome.css +++ b/userChrome.css @@ -836,6 +836,73 @@ xul|richlistitem > xul|*.checkbox-check { margin: 3px 6px !important; } + + /* Each OS */ + @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8), (-moz-os-version: windows-win10) { + xul|checkbox, + xul|radio { + padding-inline-start: 0 !important; + } + + /* Override menulist.css */ + xul|menulist[disabled="true"] { + background-color: var(--in-content-button-background) !important; + } + + xul|menulist:-moz-focusring > xul|*.menulist-label-box { + outline: none !important; + } + } + + @media (-moz-gtk-csd-available) { + /* Overriding appearance also avoids incorrect selection background color with light text. */ + xul|button > xul|*.button-box, + xul|menulist::part(label-box), + xul|*.radio-label-box, + xul|*.checkbox-label-box { + appearance: none !important; + } + + xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { + appearance: none !important; + } + xul|menulist { + font-size: inherit !important; + } + xul|menulist::part(dropmarker) { + display: -moz-box; + margin-block: 6px !important; + } + xul|menulist:-moz-focusring::part(label-box) { + outline: none !important; + } + } + + @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { + xul|menulist > xul|menupopup > xul|menuitem[checked="true"]::before, + xul|menulist > xul|menupopup > xul|menuitem[selected="true"]::before { + display: none !important; + } + + xul|menulist::part(dropmarker) { + display: -moz-box !important; + margin-block: 1px !important; + } + + xul|menulist > xul|menupopup xul|menu, + xul|menulist > xul|menupopup xul|menuitem { + padding-inline-end: 34px !important; + } + + xul|*.checkbox-icon, + xul|*.radio-icon { + margin-inline-end: 0 !important; + } + + xul|*.text-link:-moz-focusring { + box-shadow: none !important; + } + } } /** Decoration **************************************************************/