From b1741386ae6e0d07af3029e742eb614f47676e18 Mon Sep 17 00:00:00 2001 From: Aris-t2 Date: Wed, 2 Oct 2024 18:05:58 +0200 Subject: [PATCH] 4.5.7 --- .../buttons_on_navbar_aero_appearance.css | 6 +-- .../buttons_on_navbar_classic_appearance.css | 6 +++ ...tons_on_navbar_classic_appearance_dark.css | 5 ++ ...uttons_on_navbar_classic_appearance_v2.css | 6 +++ .../buttons_on_navbar_glass_appearance.css | 6 +++ .../buttons_on_navbar_osx_appearance.css | 5 ++ .../css/buttons/icons_custom_icons_fx88.css | 41 ++++++++++++++++ .../icons_custom_icons_fx88_colorized.css | 49 +++++++++++++++++++ .../css/generalui/sidebar_show_on_hover.css | 8 +-- .../urlbar_icons_aero_appearance.css | 31 ++++++++++++ current/css/tabs/tabs_multiple_lines.css | 1 + ...e_lines_force_newtab_button_visibility.css | 1 + current/image/icons_fx88/ib_extension.svg | 6 +++ current/image/icons_fx88/ib_page-portrait.svg | 6 +++ current/image/icons_fx88/ib_permissions.svg | 6 +++ current/image/icons_fx88/ib_search-glass.svg | 6 +++ .../image/icons_fx88/ib_security-broken.svg | 7 +++ .../image/icons_fx88/ib_security-warning.svg | 9 ++++ current/image/icons_fx88/ib_security.svg | 6 +++ current/userChrome.css | 9 ++-- 20 files changed, 209 insertions(+), 11 deletions(-) create mode 100644 current/css/locationbar/urlbar_icons_aero_appearance.css create mode 100644 current/image/icons_fx88/ib_extension.svg create mode 100644 current/image/icons_fx88/ib_page-portrait.svg create mode 100644 current/image/icons_fx88/ib_permissions.svg create mode 100644 current/image/icons_fx88/ib_search-glass.svg create mode 100644 current/image/icons_fx88/ib_security-broken.svg create mode 100644 current/image/icons_fx88/ib_security-warning.svg create mode 100644 current/image/icons_fx88/ib_security.svg diff --git a/current/css/buttons/buttons_on_navbar_aero_appearance.css b/current/css/buttons/buttons_on_navbar_aero_appearance.css index 891e4d61..e89592c8 100644 --- a/current/css/buttons/buttons_on_navbar_aero_appearance.css +++ b/current/css/buttons/buttons_on_navbar_aero_appearance.css @@ -4,7 +4,7 @@ /* hovered state */ -#nav-bar :is(#nav-bar-customization-target,#PanelUI-menu-button) .unified-extensions-item toolbarbutton:not([disabled=true]):hover, +/*#nav-bar :is(#nav-bar-customization-target,#PanelUI-menu-button) .unified-extensions-item toolbarbutton:not([disabled=true]):hover,*/ #nav-bar :is(#nav-bar-customization-target,#PanelUI-button) toolbarbutton:not([disabled=true]):hover :is(.toolbarbutton-badge-stack,.toolbarbutton-icon), #nav-bar #nav-bar-overflow-button:not([disabled=true]):hover :is(.toolbarbutton-badge-stack,.toolbarbutton-icon) { background: transparent !important; @@ -21,7 +21,7 @@ } /* clicked/active state */ -#nav-bar :is(#nav-bar-customization-target,#PanelUI-button) .unified-extensions-item toolbarbutton:not([disabled=true]):is([open],[checked],:hover:active,:active), +/*#nav-bar :is(#nav-bar-customization-target,#PanelUI-button) .unified-extensions-item toolbarbutton:not([disabled=true]):is([open],[checked],:hover:active,:active),*/ #nav-bar :is(#nav-bar-customization-target,#PanelUI-button) toolbarbutton:not([disabled=true]):is([open],[checked],:hover:active,:active) :is(.toolbarbutton-badge-stack,.toolbarbutton-icon), #nav-bar #nav-bar-overflow-button:not([disabled=true]):is([open],[checked],:hover:active,:active) :is(.toolbarbutton-badge-stack,.toolbarbutton-icon) { background: transparent !important; @@ -39,7 +39,7 @@ #nav-bar :is(#nav-bar-customization-target,#PanelUI-button) toolbarbutton:not([disabled=true]):hover .toolbarbutton-badge-stack .toolbarbutton-icon, #nav-bar :is(#nav-bar-customization-target,#PanelUI-button) toolbarbutton:not([disabled=true]):is([open],[checked],:hover:active,:active) .toolbarbutton-badge-stack .toolbarbutton-icon, -#nav-bar :is(#nav-bar-customization-target,#PanelUI-button) .unified-extensions-item toolbarbutton:not([disabled=true]):is(:hover,[open],[checked],:hover:active,:active) :is(.toolbarbutton-badge-stack,.toolbarbutton-icon), +/*#nav-bar :is(#nav-bar-customization-target,#PanelUI-button) .unified-extensions-item toolbarbutton:not([disabled=true]):is(:hover,[open],[checked],:hover:active,:active) :is(.toolbarbutton-badge-stack,.toolbarbutton-icon),*/ #nav-bar :is(#nav-bar-customization-target,#PanelUI-button) #activity_throbber:not([disabled=true]):hover :is(.toolbarbutton-badge-stack,.toolbarbutton-icon), #nav-bar :is(#nav-bar-customization-target,#PanelUI-button) #activity_throbber:not([disabled=true]):is([open],[checked],:hover:active,:active) :is(.toolbarbutton-badge-stack,.toolbarbutton-icon) { background: unset !important; diff --git a/current/css/buttons/buttons_on_navbar_classic_appearance.css b/current/css/buttons/buttons_on_navbar_classic_appearance.css index 1a84dc96..c7fcbab5 100644 --- a/current/css/buttons/buttons_on_navbar_classic_appearance.css +++ b/current/css/buttons/buttons_on_navbar_classic_appearance.css @@ -214,3 +214,9 @@ #nav-bar > :is(toolbarbutton.subviewbutton,.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) > toolbarbutton):not([disabled]):hover { background-color: unset !important; } + +/* fix hover outline effect on extension buttons */ +#nav-bar #nav-bar-customization-target > toolbaritem .unified-extensions-item-action-button { + padding: 3px !important; + margin: -3px !important +} diff --git a/current/css/buttons/buttons_on_navbar_classic_appearance_dark.css b/current/css/buttons/buttons_on_navbar_classic_appearance_dark.css index b0b2e897..c56196cb 100644 --- a/current/css/buttons/buttons_on_navbar_classic_appearance_dark.css +++ b/current/css/buttons/buttons_on_navbar_classic_appearance_dark.css @@ -215,3 +215,8 @@ background-color: unset !important; } +/* fix hover outline effect on extension buttons */ +#nav-bar #nav-bar-customization-target > toolbaritem .unified-extensions-item-action-button { + padding: 3px !important; + margin: -3px !important +} diff --git a/current/css/buttons/buttons_on_navbar_classic_appearance_v2.css b/current/css/buttons/buttons_on_navbar_classic_appearance_v2.css index d7ec0e1d..5be4c6cb 100644 --- a/current/css/buttons/buttons_on_navbar_classic_appearance_v2.css +++ b/current/css/buttons/buttons_on_navbar_classic_appearance_v2.css @@ -214,3 +214,9 @@ #nav-bar > :is(toolbarbutton.subviewbutton,.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) > toolbarbutton):not([disabled]):hover { background-color: unset !important; } + +/* fix hover outline effect on extension buttons */ +#nav-bar #nav-bar-customization-target > toolbaritem .unified-extensions-item-action-button { + padding: 3px !important; + margin: -3px !important +} diff --git a/current/css/buttons/buttons_on_navbar_glass_appearance.css b/current/css/buttons/buttons_on_navbar_glass_appearance.css index a5e7a2e1..afe0e790 100644 --- a/current/css/buttons/buttons_on_navbar_glass_appearance.css +++ b/current/css/buttons/buttons_on_navbar_glass_appearance.css @@ -214,3 +214,9 @@ #nav-bar > :is(toolbarbutton.subviewbutton,.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) > toolbarbutton):not([disabled]):hover { background-color: unset !important; } + +/* fix hover outline effect on extension buttons */ +#nav-bar #nav-bar-customization-target > toolbaritem .unified-extensions-item-action-button { + padding: 3px !important; + margin: -3px !important +} diff --git a/current/css/buttons/buttons_on_navbar_osx_appearance.css b/current/css/buttons/buttons_on_navbar_osx_appearance.css index af9a03fc..94e5ce09 100644 --- a/current/css/buttons/buttons_on_navbar_osx_appearance.css +++ b/current/css/buttons/buttons_on_navbar_osx_appearance.css @@ -211,3 +211,8 @@ background-color: unset !important; } +/* fix hover outline effect on extension buttons */ +#nav-bar #nav-bar-customization-target > toolbaritem .unified-extensions-item-action-button { + padding: 3px !important; + margin: -3px !important +} diff --git a/current/css/buttons/icons_custom_icons_fx88.css b/current/css/buttons/icons_custom_icons_fx88.css index 04b7b60c..2802894b 100644 --- a/current/css/buttons/icons_custom_icons_fx88.css +++ b/current/css/buttons/icons_custom_icons_fx88.css @@ -163,3 +163,44 @@ list-style-image: url("../../image/icons_fx88/logins.svg") !important; } +/* identity box extra*/ + +#identity-box[pageproxystate="valid"].localResource #identity-icon { + list-style-image: url("../../image/icons_fx88/ib_page-portrait.svg") !important; +} + +#identity-box[pageproxystate="invalid"] { + + #identity-icon { + list-style-image: url("../../image/icons_fx88/ib_search-glass.svg") !important; + } +} + +#urlbar[actiontype="extension"] > .urlbar-input-container > #identity-box #identity-icon, +#identity-box[pageproxystate="valid"].extensionPage #identity-icon { + list-style-image: url("../../image/icons_fx88/ib_extension.svg") !important; +} + +#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon, +#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon { + list-style-image: url("../../image/icons_fx88/ib_security.svg") !important; +} + +#identity-box[pageproxystate="valid"].weakCipher #identity-icon, +#identity-box[pageproxystate="valid"].mixedDisplayContent #identity-icon, +#identity-box[pageproxystate="valid"].mixedDisplayContentLoadedActiveBlocked #identity-icon, +#identity-box[pageproxystate="valid"].certUserOverridden #identity-icon, +#identity-box[pageproxystate="valid"].certErrorPage #identity-icon { + list-style-image: url("../../image/icons_fx88/ib_security-warning.svg") !important; +} + + +#identity-box[pageproxystate="valid"].notSecure #identity-icon, +#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon, +#identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon { + list-style-image: url("../../image/icons_fx88/ib_security-broken.svg") !important; +} + +#permissions-granted-icon { + list-style-image: url("../../image/icons_fx88/ib_permissions.svg") !important; +} diff --git a/current/css/buttons/icons_custom_icons_fx88_colorized.css b/current/css/buttons/icons_custom_icons_fx88_colorized.css index f9624716..610a04c9 100644 --- a/current/css/buttons/icons_custom_icons_fx88_colorized.css +++ b/current/css/buttons/icons_custom_icons_fx88_colorized.css @@ -4,3 +4,52 @@ @import "icons_custom_icons_fx88.css"; @import "icons_colorized.css"; + +/* identity box extra*/ + +#identity-box[pageproxystate="valid"].localResource #identity-icon { + -moz-context-properties: fill !important; + fill: #4169e1 !important; +} + +#identity-box[pageproxystate="invalid"] { + + #identity-icon { + -moz-context-properties: fill !important; + fill: red !important; + } +} + +#urlbar[actiontype="extension"] > .urlbar-input-container > #identity-box #identity-icon, +#identity-box[pageproxystate="valid"].extensionPage #identity-icon { + -moz-context-properties: fill !important; + fill: green !important; +} + +#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon, +#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon { + -moz-context-properties: fill !important; + fill: green !important; +} + +#identity-box[pageproxystate="valid"].weakCipher #identity-icon, +#identity-box[pageproxystate="valid"].mixedDisplayContent #identity-icon, +#identity-box[pageproxystate="valid"].mixedDisplayContentLoadedActiveBlocked #identity-icon, +#identity-box[pageproxystate="valid"].certUserOverridden #identity-icon, +#identity-box[pageproxystate="valid"].certErrorPage #identity-icon { + -moz-context-properties: fill !important; + fill: yellow !important; +} + + +#identity-box[pageproxystate="valid"].notSecure #identity-icon, +#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon, +#identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon { + -moz-context-properties: fill !important; + fill: red !important; +} + +#permissions-granted-icon { + -moz-context-properties: fill !important; + fill: #4169e1 !important; +} diff --git a/current/css/generalui/sidebar_show_on_hover.css b/current/css/generalui/sidebar_show_on_hover.css index 39660a53..aa679a66 100644 --- a/current/css/generalui/sidebar_show_on_hover.css +++ b/current/css/generalui/sidebar_show_on_hover.css @@ -56,11 +56,11 @@ margin-inline-end: unset !important; } -#sidebar-box:not([positionend="true"]) ~ #appcontent { +#sidebar-box:not([positionend="true"]) ~ :is(#appcontent,#tabbrowser-tabbox) { margin-inline-start: 0 !important; } -#sidebar-box:not([positionend="true"]):hover ~ #appcontent { +#sidebar-box:not([positionend="true"]):hover ~ :is(#appcontent,#tabbrowser-tabbox) { margin-inline-start: calc(-1 * var(--sidebar-visible-width)) !important; } @@ -72,10 +72,10 @@ margin-inline-start: unset !important; } -#sidebar-box[positionend="true"] ~ #appcontent { +#sidebar-box[positionend="true"] ~ :is(#appcontent,#tabbrowser-tabbox) { margin-inline-end: 0 !important; } -#sidebar-box[positionend="true"]:hover ~ #appcontent { +#sidebar-box[positionend="true"]:hover ~ :is(#appcontent,#tabbrowser-tabbox) { margin-inline-end: calc(-1 * var(--sidebar-visible-width)) !important; } diff --git a/current/css/locationbar/urlbar_icons_aero_appearance.css b/current/css/locationbar/urlbar_icons_aero_appearance.css new file mode 100644 index 00000000..c0d8c76f --- /dev/null +++ b/current/css/locationbar/urlbar_icons_aero_appearance.css @@ -0,0 +1,31 @@ +/* Firefox userChrome.css tweaks ********************************************************/ +/* Github: https://github.com/aris-t2/customcssforfx ************************************/ +/****************************************************************************************/ + + +#urlbar-container :is(#tracking-protection-icon-container,.identity-box-button,.urlbar-page-action):hover { + background: transparent !important; + background-image: + linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px), + linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px), + linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px), + linear-gradient(to bottom, rgba(163,196,247,0.2), rgba(122,180,246,0.2)) !important; + outline: 1px solid rgba(124,163,206,0.7) !important; + transition: background-color .3s ease-in, + border-color .2s ease-in, + box-shadow .2s ease-in !important; +} + +/* clicked/active state */ +#urlbar-container :is(#tracking-protection-icon-container,.identity-box-button,.urlbar-page-action):is([open],[checked],:hover:active,:active) { + background: transparent !important; + background-image: + linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px), + linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px), + linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px), + linear-gradient(to bottom, rgba(163,196,247,0.6), rgba(122,180,246,0.6)) !important; + outline: 1px solid rgba(124,163,206,0.99) !important; + transition: background-color .3s ease-in, + border-color .2s ease-in, + box-shadow .2s ease-in !important; +} diff --git a/current/css/tabs/tabs_multiple_lines.css b/current/css/tabs/tabs_multiple_lines.css index 26370e41..817dd011 100644 --- a/current/css/tabs/tabs_multiple_lines.css +++ b/current/css/tabs/tabs_multiple_lines.css @@ -38,6 +38,7 @@ display: var(--scrollbutton-display-model,initial); } + scrollbox[part][orient="horizontal"] > slot, scrollbox[part][orient="horizontal"]{ display: flex; flex-wrap: wrap; diff --git a/current/css/tabs/tabs_multiple_lines_force_newtab_button_visibility.css b/current/css/tabs/tabs_multiple_lines_force_newtab_button_visibility.css index e10f1b91..17f036df 100644 --- a/current/css/tabs/tabs_multiple_lines_force_newtab_button_visibility.css +++ b/current/css/tabs/tabs_multiple_lines_force_newtab_button_visibility.css @@ -9,6 +9,7 @@ :root:not([customizing]) #navigator-toolbox #TabsToolbar #new-tab-button { display: unset !important; visibility: visible !important; + margin: -1px !important; } :is(.tabs-newtab-button,#tabs-newtab-button) { diff --git a/current/image/icons_fx88/ib_extension.svg b/current/image/icons_fx88/ib_extension.svg new file mode 100644 index 00000000..01706ebd --- /dev/null +++ b/current/image/icons_fx88/ib_extension.svg @@ -0,0 +1,6 @@ + + + + diff --git a/current/image/icons_fx88/ib_page-portrait.svg b/current/image/icons_fx88/ib_page-portrait.svg new file mode 100644 index 00000000..4f43653a --- /dev/null +++ b/current/image/icons_fx88/ib_page-portrait.svg @@ -0,0 +1,6 @@ + + + + diff --git a/current/image/icons_fx88/ib_permissions.svg b/current/image/icons_fx88/ib_permissions.svg new file mode 100644 index 00000000..ef03123b --- /dev/null +++ b/current/image/icons_fx88/ib_permissions.svg @@ -0,0 +1,6 @@ + + + + diff --git a/current/image/icons_fx88/ib_search-glass.svg b/current/image/icons_fx88/ib_search-glass.svg new file mode 100644 index 00000000..f964e61e --- /dev/null +++ b/current/image/icons_fx88/ib_search-glass.svg @@ -0,0 +1,6 @@ + + + + diff --git a/current/image/icons_fx88/ib_security-broken.svg b/current/image/icons_fx88/ib_security-broken.svg new file mode 100644 index 00000000..133e411e --- /dev/null +++ b/current/image/icons_fx88/ib_security-broken.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/current/image/icons_fx88/ib_security-warning.svg b/current/image/icons_fx88/ib_security-warning.svg new file mode 100644 index 00000000..86dd472a --- /dev/null +++ b/current/image/icons_fx88/ib_security-warning.svg @@ -0,0 +1,9 @@ + + + + + + + diff --git a/current/image/icons_fx88/ib_security.svg b/current/image/icons_fx88/ib_security.svg new file mode 100644 index 00000000..97d5f47a --- /dev/null +++ b/current/image/icons_fx88/ib_security.svg @@ -0,0 +1,6 @@ + + + + diff --git a/current/userChrome.css b/current/userChrome.css index 546f98fe..362a8d1f 100644 --- a/current/userChrome.css +++ b/current/userChrome.css @@ -2,7 +2,7 @@ Firefox userChrome.css tweaks: main file Custom CSS for Firefox 115+ - Current version: 4.5.6 + Current version: 4.5.7 Based on 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons CSS code Github: https://github.com/aris-t2/customcssforfx @@ -1110,9 +1110,9 @@ /* @import "./css/locationbar/identitybox_padlock_icon_hidden.css"; /**/ -/* ----------------------------------------------------------------------- - Additional icons/buttons and tweaks for third party page action buttons - ----------------------------------------------------------------------- +/* ----------------------------------------------------------- + Additional icons/buttons and tweaks for page action buttons + ----------------------------------------------------------- */ /* @import "./css/locationbar/icons_colorized.css"; /**/ @@ -1122,6 +1122,7 @@ /* @import "./css/locationbar/zoom_button_hidden.css"; /**/ /* @import "./css/locationbar/go_button_in_location_bar_hidden.css"; /**/ /* @import "./css/locationbar/tracking_protection_alternative_icon.css"; /**/ +/* @import "./css/locationbar/urlbar_icons_aero_appearance.css"; /**/ /* ----------------------------