mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge master into photon-style

Browse source
This commit is contained in:
github-actions[bot] 2024-11-29 22:06:39 +00:00 • committed by GitHub
commit 3965922ceb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
23 changed files with 4267 additions and 2524 deletions
Download patch file Download diff file Expand all files Collapse all files

11
.github/actions/node-setup/action.yml vendored
View file

@ -1,18 +1,23 @@
name: "Setup"
description: "Yarn cache action"
runs:
using: "composite"
steps:
- name: Corepack enable
run: corepack enable
shell: bash
# https://github.com/actions/cache/blob/main/examples.md#node---yarn
# https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
- name: Get yarn cache directory path
id: yarn-cache-dir-path
run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
run: echo "dir=$(yarn config get cacheFolder)" >> $GITHUB_OUTPUT
shell: bash
- name: Node cache
id: node-cache
uses: actions/cache@v3
uses: actions/cache@v4
with:
path: |
${{ steps.yarn-cache-dir-path.outputs.dir }}
@ -22,5 +27,5 @@ runs:
${{ runner.os }}-node-
- name: Package Install
run: yarn install
run: yarn install --immutable
shell: bash

2
.github/workflows/ci.yml vendored
View file

@ -21,7 +21,7 @@ jobs:
steps:
- name: Checkout
uses: actions/checkout@v3
uses: actions/checkout@v4
- name: Setup
uses: ./.github/actions/node-setup

4
.github/workflows/release.yml vendored
View file

@ -7,7 +7,7 @@ jobs:
sync-branches:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/checkout@v4
with:
fetch-depth: 0
@ -52,7 +52,7 @@ jobs:
name: "ESR-Lepton-Proton-Style"
branch: "proton-style"
steps:
- uses: actions/checkout@v3
- uses: actions/checkout@v4
with:
ref: ${{ matrix.branch }}

2
.gitignore vendored
View file

@ -115,7 +115,7 @@ dist
# Zero install
# .pnp.* # If not zero install
.yarn/*
!.yarn/cache
.yarn/cache
!.yarn/patches
!.yarn/plugins
!.yarn/releases

1
.yarnrc.yml Normal file
View file

@ -0,0 +1 @@
nodeLinker: node-modules

6
CREDITS
View file

@ -44,6 +44,9 @@ W: https://github.com/AuRiMaS666
N: BrowserWorks
W: https://github.com/BrowserWorks
N: Christoph Mewes
W: https://github.com/xrstf
N: Duncanyoyo1
W: https://ko-fi.com/duncanyoyo1
@ -68,6 +71,9 @@ W: https://github.com/kanlukasz
N: Mike-Kennelly
W: https://github.com/Mike-Kennelly
N: Minithra
W: https://Ko-fi.com/home/coffeeshop?txid=a84c4838-f0e8-45b4-8b61-46684697e9b2&mode=public&img=ogsomeoneboughtme
N: nikkehtine
E: nikkehtine@int.pl
W: https://github.com/nikkehtine

2
README.org
View file

@ -214,10 +214,12 @@ Thanks to all sponsors & contributors to this project for providing help and dev
[[https://github.com/firefox9067][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/80527364?s=60&v=4"/>@@]]
[[https://github.com/Ygg01][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/1146204?s=60&v=4"/>@@]]
[[https://github.com/engelju][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/2188152?s=60&v=4"/>@@]]
[[https://github.com/xrstf][@@html:<img width="60" height="60" src="https://avatars.githubusercontent.com/u/127499?s=60&v=4"/>@@]]
- A donation was received on [[https://ko-fi.com/black7375][Ko-Fi]]
- [[https://ko-fi.com/home/coffeeshop?txid=97e5fa0d-c73e-4308-a2fd-6b44b08cd828][Safira]]
- [[https://ko-fi.com/duncanyoyo1][duncanyoyo1]]
- [[https://ko-fi.com/home/coffeeshop?txid=a84c4838-f0e8-45b4-8b61-46684697e9b2][Minithra]]
- Private sponsors: 5
*Contributors*

175
css/leptonChrome.css generated
View file

@ -2516,7 +2516,7 @@
fill: currentColor !important;
color: var(--in-content-primary-button-text-color) !important;
background-color: var(--in-content-primary-button-background) !important;
background-image: url("chrome://global/skin/icons/radio.svg") !important;
background-image: url("../icons/radio.svg") !important;
border-color: transparent !important;
/* Style the button also when printing with "Print Backgrounds" unchecked */
color-adjust: exact !important;
@ -3716,12 +3716,18 @@
transition: all 0.3s var(--animation-easing-function) !important;
}
/*- URL / Search Bar -------------------------------------------------------*/
#urlbar-background,
#urlbar-background {
transition: border-color 1s var(--animation-easing-function),
background-color 0.5s var(--animation-easing-function) !important;
}
#urlbar-background:hover {
transition: border-color 0.5s var(--animation-easing-function),
background-color 0.5s var(--animation-easing-function) !important;
}
#searchbar {
transition: border-color 1s var(--animation-easing-function),
background-color 1.5s var(--animation-easing-function) !important;
}
#urlbar-background:hover,
#searchbar:hover {
transition: border-color 0.5s var(--animation-easing-function),
background-color 1s var(--animation-easing-function) !important;
@ -4409,11 +4415,6 @@
:root:not([uidensity="compact"]) #urlbar[breakout][breakout-extend-disabled][open] {
height: auto !important;
}
:root[uidensity="touch"] #urlbar[breakout] {
top: calc(
(var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2 + 1px
) !important;
}
/* spread menu */
:root:not([uidensity]) .urlbarView-row {
padding-block: 1px !important; /* Original: 2px */
@ -6806,6 +6807,9 @@
/** Tab UI ********************************************************************/
/*= Tab - Connect to window ==============================================*/
@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
#tabbrowser-tabs[orient="horizontal"] {
min-height: unset !important; /* Original: var(--tabstrip-min-height) */
}
#tabbrowser-tabs[orient="vertical"] {
--uc-tab-border-bottom-radius: var(--tab-border-radius);
}
@ -7485,7 +7489,8 @@
display: -moz-inline-box !important;
height: 1px !important;
border-radius: 9999px !important;
margin-top: 3px;
transform: translateY(5px);
margin-top: -1px !important;
margin-left: 5px;
margin-right: 5px;
}
@ -7525,7 +7530,6 @@
.tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line {
background-color: rgba(0, 0, 0, 0.2) !important;
opacity: 1 !important;
transform: none !important;
}
#TabsToolbar[brighttext]
.tabbrowser-tab:hover:not([selected="true"], [multiselected])
@ -9121,7 +9125,7 @@
@supports -moz-bool-pref("userChrome.sidebar.overlap") or -moz-bool-pref("userChrome.autohide.sidebar") {
#sidebar-box {
--uc-sidebar-shadow-color: #28282f;
z-index: 1 !important;
z-index: var(--browser-area-z-index-sidebar-splitter, 3) !important;
position: relative !important;
box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color);
}
@ -9849,19 +9853,27 @@
/** Fullscreen - Overlap toolbar **********************************************/
@supports -moz-bool-pref("userChrome.fullscreen.overlap") {
@supports -moz-bool-pref("browser.fullscreen.autohide") {
:root[sizemode="fullscreen"] #navigator-toolbox {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #navigator-toolbox {
position: fixed !important; /* Needed for content to take up entire height */
z-index: 1000 !important; /* Puts the UI above the content */
}
:root[sizemode="fullscreen"] #navigator-toolbox:is(:hover, :focus-within) {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #navigator-toolbox:is(:hover, :focus-within) {
margin-top: 0 !important;
}
:root[sizemode="fullscreen"] :-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"])
:-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) {
width: 100%; /* Makes the UI take up the entire width */
}
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #urlbar:popover-open {
position: fixed !important;
}
@media (-moz-gtk-csd-available) {
/* Fix transparent background */
:root[tabsintitlebar][sizemode="fullscreen"]:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar {
:root[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]):is(
:not([lwtheme]),
:not(:-moz-lwtheme)
)
#TabsToolbar {
appearance: auto !important;
}
}
@ -10459,11 +10471,17 @@
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
#nav-bar:not([customizing]) {
margin-bottom: var(--uc-navbar-hide-height);
}
#nav-bar:not([customizing]),
#nav-bar:not([customizing]) #urlbar {
opacity: 0;
will-change: margin-bottom, opacity;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
margin-bottom: 0;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
opacity: 1;
}
}
@ -10472,11 +10490,17 @@
@media screen and (max-width: 1100px) {
#nav-bar:not([customizing]) {
margin-bottom: var(--uc-navbar-hide-height);
}
#nav-bar:not([customizing]),
#nav-bar:not([customizing]) #urlbar {
opacity: 0;
will-change: margin-bottom, opacity;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
margin-bottom: 0;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
opacity: 1;
}
}
@ -10500,7 +10524,12 @@
var(--ext-theme-background-transition) !important;
}
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
#nav-bar:not([customizing]) #urlbar {
transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
var(--uc-autohide-toolbar-delay) !important;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
transition-delay: 0s !important;
}
}
@ -11649,6 +11678,9 @@
#allTabsMenu-searchTabs {
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#allTabsMenu-syncedTabs {
list-style-image: url("../icons/synced-tabs.svg");
}
#allTabsMenu-closeDuplicateTabs {
list-style-image: var(--uc-tab-close-duplicate-icon);
}
@ -11766,6 +11798,22 @@
#sidebarMenu-popup > *:is(menuitem)[data-l10n-id="sidebar-menu-close"] {
--menuitem-image: url("chrome://global/skin/icons/close.svg");
}
/*= chrome://browser/content/syncedtabs/sidebar.xhtml ========================*/
.item.client[clientType="phone"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-phone.svg") !important;
}
.item.client[clientType="tablet"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-tablet.svg") !important;
}
.item.client[clientType="desktop"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-desktop.svg") !important;
}
.item.client[clientType="tv"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-tv.svg") !important;
}
.item.client[clientType="vr"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-vr.svg") !important;
}
/*= unified-extensions-view ===================================================*/
#unified-extensions-manage-extensions {
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
@ -16428,7 +16476,7 @@
fill: currentColor !important;
color: var(--in-content-primary-button-text-color) !important;
background-color: var(--in-content-primary-button-background) !important;
background-image: url("chrome://global/skin/icons/radio.svg") !important;
background-image: url("../icons/radio.svg") !important;
border-color: transparent !important;
/* Style the button also when printing with "Print Backgrounds" unchecked */
color-adjust: exact !important;
@ -17720,11 +17768,18 @@
}
}
@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") {
#urlbar-background,
#urlbar-background {
transition: border-color 1s var(--animation-easing-function), background-color 0.5s var(--animation-easing-function) !important;
}
#urlbar-background:hover {
transition: border-color 0.5s var(--animation-easing-function),
background-color 0.5s var(--animation-easing-function) !important;
}
}
@media (prefers-reduced-motion: no-preference) and (-moz-bool-pref: "userChrome.decoration.animate") {
#searchbar {
transition: border-color 1s var(--animation-easing-function), background-color 1.5s var(--animation-easing-function) !important;
}
#urlbar-background:hover,
#searchbar:hover {
transition: border-color 0.5s var(--animation-easing-function), background-color 1s var(--animation-easing-function) !important;
}
@ -18442,11 +18497,6 @@
:root:not([uidensity="compact"]) #urlbar[breakout][breakout-extend-disabled][open] {
height: auto !important;
}
:root[uidensity="touch"] #urlbar[breakout] {
top: calc(
(var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2 + 1px
) !important;
}
/* spread menu */
:root:not([uidensity]) .urlbarView-row {
padding-block: 1px !important; /* Original: 2px */
@ -21255,6 +21305,9 @@
/** Tab UI ********************************************************************/
/*= Tab - Connect to window ==============================================*/
@media (-moz-bool-pref: "userChrome.tab.connect_to_window") {
#tabbrowser-tabs[orient="horizontal"] {
min-height: unset !important; /* Original: var(--tabstrip-min-height) */
}
#tabbrowser-tabs[orient="vertical"] {
--uc-tab-border-bottom-radius: var(--tab-border-radius);
}
@ -22056,7 +22109,8 @@
display: -moz-inline-box !important;
height: 1px !important;
border-radius: 9999px !important;
margin-top: 3px;
transform: translateY(5px);
margin-top: -1px !important;
margin-left: 5px;
margin-right: 5px;
}
@ -22096,7 +22150,6 @@
.tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line {
background-color: rgba(0, 0, 0, 0.2) !important;
opacity: 1 !important;
transform: none !important;
}
#TabsToolbar[brighttext]
.tabbrowser-tab:hover:not([selected="true"], [multiselected])
@ -23779,7 +23832,7 @@
@media (-moz-bool-pref: "userChrome.sidebar.overlap"), (-moz-bool-pref: "userChrome.autohide.sidebar") {
#sidebar-box {
--uc-sidebar-shadow-color: #28282f;
z-index: 1 !important;
z-index: var(--browser-area-z-index-sidebar-splitter, 3) !important;
position: relative !important;
box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color);
}
@ -24567,20 +24620,25 @@
}
/** Fullscreen - Overlap toolbar **********************************************/
@media (-moz-bool-pref: "userChrome.fullscreen.overlap") and (-moz-bool-pref: "browser.fullscreen.autohide") {
:root[sizemode="fullscreen"] #navigator-toolbox {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #navigator-toolbox {
position: fixed !important; /* Needed for content to take up entire height */
z-index: 1000 !important; /* Puts the UI above the content */
}
:root[sizemode="fullscreen"] #navigator-toolbox:is(:hover, :focus-within) {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #navigator-toolbox:is(:hover, :focus-within) {
margin-top: 0 !important;
}
:root[sizemode="fullscreen"] :-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"])
:-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) {
width: 100%; /* Makes the UI take up the entire width */
}
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #urlbar:popover-open {
position: fixed !important;
}
}
@media (-moz-bool-pref: "userChrome.fullscreen.overlap") and (-moz-bool-pref: "browser.fullscreen.autohide") and (-moz-gtk-csd-available) {
/* Fix transparent background */
:root[tabsintitlebar][sizemode="fullscreen"]:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar {
:root[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]):is(:not([lwtheme]), :not(:-moz-lwtheme))
#TabsToolbar {
appearance: auto !important;
}
}
@ -25383,11 +25441,17 @@
(-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) {
#nav-bar:not([customizing]) {
margin-bottom: var(--uc-navbar-hide-height);
}
#nav-bar:not([customizing]),
#nav-bar:not([customizing]) #urlbar {
opacity: 0;
will-change: margin-bottom, opacity;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
margin-bottom: 0;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
opacity: 1;
}
}
@ -25397,11 +25461,17 @@
screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) {
#nav-bar:not([customizing]) {
margin-bottom: var(--uc-navbar-hide-height);
}
#nav-bar:not([customizing]),
#nav-bar:not([customizing]) #urlbar {
opacity: 0;
will-change: margin-bottom, opacity;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
margin-bottom: 0;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
opacity: 1;
}
}
@ -25432,7 +25502,17 @@
(-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference),
(-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (prefers-reduced-motion: no-preference),
(-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) {
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
#nav-bar:not([customizing]) #urlbar {
transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
var(--uc-autohide-toolbar-delay) !important;
}
}
@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (prefers-reduced-motion: no-preference),
(-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference),
(-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (prefers-reduced-motion: no-preference),
(-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) {
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
transition-delay: 0s !important;
}
}
@ -26073,6 +26153,7 @@
/*= protections-popup ========================================================*/
/*= identity-popup ===========================================================*/
/*= sidebarMenu-popup ========================================================*/
/*= chrome://browser/content/syncedtabs/sidebar.xhtml ========================*/
/*= unified-extensions-view ===================================================*/
/*= Compatibility ============================================================*/
/*= Tab Mix Plus =============================================================*/
@ -26775,6 +26856,11 @@
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
#allTabsMenu-syncedTabs {
list-style-image: url("../icons/synced-tabs.svg");
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
#allTabsMenu-closeDuplicateTabs {
list-style-image: var(--uc-tab-close-duplicate-icon);
@ -26933,6 +27019,31 @@
--menuitem-image: url("chrome://global/skin/icons/close.svg");
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
.item.client[clientType="phone"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-phone.svg") !important;
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
.item.client[clientType="tablet"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-tablet.svg") !important;
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
.item.client[clientType="desktop"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-desktop.svg") !important;
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
.item.client[clientType="tv"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-tv.svg") !important;
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
.item.client[clientType="vr"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-vr.svg") !important;
}
}
@media (not (-moz-bool-pref: "userChrome.icon.disabled")) and (-moz-bool-pref: "userChrome.icon.panel") {
#unified-extensions-manage-extensions {
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");

80
css/leptonChromeESR.css generated
View file

@ -2833,7 +2833,7 @@
fill: currentColor !important;
color: var(--in-content-primary-button-text-color) !important;
background-color: var(--in-content-primary-button-background) !important;
background-image: url("chrome://global/skin/icons/radio.svg") !important;
background-image: url("../icons/radio.svg") !important;
border-color: transparent !important;
/* Style the button also when printing with "Print Backgrounds" unchecked */
color-adjust: exact !important;
@ -4036,12 +4036,18 @@
transition: all 0.3s var(--animation-easing-function) !important;
}
/*- URL / Search Bar -------------------------------------------------------*/
#urlbar-background,
#urlbar-background {
transition: border-color 1s var(--animation-easing-function),
background-color 0.5s var(--animation-easing-function) !important;
}
#urlbar-background:hover {
transition: border-color 0.5s var(--animation-easing-function),
background-color 0.5s var(--animation-easing-function) !important;
}
#searchbar {
transition: border-color 1s var(--animation-easing-function),
background-color 1.5s var(--animation-easing-function) !important;
}
#urlbar-background:hover,
#searchbar:hover {
transition: border-color 0.5s var(--animation-easing-function),
background-color 1s var(--animation-easing-function) !important;
@ -4754,11 +4760,6 @@
:root:not([uidensity="compact"]) #urlbar[breakout][breakout-extend-disabled][open] {
height: auto !important;
}
:root[uidensity="touch"] #urlbar[breakout] {
top: calc(
(var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2 + 1px
) !important;
}
/* spread menu */
:root:not([uidensity]) .urlbarView-row {
padding-block: 1px !important; /* Original: 2px */
@ -7236,6 +7237,9 @@
/** Tab UI ********************************************************************/
/*= Tab - Connect to window ==============================================*/
@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
#tabbrowser-tabs[orient="horizontal"] {
min-height: unset !important; /* Original: var(--tabstrip-min-height) */
}
#tabbrowser-tabs[orient="vertical"] {
--uc-tab-border-bottom-radius: var(--tab-border-radius);
}
@ -7915,7 +7919,8 @@
display: -moz-inline-box !important;
height: 1px !important;
border-radius: 9999px !important;
margin-top: 3px;
transform: translateY(5px);
margin-top: -1px !important;
margin-left: 5px;
margin-right: 5px;
}
@ -7955,7 +7960,6 @@
.tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line {
background-color: rgba(0, 0, 0, 0.2) !important;
opacity: 1 !important;
transform: none !important;
}
#TabsToolbar[brighttext]
.tabbrowser-tab:hover:not([selected="true"], [multiselected])
@ -9551,7 +9555,7 @@
@supports -moz-bool-pref("userChrome.sidebar.overlap") or -moz-bool-pref("userChrome.autohide.sidebar") {
#sidebar-box {
--uc-sidebar-shadow-color: #28282f;
z-index: 1 !important;
z-index: var(--browser-area-z-index-sidebar-splitter, 3) !important;
position: relative !important;
box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color);
}
@ -10279,19 +10283,27 @@
/** Fullscreen - Overlap toolbar **********************************************/
@supports -moz-bool-pref("userChrome.fullscreen.overlap") {
@supports -moz-bool-pref("browser.fullscreen.autohide") {
:root[sizemode="fullscreen"] #navigator-toolbox {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #navigator-toolbox {
position: fixed !important; /* Needed for content to take up entire height */
z-index: 1000 !important; /* Puts the UI above the content */
}
:root[sizemode="fullscreen"] #navigator-toolbox:is(:hover, :focus-within) {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #navigator-toolbox:is(:hover, :focus-within) {
margin-top: 0 !important;
}
:root[sizemode="fullscreen"] :-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"])
:-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) {
width: 100%; /* Makes the UI take up the entire width */
}
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #urlbar:popover-open {
position: fixed !important;
}
@media (-moz-gtk-csd-available) {
/* Fix transparent background */
:root[tabsintitlebar][sizemode="fullscreen"]:is(:not([lwtheme]), :not(:-moz-lwtheme)) #TabsToolbar {
:root[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]):is(
:not([lwtheme]),
:not(:-moz-lwtheme)
)
#TabsToolbar {
appearance: auto !important;
}
}
@ -10897,11 +10909,17 @@
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
#nav-bar:not([customizing]) {
margin-bottom: var(--uc-navbar-hide-height);
}
#nav-bar:not([customizing]),
#nav-bar:not([customizing]) #urlbar {
opacity: 0;
will-change: margin-bottom, opacity;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
margin-bottom: 0;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
opacity: 1;
}
}
@ -10910,11 +10928,17 @@
@media screen and (max-width: 1100px) {
#nav-bar:not([customizing]) {
margin-bottom: var(--uc-navbar-hide-height);
}
#nav-bar:not([customizing]),
#nav-bar:not([customizing]) #urlbar {
opacity: 0;
will-change: margin-bottom, opacity;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
margin-bottom: 0;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
opacity: 1;
}
}
@ -10938,7 +10962,12 @@
var(--ext-theme-background-transition) !important;
}
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
#nav-bar:not([customizing]) #urlbar {
transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
var(--uc-autohide-toolbar-delay) !important;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
transition-delay: 0s !important;
}
}
@ -12087,6 +12116,9 @@
#allTabsMenu-searchTabs {
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#allTabsMenu-syncedTabs {
list-style-image: url("../icons/synced-tabs.svg");
}
#allTabsMenu-closeDuplicateTabs {
list-style-image: var(--uc-tab-close-duplicate-icon);
}
@ -12204,6 +12236,22 @@
#sidebarMenu-popup > *:is(menuitem)[data-l10n-id="sidebar-menu-close"] {
--menuitem-image: url("chrome://global/skin/icons/close.svg");
}
/*= chrome://browser/content/syncedtabs/sidebar.xhtml ========================*/
.item.client[clientType="phone"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-phone.svg") !important;
}
.item.client[clientType="tablet"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-tablet.svg") !important;
}
.item.client[clientType="desktop"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-desktop.svg") !important;
}
.item.client[clientType="tv"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-tv.svg") !important;
}
.item.client[clientType="vr"] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-vr.svg") !important;
}
/*= unified-extensions-view ===================================================*/
#unified-extensions-manage-extensions {
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");

4
css/leptonContent.css generated
View file

@ -2877,7 +2877,7 @@
fill: currentColor !important;
color: var(--in-content-primary-button-text-color) !important;
background-color: var(--in-content-primary-button-background) !important;
background-image: url("chrome://global/skin/icons/radio.svg") !important;
background-image: url("../icons/radio.svg") !important;
border-color: transparent !important;
/* Style the button also when printing with "Print Backgrounds" unchecked */
color-adjust: exact !important;
@ -6702,7 +6702,7 @@
fill: currentColor !important;
color: var(--in-content-primary-button-text-color) !important;
background-color: var(--in-content-primary-button-background) !important;
background-image: url("chrome://global/skin/icons/radio.svg") !important;
background-image: url("../icons/radio.svg") !important;
border-color: transparent !important;
/* Style the button also when printing with "Print Backgrounds" unchecked */
color-adjust: exact !important;

2
css/leptonContentESR.css generated
View file

@ -2880,7 +2880,7 @@
fill: currentColor !important;
color: var(--in-content-primary-button-text-color) !important;
background-color: var(--in-content-primary-button-background) !important;
background-image: url("chrome://global/skin/icons/radio.svg") !important;
background-image: url("../icons/radio.svg") !important;
border-color: transparent !important;
/* Style the button also when printing with "Print Backgrounds" unchecked */
color-adjust: exact !important;

6
icons/radio.svg Normal file
View file

@ -0,0 +1,6 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity">
<circle cx="8" cy="8" r="4"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 391 B

3
package.json
View file

@ -32,5 +32,6 @@
},
"jest": {
"testEnvironment": "jest-environment-node-single-context"
}
},
"packageManager": "yarn@4.5.3"
}

13
src/autohide/_navbar.scss
View file

@ -1,13 +1,20 @@
@include OneLinerNavbar {
#nav-bar:not([customizing]) {
margin-bottom: var(--uc-navbar-hide-height);
// Why use #urlbar? - Prevent URLbar overlay #1028
&, #urlbar {
opacity: 0;
will-change: margin-bottom, opacity;
}
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
margin-bottom: 0;
&, #urlbar {
opacity: 1;
}
}
}
@include Animate {
@ -22,8 +29,14 @@
opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay),
var(--ext-theme-background-transition) !important;
}
#urlbar {
transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay) !important;
}
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
&, #urlbar {
transition-delay: 0s !important;
}
}
}

7
src/decoration/_animate.scss
View file

@ -64,7 +64,12 @@
}
/*- URL / Search Bar -------------------------------------------------------*/
#urlbar-background,
#urlbar-background {
transition: border-color 1s var(--animation-easing-function), background-color 0.5s var(--animation-easing-function) !important;
&:hover {
transition: border-color 0.5s var(--animation-easing-function), background-color 0.5s var(--animation-easing-function) !important;
}
}
#searchbar {
transition: border-color 1s var(--animation-easing-function), background-color 1.5s var(--animation-easing-function) !important;
&:hover {

11
src/fullscreen/_overlap.scss
View file

@ -1,4 +1,4 @@
:root[sizemode="fullscreen"] #navigator-toolbox {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #navigator-toolbox {
position: fixed !important; /* Needed for content to take up entire height */
z-index: 1000 !important; /* Puts the UI above the content */
@ -7,13 +7,18 @@
}
}
:root[sizemode="fullscreen"] :-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) {
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) :-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) {
width: 100%; /* Makes the UI take up the entire width */
}
:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) #urlbar:popover-open {
// Prevent URLbar overlay #1028
position: fixed !important;
}
@include OS($linux) {
/* Fix transparent background */
:root[tabsintitlebar][sizemode="fullscreen"]#{$not_lwtheme} #TabsToolbar {
:root[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"])#{$not_lwtheme} #TabsToolbar {
appearance: auto !important;
}
}

24
src/icons/_panel.scss
View file

@ -461,6 +461,9 @@ panelMenuBookmarkThisPage[starred] {
#allTabsMenu-searchTabs {
list-style-image: url("chrome://global/skin/icons/search-glass.svg");
}
#allTabsMenu-syncedTabs {
list-style-image: url("../icons/synced-tabs.svg");
}
#allTabsMenu-closeDuplicateTabs {
list-style-image: var(--uc-tab-close-duplicate-icon);
}
@ -591,6 +594,27 @@ panelMenuBookmarkThisPage[starred] {
);
}
/*= chrome://browser/content/syncedtabs/sidebar.xhtml ========================*/
.item.client[clientType=phone] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-phone.svg") !important;
}
.item.client[clientType=tablet] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-tablet.svg") !important;
}
.item.client[clientType=desktop] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-desktop.svg") !important;
}
.item.client[clientType=tv] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-tv.svg") !important;
}
.item.client[clientType=vr] > .item-title-container > .item-icon-container {
background-image: url("../icons/device-vr.svg") !important;
}
/*= unified-extensions-view ===================================================*/
#unified-extensions-manage-extensions {
list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");

5
src/padding/_urlbar.scss
View file

@ -24,11 +24,6 @@
height: auto !important;
}
}
:root[uidensity="touch"] & {
// Fallback #881
top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height))
- var(--urlbar-height)) / 2 + 1px) !important;
}
}
/* spread menu */

2
src/sidebar/_overlap.scss
View file

@ -33,7 +33,7 @@
#sidebar-box {
--uc-sidebar-shadow-color: #28282F;
z-index: 1 !important;
z-index: var(--browser-area-z-index-sidebar-splitter, 3) !important;
position: relative !important;
box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color);

3
src/tab/_connect_to_window.scss
View file

@ -1,3 +1,6 @@
#tabbrowser-tabs[orient="horizontal"] {
min-height: unset !important; /* Original: var(--tabstrip-min-height) */
}
#tabbrowser-tabs[orient="vertical"] {
--uc-tab-border-bottom-radius: var(--tab-border-radius);
}

4
src/tab/selected_tab/_supernova_like_contextline.scss
View file

@ -2,7 +2,8 @@
@include InlineBox(true);
height: 1px !important;
border-radius: 9999px !important;
margin-top: 3px;
transform: translateY(5px);
margin-top: -1px !important;
margin-left: 5px;
margin-right: 5px;
}
@ -46,7 +47,6 @@ tabs tab.tabbrowser-tab[usercontextid]:active > .tab-stack > .tab-background > .
.tabbrowser-tab:hover:not([selected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line {
background-color: rgba(0, 0, 0, 0.2) !important;
opacity: 1 !important;
transform: none !important;
}
#TabsToolbar[brighttext]

2
src/utils/_proton_elements.scss
View file

@ -31,7 +31,7 @@
color: var(--in-content-primary-button-text-color) !important;
background-color: var(--in-content-primary-button-background) !important;
background-image: url("chrome://global/skin/icons/radio.svg") !important;
background-image: url("../icons/radio.svg") !important;
border-color: transparent !important;
/* Style the button also when printing with "Print Backgrounds" unchecked */

6414
yarn.lock
View file

File diff suppressed because it is too large Load diff