mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-01-30 04:10:32 -08:00
Merge branch 'dev' into bottom-rounded-corner
This commit is contained in:
alstjr7375
commit
d7518fbbb7
45 changed files with 630 additions and 148 deletions
11
CREDITS
11
CREDITS
|
|
@ -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
|
||||
|
||||
|
|
|
|||
|
|
@ -1422,6 +1422,7 @@
|
|||
/* or var(--lwt-sidebar-highlight-background-color)
|
||||
If this value is used, unset is required in the default theme.
|
||||
*/
|
||||
background-color: var(--menuitem-hover-background-color) !important;
|
||||
}
|
||||
|
||||
/* Fallback background - Set to Legacy. It will be removed Next update
|
||||
|
|
@ -1452,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 {
|
||||
|
|
@ -2940,7 +2941,9 @@
|
|||
#protections-popup-footer .protections-popup-footer-button,
|
||||
#protections-popup-multiView .panel-subview-footer-button,
|
||||
#identity-popup-clear-sitedata-button,
|
||||
#identity-popup-more-info {
|
||||
#identity-popup-more-info,
|
||||
#unified-extensions-manage-extensions,
|
||||
.unified-extensions-item-open-menu {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
|
|
@ -3270,21 +3273,34 @@
|
|||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_button") {
|
||||
:root {
|
||||
--toolbarbutton-border-radius: 0 !important;
|
||||
--urlbar-icon-border-radius: 0 !important;
|
||||
/* Original: calc(var(--toolbarbutton-border-radius) - 1px); */
|
||||
}
|
||||
|
||||
.toolbarbutton-1,
|
||||
.toolbarbutton-icon,
|
||||
.panel-info-button,
|
||||
.searchbar-engine-one-off-item,
|
||||
.urlbarView-button,
|
||||
.urlbarView-tip-button,
|
||||
.urlbarView-action,
|
||||
toolbarbutton.bookmark-item:not(.subviewbutton),
|
||||
#sidebar-switcher-target {
|
||||
--toolbarbutton-border-radius: 0;
|
||||
/* Original: 4px */
|
||||
}
|
||||
|
||||
button {
|
||||
button,
|
||||
findbar toolbarbutton,
|
||||
.notification-button {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
@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.rounding.square_button") {
|
||||
/* Fix Tab bar button radius */
|
||||
#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-badge-stack,
|
||||
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button),
|
||||
.tab-close-button {
|
||||
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
|
||||
--tab-border-radius: var(--toolbarbutton-border-radius);
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_panel") {
|
||||
|
|
@ -3318,6 +3334,17 @@
|
|||
html|input {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar-input-container,
|
||||
#urlbar-background,
|
||||
#searchbar {
|
||||
--toolbarbutton-border-radius: 0;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_urlView_item") {
|
||||
.urlbarView-row-inner {
|
||||
--toolbarbutton-border-radius: 0;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_checklabel") {
|
||||
.checkbox-check,
|
||||
|
|
@ -3775,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 {
|
||||
|
|
@ -3796,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 */
|
||||
}
|
||||
}
|
||||
|
|
@ -4018,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 */
|
||||
|
|
@ -4082,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 */
|
||||
|
|
@ -6331,7 +6358,7 @@
|
|||
|
||||
@supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
|
||||
#TabsToolbar:not([multibar]) {
|
||||
overflow: hidden;
|
||||
overflow: clip;
|
||||
/* Prevent toolbar area over */
|
||||
}
|
||||
}
|
||||
|
|
@ -6868,7 +6895,9 @@
|
|||
}
|
||||
}
|
||||
/*= Selected Tab - Photon like contextline ===================================*/
|
||||
@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") {
|
||||
@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);"] {
|
||||
|
|
@ -6881,6 +6910,8 @@
|
|||
/* -moz-accent-color */
|
||||
}
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") {
|
||||
.tab-context-line {
|
||||
display: -moz-inline-box !important;
|
||||
height: 2px !important;
|
||||
|
|
@ -7108,6 +7139,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) {
|
||||
|
|
@ -7188,6 +7227,53 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
/*= Unselected Tab - Bar Separator ===========================================*/
|
||||
@supports -moz-bool-pref("userChrome.tab.bar_separator") {
|
||||
.tab-stack::before {
|
||||
/* Box Model */
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
/* Position */
|
||||
top: 50%;
|
||||
left: 0%;
|
||||
transform: translateX(calc((var(--inline-tab-padding) - 5px) / 2)) translateY(calc(-50% + var(--tab-block-margin)));
|
||||
z-index: 1;
|
||||
/* Bar shape */
|
||||
width: 3px;
|
||||
height: 20px;
|
||||
/* Bar Color */
|
||||
background-color: var(--uc-bar-separator-color, var(--tab-line-color, var(--lwt-tab-line-color, #0a84ff)));
|
||||
}
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
.tab-stack::before {
|
||||
transition-property: opacity, background-color;
|
||||
transition-duration: 0.2s;
|
||||
transition-timing-function: var(--animation-easing-function);
|
||||
/* cubic-bezier(.07, .95, 0, 1) */
|
||||
}
|
||||
}
|
||||
|
||||
:root[sessionrestored] .tabbrowser-tab[busy] .tab-stack::before {
|
||||
--uc-bar-separator-color: currentColor;
|
||||
opacity: 0.7;
|
||||
}
|
||||
:root[sessionrestored] .tabbrowser-tab[busy][progress] .tab-stack::before {
|
||||
--uc-bar-separator-color: var(--tab-loading-fill);
|
||||
opacity: 1;
|
||||
}
|
||||
:root[sessionrestored]
|
||||
#TabsToolbar[brighttext]
|
||||
.tabbrowser-tab[busy][progress]:not([selected="true"])
|
||||
.tab-stack::before {
|
||||
--uc-bar-separator-color: var(--lwt-tab-loading-fill-inactive, #84c1ff);
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tab.unloaded") {
|
||||
:root[sessionrestored] .tabbrowser-tab[pending] .tab-stack::before {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*= New tab button ============================================================*/
|
||||
/*= New tab button - Looks like tab ==========================================*/
|
||||
@supports -moz-bool-pref("userChrome.tab.newtab_button_like_tab") {
|
||||
|
|
@ -7323,18 +7409,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;
|
||||
}
|
||||
}
|
||||
|
|
@ -7629,8 +7707,7 @@
|
|||
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
|
||||
.tab-label-container[labeldirection="rtl"],
|
||||
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
|
||||
.tab-label-container
|
||||
:not([labeldirection]):-moz-locale-dir(rtl) {
|
||||
.tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) {
|
||||
--uc-sound-tab-label-position-x: -4px;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
|
||||
|
|
@ -7650,8 +7727,7 @@
|
|||
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
|
||||
.tab-label-container[labeldirection="rtl"],
|
||||
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
|
||||
.tab-label-container
|
||||
:not([labeldirection]):-moz-locale-dir(rtl) {
|
||||
.tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) {
|
||||
--uc-sound-tab-label-position-x: -4px;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
|
||||
|
|
@ -7680,7 +7756,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;
|
||||
}
|
||||
|
|
@ -7988,6 +8064,13 @@
|
|||
display: block !important;
|
||||
}
|
||||
}
|
||||
/*= Url View - Item Focus Border =============================================*/
|
||||
@supports -moz-bool-pref("userChrome.urlView.focus_item_border") {
|
||||
.urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner,
|
||||
.urlbarView-row-inner[selected] {
|
||||
box-shadow: 3px 0 var(--toolbar-field-focus-border-color) inset !important;
|
||||
}
|
||||
}
|
||||
/** Panel UI ******************************************************************/
|
||||
@supports -moz-bool-pref("userChrome.panel.remove_strip") {
|
||||
#appMenu-fxa-separator {
|
||||
|
|
@ -8476,6 +8559,50 @@
|
|||
.tab-secondary-label {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@supports -moz-bool-pref("userChrome.tab.sound_with_favicons") {
|
||||
@supports not -moz-bool-pref("userChrome.hidden.tab_icon") {
|
||||
.tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
|
||||
.tab-label-container[labeldirection="ltr"],
|
||||
.tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
|
||||
.tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) {
|
||||
--uc-sound-tab-label-position-x: 2px;
|
||||
}
|
||||
.tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
|
||||
.tab-label-container[labeldirection="rtl"],
|
||||
.tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
|
||||
.tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) {
|
||||
--uc-sound-tab-label-position-x: -2px;
|
||||
}
|
||||
.tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
|
||||
.tab-label-container::before {
|
||||
transform: translateX(var(--uc-sound-tab-label-position-x, 0px));
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.hidden.tab_icon") {
|
||||
@supports not -moz-bool-pref("userChrome.hidden.tab_icon.always") {
|
||||
.tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
|
||||
.tab-label-container[labeldirection="ltr"],
|
||||
.tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
|
||||
.tab-label-container:not([labeldirection]):-moz-locale-dir(ltr) {
|
||||
--uc-sound-tab-label-position-x: 2px;
|
||||
}
|
||||
.tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
|
||||
.tab-label-container[labeldirection="rtl"],
|
||||
.tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])[pinned]
|
||||
.tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) {
|
||||
--uc-sound-tab-label-position-x: -2px;
|
||||
}
|
||||
.tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])
|
||||
.tab-label-container::before {
|
||||
transform: translateX(var(--uc-sound-tab-label-position-x, 0px));
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab-label-container::beforee {
|
||||
transition: transform 0.25s var(--animation-easing-function);
|
||||
}
|
||||
}
|
||||
}
|
||||
/*= Counter for Bookmark menu ================================================*/
|
||||
@supports -moz-bool-pref("userChrome.counter.bookmark_menu") {
|
||||
|
|
@ -8756,10 +8883,15 @@
|
|||
or -moz-bool-pref("userChrome.autohide.infobar") {
|
||||
#navigator-toolbox {
|
||||
position: relative;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) {
|
||||
z-index: 2;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #PersonalToolbar {
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
#navigator-toolbox:not(:hover) {
|
||||
#navigator-toolbox:not(:hover):not(:focus-within) {
|
||||
animation: 1s keepfront;
|
||||
}
|
||||
|
||||
|
|
@ -8902,16 +9034,18 @@
|
|||
will-change: margin-bottom;
|
||||
}
|
||||
|
||||
#TabsToolbar:not([customizing]) {
|
||||
will-change: opacity;
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
|
||||
#TabsToolbar:not([customizing]) {
|
||||
#TabsToolbar:not([customizing]),
|
||||
#TabsToolbar:not([customizing]) .titlebar-buttonbox-container {
|
||||
opacity: 0;
|
||||
will-change: opacity;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
|
||||
#TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) {
|
||||
opacity: 0;
|
||||
will-change: opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -8919,7 +9053,8 @@
|
|||
margin-bottom: 0px;
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
|
||||
#navigator-toolbox:is(:hover, :focus-within) #TabsToolbar {
|
||||
#navigator-toolbox:is(:hover, :focus-within) #TabsToolbar,
|
||||
#navigator-toolbox:is(:hover, :focus-within) #TabsToolbar .titlebar-buttonbox-container {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -8936,16 +9071,18 @@
|
|||
will-change: margin-bottom;
|
||||
}
|
||||
|
||||
#TabsToolbar:not([customizing]) {
|
||||
will-change: opacity;
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
|
||||
#TabsToolbar:not([customizing]) {
|
||||
#TabsToolbar:not([customizing]),
|
||||
#TabsToolbar:not([customizing]) .titlebar-buttonbox-container {
|
||||
opacity: 0;
|
||||
will-change: opacity;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
|
||||
#TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) {
|
||||
opacity: 0;
|
||||
will-change: opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -8953,7 +9090,8 @@
|
|||
margin-bottom: 0px;
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
|
||||
#navigator-toolbox:is(:hover, :focus-within) #TabsToolbar {
|
||||
#navigator-toolbox:is(:hover, :focus-within) #TabsToolbar,
|
||||
#navigator-toolbox:is(:hover, :focus-within) #TabsToolbar .titlebar-buttonbox-container {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -8969,16 +9107,18 @@
|
|||
will-change: margin-bottom;
|
||||
}
|
||||
|
||||
#TabsToolbar:not([customizing]) {
|
||||
will-change: opacity;
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
|
||||
#TabsToolbar:not([customizing]) {
|
||||
#TabsToolbar:not([customizing]),
|
||||
#TabsToolbar:not([customizing]) .titlebar-buttonbox-container {
|
||||
opacity: 0;
|
||||
will-change: opacity;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tabbar.on_bottom") {
|
||||
#TabsToolbar:not([customizing]) > *:not(.titlebar-buttonbox-container) {
|
||||
opacity: 0;
|
||||
will-change: opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -8986,7 +9126,8 @@
|
|||
margin-bottom: 0px;
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
|
||||
#navigator-toolbox:is(:hover, :focus-within) #TabsToolbar {
|
||||
#navigator-toolbox:is(:hover, :focus-within) #TabsToolbar,
|
||||
#navigator-toolbox:is(:hover, :focus-within) #TabsToolbar .titlebar-buttonbox-container {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -9005,7 +9146,8 @@
|
|||
}
|
||||
|
||||
@supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
|
||||
#TabsToolbar:not([customizing]) {
|
||||
#TabsToolbar:not([customizing]),
|
||||
#TabsToolbar:not([customizing]) .titlebar-buttonbox-container {
|
||||
transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
|
||||
var(--uc-autohide-toolbar-delay) !important;
|
||||
}
|
||||
|
|
@ -9024,7 +9166,8 @@
|
|||
transition-delay: 0s !important;
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.tabbar.on_bottom") {
|
||||
#navigator-toolbox:is(:hover, :focus-within) #TabsToolbar:not([customizing]) {
|
||||
#navigator-toolbox:is(:hover, :focus-within) #TabsToolbar:not([customizing]),
|
||||
#navigator-toolbox:is(:hover, :focus-within) #TabsToolbar:not([customizing]) .titlebar-buttonbox-container {
|
||||
transition-delay: 0s !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -9587,7 +9730,7 @@
|
|||
#forward-button,
|
||||
#clearDownloadsButton {
|
||||
fill: currentColor !important;
|
||||
-moz-context-properties: fill !important;
|
||||
-moz-context-properties: fill, fill-opacity, stroke !important;
|
||||
}
|
||||
|
||||
/* Add */
|
||||
|
|
@ -9725,13 +9868,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,
|
||||
|
|
@ -9844,7 +9986,7 @@
|
|||
|
||||
@supports -moz-bool-pref("userChrome.icon.panel_full") {
|
||||
#appMenu-save-file-button2 {
|
||||
list-style-image: url("chrome://browser/skin/save.svg");
|
||||
list-style-image: url("../icons/toolbarButton-download.svg");
|
||||
}
|
||||
|
||||
#appMenu-find-button2 {
|
||||
|
|
@ -9939,7 +10081,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;
|
||||
|
|
@ -10207,7 +10349,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;
|
||||
}
|
||||
|
|
@ -10266,6 +10408,11 @@
|
|||
#sidebarMenu-popup > .subviewbutton[data-l10n-id="sidebar-menu-close"] {
|
||||
list-style-image: url("chrome://global/skin/icons/close.svg");
|
||||
}
|
||||
|
||||
/*= unified-extensions-view ===================================================*/
|
||||
#unified-extensions-manage-extensions {
|
||||
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
|
||||
}
|
||||
}
|
||||
/** Menu - Icons Layout *******************************************************/
|
||||
@supports -moz-bool-pref("userChrome.icon.menu") {
|
||||
|
|
@ -10293,9 +10440,10 @@
|
|||
> menuitem,
|
||||
.openintabs-menuitem,
|
||||
#blockedPopupDontShowMessage,
|
||||
#BMB_viewBookmarksToolbar {
|
||||
#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;
|
||||
|
|
@ -10304,7 +10452,7 @@
|
|||
}
|
||||
|
||||
#tabContextMenu > .tabmix-newtab-menu-icon {
|
||||
-moz-context-properties: fill, fill-opacity !important;
|
||||
-moz-context-properties: fill, fill-opacity, stroke !important;
|
||||
fill: currentColor !important;
|
||||
}
|
||||
|
||||
|
|
@ -10347,7 +10495,8 @@
|
|||
> menuitem,
|
||||
.openintabs-menuitem,
|
||||
#blockedPopupDontShowMessage,
|
||||
#BMB_viewBookmarksToolbar {
|
||||
#BMB_viewBookmarksToolbar,
|
||||
#context_openANewTab.tabmix-newtab-menu-icon {
|
||||
background-position: var(--uc-menu-background-position) var(--context-menu-background-padding) center !important;
|
||||
padding-inline-start: var(--context-menu-background-padding) !important;
|
||||
}
|
||||
|
|
@ -10406,7 +10555,8 @@
|
|||
> menuitem,
|
||||
.openintabs-menuitem,
|
||||
#blockedPopupDontShowMessage,
|
||||
#BMB_viewBookmarksToolbar {
|
||||
#BMB_viewBookmarksToolbar,
|
||||
#context_openANewTab.tabmix-newtab-menu-icon {
|
||||
background-position: left var(--context-menu-background-padding) center !important;
|
||||
padding-inline-start: 0 !important;
|
||||
}
|
||||
|
|
@ -10438,7 +10588,8 @@
|
|||
> menuitem,
|
||||
.openintabs-menuitem,
|
||||
#blockedPopupDontShowMessage,
|
||||
#BMB_viewBookmarksToolbar {
|
||||
#BMB_viewBookmarksToolbar,
|
||||
#context_openANewTab.tabmix-newtab-menu-icon {
|
||||
padding-inline-start: var(--menu-background-padding-default) !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
|
@ -10825,14 +10976,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");
|
||||
}
|
||||
|
|
@ -10847,6 +11022,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");
|
||||
}
|
||||
|
|
@ -10919,7 +11102,7 @@
|
|||
}
|
||||
|
||||
#context-savelink {
|
||||
--menuitem-image: url("chrome://browser/skin/save.svg");
|
||||
--menuitem-image: url("../icons/toolbarButton-download.svg");
|
||||
}
|
||||
|
||||
#context-savelinktopocket {
|
||||
|
|
@ -11049,7 +11232,7 @@
|
|||
}
|
||||
|
||||
#context-savepage {
|
||||
--menuitem-image: url("chrome://browser/skin/save.svg");
|
||||
--menuitem-image: url("../icons/toolbarButton-download.svg");
|
||||
}
|
||||
|
||||
#context-pocket {
|
||||
|
|
@ -11161,7 +11344,7 @@
|
|||
/* iconic */
|
||||
}
|
||||
|
||||
@supports -moz-bool-pref("widget.macos.native-context-menus") or -moz-bool-pref("widget.gtk.native-context-menus") {
|
||||
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
|
||||
#context-back {
|
||||
--menuitem-image: url("chrome://browser/skin/back.svg");
|
||||
}
|
||||
|
|
@ -11184,13 +11367,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");
|
||||
}
|
||||
|
|
@ -11354,6 +11577,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");
|
||||
|
|
@ -11592,6 +11828,19 @@
|
|||
#treestyletab_piro_sakura_ne_jp-menuitem-_context_sendTabsToDevice\:manage {
|
||||
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
|
||||
}
|
||||
|
||||
/*= unified-extensions-context-menu ==========================================*/
|
||||
.unified-extensions-context-menu-manage-extension {
|
||||
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
|
||||
}
|
||||
|
||||
.unified-extensions-context-menu-remove-extension {
|
||||
--menuitem-image: url("chrome://global/skin/icons/delete.svg");
|
||||
}
|
||||
|
||||
.unified-extensions-context-menu-report-extension {
|
||||
--menuitem-image: url("../icons/send.svg");
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.icon.global_menubar") {
|
||||
/*= main-menubar =============================================================*/
|
||||
|
|
@ -11647,7 +11896,7 @@
|
|||
}
|
||||
|
||||
#menu_savePage {
|
||||
--menuitem-image: url("chrome://browser/skin/save.svg");
|
||||
--menuitem-image: url("../icons/toolbarButton-download.svg");
|
||||
}
|
||||
|
||||
#menu_sendLink {
|
||||
|
|
@ -11950,10 +12199,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");
|
||||
|
|
@ -12015,7 +12261,7 @@
|
|||
}
|
||||
|
||||
#fileImport {
|
||||
--menuitem-image: url("chrome://browser/skin/save.svg");
|
||||
--menuitem-image: url("../icons/toolbarButton-download.svg");
|
||||
}
|
||||
|
||||
#fileExport {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
@ -3403,7 +3406,7 @@
|
|||
}
|
||||
|
||||
#fileImport {
|
||||
--menuitem-image: url("chrome://browser/skin/save.svg");
|
||||
--menuitem-image: url("../icons/toolbarButton-download.svg");
|
||||
}
|
||||
|
||||
#fileExport {
|
||||
|
|
|
|||
3
icons/merge.svg
Normal file
3
icons/merge.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 676 B |
4
icons/new-tab-forward.svg
Normal file
4
icons/new-tab-forward.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 561 B |
3
icons/new-tab-skip-forward.svg
Normal file
3
icons/new-tab-skip-forward.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 696 B |
3
icons/tab-desktop-multiple-bottom.svg
Normal file
3
icons/tab-desktop-multiple-bottom.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 620 B |
3
icons/timer10.svg
Normal file
3
icons/timer10.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 911 B |
4
icons/toolbarButton-download.svg
Normal file
4
icons/toolbarButton-download.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<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="M9.709 7.344h-1.84a.477.477 0 0 0-.337.813l2.555 2.554a.477.477 0 0 0 .673 0l2.554-2.554c.3-.3.088-.813-.337-.813h-1.84V4.548h.002v-1.19h-.002v-.786H9.71v.785h-.003v1.19h.004v2.797z"/>
|
||||
<path d="M13.714 3.357h-1.146v1.19h1.146c.329 0 .596.267.596.596v7.619a.595.595 0 0 1-.596.595H2.286a.595.595 0 0 1-.596-.595V3.238c0-.328.267-.595.596-.595h3.47a.6.6 0 0 1 .442.197l1.36 1.51A.593.593 0 0 0 8 4.548h.277v-1.19h-.012L7.082 2.042a1.79 1.79 0 0 0-1.328-.59H2.286C1.3 1.452.5 2.252.5 3.237v9.524c0 .985.801 1.786 1.786 1.786h11.428c.985 0 1.786-.801 1.786-1.786v-7.62c0-.984-.801-1.785-1.786-1.785z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 759 B |
3
icons/weather-snowflake.svg
Normal file
3
icons/weather-snowflake.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -31,9 +31,15 @@
|
|||
@include Option("userChrome.autohide.tabbar", "userChrome.autohide.navbar", "userChrome.autohide.bookmarkbar", "userChrome.autohide.infobar") {
|
||||
#navigator-toolbox {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
&:is(:hover, :focus-within) {
|
||||
z-index: 2;
|
||||
|
||||
#PersonalToolbar {
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
}
|
||||
#navigator-toolbox:not(:hover) {
|
||||
#navigator-toolbox:not(:hover):not(:focus-within) {
|
||||
animation: 1s keepfront;
|
||||
}
|
||||
@keyframes keepfront {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,10 @@
|
|||
//-- Mixin ---------------------------------------------------------------------
|
||||
@mixin _autohide_tabbar() {
|
||||
@include NotOption("userChrome.tabbar.on_bottom") {
|
||||
@content;
|
||||
&,
|
||||
& .titlebar-buttonbox-container {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@include Option("userChrome.tabbar.on_bottom") {
|
||||
> *:not(.titlebar-buttonbox-container) {
|
||||
|
|
@ -20,8 +23,8 @@
|
|||
#TabsToolbar:not([customizing]) {
|
||||
@include _autohide_tabbar {
|
||||
opacity: 0;
|
||||
will-change: opacity;
|
||||
}
|
||||
will-change: opacity;
|
||||
}
|
||||
|
||||
#navigator-toolbox:is(:hover, :focus-within) {
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,6 +10,18 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Copy from "../tab/sound_tab/show_with_favicons"
|
||||
@mixin _hidden_tabIcon_soundTabLabel() {
|
||||
@include NotOption("userChrome.hidden.tab_icon") {
|
||||
@content;
|
||||
}
|
||||
@include Option("userChrome.hidden.tab_icon") {
|
||||
@include NotOption("userChrome.hidden.tab_icon.always") {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
#tabbrowser-tabs {
|
||||
|
|
@ -61,3 +73,28 @@
|
|||
.tab-secondary-label {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// Compatibility with sound tab
|
||||
@include Option("userChrome.tab.sound_with_favicons") {
|
||||
@include _hidden_tabIcon_soundTabLabel {
|
||||
.tabbrowser-tab:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
|
||||
&[pinned] .tab-label-container {
|
||||
&[labeldirection=ltr],
|
||||
&:not([labeldirection]):-moz-locale-dir(ltr) {
|
||||
--uc-sound-tab-label-position-x: 2px;
|
||||
}
|
||||
&[labeldirection=rtl],
|
||||
&:not([labeldirection]):-moz-locale-dir(rtl) {
|
||||
--uc-sound-tab-label-position-x: -2px;
|
||||
}
|
||||
}
|
||||
.tab-label-container::before {
|
||||
transform: translateX(var(--uc-sound-tab-label-position-x, 0px));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-label-container::beforee {
|
||||
transition: transform 0.25s var(--animation-easing-function);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -21,7 +21,9 @@ menuitem.openintabs-menuitem,
|
|||
#protections-popup-footer .protections-popup-footer-button,
|
||||
#protections-popup-multiView .panel-subview-footer-button,
|
||||
#identity-popup-clear-sitedata-button,
|
||||
#identity-popup-more-info {
|
||||
#identity-popup-more-info,
|
||||
#unified-extensions-manage-extensions,
|
||||
.unified-extensions-item-open-menu {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
}
|
||||
|
||||
#menu_savePage {
|
||||
--menuitem-image: url("chrome://browser/skin/save.svg");
|
||||
--menuitem-image: url("../icons/toolbarButton-download.svg");
|
||||
}
|
||||
#menu_sendLink {
|
||||
--menuitem-image: url("chrome://browser/skin/mail.svg");
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@
|
|||
}
|
||||
|
||||
#fileImport {
|
||||
--menuitem-image: url("chrome://browser/skin/save.svg");
|
||||
--menuitem-image: url("../icons/toolbarButton-download.svg");
|
||||
}
|
||||
#fileExport {
|
||||
--menuitem-image: url("chrome://browser/skin/open.svg");
|
||||
|
|
|
|||
|
|
@ -88,7 +88,7 @@
|
|||
}
|
||||
@include Option("userChrome.icon.panel_full") {
|
||||
#appMenu-save-file-button2 {
|
||||
list-style-image: url("chrome://browser/skin/save.svg");
|
||||
list-style-image: url("../icons/toolbarButton-download.svg");
|
||||
}
|
||||
#appMenu-find-button2 {
|
||||
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -473,3 +473,8 @@ panelMenuBookmarkThisPage[starred] {
|
|||
#sidebarMenu-popup > .subviewbutton[data-l10n-id="sidebar-menu-close"] {
|
||||
list-style-image: url("chrome://global/skin/icons/close.svg");
|
||||
}
|
||||
|
||||
/*= unified-extensions-view ===================================================*/
|
||||
#unified-extensions-manage-extensions {
|
||||
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
--menuitem-image: url("chrome://browser/skin/bookmark.svg");
|
||||
}
|
||||
#context-savelink {
|
||||
--menuitem-image: url("chrome://browser/skin/save.svg");
|
||||
--menuitem-image: url("../icons/toolbarButton-download.svg");
|
||||
}
|
||||
#context-savelinktopocket {
|
||||
--menuitem-image: url("../icons/pocket-outline.svg");
|
||||
|
|
@ -148,7 +148,7 @@
|
|||
}
|
||||
|
||||
#context-savepage {
|
||||
--menuitem-image: url("chrome://browser/skin/save.svg");
|
||||
--menuitem-image: url("../icons/toolbarButton-download.svg");
|
||||
}
|
||||
#context-pocket {
|
||||
--menuitem-image: url("../icons/pocket-outline.svg");
|
||||
|
|
@ -243,7 +243,7 @@
|
|||
/* iconic */
|
||||
}
|
||||
|
||||
@include NativeMenu {
|
||||
@include OS($mac) {
|
||||
#context-back {
|
||||
--menuitem-image: url("chrome://browser/skin/back.svg");
|
||||
}
|
||||
|
|
@ -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 {
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
@ -213,3 +225,14 @@ menuitem.searchbar-clear-history {
|
|||
#treestyletab_piro_sakura_ne_jp-menuitem-_context_sendTabsToDevice\:manage {
|
||||
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
|
||||
}
|
||||
|
||||
/*= unified-extensions-context-menu ==========================================*/
|
||||
.unified-extensions-context-menu-manage-extension {
|
||||
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
|
||||
}
|
||||
.unified-extensions-context-menu-remove-extension {
|
||||
--menuitem-image: url("chrome://global/skin/icons/delete.svg");
|
||||
}
|
||||
.unified-extensions-context-menu-report-extension {
|
||||
--menuitem-image: url("../icons/send.svg");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -7,7 +7,8 @@ $_layoutCommonMenus: (
|
|||
$_libraryMenuitem,
|
||||
$_libraryMenu,
|
||||
$_sendTabMenuitem,
|
||||
$_otherIconMenu
|
||||
$_otherIconMenu,
|
||||
"#context_openANewTab.tabmix-newtab-menu-icon"
|
||||
);
|
||||
@mixin _layoutInitIconMenus() {
|
||||
#{$_globalMenus},
|
||||
|
|
@ -42,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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
#forward-button,
|
||||
#clearDownloadsButton {
|
||||
fill: currentColor !important;
|
||||
-moz-context-properties: fill !important;
|
||||
-moz-context-properties: fill, fill-opacity, stroke !important;
|
||||
}
|
||||
|
||||
/* Add */
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
:root[uidensity="compact"] #PersonalToolbar toolbarbutton {
|
||||
margin-top: 0px; /* Original: 2px */
|
||||
margin-top: 0px !important; /* Original: 2px */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -5,19 +5,32 @@
|
|||
}
|
||||
@include Option("userChrome.rounding.square_button") {
|
||||
:root {
|
||||
--toolbarbutton-border-radius: 0 !important; /* Original: 4px */
|
||||
--urlbar-icon-border-radius: 0 !important; /* Original: calc(var(--toolbarbutton-border-radius) - 1px); */
|
||||
}
|
||||
button {
|
||||
|
||||
.toolbarbutton-1,
|
||||
.toolbarbutton-icon,
|
||||
.panel-info-button,
|
||||
.searchbar-engine-one-off-item,
|
||||
.urlbarView-button,
|
||||
.urlbarView-tip-button,
|
||||
.urlbarView-action,
|
||||
toolbarbutton.bookmark-item:not(.subviewbutton),
|
||||
#sidebar-switcher-target {
|
||||
--toolbarbutton-border-radius: 0; /* Original: 4px */
|
||||
}
|
||||
|
||||
button,
|
||||
findbar toolbarbutton,
|
||||
.notification-button {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
@include Option("userChrome.rounding.square_tab", "userChrome.round.square_button") {
|
||||
@include Option("userChrome.rounding.square_tab", "userChrome.rounding.square_button") {
|
||||
/* Fix Tab bar button radius */
|
||||
#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-badge-stack,
|
||||
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button),
|
||||
.tab-close-button {
|
||||
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
|
||||
--tab-border-radius: var(--toolbarbutton-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -54,6 +67,18 @@
|
|||
html|input {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar-input-container,
|
||||
#urlbar-background,
|
||||
#searchbar {
|
||||
--toolbarbutton-border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include Option("userChrome.rounding.square_urlView_item") {
|
||||
.urlbarView-row-inner {
|
||||
--toolbarbutton-border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include Option("userChrome.rounding.square_checklabel") {
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
}
|
||||
@include NotOption("userChrome.tabbar.multi_row") {
|
||||
#TabsToolbar:not([multibar]) {
|
||||
overflow: hidden; /* Prevent toolbar area over */
|
||||
overflow: clip; /* Prevent toolbar area over */
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -38,6 +38,22 @@
|
|||
}
|
||||
|
||||
/*= Selected Tab - Photon like contextline ===================================*/
|
||||
@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);"] {
|
||||
--tab-line-color: rgb(10, 132, 255) !important;
|
||||
}
|
||||
@media (-moz-gtk-csd-available) {
|
||||
:root:not(:-moz-lwtheme) #tabbrowser-tabs {
|
||||
--tab-line-color: Highlight !important; /* -moz-accent-color */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include Option("userChrome.tab.photon_like_contextline") {
|
||||
@import "selected_tab/photon_like_contextline";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
#tabbrowser-tabs .tabbrowser-tab[pending] .tab-content {
|
||||
.tabbrowser-tab[pending] .tab-content {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,3 +7,8 @@
|
|||
@include Option("userChrome.tab.static_separator") {
|
||||
@import "unselected_tab/static_separator";
|
||||
}
|
||||
|
||||
/*= Unselected Tab - Bar Separator ===========================================*/
|
||||
@include Option("userChrome.tab.bar_separator") {
|
||||
@import "unselected_tab/bar_separator";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,3 @@
|
|||
: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);"] {
|
||||
--tab-line-color: rgb(10, 132, 255) !important;
|
||||
}
|
||||
@media (-moz-gtk-csd-available) {
|
||||
:root:not(:-moz-lwtheme) #tabbrowser-tabs {
|
||||
--tab-line-color: Highlight !important; /* -moz-accent-color */
|
||||
}
|
||||
}
|
||||
|
||||
.tab-context-line {
|
||||
display: -moz-inline-box !important;
|
||||
height: 2px !important;
|
||||
|
|
|
|||
|
|
@ -69,7 +69,7 @@
|
|||
--uc-sound-tab-label-position-x: 4px;
|
||||
}
|
||||
&[labeldirection=rtl],
|
||||
:not([labeldirection]):-moz-locale-dir(rtl) {
|
||||
&:not([labeldirection]):-moz-locale-dir(rtl) {
|
||||
--uc-sound-tab-label-position-x: -4px;
|
||||
}
|
||||
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
55
src/tab/unselected_tab/_bar_separator.scss
Normal file
55
src/tab/unselected_tab/_bar_separator.scss
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
// Using --tab-line-color at photon_line_contextline
|
||||
|
||||
.tab-stack::before {
|
||||
$barWidth: 3px;
|
||||
$barMargin: $barWidth + 2px;
|
||||
|
||||
/* Box Model */
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
|
||||
/* Position */
|
||||
top: 50%;
|
||||
left: 0%;
|
||||
transform: translateX(calc((var(--inline-tab-padding) - #{ $barMargin }) / 2)) translateY(calc(-50% + var(--tab-block-margin)));
|
||||
z-index: 1;
|
||||
|
||||
/* Bar shape */
|
||||
width: $barWidth;
|
||||
height: 20px;
|
||||
|
||||
/* Bar Color */
|
||||
background-color: var(--uc-bar-separator-color, var(--tab-line-color, var(--lwt-tab-line-color, rgb(10, 132, 255))));
|
||||
|
||||
@include Animate {
|
||||
transition-property: opacity, background-color;
|
||||
transition-duration: 0.2s;
|
||||
transition-timing-function: var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */
|
||||
}
|
||||
}
|
||||
|
||||
:root[sessionrestored] {
|
||||
.tabbrowser-tab[busy] {
|
||||
.tab-stack::before {
|
||||
--uc-bar-separator-color: currentColor;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
&[progress] .tab-stack::before {
|
||||
--uc-bar-separator-color: var(--tab-loading-fill);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
#TabsToolbar[brighttext] .tabbrowser-tab[busy] {
|
||||
&[progress]:not([selected=true]) .tab-stack::before {
|
||||
--uc-bar-separator-color: var(--lwt-tab-loading-fill-inactive, #84c1ff);
|
||||
}
|
||||
}
|
||||
|
||||
@include Option("userChrome.tab.unloaded") {
|
||||
.tabbrowser-tab[pending] .tab-stack::before {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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 */
|
||||
|
|
|
|||
|
|
@ -84,6 +84,8 @@ html#main-window menupopup:not(.in-menulist) {
|
|||
/* or var(--lwt-sidebar-highlight-background-color)
|
||||
If this value is used, unset is required in the default theme.
|
||||
*/
|
||||
|
||||
background-color: var(--menuitem-hover-background-color) !important;
|
||||
}
|
||||
|
||||
/* Fallback background - Set to Legacy. It will be removed Next update
|
||||
|
|
@ -115,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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
4
src/urlview/_focus_item_border.scss
Normal file
4
src/urlview/_focus_item_border.scss
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
.urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner,
|
||||
.urlbarView-row-inner[selected] {
|
||||
box-shadow: 3px 0 var(--toolbar-field-focus-border-color) inset !important;
|
||||
}
|
||||
|
|
@ -12,3 +12,8 @@
|
|||
@include Option("userChrome.urlView.go_button_when_typing") {
|
||||
@import "go_button_when_typing";
|
||||
}
|
||||
|
||||
/*= Url View - Item Focus Border =============================================*/
|
||||
@include Option("userChrome.urlView.focus_item_border") {
|
||||
@import "focus_item_border";
|
||||
}
|
||||
|
|
|
|||
6
user.js
6
user.js
|
|
@ -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);
|
||||
|
||||
|
|
@ -42,6 +39,7 @@ user_pref("userChrome.tab.photon_like_padding", false); // Photon
|
|||
user_pref("userChrome.tab.dynamic_separator", true); // Original, Proton
|
||||
user_pref("userChrome.tab.static_separator", false); // Photon
|
||||
user_pref("userChrome.tab.static_separator.selected_accent", false); // Just option
|
||||
user_pref("userChrome.tab.bar_separator", false); // Just option
|
||||
|
||||
user_pref("userChrome.tab.newtab_button_like_tab", true); // Original
|
||||
user_pref("userChrome.tab.newtab_button_smaller", false); // Photon
|
||||
|
|
@ -125,6 +123,7 @@ user_pref("userChrome.rounding.square_tab", false);
|
|||
// user_pref("userChrome.rounding.square_menupopup", true);
|
||||
// user_pref("userChrome.rounding.square_menuitem", true);
|
||||
// user_pref("userChrome.rounding.square_field", true);
|
||||
// user_pref("userChrome.rounding.square_urlView_item", true);
|
||||
// user_pref("userChrome.rounding.square_checklabel", true);
|
||||
|
||||
// user_pref("userChrome.padding.first_tab", true);
|
||||
|
|
@ -141,6 +140,7 @@ user_pref("userChrome.rounding.square_tab", false);
|
|||
// user_pref("userChrome.urlView.always_show_page_actions", true);
|
||||
// user_pref("userChrome.urlView.move_icon_to_left", true);
|
||||
// user_pref("userChrome.urlView.go_button_when_typing", true);
|
||||
// user_pref("userChrome.urlView.focus_item_border", true);
|
||||
|
||||
// user_pref("userChrome.tabbar.as_titlebar", true);
|
||||
// user_pref("userChrome.tabbar.fill_width", true);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue