diff --git a/CREDITS b/CREDITS index 0d4b88a..529b09e 100644 --- a/CREDITS +++ b/CREDITS @@ -1,6 +1,6 @@ This is at least a partial credits-file of people that have contributed to the 'Firefox-UI-Fix' project. It is sorted by name. - The fields are: name (N), email (E), web-address(W), license(L). + The fields are: name (N), email (E), web-address(W), Copyright(C), license(L). Thanks, black7375 @@ -9,70 +9,88 @@ N: Compact Mode Firefox Css W: https://github.com/Godiesc/compactmodefirefoxcss +C: Copyright (c) 2021 Godiesc L: MPL 2.0 N: EdgeFox W: https://github.com/23Bluemaster23/EdgeFox +C: Copyright (c) 2021 23Bluemaster23 +L: Unspecified License (Copyright holder approved) N: EdgeTabSeparater.userChrome.css W: https://gist.github.com/mmis1000/08d8de4bbe70c04423f0b966bcc286b1 +C: Copyright (c) 2021 Mmis1000 L: MIT N: firefox-csshacks W: https://github.com/MrOtherGuy/firefox-csshacks +C: Copyright (c) 2018 MrOtherGuy L: MPL 2.0 N: Fluent UI System Icons W: https://github.com/microsoft/fluentui-system-icons +C: Copyright (c) 2020 Microsoft Corporation L: MIT N: gecko-dev -W: https://hg.mozilla.org/ +W: https://hg.mozilla.org/mozilla-central/ +C: Copyright (c) 1998–2021 The Mozilla Foundation L: MPL 2.0 N: MaterialFox W: https://github.com/muckSponge/MaterialFox +C: Copyright (c) 2018 muckSponge L: MIT N: Multi-Account-Containers W: https://github.com/mozilla/multi-account-containers +C: Copyright (c) 1998–2021 The Mozilla Foundation L: MPL 2.0 N: PS-Menu W: https://github.com/chrisseroka/ps-menu +C: Copyright (c) 2016 chrisseroka L: MIT N: Quantum Nox Firefox Dark Full Theme W: https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme +C: Copyright (c) 2017 Izheil L: MPL 2.0 N: quietfox W: https://github.com/coekuss/quietfox +C: Copyright (c) 2019 coekuss L: MIT N: ShadowFox W: https://github.com/overdodactyl/ShadowFox +C: Copyright (c) 2017 overdodactyl L: MIT N: SVG Repo E: info@svgrepo.com W: https://www.svgrepo.com +C: Copyright (c) 2017 svgrepo.com L: CC0 N: uc.css.js W: https://github.com/aminomancer/uc.css.js +C: Copyright (c) 2019 aminomancer L: CC BY-NC-SA 4.0 N: userChrome.csshacks W: https://gist.github.com/DCzajkowski/baaf7bc81aae5278d690eaae951a823b +C: Copyright (c) 2021 Dariusz Czajkowski L: CC0 N: userChrome.css W: https://gist.github.com/Dragoner7/ec2319e5038a6b4722d3e692713f9471 +C: Copyright (c) 2021 Dragoner7 L: MPL 2.0 N: userChrome.org W: https://www.userchrome.org/what-is-userchrome-css.html +C: Copyright (c) 2021 Jefferson Scher L: CC BY 4.0 ---------- @@ -126,9 +144,12 @@ W: https://github.com/Jonta N: mamen W: https://www.mamen.at -N: Tatsuyuki Ishi -E: ishitatsuyuki@gmail.com -W: https://github.com/ishitatsuyuki +N: MarNicGit +W: https://github.com/MarNicGit + +N: ph3b3 +E: phoebeleong8@gmail.com +W: https://phoebe-leong.github.io/ N: Rahul Ramkumar E: rahulram226@gmail.com @@ -149,3 +170,7 @@ W: https://vsxd.com/ N: Sylvain E: B00ze64@hotmail.com W: https://github.com/B00ze64 + +N: Tatsuyuki Ishi +E: ishitatsuyuki@gmail.com +W: https://github.com/ishitatsuyuki diff --git a/icons/tab-bottom-corner-left.svg b/icons/tab-bottom-corner-left.svg index 37bfa26..a502cdb 100644 --- a/icons/tab-bottom-corner-left.svg +++ b/icons/tab-bottom-corner-left.svg @@ -1,5 +1,5 @@ - - \ No newline at end of file + + diff --git a/icons/tab-bottom-corner-right.svg b/icons/tab-bottom-corner-right.svg index b443ef3..72f14fc 100644 --- a/icons/tab-bottom-corner-right.svg +++ b/icons/tab-bottom-corner-right.svg @@ -1,5 +1,5 @@ - + diff --git a/userChrome.css b/userChrome.css index 867ca27..fcf9a2b 100644 --- a/userChrome.css +++ b/userChrome.css @@ -861,7 +861,7 @@ --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color); } - @media (-moz-toolbar-prefers-color-scheme: dark) { + @media (prefers-color-scheme: dark) { :host, :root { /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */ @@ -1039,7 +1039,7 @@ --menu-border-color: #cfcfd8; --menuitem-hover-background-color: #e0e0e6; } - @media (-moz-toolbar-prefers-color-scheme: dark) { + @media (prefers-color-scheme: dark) { :root { --menu-border-color: rgba(107, 107, 107, 0.3); --menu-color: #fbfbfe; @@ -1104,7 +1104,7 @@ url("chrome://browser/content/pageinfo/pageInfo.xhtml") { /*- Overwrite ------------------------------------------------------------*/ - @media (-moz-toolbar-prefers-color-scheme: dark) { + @media (prefers-color-scheme: dark) { :root { --in-content-page-background: #42414d; } @@ -1928,7 +1928,11 @@ #downloadsListBox .downloadButton, #downloadsListBox .download-state[exists], #downloadsListBox .download-state[exists] .downloadDetails, - #downloadsHistory { + #downloadsHistory, + #protections-popup-settings-button, + #protections-popup-show-report-button, + #identity-popup-clear-sitedata-button, + #identity-popup-more-info { cursor: pointer !important; } @@ -2542,8 +2546,8 @@ /** Selected Tab - Bottom Rounded Corner ************************************/ #tabbrowser-tabs { - --tab-corner-rounding: 4px; /* 10px looks about like chromium - 17px looks close to Australis tabs */ - --tab-corner-padding: 1px; + --tab-corner-rounding: 3px; /* 10px looks about like chromium - 17px looks close to Australis tabs */ + --tab-corner-padding: 0px; --tab-corner-position: calc(var(--tab-corner-padding) - var(--tab-corner-rounding)); } @@ -2560,7 +2564,7 @@ /* Color */ fill: var(--toolbar-bgcolor) !important; - stroke: var(--tabs-border-color, transparent) !important; + stroke: var(--tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9))) !important; -moz-context-properties: fill, stroke !important; /* Image */ @@ -2568,6 +2572,11 @@ background-repeat: no-repeat; background-position-y: bottom; } + :root:not([customizing="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::before, + :root:not([customizing="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::after { + /* As Selected Tab - Box Shadow */ + stroke: var(--toolbar-color) !important; + } tab[visuallyselected] > stack::before { left: var(--tab-corner-position) !important; @@ -2661,6 +2670,7 @@ */ --tabs-navbar-shadow-size: -1px; /* Original: 1px */ --tabs-navbar-original-shadow-size: 1px; + --tab-corner-rounding: 4px; /* Hardcorded */ /* Size */ -moz-box-align: stretch !important; @@ -2787,9 +2797,10 @@ .tab-icon-overlay:not([crashed]), .tab-icon-overlay[pinned][crashed][selected] { /* Position */ - top: -3.5px !important; + top: 0 !important; inset-inline-end: -9px !important; z-index: 1 !important; + transform: translateX(-0.5px) translateY(-6px); /* Shape */ padding: 1.5px !important; @@ -2817,7 +2828,7 @@ /* None exist favicon - Size bigger */ .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) { - top: 0 !important; + transform: translateX(-0.5px) translateY(-1px); inset-inline-end: 0 !important; margin-inline-end: 0 !important; padding: 0 !important; @@ -2838,10 +2849,9 @@ /* Busy - Overlay Position */ .tabbrowser-tab:not([pinned])[busy] .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) { - transform: translateX(-0.5px) translateY(-2.5px); + transform: translateX(-0.5px) translateY(-6px); } .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed])[busy] { - top: -3.5px !important; inset-inline-end: -9px !important; margin-inline-end: 9.5px !important; padding: 1.5px !important; @@ -2919,7 +2929,7 @@ position: absolute !important; /* Shape */ - border-bottom: 2px solid var(--identity-icon-color); + border-bottom: 2px solid color-mix(in srgb, var(--identity-icon-color) 75%, transparent); width: 25%; /* Animate */ @@ -2928,6 +2938,7 @@ } .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { width: calc(100% - 30px); + border-color: var(--identity-icon-color); } #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before { width: calc(100% - 33px); @@ -4780,7 +4791,8 @@ #sync-reauthitem { } - #webDeveloperMenu { + #webDeveloperMenu, /* Legacy */ + #browserToolsMenu { --menuitem-image: url("chrome://browser/skin/developer.svg"); } #menu_pageInfo { diff --git a/userContent.css b/userContent.css index 7f0bb3d..a246d69 100644 --- a/userContent.css +++ b/userContent.css @@ -42,7 +42,7 @@ --newtab-element-hover-color: color-mix(in srgb, currentColor 9%, transparent) !important; } - @media (-moz-toolbar-prefers-color-scheme: dark) { + @media (prefers-color-scheme: dark) { #root { /* Default Dark Mode */ --newtab-search-background-color: rgba(66, 65, 77, 1); /* Same as dark theme's --panel-background */ @@ -336,7 +336,7 @@ --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color); } - @media (-moz-toolbar-prefers-color-scheme: dark) { + @media (prefers-color-scheme: dark) { :host, :root { /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */