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

Merge branch 'master' into dev

Browse source
This commit is contained in:
alstjr7375 2022-11-10 11:02:00 +09:00
commit eccf2f8561
31 changed files with 228 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

11
CREDITS
View file

@ -19,6 +19,17 @@ N: Yunsup Sim
E: pedogunu@gmail.com
W: https://ethansup.net
----------
Sponsors
N: Jani Haiko
E: haiko.jani@gmail.com
W: https://github.com/ojaha065
N: nikkehtine
E: nikkehtine@int.pl
W: https://github.com/nikkehtine
----------
Contributors

149
css/leptonChrome.css
View file

@ -1453,17 +1453,17 @@
}
/*== Info Bar Color ==========================================================*/
.container.infobar {
background-color: var(--urlbar-box-bgcolor);
background-color: var(--urlbar-box-bgcolor) !important;
}
.notification-button {
background-color: var(--button-bgcolor);
background-color: var(--button-bgcolor) !important;
}
.notification-button:hover {
background-color: var(--button-hover-bgcolor);
background-color: var(--button-hover-bgcolor) !important;
}
.notification-button:hover:active {
background-color: var(--button-active-bgcolor);
background-color: var(--button-active-bgcolor) !important;
}
html|button.ghost-button:not(.semi-transparent):enabled:hover {
@ -3802,7 +3802,7 @@
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
padding-inline: var(--urlbar-container-padding, 0px) !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
@ -3823,7 +3823,7 @@
/*= BookMark Bar - Reduce Height =============================================*/
@supports -moz-bool-pref("userChrome.padding.bookmarkbar") {
:root[uidensity="compact"] #PersonalToolbar toolbarbutton {
margin-top: 0px;
margin-top: 0px !important;
/* Original: 2px */
}
}
@ -4045,7 +4045,7 @@
/*= Panel - Reduce padding ===================================================*/
@supports -moz-bool-pref("userChrome.padding.panel") {
:root {
--arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important;
--arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding, 8px) !important;
/* Original: 0 8px */
--arrowpanel-menuitem-padding-block: 5px !important;
/* Original: 8px */
@ -4109,7 +4109,7 @@
/* not cut off for Protection popup Footer on windows */
:root[uidensity="compact"] #protections-popup-multiView #protections-popup-footer {
padding: 3px 0 10px !important;
padding: 0 !important;
}
/* Button and disabled category in Protection popup */
@ -6619,7 +6619,9 @@
}
}
/*= Selected Tab - Photon like contextline ===================================*/
@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") or -moz-bool-pref("userChrome.tab.bar_separator") {
@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") or -moz-bool-pref("userChrome.tab.static_separator") or -moz-bool-pref(
"userChrome.tab.bar_separator"
) {
:root[lwtheme-mozlightdark] #tabbrowser-tabs,
:root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] {
@ -6861,6 +6863,14 @@
.tab-stack::before {
opacity: 0 !important;
}
:root:not([uidensity="compact"]) #tabs-newtab-button > .toolbarbutton-icon {
margin-left: 2px;
}
:root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {
margin-left: 1px;
}
}
/* Animate */
@media (prefers-reduced-motion: no-preference) {
@ -7088,18 +7098,10 @@
:root:not([uidensity="touch"]) #tabs-newtab-button > .toolbarbutton-icon {
--toolbarbutton-inner-padding: calc((var(--tab-min-height) - 16px) / 2 - 1px);
}
:root:not([uidensity="compact"]) #tabs-newtab-button > .toolbarbutton-icon {
margin-left: 2px;
}
:root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {
margin-left: 1px;
}
}
/*= Unloaded Tab - Contents Opacity ===========================================*/
@supports -moz-bool-pref("userChrome.tab.unloaded") {
#tabbrowser-tabs .tabbrowser-tab[pending] .tab-content {
.tabbrowser-tab[pending] .tab-content {
opacity: 0.7;
}
}
@ -7443,7 +7445,7 @@
--uc-sound-tab-no-icon-label-position-x: 3px;
}
.tabbrowser-tab .tab-label-container[labeldirection="rtl"],
.tabbrowser-tab .tab-label-container :not([labeldirection]):-moz-locale-dir(rtl) {
.tabbrowser-tab .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) {
--uc-sound-tab-no-icon-position-x: 0.5px;
--uc-sound-tab-no-icon-label-position-x: -3px;
}
@ -9417,7 +9419,7 @@
#forward-button,
#clearDownloadsButton {
fill: currentColor !important;
-moz-context-properties: fill !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
}
/* Add */
@ -9555,13 +9557,12 @@
.subviewbutton:not(#appMenu-proton-update-banner) > image {
fill: currentColor !important;
fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
-moz-context-properties: fill !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
}
#appMenu-zoomReduce-button2 > .toolbarbutton-icon,
#appMenu-zoomEnlarge-button2 > .toolbarbutton-icon {
stroke: var(--zoom-controls-bgcolor, var(--button-bgcolor, ButtonFace)) !important;
-moz-context-properties: fill, stroke !important;
}
#appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon,
@ -9769,7 +9770,7 @@
/* Color */
fill: currentColor;
fill-opacity: var(--toolbarbutton-icon-fill-opacity);
-moz-context-properties: fill;
-moz-context-properties: fill, fill-opacity, stroke;
background-size: 16px;
background-repeat: no-repeat;
background-position: left center;
@ -10037,7 +10038,7 @@
/*= protections-popup ========================================================*/
#protections-popup-settings-button > .protections-popup-settings-icon,
#protections-popup-show-report-button > .protections-popup-show-report-icon {
-moz-context-properties: fill;
-moz-context-properties: fill, fill-opacity, stroke;
fill: currentColor;
margin-inline-end: 1em;
}
@ -10131,7 +10132,7 @@
#BMB_viewBookmarksToolbar,
#context_openANewTab.tabmix-newtab-menu-icon {
/* Color */
-moz-context-properties: fill, fill-opacity !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
/* Layout */
background-size: 16px !important;
@ -10140,7 +10141,7 @@
}
#tabContextMenu > .tabmix-newtab-menu-icon {
-moz-context-properties: fill, fill-opacity !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
}
@ -10664,14 +10665,38 @@
}
/*= Tab Mix Plus =============================================================*/
#context_openANewTab.tabmix-newtab-menu-icon {
list-style-image: var(--menuitem-image) !important;
@media (-moz-os-version: windows-win7),
(-moz-platform: windows-win7),
(-moz-os-version: windows-win8),
(-moz-platform: windows-win8),
(-moz-os-version: windows-win10),
(-moz-platform: windows-win10) {
#context_openANewTab.tabmix-newtab-menu-icon .menu-iconic-left {
display: none;
}
}
@supports -moz-bool-pref("userChrome.icon.menu.full") {
#tm-duplicateinWin {
--menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg");
}
#tm-mergeWindowsTab {
--menuitem-image: url("../icons/merge.svg");
}
}
#tm-renameTab {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
}
#tm-copyTabUrl {
--menuitem-image: url("../icons/link.svg");
}
#tm-autoreloadTab_menu {
--menuitem-image: url("../icons/timer10.svg");
}
#context_reloadTabOptions {
--menuitem-image: url("../icons/reload.svg");
}
@ -10686,6 +10711,14 @@
}
}
#tm-docShell {
--menuitem-image: url("chrome://browser/skin/permissions.svg");
}
#tm-freezeTab {
--menuitem-image: url("../icons/weather-snowflake.svg");
}
#tm-protectTab {
--menuitem-image: url("../icons/shield-task.svg");
}
@ -11023,13 +11056,53 @@
}
/*= Tab Mix Plus =============================================================*/
#tm-autoreload_menu {
--menuitem-image: url("../icons/reload-auto.svg");
--menuitem-image: url("../icons/timer10.svg");
}
#tm-linkWithhistory {
--menuitem-image: url("../icons/new-tab-skip-forward.svg");
}
#tm-openAllLinks {
--menuitem-image: url("../icons/new-tab-multiple.svg");
}
#tm-openinverselink {
--menuitem-image: url("../icons/new-tab-forward.svg");
}
#tm-content-closetab {
--menuitem-image: url("../icons/dismiss-filled.svg");
}
#tm-duplicateTabContext {
--menuitem-image: url("../icons/tab-copy.svg");
}
#tm-duplicateinWinContext {
--menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg");
}
#tm-detachTabContext {
--menuitem-image: url("../icons/convert-range.svg");
}
#tm-mergeWindows {
--menuitem-image: url("../icons/merge.svg");
}
#tm-content-freezeTab {
--menuitem-image: url("../icons/weather-snowflake.svg");
}
#tm-content-protectTab {
--menuitem-image: url("../icons/shield-task.svg");
}
#tm-content-lockTab {
--menuitem-image: url("../icons/lock-closed.svg");
}
#tm-content-undoCloseTab {
--menuitem-image: url("../icons/undo.svg");
}
@ -11193,6 +11266,19 @@
--menuitem-image: url("../icons/movetowindow-16.svg");
}
/*= Notification =============================================================*/
#doNotDisturbMenuItem {
--menuitem-image: url(chrome://global/skin/media/pause-fill.svg);
}
#disableForOriginMenuItem {
--menuitem-image: url("chrome://global/skin/icons/blocked.svg");
}
#openSettingsMenuItem {
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
}
/*= blockedPopupOptions ======================================================*/
#blockedPopupAllowSite {
--menuitem-image: url("chrome://global/skin/icons/check.svg");
@ -11802,10 +11888,7 @@
--menuitem-image: url("chrome://global/skin/icons/info.svg");
}
}
}
/** Library Menu **************************************************************/
@supports -moz-bool-pref("userChrome.icon.library") {
@supports -moz-bool-pref("userChrome.icon.menu") {
@supports -moz-bool-pref("userChrome.icon.library") {
/*= organizeButtonPopup ======================================================*/
#newbookmark {
--menuitem-image: url("chrome://browser/skin/bookmark.svg");

11
css/leptonContent.css
View file

@ -280,7 +280,7 @@
.context-menu-list .context-menu-item button span {
/* Color */
-moz-context-properties: fill, fill-opacity !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
/* Layout */
background-size: 16px !important;
@ -417,7 +417,7 @@
}
}
/** Activity Stream - Home Search Bar looks like proton *********************/
@supports -moz-bool-pref("userContent.newTab.animate") {
@supports -moz-bool-pref("userContent.newTab.searchbar") {
/* Dropdown Colors */
#root {
--newtab-search-background-color: rgba(255, 255, 255, 1);
@ -1680,6 +1680,7 @@
.input-row input[type="tel"],
.input-row input[type="text"],
.input-row input::placeholder,
.input-text,
.firefox-family-services > ul > .firefox-service,
.faint,
.faint a,
@ -1704,7 +1705,9 @@
.input-row input[type="password"],
.input-row input[type="tel"],
.input-row input[type="text"],
.input-text,
header,
.card,
.bg-white:not(nav) {
background: var(--in-content-box-background) !important;
}
@ -2362,7 +2365,7 @@
#forward-button,
#clearDownloadsButton {
fill: currentColor !important;
-moz-context-properties: fill !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
}
/* Add */
@ -3037,7 +3040,7 @@
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]) {
/* Color */
-moz-context-properties: fill, fill-opacity !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
/* Layout */
background-size: 16px !important;

3
icons/merge.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path fill="#212121" d="M0 3.789c0-.349.283-.632.632-.632h2.743c.838 0 1.64.333 2.233.925l2.484 2.485a2.74 2.74 0 0 0 1.936.801h3.816l-3.132-3.132a.632.632 0 1 1 .894-.894l4.21 4.211a.632.632 0 0 1 0 .894l-4.21 4.21a.631.631 0 1 1-.894-.893l3.132-3.132h-3.765a2.74 2.74 0 0 0-1.985.852L5.837 11.86a3.158 3.158 0 0 1-2.29.983H.632a.632.632 0 0 1 0-1.264h2.915c.52 0 1.016-.213 1.374-.59l2.257-2.376c.217-.228.458-.428.718-.597a4.004 4.004 0 0 1-.697-.556L4.715 4.976a1.895 1.895 0 0 0-1.34-.555H.632A.632.632 0 0 1 0 3.789Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 676 B

4
icons/new-tab-forward.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M4 3.192a2 2 0 0 0-2 2v4.585H1c-1.334 0-1.334 1.485 0 1.485h7v-.485a1 1 0 0 1 .872-.99h-5.64V7.34h.01V5.36a1.11 1.11 0 0 1 1.113-1.114h7.035a1.11 1.11 0 0 1 1.113 1.113v1.418h.496a1 1 0 0 1 1 1V5.192a2 2 0 0 0-2-2h-8z"/>
<path d="M8.695 10.604h6.186L12.528 8.25a.342.342 0 0 1 .484-.483L16 10.758v.376l-2.989 2.988a.34.34 0 0 1-.483 0 .343.343 0 0 1 0-.483l2.353-2.353H8.695a.341.341 0 0 1 0-.682z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 561 B

3
icons/new-tab-skip-forward.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M16 .655a.632.632 0 0 0-1.263 0v2.863C13.765 2.35 12.506 1.36 10.924.87a9.419 9.419 0 0 0-6.091.162C2.883 1.758 1.04 3.23.078 4.984a.632.632 0 1 0 1.107.607c.796-1.45 2.38-2.74 4.088-3.375a8.156 8.156 0 0 1 5.277-.139c1.433.444 2.586 1.401 3.477 2.578h-3.29a.632.632 0 0 0 0 1.264h4.631A.632.632 0 0 0 16 5.287zM4.037 6.939a2 2 0 0 0-2 2v4.089H.998c-1.332.002-1.332 1.527 0 1.527h14c1.335.002 1.335-1.527 0-1.527v.002h-1.3V8.938a2 2 0 0 0-2-2zm.407 1.065h6.818a1.11 1.11 0 0 1 1.113 1.113v3.913H3.33V9.117a1.11 1.11 0 0 1 1.114-1.113z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 696 B

3
icons/tab-desktop-multiple-bottom.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M3.207 2.4h1.207A1.4 1.4 0 0 1 5.8 1.2h6.4a2.6 2.6 0 0 1 2.6 2.6v6.4a1.4 1.4 0 0 1-1.2 1.386v1.206A2.6 2.6 0 0 0 16 10.2V3.8A3.8 3.8 0 0 0 12.2 0H5.8a2.6 2.6 0 0 0-2.593 2.4ZM0 5.8a2.6 2.6 0 0 1 2.6-2.6h7.6a2.6 2.6 0 0 1 2.6 2.6v7.6a2.6 2.6 0 0 1-2.6 2.6H2.6A2.6 2.6 0 0 1 0 13.4Zm2.6-1.4a1.4 1.4 0 0 0-1.4 1.4v5.8h4.6a1.8 1.8 0 0 1 1.8 1.8v1.4h2.6a1.4 1.4 0 0 0 1.4-1.4V5.8a1.4 1.4 0 0 0-1.4-1.4zm3.8 10.4v-1.4a.6.6 0 0 0-.6-.6H1.2v.6a1.4 1.4 0 0 0 1.4 1.4z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 620 B

3
icons/timer10.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M7.024 1.951a6.636 6.636 0 0 1 6.538 5.5 3.34 3.34 0 0 0-1.184.037A5.465 5.465 0 0 0 1.56 8.585a5.463 5.463 0 0 0 5.854 5.45v1.173a6.634 6.634 0 1 1-.39-13.257zm.586 5.78V4.878l-.006-.08a.586.586 0 0 0-1.165.08V8.39l.005.07a1.36 1.36 0 0 1 .734-.585Zm4.993-5.691.064.047.904.752a.585.585 0 0 1-.684.947l-.065-.047-.904-.753a.585.585 0 0 1 .685-.946ZM8.78 0a.585.585 0 0 1 .08 1.165l-.08.006H5.268a.585.585 0 0 1-.08-1.166L5.269 0zm.343 8.306c.152.11.243.286.243.474v6.635a.585.585 0 0 1-1.17 0V9.593l-.401.133a.585.585 0 0 1-.37-1.11l1.17-.39a.585.585 0 0 1 .528.08zm1.414 2.426a2.537 2.537 0 0 1 5.073 0v2.731a2.537 2.537 0 0 1-5.073 0Zm2.536-1.366c-.754 0-1.366.611-1.366 1.366v2.731a1.366 1.366 0 1 0 2.732 0v-2.731c0-.755-.611-1.366-1.366-1.366z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 911 B

3
icons/weather-snowflake.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
<path d="M8 0c.312 0 .57.232.61.532l.005.083v2.746l1.782-1.565a.615.615 0 0 1 .813.924L8.615 5l-.001 2.384H11l2.28-2.594a.615.615 0 0 1 .796-.11l.073.055a.615.615 0 0 1 .11.795l-.054.073-1.566 1.78h2.745c.311 0 .569.232.61.532L16 8a.616.616 0 0 1-.532.61l-.083.005h-2.747l1.566 1.783a.615.615 0 0 1 .008.804l-.064.065a.615.615 0 0 1-.804.007l-.065-.063L11 8.615l-2.386-.001V11l2.597 2.28a.616.616 0 0 1 .11.796l-.054.073a.616.616 0 0 1-.796.111l-.073-.055-1.783-1.567-.001 2.747a.616.616 0 0 1-.532.61L7.997 16a.616.616 0 0 1-.61-.532l-.005-.083V12.64l-1.779 1.564a.615.615 0 0 1-.813-.924L7.382 11V8.615H5.18l-2.459 2.8a.615.615 0 0 1-.925-.813l1.746-1.987H.615a.616.616 0 0 1-.61-.531L0 8c0-.311.231-.569.532-.61l.083-.005H3.18L1.795 5.807a.615.615 0 0 1 .925-.811l2.096 2.388h2.567V4.998L4.79 2.718a.616.616 0 0 1-.11-.796l.055-.072a.616.616 0 0 1 .795-.111l.073.055 1.78 1.565.002-2.744c0-.283.191-.521.451-.593l.08-.016z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

2
src/contents/_activity_stream.scss
View file

@ -101,7 +101,7 @@
}
/** Activity Stream - Home Search Bar looks like proton *********************/
@include Option("userContent.newTab.animate") {
@include Option("userContent.newTab.searchbar") {
/* Dropdown Colors */
#root {
--newtab-search-background-color: rgba(255, 255, 255, 1); /* Same as light theme's --panel-background */

3
src/contents/dark_mode/_accounts_com.scss
View file

@ -46,6 +46,7 @@
.input-row input[type="tel"],
.input-row input[type="text"],
.input-row input::placeholder,
.input-text,
.firefox-family-services > ul > .firefox-service,
.faint,
.faint a,
@ -68,7 +69,9 @@
.input-row input[type="password"],
.input-row input[type="tel"],
.input-row input[type="text"],
.input-text,
header,
.card,
.bg-white:not(nav) {
background: var(--in-content-box-background) !important;
}

6
src/icons/_index.scss
View file

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

4
src/icons/_panel.scss
View file

@ -176,7 +176,7 @@
/* Color */
fill: currentColor;
fill-opacity: var(--toolbarbutton-icon-fill-opacity);
-moz-context-properties: fill;
-moz-context-properties: fill, fill-opacity, stroke;
background-size: 16px;
background-repeat: no-repeat;
@ -416,7 +416,7 @@ panelMenuBookmarkThisPage[starred] {
/*= protections-popup ========================================================*/
#protections-popup-settings-button > .protections-popup-settings-icon,
#protections-popup-show-report-button > .protections-popup-show-report-icon {
-moz-context-properties: fill;
-moz-context-properties: fill, fill-opacity, stroke;
fill: currentColor;
margin-inline-end: 1em;
}

16
src/icons/context_menu/_content_area.scss
View file

@ -264,34 +264,44 @@
/*= Tab Mix Plus =============================================================*/
#tm-autoreload_menu {
--menuitem-image: url("../icons/reload-auto.svg");
// --menuitem-image: url("../icons/reload-auto.svg");
--menuitem-image: url("../icons/timer10.svg");
}
#tm-linkWithhistory {
// ic_fluent_skip_forward_tab_24_regular
--menuitem-image: url("../icons/new-tab-skip-forward.svg");
}
#tm-openAllLinks {
--menuitem-image: url("../icons/new-tab-multiple.svg");
}
#tm-openinverselink {
}
#context-openlinkinusercontext-menu {
--menuitem-image: url("../icons/new-tab-forward.svg");
}
#tm-content-closetab {
--menuitem-image: url("../icons/dismiss-filled.svg");
}
#tm-duplicateTabContext {
--menuitem-image: url("../icons/tab-copy.svg");
}
#tm-duplicateinWinContext {
--menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg");
}
#tm-detachTabContext {
--menuitem-image: url("../icons/convert-range.svg");
}
#tm-mergeWindows {
--menuitem-image: url("../icons/merge.svg");
}
#tm-content-freezeTab {
--menuitem-image: url("../icons/weather-snowflake.svg");
}
#tm-content-protectTab {
--menuitem-image: url("../icons/shield-task.svg");
}
#tm-content-lockTab {
--menuitem-image: url("../icons/lock-closed.svg");
}
#tm-tabsList {
}

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

@ -1,3 +1,15 @@
/*= Notification =============================================================*/
// https://github.com/mozilla/gecko-dev/blob/master/toolkit/components/alerts/alert.xhtml
#doNotDisturbMenuItem {
--menuitem-image: url(chrome://global/skin/media/pause-fill.svg);
}
#disableForOriginMenuItem {
--menuitem-image: url("chrome://global/skin/icons/blocked.svg");
}
#openSettingsMenuItem {
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
}
/*= blockedPopupOptions ======================================================*/
#blockedPopupAllowSite {
--menuitem-image: url("chrome://global/skin/icons/check.svg");

21
src/icons/context_menu/_tab_toolbar.scss
View file

@ -222,19 +222,30 @@ menuitem.viewCustomizeToolbar {
/*= Tab Mix Plus =============================================================*/
#context_openANewTab.tabmix-newtab-menu-icon {
list-style-image: var(--menuitem-image) !important;
.menu-iconic-left {
@include OS($win) {
display: none;
}
}
}
#tm-duplicateinWin {
}
#tm-mergeWindowsTab {
@include Option("userChrome.icon.menu.full") {
#tm-duplicateinWin {
--menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg");
}
#tm-mergeWindowsTab {
--menuitem-image: url("../icons/merge.svg");
}
}
#tm-renameTab {
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
}
#tm-copyTabUrl {
--menuitem-image: url("../icons/link.svg");
}
#tm-autoreloadTab_menu {
// --menuitem-image: url("../icons/reload-auto.svg");
--menuitem-image: url("../icons/timer10.svg");
}
#context_reloadTabOptions {
--menuitem-image: url("../icons/reload.svg");
@ -252,8 +263,10 @@ menuitem.viewCustomizeToolbar {
}
#tm-docShell {
--menuitem-image: url("chrome://browser/skin/permissions.svg");
}
#tm-freezeTab {
--menuitem-image: url("../icons/weather-snowflake.svg");
}
#tm-protectTab {
--menuitem-image: url("../icons/shield-task.svg");

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

@ -43,7 +43,7 @@ $_layoutCommonMenus: (
@include _layout_icon_menus;
}
#tabContextMenu > .tabmix-newtab-menu-icon {
-moz-context-properties: fill, fill-opacity !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
}

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

@ -44,7 +44,7 @@ $_initialMenus: selector.append(
// Icon
@mixin _layout_icon_menus() {
/* Color */
-moz-context-properties: fill, fill-opacity !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
/* Layout */

3
src/icons/layout/_panel.scss
View file

@ -82,12 +82,11 @@
.subviewbutton:not(#appMenu-proton-update-banner) > image {
fill: currentColor !important;
fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
-moz-context-properties: fill !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
}
#appMenu-zoomReduce-button2 > .toolbarbutton-icon,
#appMenu-zoomEnlarge-button2 > .toolbarbutton-icon {
stroke: var(--zoom-controls-bgcolor, var(--button-bgcolor, ButtonFace)) !important;
-moz-context-properties: fill, stroke !important;
}
#appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon,
#appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon {

2
src/library/_menubar.scss
View file

@ -6,7 +6,7 @@
#forward-button,
#clearDownloadsButton {
fill: currentColor !important;
-moz-context-properties: fill !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
}
/* Add */

2
src/padding/_bookmarkbar.scss
View file

@ -1,3 +1,3 @@
:root[uidensity="compact"] #PersonalToolbar toolbarbutton {
margin-top: 0px; /* Original: 2px */
margin-top: 0px !important; /* Original: 2px */
}

2
src/padding/_panel.scss
View file

@ -1,5 +1,5 @@
:root {
--arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important; /* Original: 0 8px */
--arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding, 8px) !important; /* Original: 0 8px */
--arrowpanel-menuitem-padding-block: 5px !important; /* Original: 8px */
--arrowpanel-menuitem-padding-inline: 5px !important; /* Original: 8px */
--arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important; /* Compatibility */

2
src/padding/_popup_panel.scss
View file

@ -25,7 +25,7 @@
}
/* not cut off for Protection popup Footer on windows */
:root[uidensity="compact"] #protections-popup-multiView #protections-popup-footer {
padding: 3px 0 10px !important;
padding: 0 !important;
}
/* Button and disabled category in Protection popup */
:root[uidensity="compact"] #protections-popup-multiView .protections-popup-footer-button,

2
src/padding/_urlview_expanding.scss
View file

@ -7,7 +7,7 @@
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
padding-inline: var(--urlbar-container-padding, 0px) !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {

6
src/tab/_selected_tab.scss
View file

@ -19,7 +19,10 @@
}
/*= Selected Tab - Photon like contextline ===================================*/
@include Option("userChrome.tab.photon_like_contextline", "userChrome.tab.bar_separator") {
@include Option(
"userChrome.tab.photon_like_contextline",
"userChrome.tab.static_separator",
"userChrome.tab.bar_separator") {
:root[lwtheme-mozlightdark] #tabbrowser-tabs, /* Legacy: v96 */
:root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] {
@ -31,6 +34,7 @@
}
}
}
@include Option("userChrome.tab.photon_like_contextline") {
@import "selected_tab/photon_like_contextline";
}

2
src/tab/_unload_tab.scss
View file

@ -1,3 +1,3 @@
#tabbrowser-tabs .tabbrowser-tab[pending] .tab-content {
.tabbrowser-tab[pending] .tab-content {
opacity: 0.7;
}

7
src/tab/newtab_button/_proton_like_button.scss
View file

@ -1,10 +1,3 @@
:root:not([uidensity="touch"]) #tabs-newtab-button > .toolbarbutton-icon {
--toolbarbutton-inner-padding: calc((var(--tab-min-height) - 16px) / 2 - 1px);
}
:root:not([uidensity="compact"]) #tabs-newtab-button > .toolbarbutton-icon {
margin-left: 2px;
}
:root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {
margin-left: 1px;
}

2
src/tab/sound_tab/_show_with_favicons.scss
View file

@ -102,7 +102,7 @@
--uc-sound-tab-no-icon-label-position-x: 3px;
}
&[labeldirection=rtl],
:not([labeldirection]):-moz-locale-dir(rtl) {
&:not([labeldirection]):-moz-locale-dir(rtl) {
--uc-sound-tab-no-icon-position-x: 0.5px;
--uc-sound-tab-no-icon-label-position-x: -3px;
}

7
src/tab/unselected_tab/_dynamic_separator.scss
View file

@ -126,6 +126,13 @@
.tab-stack::before {
opacity: 0 !important;
}
:root:not([uidensity="compact"]) #tabs-newtab-button > .toolbarbutton-icon {
margin-left: 2px;
}
:root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {
margin-left: 1px;
}
}
/* Animate */

8
src/theme/_fully_color.scss
View file

@ -117,16 +117,16 @@ html#main-window menupopup:not(.in-menulist) {
/*== Info Bar Color ==========================================================*/
.container.infobar {
background-color: var(--urlbar-box-bgcolor);
background-color: var(--urlbar-box-bgcolor) !important;
}
.notification-button {
background-color: var(--button-bgcolor);
background-color: var(--button-bgcolor) !important;
&:hover {
background-color: var(--button-hover-bgcolor);
background-color: var(--button-hover-bgcolor) !important;
}
&:hover:active {
background-color: var(--button-active-bgcolor);
background-color: var(--button-active-bgcolor) !important;
}
}

3
user.js
View file

@ -5,9 +5,6 @@ user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);
// Proton Enabled #127 || Removed at 97 #328 (Maintained for compatibility with ESR)
user_pref("browser.proton.enabled", true);
// Proton Tooltip
user_pref("browser.proton.places-tooltip.enabled", true);
// Fill SVG Color
user_pref("svg.context-properties.content.enabled", true);