mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-03-14 10:50:52 -07:00
Merge master into photon-style
This commit is contained in:
github-actions[bot]
GitHub
commit
12dbad042b
45 changed files with 827 additions and 219 deletions
21
.github/workflows/release.yml
vendored
21
.github/workflows/release.yml
vendored
|
|
@ -32,13 +32,24 @@ jobs:
|
|||
needs: sync-branches
|
||||
strategy:
|
||||
matrix:
|
||||
mode: ["STANDARD", "ESR"]
|
||||
include:
|
||||
- name: "Lepton"
|
||||
- mode: "STANDARD"
|
||||
name: "Lepton"
|
||||
branch: "master"
|
||||
- name: "Lepton-Photon-Style"
|
||||
- mode: "STANDARD"
|
||||
name: "Lepton-Photon-Style"
|
||||
branch: "photon-style"
|
||||
- name: "Lepton-Proton-Style"
|
||||
- mode: "STANDARD"
|
||||
name: "Lepton-Proton-Style"
|
||||
branch: "proton-style"
|
||||
- mode: "ESR"
|
||||
name: "Lepton"
|
||||
branch: "master"
|
||||
- mode: "ESR"
|
||||
name: "Lepton-Photon-Style"
|
||||
branch: "photon-style"
|
||||
- mode: "ESR"
|
||||
name: "Lepton-Proton-Style"
|
||||
branch: "proton-style"
|
||||
steps:
|
||||
- uses: actions/checkout@v3
|
||||
|
|
@ -101,4 +112,4 @@ jobs:
|
|||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
files: |
|
||||
${{ matrix.name }}-ESR.zip
|
||||
ESR-${{ matrix.name }}.zip
|
||||
|
|
|
|||
23
CREDITS
23
CREDITS
|
|
@ -25,6 +25,9 @@ W: https://ethansup.net
|
|||
----------
|
||||
Sponsors
|
||||
|
||||
N: Alessandro Rubino
|
||||
W: https://github.com/Babbiorsetto
|
||||
|
||||
N: Jani Haiko
|
||||
E: haiko.jani@gmail.com
|
||||
W: https://github.com/ojaha065
|
||||
|
|
@ -60,6 +63,9 @@ W: https://github.com/Ajith-stark
|
|||
N: akay
|
||||
W: https://github.com/akay
|
||||
|
||||
N: Alex Kontos
|
||||
W: https://github.com/MrAlex94
|
||||
|
||||
N: Andmagdo
|
||||
W: https://github.com/andmagdo
|
||||
|
||||
|
|
@ -108,6 +114,13 @@ W: https://www.mamen.at
|
|||
N: MarNicGit
|
||||
W: https://github.com/MarNicGit
|
||||
|
||||
N: menndouyukkuri
|
||||
E: menndoukusagari@gmail.com
|
||||
W: https://github.com/menndouyukkuri
|
||||
|
||||
N: Mizuki
|
||||
W: https://github.com/MagicalDrizzle
|
||||
|
||||
N: Oondanomala
|
||||
W: https://github.com/Oondanomala
|
||||
|
||||
|
|
@ -156,11 +169,6 @@ W: https://github.com/thunderstone135
|
|||
----------
|
||||
Reference Projects & Resources
|
||||
|
||||
N: BEST-WALLPAPER.NET
|
||||
W: https://best-wallpaper.net/
|
||||
C: Copyright (c) 2011-2022 best-wallpaper.net
|
||||
L: Unspecified License
|
||||
|
||||
N: Compact Mode Firefox Css
|
||||
W: https://github.com/Godiesc/compactmodefirefoxcss
|
||||
C: Copyright (c) 2021 Godiesc
|
||||
|
|
@ -211,6 +219,11 @@ W: https://github.com/muckSponge/MaterialFox
|
|||
C: Copyright (c) 2018 muckSponge
|
||||
L: MIT
|
||||
|
||||
N: Mozilla Foundation
|
||||
W: https://mozilla.org
|
||||
C: Copyright (c) 1998–2023 The Mozilla Foundation
|
||||
L: Creative Commons Attribution Share-Alike 3.0 Unported
|
||||
|
||||
N: Multi-Account-Containers
|
||||
W: https://github.com/mozilla/multi-account-containers
|
||||
C: Copyright (c) 1998–2021 The Mozilla Foundation
|
||||
|
|
|
|||
|
|
@ -206,6 +206,7 @@ Thanks to all sponsors & contributors to this project for providing help and dev
|
|||
[[https://github.com/ZachKnife1][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/114311925?s=60&v=4"/>@@]]
|
||||
[[https://github.com/kanlukasz][@@html:<img src="https://avatars.githubusercontent.com/u/30685349?s=60&v=4"/>@@]]
|
||||
[[https://github.com/nikkehtine][@@html:<img src="https://avatars.githubusercontent.com/u/27138416?s=60&v=4"/>@@]]
|
||||
[[https://github.com/Babbiorsetto][@@html:<img src="https://avatars.githubusercontent.com/u/36596647?s=60&v=4"/>@@]]
|
||||
|
||||
*Contributors*
|
||||
|
||||
|
|
|
|||
203
css/leptonChrome.css
generated
203
css/leptonChrome.css
generated
|
|
@ -79,12 +79,12 @@
|
|||
/* TARGET: original, photon */
|
||||
#TabsToolbar[brighttext]
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme,
|
||||
#TabsToolbar:not([brighttext])
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background {
|
||||
/* Nightly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
|
||||
|
|
@ -214,20 +214,20 @@
|
|||
/*= Linux - Light System Default Theme's Selected Tab ========================*/
|
||||
@media (-moz-gtk-csd-available) and (prefers-color-scheme: light) {
|
||||
/* Because of
|
||||
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background {
|
||||
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background {
|
||||
border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9));
|
||||
box-shadow: 0 0 4px rgba(128,128,142,0.5);
|
||||
}
|
||||
*/
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:not(:-moz-lwtheme) {
|
||||
box-shadow: 0 0 4px rgba(128, 128, 142, 0.5) !important;
|
||||
}
|
||||
#TabsToolbar:not([brighttext])
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:not(:-moz-lwtheme) {
|
||||
box-shadow: 0 0 1px var(--tab-line-color, rgba(128, 128, 142, 0.9)), 0 0 4px rgba(128, 128, 142, 0.5) !important;
|
||||
|
|
@ -531,7 +531,7 @@
|
|||
}
|
||||
}
|
||||
@media (-moz-platform: windows) {
|
||||
:root:not(:-moz-lwtheme) {
|
||||
:root:is(#main-window):not(:-moz-lwtheme) {
|
||||
--arrowpanel-border-color: var(--win-bgcolor) !important;
|
||||
--panel-separator-color: var(--win-bgcolor) !important;
|
||||
}
|
||||
|
|
@ -610,13 +610,13 @@
|
|||
}
|
||||
}
|
||||
@media (-moz-platform: windows) and (prefers-color-scheme: dark) {
|
||||
.sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
.sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] {
|
||||
.sidebar-panel[style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
html[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
body[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] {
|
||||
/* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */
|
||||
--lwt-sidebar-background-color: var(--win-sidebar-bgcolor) !important;
|
||||
--lwt-sidebar-text-color: var(--win-text-color) !important;
|
||||
--panel-separator-color: var(--win-border-color) !important;
|
||||
}
|
||||
}
|
||||
@media (-moz-platform: windows) {
|
||||
|
|
@ -984,13 +984,13 @@
|
|||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected="true"],
|
||||
> .tab-background[selected],
|
||||
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][lwt-default-theme-in-dark-mode]
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected="true"] {
|
||||
> .tab-background[selected] {
|
||||
background: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -1939,6 +1939,10 @@
|
|||
--input-color: var(--arrowpanel-color, FieldText);
|
||||
}
|
||||
/*== Sidebar - Field Color ===================================================*/
|
||||
html[lwt-sidebar] body {
|
||||
background-color: var(--lwt-sidebar-background-color, Field) !important;
|
||||
color: var(--lwt-sidebar-text-color, FieldText) !important;
|
||||
}
|
||||
.sidebar-panel #search-box,
|
||||
xul|search-textbox.tabsFilter {
|
||||
--input-bgcolor: color-mix(in srgb, currentColor 30%, transparent);
|
||||
|
|
@ -2181,11 +2185,11 @@
|
|||
#TabsToolbar {
|
||||
--toolbarseparator-color: transparent;
|
||||
}
|
||||
#TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
|
||||
#TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected], [multiselected]) {
|
||||
background-color: var(--uc-frame-element-background);
|
||||
}
|
||||
#TabsToolbar #firefox-view-button:hover:not([open]) > .toolbarbutton-icon,
|
||||
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
|
||||
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected]) {
|
||||
background-color: var(
|
||||
--toolbarbutton-hover-background
|
||||
) !important; /* Original: color-mix(in srgb, currentColor 11%, transparent) */
|
||||
|
|
@ -3731,6 +3735,10 @@
|
|||
}
|
||||
/** Rounding ******************************************************************/
|
||||
/** Rounding ******************************************************************/
|
||||
.unified-extensions-item-menu-button.subviewbutton {
|
||||
border-radius: var(--arrowpanel-menuitem-border-radius) !important;
|
||||
}
|
||||
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_tab") {
|
||||
:root {
|
||||
--tab-border-radius: 0 !important; /* Original: 4px */
|
||||
|
|
@ -3879,6 +3887,12 @@
|
|||
:root {
|
||||
--tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */
|
||||
}
|
||||
#tabbrowser-tabs[orient="vertical"] {
|
||||
--tab-block-margin: 4px !important;
|
||||
}
|
||||
#tabbrowser-tabs[orient="vertical"] .tabbrowser-tab {
|
||||
margin-block: -1px !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
|
||||
:root {
|
||||
|
|
@ -4032,9 +4046,12 @@
|
|||
.tabbrowser-tab[pinned] {
|
||||
padding-inline: 1px !important;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned]) {
|
||||
.tabbrowser-tab:not([pinned]):not(:first-of-type) {
|
||||
margin-inline: -1px !important;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned]):first-of-type {
|
||||
margin-inline-end: -1px !important;
|
||||
}
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
|
||||
#TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) {
|
||||
|
|
@ -4504,7 +4521,12 @@
|
|||
}
|
||||
}
|
||||
.unified-extensions-item-menu-button.subviewbutton {
|
||||
padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */
|
||||
padding: 0 !important; /* Original: calc(var(--arrowpanel-menuitem-margin-inline) - 1px) var(--arrowpanel-menuitem-margin-inline) */
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.panel.full_width_padding") {
|
||||
.unified-extensions-item-menu-button.subviewbutton {
|
||||
--arrowpanel-menuitem-padding-inline: var(--arrowpanel-menuitem-padding-block);
|
||||
}
|
||||
}
|
||||
:root[uidensity="compact"] :is(.unified-extensions-item, .unified-extensions-item-action-button) {
|
||||
padding-block: 0 !important;
|
||||
|
|
@ -6645,7 +6667,7 @@
|
|||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected="true"]:-moz-lwtheme {
|
||||
> .tab-background[selected]:-moz-lwtheme {
|
||||
/* Original: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none)
|
||||
*/
|
||||
background-image: linear-gradient(transparent, transparent),
|
||||
|
|
@ -6657,7 +6679,7 @@
|
|||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected="true"]:-moz-lwtheme {
|
||||
> .tab-background[selected]:-moz-lwtheme {
|
||||
background-image: linear-gradient(transparent, transparent),
|
||||
linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-additional-images, none) !important;
|
||||
background-repeat: repeat-x, repeat-x, var(--lwt-background-tiling) !important;
|
||||
|
|
@ -6707,7 +6729,7 @@
|
|||
outline: 1px solid color-mix(in srgb, var(--focus-outline-color, currentColor) 40%, transparent);
|
||||
outline-offset: -1px;
|
||||
}
|
||||
.tab-background[multiselected="true"][selected="true"] {
|
||||
.tab-background[multiselected="true"][selected] {
|
||||
outline-width: 2px;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
|
@ -6743,7 +6765,7 @@
|
|||
)
|
||||
#TabsToolbar[brighttext]
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab[visuallyselected="true"]:not(:focus),
|
||||
.tabbrowser-tab[visuallyselected]:not(:focus),
|
||||
:root:is(
|
||||
[lwtheme-mozlightdark],
|
||||
[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]
|
||||
|
|
@ -6761,7 +6783,7 @@
|
|||
)
|
||||
#TabsToolbar:not([brighttext])
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme {
|
||||
--uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle);
|
||||
|
|
@ -6774,7 +6796,7 @@
|
|||
)
|
||||
#TabsToolbar[brighttext]
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme {
|
||||
filter: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color, transparent))
|
||||
|
|
@ -7196,7 +7218,7 @@
|
|||
/* Remove side's background color border */
|
||||
#TabsToolbar[brighttext]
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme {
|
||||
--tabs-border-color: rgba(0, 0, 0, 0.3) !important;
|
||||
|
|
@ -7204,7 +7226,7 @@
|
|||
}
|
||||
#TabsToolbar:not([brighttext])
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background {
|
||||
box-shadow: 0 0 1px var(--tabs-border-color), 0 0 4px rgba(128, 128, 142, 0.5) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
|
||||
|
|
@ -7668,7 +7690,7 @@
|
|||
}
|
||||
/* Fix tab overlap #678 */
|
||||
@supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
|
||||
tab:where([visuallyselected="true"]) {
|
||||
tab:where([visuallyselected]) {
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -7717,14 +7739,14 @@
|
|||
--tab-label-mask-size: 30%;
|
||||
}
|
||||
#tabbrowser-tabs[closebuttons="activetab"]
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected="true"])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected="true"])
|
||||
.tab-label-container {
|
||||
--tab-label-mask-size: 25%;
|
||||
}
|
||||
.tabbrowser-tab[visuallyselected="true"]:not([labelendaligned]):hover .tab-label-container,
|
||||
.tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container,
|
||||
#tabbrowser-tabs:not([closebuttons="activetab"])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab:not([visuallyselected="true"], [labelendaligned]):hover
|
||||
> .tabbrowser-tab:not([visuallyselected], [labelendaligned]):hover
|
||||
.tab-label-container {
|
||||
--tab-label-mask-size: 0.9em; /* Original: 1em */
|
||||
}
|
||||
|
|
@ -7736,7 +7758,7 @@
|
|||
> .tabbrowser-tab:not([pinned])
|
||||
> .tab-stack
|
||||
> .tab-content
|
||||
> .tab-close-button:not([selected="true"]) {
|
||||
> .tab-close-button:not([selected]) {
|
||||
display: inline-flex !important;
|
||||
display: -moz-inline-box !important;
|
||||
}
|
||||
|
|
@ -8227,10 +8249,8 @@
|
|||
opacity: 0;
|
||||
}
|
||||
/* Pinned Tab - Titlechanged Indicator override */
|
||||
.tabbrowser-tab:is([image], [pinned])[usercontextid]
|
||||
> .tab-stack
|
||||
> .tab-content[attention]:not([selected="true"]),
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
.tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected]),
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
/* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */
|
||||
--dotted-identity-image: radial-gradient(
|
||||
circle,
|
||||
|
|
@ -8241,34 +8261,34 @@
|
|||
background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important;
|
||||
background-position-x: var(--uc-titlechanged-container-position-x) !important;
|
||||
}
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
/* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
|
||||
background-position-y: top var(--uc-container-position-y) !important;
|
||||
}
|
||||
/* Pinned Tab - Titlechanged & soundplaying */
|
||||
.tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
||||
> .tab-stack
|
||||
> .tab-content[attention]:not([selected="true"]),
|
||||
> .tab-content[attention]:not([selected]),
|
||||
.tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
||||
> .tab-stack
|
||||
> .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
> .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
--uc-titlechanged-container-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px);
|
||||
}
|
||||
:root[uidensity="compact"]
|
||||
.tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
||||
> .tab-stack
|
||||
> .tab-content[attention]:not([selected="true"]),
|
||||
> .tab-content[attention]:not([selected]),
|
||||
:root[uidensity="compact"]
|
||||
.tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
||||
> .tab-stack
|
||||
> .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
> .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
--uc-titlechanged-container-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px);
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tab.container.on_top") {
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
/* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
|
||||
background-position-y: top var(--uc-container-position-y-bottom) !important;
|
||||
}
|
||||
|
|
@ -8722,6 +8742,9 @@
|
|||
#sidebar {
|
||||
display: block;
|
||||
}
|
||||
#main-window > body > box {
|
||||
z-index: 2 !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.sidebar.overlap") {
|
||||
#sidebar-box[positionend="true"] {
|
||||
|
|
@ -9461,9 +9484,11 @@
|
|||
/** Centered ******************************************************************/
|
||||
/*= Centered - Tab ===========================================================*/
|
||||
@supports -moz-bool-pref("userChrome.centered.tab") {
|
||||
.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
|
||||
.tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) {
|
||||
margin-inline-end: 5px;
|
||||
@supports -moz-bool-pref("userChrome.centered.tab.label") {
|
||||
.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
|
||||
.tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) {
|
||||
margin-inline-end: 5px;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tab.close_button_at_hover") {
|
||||
#tabbrowser-tabs[closebuttons="activetab"]
|
||||
|
|
@ -9480,21 +9505,29 @@
|
|||
}
|
||||
@supports not -moz-bool-pref("userChrome.centered.tab.label") {
|
||||
.tab-icon-stack {
|
||||
flex: 1;
|
||||
-moz-box-flex: 1;
|
||||
justify-content: end;
|
||||
margin-inline-start: auto;
|
||||
}
|
||||
.tab-label-container {
|
||||
max-width: min-content;
|
||||
margin-inline-end: auto;
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tab.close_button_at_hover") {
|
||||
.tabbrowser-tab:not(:hover, [pinned]) > .tab-stack > .tab-content > .tab-close-button {
|
||||
padding-inline-start: 6px !important; /* Original: 0px */
|
||||
width: 24px !important; /* Original: 17px */
|
||||
}
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.centered.tab.label") {
|
||||
/* Based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css */
|
||||
.tab-label-container {
|
||||
display: grid;
|
||||
justify-content: safe center;
|
||||
align-items: safe center;
|
||||
}
|
||||
.tab-label,
|
||||
.tab-secondary-label {
|
||||
overflow: clip;
|
||||
justify-self: safe center;
|
||||
align-self: safe center;
|
||||
}
|
||||
.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
|
||||
.tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) {
|
||||
|
|
@ -10185,7 +10218,7 @@
|
|||
var(--uc-autohide-sidebar-delay) !important;
|
||||
}
|
||||
#sidebar-box:is(:hover, :focus-within),
|
||||
#siebar-box:has(#sidebar-switcher-target.active) {
|
||||
#sidebar-box:has(#sidebar-switcher-target.active) {
|
||||
transition: margin-inline-start var(--uc-autohide-sidebar-speed) var(--animation-easing-function),
|
||||
opacity var(--uc-autohide-sidebar-speed) ease-in-out,
|
||||
box-shadow var(--uc-autohide-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-speed),
|
||||
|
|
@ -10193,8 +10226,8 @@
|
|||
}
|
||||
#sidebar-box:is(:hover, :focus-within) > #sidebar-header,
|
||||
#sidebar-box:is(:hover, :focus-within) > #sidebar,
|
||||
#siebar-box:has(#sidebar-switcher-target.active) > #sidebar-header,
|
||||
#siebar-box:has(#sidebar-switcher-target.active) > #sidebar {
|
||||
#sidebar-box:has(#sidebar-switcher-target.active) > #sidebar-header,
|
||||
#sidebar-box:has(#sidebar-switcher-target.active) > #sidebar {
|
||||
transition-delay: 0ms !important;
|
||||
}
|
||||
:root[inFullscreen="true"] #sidebar-box {
|
||||
|
|
@ -10829,6 +10862,9 @@
|
|||
#save-page-button {
|
||||
list-style-image: url("../icons/toolbarButton-download.svg") !important;
|
||||
}
|
||||
#open-file-button {
|
||||
list-style-image: url("../icons/toolbarButton-upload.svg") !important;
|
||||
}
|
||||
#appMenu-settings-button {
|
||||
list-style-image: url("chrome://global/skin/icons/settings.svg");
|
||||
}
|
||||
|
|
@ -11241,7 +11277,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -11253,7 +11290,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -11323,7 +11361,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -11335,7 +11374,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -11378,7 +11418,7 @@
|
|||
calc(3px + var(--context-menu-background-padding-default)) center !important;
|
||||
padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important;
|
||||
}
|
||||
#main-menubar > menu > menupopup {
|
||||
#main-menubar > menu menupopup {
|
||||
--menuitem-image: none; /* Prevent Image Inheritance */
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.padding.global_menubar") {
|
||||
|
|
@ -11414,7 +11454,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -11426,7 +11467,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -11476,7 +11518,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -11488,7 +11531,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -11572,7 +11616,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item),
|
||||
menupopup:is(
|
||||
|
|
@ -11584,7 +11629,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menu:not(.menu-iconic) {
|
||||
list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important;
|
||||
|
|
@ -12394,6 +12440,10 @@
|
|||
/* checkbox */
|
||||
--menuitem-image: url("chrome://global/skin/icons/blocked.svg");
|
||||
}
|
||||
menuitem[data-l10n-id="popup-show-popup-menuitem"] {
|
||||
/* checkbox */
|
||||
--menuitem-image: url("../icons/eye-show.svg");
|
||||
}
|
||||
/*= autohide-context =========================================================*/
|
||||
#autohide-context > menuitem[data-l10n-id="full-screen-autohide"] {
|
||||
/* checkbox */
|
||||
|
|
@ -13012,13 +13062,38 @@
|
|||
list-style-image: url("../icons/refresh-cw.svg");
|
||||
}
|
||||
#openprofiledir {
|
||||
list-style-image: url("../icons//folder.svg");
|
||||
list-style-image: url("../icons/folder.svg");
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.icon.menu") {
|
||||
#toggle_sharemode {
|
||||
--menuitem-image: url("chrome://branding/content/about-logo-private.png");
|
||||
}
|
||||
#usercssloader-menu {
|
||||
--menuitem-image: url("../icons/developer.svg");
|
||||
}
|
||||
#usercssloader-menupopup > menu[data-l10n-id="css-menu"] {
|
||||
--menuitem-image: url("../icons/document-css.svg");
|
||||
}
|
||||
#usercssloader-submenupopup > menuitem[data-l10n-id="rebuild-css"] {
|
||||
--menuitem-image: url("chrome://global/skin/icons/reload.svg");
|
||||
}
|
||||
#usercssloader-submenupopup > menuitem[data-l10n-id="make-browsercss-file"] {
|
||||
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
|
||||
}
|
||||
#usercssloader-submenupopup > menuitem[data-l10n-id="open-css-folder"] {
|
||||
--menuitem-image: url("../icons/folder.svg");
|
||||
}
|
||||
#usercssloader-submenupopup > menuitem[data-l10n-id="edit-userChromeCss-editor"] {
|
||||
--menuitem-image: url("chrome://browser/skin/window.svg");
|
||||
}
|
||||
#usercssloader-submenupopup > menuitem[data-l10n-id="edit-userContentCss-editor"] {
|
||||
--menuitem-image: url("chrome://global/skin/icons/page-portrait.svg");
|
||||
}
|
||||
#context_toggleToPrivateContainer,
|
||||
#open_in_private_container {
|
||||
--menuitem-image: url("../icons/private-favicon.svg");
|
||||
}
|
||||
#toggle_statusBar {
|
||||
--menuitem-image: url("../icons/pulse-square.svg");
|
||||
}
|
||||
|
|
|
|||
216
css/leptonChromeESR.css
generated
216
css/leptonChromeESR.css
generated
|
|
@ -79,12 +79,12 @@
|
|||
/* TARGET: original, photon */
|
||||
#TabsToolbar[brighttext]
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme,
|
||||
#TabsToolbar:not([brighttext])
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background {
|
||||
/* Nightly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
|
||||
|
|
@ -344,20 +344,20 @@
|
|||
@media (-moz-gtk-csd-available) and (-moz-toolbar-prefers-color-scheme: light),
|
||||
(-moz-gtk-csd-available) and (prefers-color-scheme: light) {
|
||||
/* Because of
|
||||
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background {
|
||||
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background {
|
||||
border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9));
|
||||
box-shadow: 0 0 4px rgba(128,128,142,0.5);
|
||||
}
|
||||
*/
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:not(:-moz-lwtheme) {
|
||||
box-shadow: 0 0 4px rgba(128, 128, 142, 0.5) !important;
|
||||
}
|
||||
#TabsToolbar:not([brighttext])
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:not(:-moz-lwtheme) {
|
||||
box-shadow: 0 0 1px var(--tab-line-color, rgba(128, 128, 142, 0.9)), 0 0 4px rgba(128, 128, 142, 0.5) !important;
|
||||
|
|
@ -485,17 +485,14 @@
|
|||
--background-color: rgb(229, 229, 235);
|
||||
--toolbarseparator-color: transparent;
|
||||
}
|
||||
#TabsToolbar:not(:-moz-lwtheme)
|
||||
.tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background:not([selected="true"], [multiselected]) {
|
||||
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab > .tab-stack > .tab-background:not([selected], [multiselected]) {
|
||||
color: var(--background-color);
|
||||
background-color: color-mix(in srgb, currentColor 60%, transparent);
|
||||
}
|
||||
#TabsToolbar:not(:-moz-lwtheme)
|
||||
.tabbrowser-tab:hover
|
||||
> .tab-stack
|
||||
> .tab-background:not([selected="true"], [multiselected]) {
|
||||
> .tab-background:not([selected], [multiselected]) {
|
||||
background-color: color-mix(
|
||||
in srgb,
|
||||
currentColor 85%,
|
||||
|
|
@ -746,7 +743,7 @@
|
|||
}
|
||||
}
|
||||
@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
|
||||
:root:not(:-moz-lwtheme) {
|
||||
:root:is(#main-window):not(:-moz-lwtheme) {
|
||||
--arrowpanel-border-color: var(--win-bgcolor) !important;
|
||||
--panel-separator-color: var(--win-bgcolor) !important;
|
||||
}
|
||||
|
|
@ -829,13 +826,13 @@
|
|||
(-moz-os-version: windows-win10) and (prefers-color-scheme: dark),
|
||||
(-moz-platform: windows-win10) and (-moz-toolbar-prefers-color-scheme: dark),
|
||||
(-moz-platform: windows-win10) and (prefers-color-scheme: dark) {
|
||||
.sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
.sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] {
|
||||
.sidebar-panel[style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
html[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
body[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] {
|
||||
/* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */
|
||||
--lwt-sidebar-background-color: var(--win-sidebar-bgcolor) !important;
|
||||
--lwt-sidebar-text-color: var(--win-text-color) !important;
|
||||
--panel-separator-color: var(--win-border-color) !important;
|
||||
}
|
||||
}
|
||||
@media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
|
||||
|
|
@ -1206,13 +1203,13 @@
|
|||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected="true"],
|
||||
> .tab-background[selected],
|
||||
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][lwt-default-theme-in-dark-mode]
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected="true"] {
|
||||
> .tab-background[selected] {
|
||||
background: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -2166,6 +2163,10 @@
|
|||
--input-color: var(--arrowpanel-color, FieldText);
|
||||
}
|
||||
/*== Sidebar - Field Color ===================================================*/
|
||||
html[lwt-sidebar] body {
|
||||
background-color: var(--lwt-sidebar-background-color, Field) !important;
|
||||
color: var(--lwt-sidebar-text-color, FieldText) !important;
|
||||
}
|
||||
.sidebar-panel #search-box,
|
||||
xul|search-textbox.tabsFilter {
|
||||
--input-bgcolor: color-mix(in srgb, currentColor 30%, transparent);
|
||||
|
|
@ -2453,11 +2454,11 @@
|
|||
#TabsToolbar {
|
||||
--toolbarseparator-color: transparent;
|
||||
}
|
||||
#TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
|
||||
#TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected], [multiselected]) {
|
||||
background-color: var(--uc-frame-element-background);
|
||||
}
|
||||
#TabsToolbar #firefox-view-button:hover:not([open]) > .toolbarbutton-icon,
|
||||
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
|
||||
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected]) {
|
||||
background-color: var(
|
||||
--toolbarbutton-hover-background
|
||||
) !important; /* Original: color-mix(in srgb, currentColor 11%, transparent) */
|
||||
|
|
@ -4051,6 +4052,10 @@
|
|||
}
|
||||
/** Rounding ******************************************************************/
|
||||
/** Rounding ******************************************************************/
|
||||
.unified-extensions-item-menu-button.subviewbutton {
|
||||
border-radius: var(--arrowpanel-menuitem-border-radius) !important;
|
||||
}
|
||||
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_tab") {
|
||||
:root {
|
||||
--tab-border-radius: 0 !important; /* Original: 4px */
|
||||
|
|
@ -4199,6 +4204,12 @@
|
|||
:root {
|
||||
--tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */
|
||||
}
|
||||
#tabbrowser-tabs[orient="vertical"] {
|
||||
--tab-block-margin: 4px !important;
|
||||
}
|
||||
#tabbrowser-tabs[orient="vertical"] .tabbrowser-tab {
|
||||
margin-block: -1px !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
|
||||
:root {
|
||||
|
|
@ -4355,9 +4366,12 @@
|
|||
.tabbrowser-tab[pinned] {
|
||||
padding-inline: 1px !important;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned]) {
|
||||
.tabbrowser-tab:not([pinned]):not(:first-of-type) {
|
||||
margin-inline: -1px !important;
|
||||
}
|
||||
.tabbrowser-tab:not([pinned]):first-of-type {
|
||||
margin-inline-end: -1px !important;
|
||||
}
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.tabbar.multi_row") {
|
||||
#TabsToolbar:not([multibar]) .tabbrowser-tab:not(:last-of-type) {
|
||||
|
|
@ -4866,7 +4880,12 @@
|
|||
}
|
||||
}
|
||||
.unified-extensions-item-menu-button.subviewbutton {
|
||||
padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */
|
||||
padding: 0 !important; /* Original: calc(var(--arrowpanel-menuitem-margin-inline) - 1px) var(--arrowpanel-menuitem-margin-inline) */
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.panel.full_width_padding") {
|
||||
.unified-extensions-item-menu-button.subviewbutton {
|
||||
--arrowpanel-menuitem-padding-inline: var(--arrowpanel-menuitem-padding-block);
|
||||
}
|
||||
}
|
||||
:root[uidensity="compact"] :is(.unified-extensions-item, .unified-extensions-item-action-button) {
|
||||
padding-block: 0 !important;
|
||||
|
|
@ -7057,7 +7076,7 @@
|
|||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected="true"]:-moz-lwtheme {
|
||||
> .tab-background[selected]:-moz-lwtheme {
|
||||
/* Original: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none)
|
||||
*/
|
||||
background-image: linear-gradient(transparent, transparent),
|
||||
|
|
@ -7069,7 +7088,7 @@
|
|||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected="true"]:-moz-lwtheme {
|
||||
> .tab-background[selected]:-moz-lwtheme {
|
||||
background-image: linear-gradient(transparent, transparent),
|
||||
linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-additional-images, none) !important;
|
||||
background-repeat: repeat-x, repeat-x, var(--lwt-background-tiling) !important;
|
||||
|
|
@ -7119,7 +7138,7 @@
|
|||
outline: 1px solid color-mix(in srgb, var(--focus-outline-color, currentColor) 40%, transparent);
|
||||
outline-offset: -1px;
|
||||
}
|
||||
.tab-background[multiselected="true"][selected="true"] {
|
||||
.tab-background[multiselected="true"][selected] {
|
||||
outline-width: 2px;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
|
@ -7155,7 +7174,7 @@
|
|||
)
|
||||
#TabsToolbar[brighttext]
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab[visuallyselected="true"]:not(:focus),
|
||||
.tabbrowser-tab[visuallyselected]:not(:focus),
|
||||
:root:is(
|
||||
[lwtheme-mozlightdark],
|
||||
[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]
|
||||
|
|
@ -7173,7 +7192,7 @@
|
|||
)
|
||||
#TabsToolbar:not([brighttext])
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme {
|
||||
--uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle);
|
||||
|
|
@ -7186,7 +7205,7 @@
|
|||
)
|
||||
#TabsToolbar[brighttext]
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme {
|
||||
filter: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color, transparent))
|
||||
|
|
@ -7608,7 +7627,7 @@
|
|||
/* Remove side's background color border */
|
||||
#TabsToolbar[brighttext]
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme {
|
||||
--tabs-border-color: rgba(0, 0, 0, 0.3) !important;
|
||||
|
|
@ -7616,7 +7635,7 @@
|
|||
}
|
||||
#TabsToolbar:not([brighttext])
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background {
|
||||
box-shadow: 0 0 1px var(--tabs-border-color), 0 0 4px rgba(128, 128, 142, 0.5) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
|
||||
|
|
@ -8080,7 +8099,7 @@
|
|||
}
|
||||
/* Fix tab overlap #678 */
|
||||
@supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
|
||||
tab:where([visuallyselected="true"]) {
|
||||
tab:where([visuallyselected]) {
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -8129,14 +8148,14 @@
|
|||
--tab-label-mask-size: 30%;
|
||||
}
|
||||
#tabbrowser-tabs[closebuttons="activetab"]
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected="true"])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected="true"])
|
||||
.tab-label-container {
|
||||
--tab-label-mask-size: 25%;
|
||||
}
|
||||
.tabbrowser-tab[visuallyselected="true"]:not([labelendaligned]):hover .tab-label-container,
|
||||
.tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container,
|
||||
#tabbrowser-tabs:not([closebuttons="activetab"])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab:not([visuallyselected="true"], [labelendaligned]):hover
|
||||
> .tabbrowser-tab:not([visuallyselected], [labelendaligned]):hover
|
||||
.tab-label-container {
|
||||
--tab-label-mask-size: 0.9em; /* Original: 1em */
|
||||
}
|
||||
|
|
@ -8148,7 +8167,7 @@
|
|||
> .tabbrowser-tab:not([pinned])
|
||||
> .tab-stack
|
||||
> .tab-content
|
||||
> .tab-close-button:not([selected="true"]) {
|
||||
> .tab-close-button:not([selected]) {
|
||||
display: inline-flex !important;
|
||||
display: -moz-inline-box !important;
|
||||
}
|
||||
|
|
@ -8639,10 +8658,8 @@
|
|||
opacity: 0;
|
||||
}
|
||||
/* Pinned Tab - Titlechanged Indicator override */
|
||||
.tabbrowser-tab:is([image], [pinned])[usercontextid]
|
||||
> .tab-stack
|
||||
> .tab-content[attention]:not([selected="true"]),
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
.tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected]),
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
/* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */
|
||||
--dotted-identity-image: radial-gradient(
|
||||
circle,
|
||||
|
|
@ -8653,34 +8670,34 @@
|
|||
background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important;
|
||||
background-position-x: var(--uc-titlechanged-container-position-x) !important;
|
||||
}
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
/* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
|
||||
background-position-y: top var(--uc-container-position-y) !important;
|
||||
}
|
||||
/* Pinned Tab - Titlechanged & soundplaying */
|
||||
.tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
||||
> .tab-stack
|
||||
> .tab-content[attention]:not([selected="true"]),
|
||||
> .tab-content[attention]:not([selected]),
|
||||
.tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
||||
> .tab-stack
|
||||
> .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
> .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
--uc-titlechanged-container-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px);
|
||||
}
|
||||
:root[uidensity="compact"]
|
||||
.tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
||||
> .tab-stack
|
||||
> .tab-content[attention]:not([selected="true"]),
|
||||
> .tab-content[attention]:not([selected]),
|
||||
:root[uidensity="compact"]
|
||||
.tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
||||
> .tab-stack
|
||||
> .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
> .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
--uc-titlechanged-container-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px);
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tab.container.on_top") {
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
/* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
|
||||
background-position-y: top var(--uc-container-position-y-bottom) !important;
|
||||
}
|
||||
|
|
@ -9134,6 +9151,9 @@
|
|||
#sidebar {
|
||||
display: block;
|
||||
}
|
||||
#main-window > body > box {
|
||||
z-index: 2 !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.sidebar.overlap") {
|
||||
#sidebar-box[positionend="true"] {
|
||||
|
|
@ -9873,9 +9893,11 @@
|
|||
/** Centered ******************************************************************/
|
||||
/*= Centered - Tab ===========================================================*/
|
||||
@supports -moz-bool-pref("userChrome.centered.tab") {
|
||||
.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
|
||||
.tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) {
|
||||
margin-inline-end: 5px;
|
||||
@supports -moz-bool-pref("userChrome.centered.tab.label") {
|
||||
.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
|
||||
.tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) {
|
||||
margin-inline-end: 5px;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tab.close_button_at_hover") {
|
||||
#tabbrowser-tabs[closebuttons="activetab"]
|
||||
|
|
@ -9892,21 +9914,29 @@
|
|||
}
|
||||
@supports not -moz-bool-pref("userChrome.centered.tab.label") {
|
||||
.tab-icon-stack {
|
||||
flex: 1;
|
||||
-moz-box-flex: 1;
|
||||
justify-content: end;
|
||||
margin-inline-start: auto;
|
||||
}
|
||||
.tab-label-container {
|
||||
max-width: min-content;
|
||||
margin-inline-end: auto;
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tab.close_button_at_hover") {
|
||||
.tabbrowser-tab:not(:hover, [pinned]) > .tab-stack > .tab-content > .tab-close-button {
|
||||
padding-inline-start: 6px !important; /* Original: 0px */
|
||||
width: 24px !important; /* Original: 17px */
|
||||
}
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.centered.tab.label") {
|
||||
/* Based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css */
|
||||
.tab-label-container {
|
||||
display: grid;
|
||||
justify-content: safe center;
|
||||
align-items: safe center;
|
||||
}
|
||||
.tab-label,
|
||||
.tab-secondary-label {
|
||||
overflow: clip;
|
||||
justify-self: safe center;
|
||||
align-self: safe center;
|
||||
}
|
||||
.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
|
||||
.tabbrowser-tab:not(:hover, [pinned]) .tab-label-container:not([textoverflow]) {
|
||||
|
|
@ -10605,7 +10635,7 @@
|
|||
var(--uc-autohide-sidebar-delay) !important;
|
||||
}
|
||||
#sidebar-box:is(:hover, :focus-within),
|
||||
#siebar-box:has(#sidebar-switcher-target.active) {
|
||||
#sidebar-box:has(#sidebar-switcher-target.active) {
|
||||
transition: margin-inline-start var(--uc-autohide-sidebar-speed) var(--animation-easing-function),
|
||||
opacity var(--uc-autohide-sidebar-speed) ease-in-out,
|
||||
box-shadow var(--uc-autohide-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-speed),
|
||||
|
|
@ -10613,8 +10643,8 @@
|
|||
}
|
||||
#sidebar-box:is(:hover, :focus-within) > #sidebar-header,
|
||||
#sidebar-box:is(:hover, :focus-within) > #sidebar,
|
||||
#siebar-box:has(#sidebar-switcher-target.active) > #sidebar-header,
|
||||
#siebar-box:has(#sidebar-switcher-target.active) > #sidebar {
|
||||
#sidebar-box:has(#sidebar-switcher-target.active) > #sidebar-header,
|
||||
#sidebar-box:has(#sidebar-switcher-target.active) > #sidebar {
|
||||
transition-delay: 0ms !important;
|
||||
}
|
||||
:root[inFullscreen="true"] #sidebar-box {
|
||||
|
|
@ -11249,6 +11279,9 @@
|
|||
#save-page-button {
|
||||
list-style-image: url("../icons/toolbarButton-download.svg") !important;
|
||||
}
|
||||
#open-file-button {
|
||||
list-style-image: url("../icons/toolbarButton-upload.svg") !important;
|
||||
}
|
||||
#appMenu-settings-button {
|
||||
list-style-image: url("chrome://global/skin/icons/settings.svg");
|
||||
}
|
||||
|
|
@ -11661,7 +11694,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -11673,7 +11707,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -11743,7 +11778,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -11755,7 +11791,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -11798,7 +11835,7 @@
|
|||
calc(3px + var(--context-menu-background-padding-default)) center !important;
|
||||
padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important;
|
||||
}
|
||||
#main-menubar > menu > menupopup {
|
||||
#main-menubar > menu menupopup {
|
||||
--menuitem-image: none; /* Prevent Image Inheritance */
|
||||
}
|
||||
@supports not -moz-bool-pref("userChrome.padding.global_menubar") {
|
||||
|
|
@ -11837,7 +11874,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -11849,7 +11887,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -11906,7 +11945,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -11918,7 +11958,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -12085,7 +12126,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
|
||||
menupopup:is(
|
||||
|
|
@ -12097,7 +12139,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
|
||||
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup)
|
||||
|
|
@ -12167,7 +12210,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menuitem:not(.menuitem-iconic, .bookmark-item),
|
||||
menupopup:is(
|
||||
|
|
@ -12179,7 +12223,8 @@
|
|||
#bookmarksMenuPopup,
|
||||
#menu_ToolsPopup,
|
||||
#windowPopup,
|
||||
#menu_HelpPopup
|
||||
#menu_HelpPopup,
|
||||
#usercssloader-menupopup
|
||||
)
|
||||
menu:not(.menu-iconic) {
|
||||
list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important;
|
||||
|
|
@ -13004,6 +13049,10 @@
|
|||
/* checkbox */
|
||||
--menuitem-image: url("chrome://global/skin/icons/blocked.svg");
|
||||
}
|
||||
menuitem[data-l10n-id="popup-show-popup-menuitem"] {
|
||||
/* checkbox */
|
||||
--menuitem-image: url("../icons/eye-show.svg");
|
||||
}
|
||||
/*= autohide-context =========================================================*/
|
||||
#autohide-context > menuitem[data-l10n-id="full-screen-autohide"] {
|
||||
/* checkbox */
|
||||
|
|
@ -13622,13 +13671,38 @@
|
|||
list-style-image: url("../icons/refresh-cw.svg");
|
||||
}
|
||||
#openprofiledir {
|
||||
list-style-image: url("../icons//folder.svg");
|
||||
list-style-image: url("../icons/folder.svg");
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.icon.menu") {
|
||||
#toggle_sharemode {
|
||||
--menuitem-image: url("chrome://branding/content/about-logo-private.png");
|
||||
}
|
||||
#usercssloader-menu {
|
||||
--menuitem-image: url("../icons/developer.svg");
|
||||
}
|
||||
#usercssloader-menupopup > menu[data-l10n-id="css-menu"] {
|
||||
--menuitem-image: url("../icons/document-css.svg");
|
||||
}
|
||||
#usercssloader-submenupopup > menuitem[data-l10n-id="rebuild-css"] {
|
||||
--menuitem-image: url("chrome://global/skin/icons/reload.svg");
|
||||
}
|
||||
#usercssloader-submenupopup > menuitem[data-l10n-id="make-browsercss-file"] {
|
||||
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
|
||||
}
|
||||
#usercssloader-submenupopup > menuitem[data-l10n-id="open-css-folder"] {
|
||||
--menuitem-image: url("../icons/folder.svg");
|
||||
}
|
||||
#usercssloader-submenupopup > menuitem[data-l10n-id="edit-userChromeCss-editor"] {
|
||||
--menuitem-image: url("chrome://browser/skin/window.svg");
|
||||
}
|
||||
#usercssloader-submenupopup > menuitem[data-l10n-id="edit-userContentCss-editor"] {
|
||||
--menuitem-image: url("chrome://global/skin/icons/page-portrait.svg");
|
||||
}
|
||||
#context_toggleToPrivateContainer,
|
||||
#open_in_private_container {
|
||||
--menuitem-image: url("../icons/private-favicon.svg");
|
||||
}
|
||||
#toggle_statusBar {
|
||||
--menuitem-image: url("../icons/pulse-square.svg");
|
||||
}
|
||||
|
|
|
|||
33
css/leptonContent.css
generated
33
css/leptonContent.css
generated
|
|
@ -490,14 +490,24 @@
|
|||
padding-top: 0 !important;
|
||||
}
|
||||
}
|
||||
/** Activity Stream - Hide Firefox's logo ***********************************/
|
||||
/** Activity Stream - Custom background image *******************************/
|
||||
@supports -moz-bool-pref("userContent.newTab.background_image") {
|
||||
body {
|
||||
background-image: var(--uc-newTab-wallpaper, url("../icons/Forest-trees-sunset-art-picture_3840x2160.jpg"));
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-sunrise.svg"));
|
||||
background-size: cover; /* or auto auto */
|
||||
background-repeat: no-repeat;
|
||||
background-position: right top;
|
||||
background-attachment: fixed;
|
||||
/** Use night sky version in dark mode **********************************/
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body::before {
|
||||
background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-night.svg"));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -2172,18 +2182,21 @@
|
|||
height: 48px;
|
||||
}
|
||||
}
|
||||
@-moz-document url-prefix("about:preferences") {
|
||||
#handlersView > richlistitem:hover,
|
||||
@-moz-document url-prefix("about:preferences"), url-prefix("chrome://browser/content/preferences/dialogs/"), url-prefix("chrome://pippki/content/")
|
||||
{
|
||||
:is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem:hover,
|
||||
#translations-manage-install-list > .translations-manage-language:hover {
|
||||
background-color: var(--in-content-item-hover);
|
||||
color: var(--in-content-item-hover-text);
|
||||
}
|
||||
#handlersView > richlistitem[selected="true"],
|
||||
:is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem[selected="true"],
|
||||
#translations-manage-install-list > .translations-manage-language[selected="true"] {
|
||||
background-color: var(--in-content-item-selected);
|
||||
color: var(--in-content-item-selected-text);
|
||||
}
|
||||
#handlersView > richlistitem:nth-child(even):not([selected="true"], :hover),
|
||||
:is(.contentPane, .main-content, #certmanagertabs)
|
||||
richlistbox
|
||||
> richlistitem:nth-child(even):not([selected="true"], :hover),
|
||||
#translations-manage-install-list > .translations-manage-language:nth-child(even):not([selected="true"], :hover) {
|
||||
background-color: var(--in-content-box-background-odd);
|
||||
}
|
||||
|
|
@ -2951,6 +2964,12 @@
|
|||
}
|
||||
/** Rounding ******************************************************************/
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_button") {
|
||||
.all-buttons-container,
|
||||
.highlight-buttons > button,
|
||||
.cancel-shot,
|
||||
#pictureInPictureToggle > .pip-small {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
@-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$")
|
||||
{
|
||||
button:not(.toggle-button),
|
||||
|
|
|
|||
33
css/leptonContentESR.css
generated
33
css/leptonContentESR.css
generated
|
|
@ -490,14 +490,24 @@
|
|||
padding-top: 0 !important;
|
||||
}
|
||||
}
|
||||
/** Activity Stream - Hide Firefox's logo ***********************************/
|
||||
/** Activity Stream - Custom background image *******************************/
|
||||
@supports -moz-bool-pref("userContent.newTab.background_image") {
|
||||
body {
|
||||
background-image: var(--uc-newTab-wallpaper, url("../icons/Forest-trees-sunset-art-picture_3840x2160.jpg"));
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-sunrise.svg"));
|
||||
background-size: cover; /* or auto auto */
|
||||
background-repeat: no-repeat;
|
||||
background-position: right top;
|
||||
background-attachment: fixed;
|
||||
/** Use night sky version in dark mode **********************************/
|
||||
}
|
||||
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
|
||||
body::before {
|
||||
background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-night.svg"));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -2175,18 +2185,21 @@
|
|||
height: 48px;
|
||||
}
|
||||
}
|
||||
@-moz-document url-prefix("about:preferences") {
|
||||
#handlersView > richlistitem:hover,
|
||||
@-moz-document url-prefix("about:preferences"), url-prefix("chrome://browser/content/preferences/dialogs/"), url-prefix("chrome://pippki/content/")
|
||||
{
|
||||
:is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem:hover,
|
||||
#translations-manage-install-list > .translations-manage-language:hover {
|
||||
background-color: var(--in-content-item-hover);
|
||||
color: var(--in-content-item-hover-text);
|
||||
}
|
||||
#handlersView > richlistitem[selected="true"],
|
||||
:is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem[selected="true"],
|
||||
#translations-manage-install-list > .translations-manage-language[selected="true"] {
|
||||
background-color: var(--in-content-item-selected);
|
||||
color: var(--in-content-item-selected-text);
|
||||
}
|
||||
#handlersView > richlistitem:nth-child(even):not([selected="true"], :hover),
|
||||
:is(.contentPane, .main-content, #certmanagertabs)
|
||||
richlistbox
|
||||
> richlistitem:nth-child(even):not([selected="true"], :hover),
|
||||
#translations-manage-install-list > .translations-manage-language:nth-child(even):not([selected="true"], :hover) {
|
||||
background-color: var(--in-content-box-background-odd);
|
||||
}
|
||||
|
|
@ -2954,6 +2967,12 @@
|
|||
}
|
||||
/** Rounding ******************************************************************/
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_button") {
|
||||
.all-buttons-container,
|
||||
.highlight-buttons > button,
|
||||
.cancel-shot,
|
||||
#pictureInPictureToggle > .pip-small {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
@-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$")
|
||||
{
|
||||
button:not(.toggle-button),
|
||||
|
|
|
|||
|
|
@ -37,6 +37,9 @@ Firefox Documents:
|
|||
Test for non-Mac users:
|
||||
- [Docker-OSX](https://github.com/sickcodes/Docker-OSX)
|
||||
|
||||
If you have difficulty contributing, please feel free to [click this link](https://github.com/black7375/Firefox-UI-Fix/discussions/new?category=help-contribute-to-this-project) to explain.
|
||||
I will help you as much as I know.
|
||||
|
||||
## Project-Specific
|
||||
### Environment
|
||||
[`git`](https://git-scm.com/) and [`yarn`](https://yarnpkg.com/) must be installed.
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 297 KiB |
114
icons/horizon-night.svg
Normal file
114
icons/horizon-night.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 69 KiB |
172
icons/horizon-sunrise.svg
Normal file
172
icons/horizon-sunrise.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 96 KiB |
|
|
@ -48,7 +48,7 @@
|
|||
}
|
||||
|
||||
#sidebar-box:is(:hover, :focus-within),
|
||||
#siebar-box:has(#sidebar-switcher-target.active) {
|
||||
#sidebar-box:has(#sidebar-switcher-target.active) {
|
||||
transition: margin-inline-start var(--uc-autohide-sidebar-speed) var(--animation-easing-function), opacity var(--uc-autohide-sidebar-speed) ease-in-out,
|
||||
box-shadow var(--uc-autohide-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-speed), visibility 0s linear !important;
|
||||
> {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,13 @@
|
|||
.tab-icon-stack {
|
||||
@include BoxFlex(1);
|
||||
justify-content: end;
|
||||
margin-inline-start: auto;
|
||||
}
|
||||
.tab-label-container {
|
||||
max-width: min-content;
|
||||
margin-inline-end: auto;
|
||||
}
|
||||
@include Option("userChrome.tab.close_button_at_hover") {
|
||||
.tabbrowser-tab:not(:hover, [pinned]) > .tab-stack > .tab-content > .tab-close-button {
|
||||
padding-inline-start: 6px !important; /* Original: 0px */
|
||||
width: 24px !important; /* Original: 17px */
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,14 @@
|
|||
/* Based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css */
|
||||
.tab-label-container {
|
||||
display: grid;
|
||||
justify-content: safe center;
|
||||
align-items: safe center;
|
||||
}
|
||||
.tab-label,
|
||||
.tab-secondary-label {
|
||||
overflow: clip;
|
||||
|
||||
// #761
|
||||
justify-self: safe center;
|
||||
align-self: safe center;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
|
||||
.tabbrowser-tab:not(:hover,[pinned]) .tab-label-container:not([textoverflow]) {
|
||||
margin-inline-end: 5px;
|
||||
@include Option("userChrome.centered.tab.label") {
|
||||
.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
|
||||
.tabbrowser-tab:not(:hover,[pinned]) .tab-label-container:not([textoverflow]) {
|
||||
margin-inline-end: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@include Option("userChrome.tab.close_button_at_hover") {
|
||||
|
|
|
|||
|
|
@ -192,7 +192,7 @@
|
|||
$_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
|
||||
@mixin _os_linuxDefaultThemeSelectedTab {
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:not(:-moz-lwtheme) {
|
||||
@content;
|
||||
|
|
@ -204,7 +204,7 @@ $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
|
|||
@include OS($linux) {
|
||||
@include Light {
|
||||
/* Because of
|
||||
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background {
|
||||
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background {
|
||||
border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9));
|
||||
box-shadow: 0 0 4px rgba(128,128,142,0.5);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@ menu {
|
|||
@each $prefix, $postfix in $options {
|
||||
#TabsToolbar#{$prefix}
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background#{$postfix} {
|
||||
@extend %noneBorder;
|
||||
|
|
|
|||
|
|
@ -218,15 +218,25 @@
|
|||
}
|
||||
}
|
||||
|
||||
/** Activity Stream - Hide Firefox's logo ***********************************/
|
||||
/** Activity Stream - Custom background image *******************************/
|
||||
@include Option("userContent.newTab.background_image") {
|
||||
body {
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
// https://best-wallpaper.net/Forest-trees-sunset-art-picture_wallpapers.html
|
||||
background-image: var(--uc-newTab-wallpaper, url("../icons/Forest-trees-sunset-art-picture_3840x2160.jpg"));
|
||||
background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-sunrise.svg"));
|
||||
background-size: cover; /* or auto auto */
|
||||
background-repeat: no-repeat;
|
||||
background-position: right top;
|
||||
background-attachment: fixed;
|
||||
|
||||
/** Use night sky version in dark mode **********************************/
|
||||
@include Dark {
|
||||
background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-night.svg"));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,14 @@
|
|||
@include Option("userChrome.rounding.square_button") {
|
||||
// #firefox-screenshots-selection-iframe
|
||||
.all-buttons-container,
|
||||
.highlight-buttons > button,
|
||||
.cancel-shot,
|
||||
|
||||
// Video player
|
||||
#pictureInPictureToggle > .pip-small {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
@include moz-document(
|
||||
url-prefix "about:",
|
||||
regexp "^chrome:\/\/\\w+\/content\/.*\.xhtml$"
|
||||
|
|
|
|||
|
|
@ -2,9 +2,13 @@
|
|||
@import "../../theme/proton_chrome/sanitize_everything";
|
||||
}
|
||||
|
||||
@include moz-document(url-prefix "about:preferences") {
|
||||
// Odd table #737
|
||||
#handlersView > richlistitem,
|
||||
@include moz-document(
|
||||
url-prefix "about:preferences",
|
||||
url-prefix "chrome://browser/content/preferences/dialogs/",
|
||||
url-prefix "chrome://pippki/content/"
|
||||
) {
|
||||
// Odd table #737 #751 #783
|
||||
:is(.contentPane, .main-content, #certmanagertabs) richlistbox > richlistitem,
|
||||
#translations-manage-install-list > .translations-manage-language {
|
||||
&:hover {
|
||||
background-color: var(--in-content-item-hover);
|
||||
|
|
|
|||
|
|
@ -107,6 +107,10 @@
|
|||
// #496 #553
|
||||
list-style-image: url("../icons/toolbarButton-download.svg") !important;
|
||||
}
|
||||
#open-file-button {
|
||||
// #775
|
||||
list-style-image: url("../icons/toolbarButton-upload.svg") !important;
|
||||
}
|
||||
|
||||
#appMenu-settings-button {
|
||||
list-style-image: url("chrome://global/skin/icons/settings.svg");
|
||||
|
|
|
|||
|
|
@ -22,6 +22,11 @@
|
|||
--menuitem-image: url("chrome://global/skin/icons/blocked.svg");
|
||||
}
|
||||
|
||||
menuitem[data-l10n-id="popup-show-popup-menuitem"] {
|
||||
/* checkbox */
|
||||
--menuitem-image: url("../icons/eye-show.svg");
|
||||
}
|
||||
|
||||
/*= autohide-context =========================================================*/
|
||||
#autohide-context > menuitem[data-l10n-id="full-screen-autohide"] {
|
||||
/* checkbox */
|
||||
|
|
|
|||
|
|
@ -4,13 +4,44 @@
|
|||
}
|
||||
|
||||
#openprofiledir {
|
||||
list-style-image: url("../icons//folder.svg");
|
||||
list-style-image: url("../icons/folder.svg");
|
||||
}
|
||||
}
|
||||
@include Option("userChrome.icon.menu") {
|
||||
#toggle_sharemode {
|
||||
--menuitem-image: url("chrome://branding/content/about-logo-private.png");
|
||||
}
|
||||
|
||||
#usercssloader-menu {
|
||||
--menuitem-image: url("../icons/developer.svg");
|
||||
}
|
||||
#usercssloader-menupopup > menu[data-l10n-id="css-menu"] {
|
||||
--menuitem-image: url("../icons/document-css.svg");
|
||||
}
|
||||
#usercssloader-submenupopup > menuitem {
|
||||
&[data-l10n-id="rebuild-css"] {
|
||||
--menuitem-image: url("chrome://global/skin/icons/reload.svg");
|
||||
}
|
||||
|
||||
&[data-l10n-id="make-browsercss-file"] {
|
||||
--menuitem-image: url("chrome://global/skin/icons/edit.svg");
|
||||
}
|
||||
&[data-l10n-id="open-css-folder"] {
|
||||
--menuitem-image: url("../icons/folder.svg");
|
||||
}
|
||||
&[data-l10n-id="edit-userChromeCss-editor"] {
|
||||
--menuitem-image: url("chrome://browser/skin/window.svg");
|
||||
}
|
||||
&[data-l10n-id="edit-userContentCss-editor"] {
|
||||
--menuitem-image: url("chrome://global/skin/icons/page-portrait.svg");
|
||||
}
|
||||
}
|
||||
|
||||
#context_toggleToPrivateContainer,
|
||||
#open_in_private_container {
|
||||
--menuitem-image: url("../icons/private-favicon.svg");
|
||||
}
|
||||
|
||||
|
||||
#toggle_statusBar {
|
||||
--menuitem-image: url("../icons/pulse-square.svg");
|
||||
|
|
|
|||
|
|
@ -78,7 +78,7 @@ $_layoutCommonMenus: (
|
|||
background-position: var(--uc-menu-background-position) calc(3px + var(--context-menu-background-padding-default)) center !important;
|
||||
padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important;
|
||||
}
|
||||
> menupopup {
|
||||
menupopup {
|
||||
--menuitem-image: none; /* Prevent Image Inheritance */
|
||||
}
|
||||
@include NotOption("userChrome.padding.global_menubar") {
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ $_iconMenu: "menu:not(.menu-iconic, #{$_iconNoneCommon})";
|
|||
$_nestedPopup: "> menupopup:not(.in-menulist) >";
|
||||
$_nestedPopupIcon: ":not(menu, #ContentSelectDropdown) #{$_nestedPopup}";
|
||||
$_nestedPopupPadding: ":not(menu, #ContentSelectDropdown, #context-navigation) #{$_nestedPopup}";
|
||||
$_iconMenuPopup: "menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, #menu_HelpPopup)";
|
||||
$_iconMenuPopup: "menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #windowPopup, #menu_HelpPopup, #usercssloader-menupopup)";
|
||||
|
||||
$_nestedPopupIconMenus: selector.nest(
|
||||
$_nestedPopupIcon,
|
||||
|
|
|
|||
|
|
@ -31,14 +31,14 @@
|
|||
}
|
||||
|
||||
.unified-extensions-item {
|
||||
// #603
|
||||
// #603, #735
|
||||
&-menu-button.subviewbutton {
|
||||
padding: 8px !important; /* Original: var(--arrowpanel-menuitem-padding-inline) */
|
||||
padding: 0 !important; /* Original: calc(var(--arrowpanel-menuitem-margin-inline) - 1px) var(--arrowpanel-menuitem-margin-inline) */
|
||||
|
||||
@include Option("userChrome.panel.full_width_padding") {
|
||||
--arrowpanel-menuitem-padding-inline: var(--arrowpanel-menuitem-padding-block);
|
||||
}
|
||||
}
|
||||
// Or
|
||||
// toolbaritem.unified-extensions-item[unified-extensions="true"] .unified-extensions-item-menu-button.subviewbutton {
|
||||
// padding: var(--arrowpanel-menuitem-padding-inline) !important;
|
||||
// }
|
||||
|
||||
// #711
|
||||
:root[uidensity="compact"] :is(&, &-action-button) {
|
||||
|
|
|
|||
|
|
@ -13,6 +13,15 @@
|
|||
:root {
|
||||
--tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */
|
||||
}
|
||||
|
||||
// Floorp vertical tab sideeffect #766
|
||||
#tabbrowser-tabs[orient="vertical"] {
|
||||
--tab-block-margin: 4px !important;
|
||||
|
||||
.tabbrowser-tab {
|
||||
margin-block: -1px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include Option("userChrome.tab.photon_like_padding") {
|
||||
:root {
|
||||
|
|
|
|||
|
|
@ -107,7 +107,12 @@
|
|||
padding-inline: 1px !important;
|
||||
}
|
||||
&:not([pinned]) {
|
||||
margin-inline: -1px !important;
|
||||
&:not(:first-of-type) {
|
||||
margin-inline: -1px !important;
|
||||
}
|
||||
&:first-of-type {
|
||||
margin-inline-end: -1px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
/** Rounding ******************************************************************/
|
||||
@import "round";
|
||||
@import "square";
|
||||
@import "dialog";
|
||||
@import "library";
|
||||
|
|
|
|||
4
src/rounding/_round.scss
Normal file
4
src/rounding/_round.scss
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
// #735
|
||||
.unified-extensions-item-menu-button.subviewbutton {
|
||||
border-radius: var(--arrowpanel-menuitem-border-radius) !important;
|
||||
}
|
||||
|
|
@ -45,6 +45,11 @@
|
|||
#sidebar {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// #navigator-toolbox-background
|
||||
#main-window > body > box {
|
||||
z-index: 2 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@include Option("userChrome.sidebar.overlap") {
|
||||
|
|
|
|||
|
|
@ -76,8 +76,8 @@
|
|||
}
|
||||
|
||||
/* Pinned Tab - Titlechanged Indicator override */
|
||||
.tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected="true"]),
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
.tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected]),
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
/* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */
|
||||
--dotted-identity-image: radial-gradient(
|
||||
circle,
|
||||
|
|
@ -89,8 +89,8 @@
|
|||
background-position-x: var(--uc-titlechanged-container-position-x) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
/* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
|
||||
background-position-y: top var(--uc-container-position-y) !important;
|
||||
}
|
||||
|
|
@ -98,27 +98,27 @@
|
|||
/* Pinned Tab - Titlechanged & soundplaying */
|
||||
.tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
||||
> .tab-stack
|
||||
> .tab-content[attention]:not([selected="true"]),
|
||||
> .tab-content[attention]:not([selected]),
|
||||
.tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
||||
> .tab-stack
|
||||
> .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
> .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
--uc-titlechanged-container-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px);
|
||||
}
|
||||
:root[uidensity="compact"]
|
||||
.tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
||||
> .tab-stack
|
||||
> .tab-content[attention]:not([selected="true"]),
|
||||
> .tab-content[attention]:not([selected]),
|
||||
:root[uidensity="compact"]
|
||||
.tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
||||
> .tab-stack
|
||||
> .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
> .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
--uc-titlechanged-container-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px);
|
||||
}
|
||||
}
|
||||
|
||||
@include Option("userChrome.tab.container.on_top") {
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
||||
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]),
|
||||
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]) {
|
||||
/* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
|
||||
background-position-y: top var(--uc-container-position-y-bottom) !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -24,12 +24,12 @@
|
|||
.tab-label-container {
|
||||
--tab-label-mask-size: 30%;
|
||||
}
|
||||
&:is([visuallyselected="true"], [multiselected="true"]) .tab-label-container {
|
||||
&:is([visuallyselected], [multiselected="true"]) .tab-label-container {
|
||||
--tab-label-mask-size: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
.tabbrowser-tab[visuallyselected=true]:not([labelendaligned]):hover .tab-label-container,
|
||||
#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected=true],[labelendaligned]):hover .tab-label-container {
|
||||
.tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container,
|
||||
#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected],[labelendaligned]):hover .tab-label-container {
|
||||
--tab-label-mask-size: 0.9em; /* Original: 1em */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
> .tabbrowser-tab:not([pinned])
|
||||
> .tab-stack
|
||||
> .tab-content
|
||||
> .tab-close-button:not([selected="true"]) {
|
||||
> .tab-close-button:not([selected]) {
|
||||
@include InlineBox(true);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -146,7 +146,7 @@
|
|||
|
||||
/* Fix tab overlap #678 */
|
||||
@include Option("userChrome.tab.bottom_rounded_corner") {
|
||||
tab:where([visuallyselected="true"]) {
|
||||
tab:where([visuallyselected]) {
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ $ucTabBackgroundShadowHard: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color,
|
|||
}
|
||||
}
|
||||
|
||||
&[visuallyselected="true"]:not(:focus),
|
||||
&[visuallyselected]:not(:focus),
|
||||
&[multiselected]:not([visuallyselected]) {
|
||||
// Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
|
||||
// Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
|
||||
|
|
@ -40,7 +40,7 @@ $ucTabBackgroundShadowHard: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color,
|
|||
:root:not([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"])
|
||||
#TabsToolbar:not([brighttext])
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme {
|
||||
--uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle);
|
||||
|
|
@ -51,7 +51,7 @@ $ucTabBackgroundShadowHard: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color,
|
|||
:root:not([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
|
||||
#TabsToolbar[brighttext]
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme {
|
||||
filter: $ucTabBackgroundShadowHard;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected="true"]:-moz-lwtheme {
|
||||
> .tab-background[selected]:-moz-lwtheme {
|
||||
/* Original: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none)
|
||||
*/
|
||||
background-image: linear-gradient(transparent, transparent),
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
outline-offset: -1px;
|
||||
}
|
||||
|
||||
.tab-background[multiselected=true][selected=true] {
|
||||
.tab-background[multiselected=true][selected] {
|
||||
outline-width: 2px;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@
|
|||
/* Remove side's background color border */
|
||||
#TabsToolbar[brighttext]
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background:-moz-lwtheme {
|
||||
--tabs-border-color: rgba(0, 0, 0, 0.3) !important;
|
||||
|
|
@ -58,7 +58,7 @@
|
|||
}
|
||||
#TabsToolbar:not([brighttext])
|
||||
#tabbrowser-tabs:not([noshadowfortests])
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
||||
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
||||
> .tab-stack
|
||||
> .tab-background {
|
||||
box-shadow: 0 0 1px var(--tabs-border-color), 0 0 4px rgba(128, 128, 142, 0.5) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
|
||||
|
|
|
|||
|
|
@ -182,6 +182,11 @@ html|button.ghost-button:not(.semi-transparent):enabled:hover:active {
|
|||
}
|
||||
|
||||
/*== Sidebar - Field Color ===================================================*/
|
||||
html[lwt-sidebar] body {
|
||||
background-color: var(--lwt-sidebar-background-color, Field) !important;
|
||||
color: var(--lwt-sidebar-text-color, FieldText) !important;
|
||||
}
|
||||
|
||||
.sidebar-panel #search-box,
|
||||
xul|search-textbox.tabsFilter {
|
||||
--input-bgcolor: color-mix(in srgb, currentColor 30%, transparent);
|
||||
|
|
|
|||
|
|
@ -237,13 +237,13 @@
|
|||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected="true"],
|
||||
> .tab-background[selected],
|
||||
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][lwt-default-theme-in-dark-mode]
|
||||
#tabbrowser-tabs:not([movingtab])
|
||||
> #tabbrowser-arrowscrollbox
|
||||
> .tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background[selected="true"] {
|
||||
> .tab-background[selected] {
|
||||
background: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -226,7 +226,7 @@
|
|||
}
|
||||
|
||||
/*- Separator --------------------------------------------------------------*/
|
||||
:root:not(:-moz-lwtheme) {
|
||||
:root:is(#main-window):not(:-moz-lwtheme) {
|
||||
--arrowpanel-border-color: var(--win-bgcolor) !important;
|
||||
--panel-separator-color: var(--win-bgcolor) !important;
|
||||
}
|
||||
|
|
@ -294,13 +294,13 @@
|
|||
--sidebar-border-color: var(--win-border-color) !important;
|
||||
}
|
||||
@include Dark {
|
||||
.sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
.sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */
|
||||
body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] {
|
||||
.sidebar-panel[style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
html[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"],
|
||||
body[lwt-sidebar][style*="--lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] {
|
||||
/* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */
|
||||
--lwt-sidebar-background-color: var(--win-sidebar-bgcolor) !important;
|
||||
--lwt-sidebar-text-color: var(--win-text-color) !important;
|
||||
--panel-separator-color: var(--win-border-color) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,14 +7,14 @@
|
|||
#TabsToolbar:not(:-moz-lwtheme)
|
||||
.tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background:not([selected="true"], [multiselected]) {
|
||||
> .tab-background:not([selected], [multiselected]) {
|
||||
color: var(--background-color);
|
||||
background-color: color-mix(in srgb, currentColor 60%, transparent);
|
||||
}
|
||||
#TabsToolbar:not(:-moz-lwtheme)
|
||||
.tabbrowser-tab:hover
|
||||
> .tab-stack
|
||||
> .tab-background:not([selected="true"], [multiselected]) {
|
||||
> .tab-background:not([selected], [multiselected]) {
|
||||
background-color: color-mix(
|
||||
in srgb,
|
||||
currentColor 85%,
|
||||
|
|
|
|||
|
|
@ -50,14 +50,14 @@
|
|||
|
||||
.tabbrowser-tab
|
||||
> .tab-stack
|
||||
> .tab-background:not([selected="true"], [multiselected]) {
|
||||
> .tab-background:not([selected], [multiselected]) {
|
||||
background-color: var(--uc-frame-element-background);
|
||||
}
|
||||
|
||||
#firefox-view-button:hover:not([open]) > .toolbarbutton-icon,
|
||||
.tabbrowser-tab:hover
|
||||
> .tab-stack
|
||||
> .tab-background:not([selected="true"], [multiselected]) {
|
||||
> .tab-background:not([selected], [multiselected]) {
|
||||
background-color: var(--toolbarbutton-hover-background) !important; /* Original: color-mix(in srgb, currentColor 11%, transparent) */
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@
|
|||
* #context-sendimage,
|
||||
* #context-sendvideo,
|
||||
* #context-sendaudio,
|
||||
* #context-sep-setbackground,
|
||||
* #context-setDesktopBackground {
|
||||
* display: none !important;
|
||||
* }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue