mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-01-11 11:42:40 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'master' into photon-style

Browse source
This commit is contained in:
alstjr7375 2023-05-03 23:14:30 +09:00
commit 2ada074be6
44 changed files with 325 additions and 114 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -4,9 +4,10 @@ runs:
using: "composite"
steps:
# 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 "::set-output name=dir::$(yarn cache dir)"
run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
shell: bash
- name: Node cache

7
CREDITS
View file

@ -43,6 +43,9 @@ W: https://github.com/nikkehtine
N: OSS.kr
W: https://www.oss.kr/
N: ZachKnife1
W: https://github.com/ZachKnife1
----------
Contributors
@ -108,6 +111,10 @@ W: https://github.com/MarNicGit
N: Oondanomala
W: https://github.com/Oondanomala
N: Patricek
E: pk22.games@gmail.com
W: https://github.com/Patricek0056
N: ph3b3
E: phoebeleong8@gmail.com
W: https://phoebe-leong.github.io/

9
README.org
View file

@ -72,7 +72,7 @@ You [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solu
- Panel
- Menu
- Density
- Others...
- Others…
- *Tab Bar Layouts*
- Tabs on Bottom
- One Liner
@ -84,7 +84,7 @@ You [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solu
- Context Line: like Photon
- Bottom Rounding: Natural
- MultiSelected
- Adjust Color: Easily recognizable.
- Adjust Color: Easily recognizable
- Unselect:
- Divide Line: like Photon
- Unloaded:
@ -97,7 +97,7 @@ You [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solu
- Show Favicon: Always show favicon
- PIP Icon
- Container Tab:
- Highlight line position: Displayed under tab.
- Highlight line position: Displayed under tab
- *Button Design*
- New tab: like Photon
- *Activity Stream Design*
@ -151,7 +151,7 @@ Windows users: Run with powershell ([[https://github.com/black7375/Firefox-UI-Fi
- Create a new directory inside your profile directory called =chrome=
- Copy the remaining files from the extracted zip-file into previously created the =chrome= directory
4. Restart Firefox
- Click the =Clear startup cache...= at the top of =about:support=
- Click the =Clear startup cache…= at the top of =about:support=
If you prefer Proton(89 or above), see [[https://github.com/black7375/Firefox-UI-Fix][Original Lepton]].\\
If you prefer Proton tab shape, see [[https://github.com/black7375/Firefox-UI-Fix/tree/proton-style][Lepton's proton-style]].
@ -202,6 +202,7 @@ Thanks to all sponsors & contributors to this project for providing help and dev
[[https://www.oss.kr/][https://user-images.githubusercontent.com/25581533/203210367-9f2eed69-666a-4218-acde-128892aa09d8.png]]
[[https://github.com/ojaha065][@@html:<img src="https://avatars.githubusercontent.com/u/37581768?s=60&v=4"/>@@]]
[[https://github.com/DPS0340][@@html:<img src="https://avatars.githubusercontent.com/u/32592965?s=60&v=4"/>@@]]
[[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"/>@@]]

120
css/leptonChrome.css generated
View file

@ -1542,7 +1542,8 @@
}
#PopupAutoComplete > richlistbox > richlistitem[originaltype="generatedPassword"] > .two-line-wrapper > .ac-site-icon,
#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] > .two-line-wrapper > .ac-site-icon,
#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon,
#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon {
fill: GrayText !important;
}
#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"] {
@ -1558,6 +1559,15 @@
hsla(0deg, 0%, 80%, 0.5)
) !important; /* Original: hsla(0,0%,80%,.5), match arrowpanel-dimmed-further */
}
#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] {
background-color: var(--panel-bgcolor) !important; /* Original: var(--arrowpanel-dimmed) */
}
#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"]:hover {
background-color: var(--arrowpanel-dimmed, hsla(0deg, 0%, 80%, 0.35)) !important;
}
#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title {
color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: var(--grey-60) */
}
/* New Folder Button */
#editBMPanel_newFolderButton {
appearance: none;
@ -2009,6 +2019,7 @@
font-weight: 600 !important;
}
dropmarker {
display: flex !important;
display: -moz-box !important;
appearance: none !important;
width: 12px !important;
@ -2188,6 +2199,7 @@
font-size: inherit !important;
}
xul|menulist::part(dropmarker) {
display: flex;
display: -moz-box;
margin-block: 6px !important;
}
@ -2201,6 +2213,7 @@
display: none !important;
}
xul|menulist::part(dropmarker) {
display: flex !important;
display: -moz-box !important;
margin-block: 1px !important;
}
@ -2282,6 +2295,9 @@
fill: currentColor !important;
color: var(--in-content-deemphasized-text) !important; /* FieldText */
}
#viewGroup > radio .radio-icon {
background-image: none !important;
}
@supports not -moz-bool-pref("userChrome.rounding.square_button") {
#viewGroup > radio {
border-radius: 8px !important;
@ -2806,7 +2822,13 @@
#identity-popup-more-info,
#unified-extensions-manage-extensions,
.unified-extensions-item-open-menu,
.unified-extensions-item-menu-button.subviewbutton {
.unified-extensions-item-menu-button.subviewbutton,
#PopupAutoComplete
> richlistbox
> richlistitem[originaltype="insecureWarning"]
> .ac-title
> .ac-text-overflow-container
> .ac-title-text {
cursor: pointer !important;
}
}
@ -3030,6 +3052,7 @@
will-change: margin-inline-start, opacity, visibility;
}
#sidebar-box[hidden="true"] {
display: flex !important;
display: -moz-box !important;
margin-inline-start: -18em;
opacity: 0;
@ -3181,6 +3204,16 @@
border-radius: 0 !important;
}
}
@supports -moz-bool-pref("userChrome.rounding.square_toolbar") {
:root {
--uc-rounding-toolbar: 0;
}
.container.infobar,
.container.infobar::before,
notification-message {
border-radius: var(--uc-rounding-toolbar) !important;
}
}
@supports -moz-bool-pref("userChrome.rounding.square_field") {
input:not([type="radio"], [type="checkbox"]),
textarea,
@ -4237,7 +4270,7 @@
}
#nav-bar {
--toolbarbutton-inner-padding: 6px; /* Original: 8px */
border-radius: var(--tab-border-radius, 4px);
border-radius: var(--uc-rounding-toolbar, var(--tab-border-radius, 4px));
}
#nav-bar,
#nav-bar-customization-target {
@ -4339,7 +4372,7 @@
}
#nav-bar {
--toolbarbutton-inner-padding: 6px; /* Original: 8px */
border-radius: var(--tab-border-radius, 4px);
border-radius: var(--uc-rounding-toolbar, var(--tab-border-radius, 4px));
}
#nav-bar,
#nav-bar-customization-target {
@ -5927,6 +5960,7 @@
:root:not([tabsintitlebar="true"])
#tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow="true"])
~ #new-tab-button {
display: flex !important;
display: -moz-box !important;
}
}
@ -5982,6 +6016,7 @@
> #tabbrowser-arrowscrollbox
> #tabbrowser-arrowscrollbox-periphery
> #tabs-newtab-button {
display: flex !important;
display: -moz-box !important;
}
#alltabs-button,
@ -6561,6 +6596,7 @@
}
@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") {
.tab-context-line {
display: inline-flex !important;
display: -moz-inline-box !important;
height: 2px !important;
border-radius: var(--tab-border-radius, 4px) var(--tab-border-radius, 4px) 0 0 !important;
@ -7073,6 +7109,12 @@
background-color: transparent !important;
}
}
/* Fix tab overlap #678 */
@supports -moz-bool-pref("userChrome.tab.bottom_rounded_corner") {
tab:where([visuallyselected="true"]) {
z-index: 1;
}
}
}
/*= New tab button - Smaller button ==========================================*/
@supports -moz-bool-pref("userChrome.tab.newtab_button_smaller") {
@ -7138,6 +7180,7 @@
> .tab-stack
> .tab-content
> .tab-close-button:not([selected="true"]) {
display: inline-flex !important;
display: -moz-inline-box !important;
}
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([visuallyselected]) .tab-close-button {
@ -7225,8 +7268,9 @@
}
.tabbrowser-tab[pinned][visuallyselected]:not([style*="transform: translateX"]):hover:not([busy])
.tab-close-button {
display: flex !important;
display: -moz-box !important;
order: 0 !important;
order: -1 !important;
-moz-box-ordinal-group: 0 !important;
/* Looks like hover */
width: var(--uc-close-button-size) !important;
@ -7244,8 +7288,9 @@
}
@supports -moz-bool-pref("userChrome.tab.close_button_at_pinned.always") {
.tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-close-button {
display: flex !important;
display: -moz-box !important;
order: 0 !important;
order: -1 !important;
-moz-box-ordinal-group: 0 !important;
/* Looks like hover */
width: var(--uc-close-button-size) !important;
@ -7264,8 +7309,9 @@
}
@supports -moz-bool-pref("userChrome.tab.close_button_at_pinned.background") {
.tabbrowser-tab[pinned]:not([style*="transform: translateX"]):hover:not([busy]) .tab-close-button {
display: flex !important;
display: -moz-box !important;
order: 0 !important;
order: -1 !important;
-moz-box-ordinal-group: 0 !important;
/* Looks like hover */
width: var(--uc-close-button-size) !important;
@ -7292,6 +7338,7 @@
/** Clipped tabs - Always show tab icon ***************************************/
@supports -moz-bool-pref("userChrome.tab.always_show_tab_icon") {
.tab-icon-image:not([src], [pinned], [crashed], [busy]) {
display: inline-flex !important;
display: -moz-inline-box !important;
}
}
@ -7307,6 +7354,7 @@
/*= Sound Tab - Show Label ===================================================*/
@supports -moz-bool-pref("userChrome.tab.sound_show_label") {
.tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]) {
display: flex !important;
display: -moz-box !important;
}
}
@ -7484,6 +7532,7 @@
}
.tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after {
/* Shape */
display: inline-flex !important;
display: -moz-inline-box !important;
width: 14px;
height: 14px;
@ -8183,15 +8232,8 @@
}
@supports -moz-bool-pref("userChrome.combined.nav_button") or -moz-bool-pref("userChrome.combined.urlbar.nav_button") {
@supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") or
(
not
(
-moz-bool-pref("userChrome.combined.sub_button.as_normal") and -moz-bool-pref(
"userChrome.combined.nav_button"
)
and -moz-bool-pref("userChrome.combined.urlbar.home_button")
)
) {
(not -moz-bool-pref("userChrome.combined.sub_button.as_normal")) or
(-moz-bool-pref("userChrome.combined.nav_button") and -moz-bool-pref("userChrome.combined.urlbar.home_button")) {
#nav-bar-customization-target > #forward-button {
--uc-forward-button-margin: calc(-1 * var(--uc-toolbarbutton-boundary) + 1px);
z-index: 2;
@ -8690,6 +8732,7 @@
counter-reset: bookmark-counts 0;
}
menupopup[placespopup="true"] > menu.bookmark-item::after {
display: inline-flex;
display: -moz-inline-box;
content: "(" counter(bookmark-counts) ")";
}
@ -8711,7 +8754,7 @@
z-index: 1;
}
findbar {
order: 0;
order: -1;
-moz-box-ordinal-group: 0;
position: relative;
height: 0 !important;
@ -8726,7 +8769,9 @@
}
findbar::before {
content: "";
display: flex;
display: -moz-box;
position: absolute;
flex: 200;
-moz-box-flex: 200;
}
@ -8742,13 +8787,15 @@
flex-direction: row-reverse;
-moz-box-direction: reverse;
border-width: 0 0 1px 1px;
border-radius: var(--toolbarbutton-border-radius) 0 0 var(--toolbarbutton-border-radius) !important;
border-radius: var(--uc-rounding-toolbar, var(--toolbarbutton-border-radius)) 0 0
var(--uc-rounding-toolbar, var(--toolbarbutton-border-radius)) !important;
}
.findbar-container > .findbar-find-fast {
padding: var(--toolbarbutton-inner-padding) 1px;
margin: 0 !important;
}
.findbar-container > .findbar-find-status {
display: flex;
display: -moz-box;
overflow: hidden;
text-overflow: ellipsis;
@ -9601,7 +9648,7 @@
}
@supports -moz-bool-pref("userChrome.autohide.fill_urlbar") {
#nav-bar:not(:hover, :focus-within, [urlbar-exceeds-toolbar-bounds="true"]) #urlbar-container {
order: 0;
order: -1;
-moz-box-ordinal-group: 0;
min-width: calc(
var(--uc-navbar-width, 100vw) -
@ -9922,6 +9969,7 @@
list-style-image: url("chrome://global/skin/icons/delete.svg") !important;
}
#clearDownloadsButton > .toolbarbutton-icon {
display: inline-flex !important;
display: -moz-inline-box !important;
margin-top: 0;
margin-bottom: 0;
@ -9958,7 +10006,7 @@
:root {
--arrowpanel-menuicon-padding: 8px;
--arrowpanel-menublank-padding: calc(
var(--arrowpanel-menuicon-padding) * 2 + var(var(--arrowpanel-menuitem-padding-inline))
var(--arrowpanel-menuicon-padding) * 2 + var(--arrowpanel-menuitem-padding-inline)
) !important;
--arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding-inline) - 2px) !important;
--arrowpanel-menuimageblank-padding-block: calc(var(--arrowpanel-menuitem-padding-block) - 2px) !important;
@ -9999,6 +10047,7 @@
}
#appMenu-multiView .subviewbutton::before,
#appMenu-proton-update-banner::before {
display: inline-flex;
display: -moz-inline-box;
margin-inline-end: var(--arrowpanel-menuicon-padding);
width: 16px;
@ -10051,9 +10100,10 @@
}
/*= Panel - Main =============================================================*/
#appMenu-proton-addon-banners > .addon-banner-item > .toolbarbutton-icon {
display: inline-flex !important;
display: -moz-inline-box !important;
margin-inline-start: var(--arrowpanel-menuicon-padding);
order: 0 !important;
order: -1 !important;
-moz-box-ordinal-group: 0 !important;
}
#appMenu-proton-update-banner::before {
@ -10176,6 +10226,7 @@
/* Default */
#fxa-manage-account-button::before {
content: "";
display: inline-flex;
display: -moz-inline-box;
width: 32px !important;
height: 32px !important;
@ -10198,15 +10249,15 @@
}
.syncNowBtn {
visibility: visible !important;
order: 1 !important;
-moz-box-ordinal-group: 1 !important;
order: -1 !important;
-moz-box-ordinal-group: 0 !important;
margin-inline-end: var(--arrowpanel-menuicon-padding);
}
#PanelUI-fxa-menu-setup-sync-button {
list-style-image: url("chrome://browser/skin/sync.svg");
}
#PanelUI-fxa-menu-connect-device-button {
list-style-image: url("chrome://browser/skin/fxa/add-device.svg");
list-style-image: url("../icons/add-device.svg");
}
#PanelUI-fxa-menu-sendtab-button {
list-style-image: url("../icons/send-to-device.svg");
@ -10241,13 +10292,14 @@
/* Change Separator */
#PanelUI-fxa-menu::before {
content: "";
display: flex;
display: -moz-box;
border-bottom: 1px solid var(--panel-separator-color);
margin: var(--panel-separator-margin);
padding: 0;
}
#PanelUI-fxa-menu > :first-child {
order: 0;
order: -1;
-moz-box-ordinal-group: 0;
}
#PanelUI-sign-out-separator {
@ -10394,6 +10446,7 @@
list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
}
#downloadsHistory .box-inherit.button-box {
display: inline-flex !important;
display: -moz-inline-box !important;
}
/*= Toolbar - Overflow Menu ==================================================*/
@ -10423,6 +10476,9 @@
#BMB_viewBookmarksSidebar[data-l10n-args='{"isVisible":true}'] {
--menuitem-image: url("chrome://global/skin/icons/close.svg");
}
#BMB_searchBookmarks {
--menuitem-image: url("chrome://global/skin/icons/search-glass.svg");
}
#BMB_bookmarksShowAllTop,
#BMB_bookmarksShowAll {
--menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
@ -10435,6 +10491,7 @@
list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") !important;
}
#BMB_bookmarksShowAllTop > .menu-iconic-left {
display: flex !important;
display: -moz-box !important;
}
}
@ -10537,7 +10594,7 @@
/* Color */
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
stroke: transparent;
stroke: currentColor;
/* Layout */
background-size: 16px !important;
background-repeat: no-repeat !important;
@ -10942,6 +10999,7 @@
#tabcenter-reborn_ariasuni-menuitem-_contextMenuMuteTab,
#sidebartabs_asamuzak_jp-menuitem-_muteTab {
--menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg");
stroke: transparent !important;
}
#context_toggleMuteTab[muted],
#context_toggleMuteSelectedTabs[muted],
@ -11177,7 +11235,7 @@
}
#context-viewsource-highlightSyntax {
/* checkbox */
--menuitem-image: url("../icons/code.svg");
--menuitem-image: url("../icons/highlight.svg");
}
#spell-no-suggestions {
--menuitem-image: url("../icons/text-proofing-tools.svg");
@ -11349,6 +11407,9 @@
#context-selectall {
--menuitem-image: url("../icons/select-all-on.svg");
}
#context-reveal-password {
--menuitem-image: url("../icons/eye-show.svg");
}
#context-print-selection {
--menuitem-image: url("chrome://global/skin/icons/print.svg");
}
@ -11780,6 +11841,9 @@
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
}
/*= unified-extensions-context-menu ==========================================*/
.unified-extensions-context-menu-pin-to-toolbar {
--menuitem-image: url("../icons/pin-tab.svg");
}
.unified-extensions-context-menu-manage-extension {
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
}
@ -11940,9 +12004,11 @@
/* viewFullZoomMenu sub menu */
#menu_zoomEnlarge {
--menuitem-image: url("chrome://browser/skin/add-circle-fill.svg");
stroke: transparent !important;
}
#menu_zoomReduce {
--menuitem-image: url("chrome://browser/skin/subtract-circle-fill.svg");
stroke: transparent !important;
}
#menu_zoomReset {
--menuitem-image: url("../icons/resize.svg");

35
css/leptonContent.css generated
View file

@ -252,7 +252,7 @@
/* Color */
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
stroke: transparent;
stroke: currentColor;
/* Layout */
background-size: 16px !important;
background-repeat: no-repeat !important;
@ -410,6 +410,7 @@
}
#contentSearchSettingsButton::before {
content: url("chrome://global/skin/icons/settings.svg") !important;
display: inline-flex;
display: -moz-inline-box;
/* Color */
-moz-context-properties: fill, fill-opacity !important;
@ -2171,6 +2172,7 @@
list-style-image: url("chrome://global/skin/icons/delete.svg") !important;
}
#clearDownloadsButton > .toolbarbutton-icon {
display: inline-flex !important;
display: -moz-inline-box !important;
margin-top: 0;
margin-bottom: 0;
@ -2790,10 +2792,9 @@
@supports -moz-bool-pref("userChrome.rounding.square_button") {
@-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$")
{
button,
button:not(.toggle-button),
.close-icon,
.action-icon::before,
.web-appearance-choice,
.page-section-header > .twisty,
.closed-tab-li-main,
#categories > .category,
@ -2869,7 +2870,9 @@
treecols,
listheader,
richlistbox,
search-textbox {
search-textbox,
.web-appearance-choice,
.content-blocking-category {
border-radius: 0 !important;
}
}
@ -2920,6 +2923,28 @@
}
}
}
@supports -moz-bool-pref("userChrome.rounding.square_infobox") {
@-moz-document url-prefix("about:"), regexp("^chrome://\\w+/content/.*.xhtml$")
{
/*
* .container is inside shadow DOM,
* and it does not have any other classes,
* but there may be other elements with the same class,
* hence the weird selector.
*/
link[href="chrome://global/content/elements/message-bar.css"] + .container,
.info-box-container:not(.content-blocking-category),
.options-container,
#sanitizeEverythingWarningBox {
border-radius: 0 !important;
}
}
@-moz-document url-prefix("about:debugging") {
.message {
border-radius: 0 !important;
}
}
}
@-moz-document url("chrome://browser/content/places/places.xhtml")
{
/*= Library ==============================================================*/
@ -2967,7 +2992,7 @@
/* Color */
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
stroke: transparent;
stroke: currentColor;
/* Layout */
background-size: 16px !important;
background-repeat: no-repeat !important;

2
docs/Project_Structure.md
View file

@ -45,7 +45,7 @@ Most of them are made in SVG.
Except for illustrations, there must be an `fill="context-fill" fill-opacity="context-fill-opacity"` property to dynamically determine color and transparency.
Icons are mainly [FirefoxUX/photon-icons](https://github.com/FirefoxUX/photon-icons)
Icons are mainly [FirefoxUX/acorn-icons](https://github.com/FirefoxUX/acorn-icons), [FirefoxUX/photon-icons](https://github.com/FirefoxUX/photon-icons)
or [microsoft/fluentui-system-icons](https://github.com/microsoft/fluentui-system-icons).
Although not yet used, [tabler/tabler-icons](https://github.com/tabler/tabler-icons) and [feathericons/feather](https://github.com/feathericons/feather) can also be referred to.

58
docs/Smart_Bookmarks.md
View file

@ -87,7 +87,7 @@ Here's a list of the parameters available that you can look for.
| | | `PLACES_ROOT`: The Places root folder. |
| | | `BOOKMARKS_MENU`: The Bookmarks menu. |
| | | `TOOLBAR`: The bookmarks toolbar. |
| | | `TAGS`: Tags |
| | | `TAGS`: Tags. |
| | | `UNFILED_BOOKMARKS`: Unfiled bookmarks |
| `!annotation` | `boolean` | Indicates whether to include or reject items matching the annotation specified by `annotation`. If `true`, items that don't have the specified annotation are rejected. |
| `annotation` | `string` | The annotation to match when querying. |
@ -113,38 +113,38 @@ The following attributes allow you to control the results more precisely.
| `maxResults` | `unsigned long` | The maximum number of results to return. This doesn't work when sorting by title. The result is `0`, which means that all results are returned. |
| `originalTitle` | `string` | Retrieves the original page title. |
| `queryType` | `unsigned short` | The type of search to use when querying the database. This attribute is only honored by query nodes. It's ignored for simple folder queries. |
| | | `0`: History |
| | | `1`: Bookmarks |
| | | `2`: Both history and bookmarks (**Not yet implemented** -- see [bug 378798](https://bugzilla.mozilla.org/show_bug.cgi?id=378798)) |
| | | `0`: History. |
| | | `1`: Bookmarks. |
| | | `2`: Both history and bookmarks (**Not yet implemented** -- see [bug 378798](https://bugzilla.mozilla.org/show_bug.cgi?id=378798)). |
| `resolveNullBookmarkTitles` | `boolean` | If `true`, bookmarks with null titles get their page titles fetched from history if possible. This doesn't apply to bookmarks with empty titles. The default is `false`. |
| `showSessions` | `boolean` | If `true`, session information is used to group history items. This only makes a difference when sorting by date. The default is `false`. |
| `sort` | `unsigned short` | The sort order to use for the results. |
| | | `0`: Natural bookmark order |
| | | `1`: Sort by title, A-Z |
| | | `2`: Sort by title, Z-A |
| | | `3`: Sort by visit date, most recent last |
| | | `4`: Sort by visit date, most recent first |
| | | `5`: Sort by uri, A-Z |
| | | `6`: Sort by uri, Z-A |
| | | `7`: Sort by visit count, ascending |
| | | `8`: Sort by visit count, descending |
| | | `9`: Sort by keyword, A-Z |
| | | `10`: Sort by keyword, Z-A |
| | | `11`: Sort by date added, most recent last |
| | | `12`: Sort by date added, most recent first |
| | | `13`: Sort by last modified date, most recent last |
| | | `14`: Sort by last modified date, most recent first |
| | | `17`: Sort by tags, ascending |
| | | `18`: Sort by tags, descending |
| | | `19`: Sort by annotation, ascending |
| | | `20`: Sort by annotation, descending |
| | | `0`: Natural bookmark order. |
| | | `1`: Sort by title, A-Z. |
| | | `2`: Sort by title, Z-A. |
| | | `3`: Sort by visit date, most recent last. |
| | | `4`: Sort by visit date, most recent first. |
| | | `5`: Sort by uri, A-Z. |
| | | `6`: Sort by uri, Z-A. |
| | | `7`: Sort by visit count, ascending. |
| | | `8`: Sort by visit count, descending. |
| | | `9`: Sort by keyword, A-Z. |
| | | `10`: Sort by keyword, Z-A. |
| | | `11`: Sort by date added, most recent last. |
| | | `12`: Sort by date added, most recent first. |
| | | `13`: Sort by last modified date, most recent last. |
| | | `14`: Sort by last modified date, most recent first. |
| | | `17`: Sort by tags, ascending. |
| | | `18`: Sort by tags, descending. |
| | | `19`: Sort by annotation, ascending. |
| | | `20`: Sort by annotation, descending. |
| `sortingAnnotation` | `string` | The annotation to use when sorting by annotation. |
| `type` | `unsigned short` | The type of results to return. |
| | | `0`: Results as URI ("URI" results, one for each URI visited in the range). |
| | | `1`: Results as visit ("visit" results, with one for each time a page was visited this will often give you multiple results for one URI). |
| | | `2`: Results as full visits (like "visit", but returns all attributes for each result) |
| | | `3`: Results as date query (returns results for given date range) |
| | | `4`: Results as site query (returns last visit for each url in the given host) |
| | | `5`: Results as date+site query (returns list of hosts visited in the given period) |
| | | `6`: Results as tag query (returns list of bookmarks with the given tag) |
| | | `7`: Results as tag container (returns bookmarks with given tag; for same uri uses last modified. `folder=tag_folder_id` must be present in the query |
| | | `2`: Results as full visits (like "visit", but returns all attributes for each result). |
| | | `3`: Results as date query (returns results for given date range). |
| | | `4`: Results as site query (returns last visit for each url in the given host). |
| | | `5`: Results as date+site query (returns list of hosts visited in the given period). |
| | | `6`: Results as tag query (returns list of bookmarks with the given tag). |
| | | `7`: Results as tag container (returns bookmarks with given tag; for same uri uses last modified. `folder=tag_folder_id` must be present in the query. |

7
icons/add-device.svg Normal file
View file

@ -0,0 +1,7 @@
<!-- 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">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M14 5h-3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm-3 8V7h3v6z"/>
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M2 3h8v1h2V3a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h3v1H3a1 1 0 0 0 0 2h5v-2H7v-1h1V9H2z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 623 B

3
icons/highlight.svg Normal file
View file

@ -0,0 +1,3 @@
<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">
<path d="M14.604 0a.6.6 0 0 1 .594.52l.005.08-.003 3.6a1.804 1.804 0 0 1-1.6 1.787l-.001 1.808a1.8 1.8 0 0 1-1.677 1.796l-.123.004h-.201v2.233a1.8 1.8 0 0 1-.913 1.567l-.123.064-5.308 2.485a.6.6 0 0 1-.85-.463L4.4 15.4V9.593h-.202A1.8 1.8 0 0 1 2.4 7.917l-.004-.123V5.986A1.8 1.8 0 0 1 .8 4.33l-.004-.132V.6A.6.6 0 0 1 1.99.519L1.997.6v3.597a.6.6 0 0 0 .518.595l.082.005h10.801a.603.603 0 0 0 .596-.519L14 4.197l.003-3.598a.6.6 0 0 1 .6-.599Zm-4.206 9.594H5.599v4.862l4.454-2.085a.6.6 0 0 0 .34-.458l.005-.086zm2-3.597h-8.8v1.797a.6.6 0 0 0 .518.594l.082.006H11.8a.6.6 0 0 0 .594-.519l.006-.081z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 748 B

8
icons/link.svg
View file

@ -1,8 +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">
<rect x="7" y="3.286" width="2" height="9.429" rx="1" ry="1" transform="rotate(-45 8 8)"/>
<path d="M2.354 4.522L4.485 2.39a.5.5 0 0 1 .711 0l3.19 3.19.014-.015a2 2 0 0 0 0-2.821L6.272.616a2 2 0 0 0-2.821 0L.616 3.451a2 2 0 0 0 0 2.821L2.744 8.4a1.993 1.993 0 0 0 2.8.02l-3.19-3.186a.5.5 0 0 1 0-.712z"/>
<path d="M15.416 9.759L13.287 7.63a2 2 0 0 0-2.821 0l-.015.015 3.189 3.189a.5.5 0 0 1 0 .711l-2.132 2.132a.5.5 0 0 1-.711 0L7.61 10.49a1.993 1.993 0 0 0 .02 2.8l2.128 2.128a2 2 0 0 0 2.821 0l2.835-2.835a2 2 0 0 0 .002-2.824z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="16" height="16" viewBox="0 0 16 16" fill="none" fill-opacity="context-fill-opacity" style="enable-background:new 0 0 16 16">
<path stroke="context-stroke" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10.824 10.824 5.176 5.176m2.294 5.825a1.249 1.249 0 0 0 0 1.765l2.118 2.118a1.249 1.249 0 0 0 1.765 0l3.53-3.53a1.249 1.249 0 0 0 0-1.765L12.766 7.47a1.249 1.249 0 0 0-1.765 0M8.53 4.999a1.249 1.249 0 0 0 0-1.765L6.411 1.116a1.249 1.249 0 0 0-1.765 0l-3.53 3.53a1.249 1.249 0 0 0 0 1.765L3.234 8.53a1.249 1.249 0 0 0 1.765 0"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 897 B

After

Width:  |  Height:  |  Size: 842 B

Before After
Before After

4
icons/pin-tab.svg
View file

@ -1,6 +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" >
<path d="M14.707 13.293L11.414 10l2.293-2.293a1 1 0 0 0 0-1.414A4.384 4.384 0 0 0 10.586 5h-.172A2.415 2.415 0 0 1 8 2.586V2a1 1 0 0 0-1.707-.707l-5 5A1 1 0 0 0 2 8h.586A2.415 2.415 0 0 1 5 10.414v.169a4.036 4.036 0 0 0 1.337 3.166 1 1 0 0 0 1.37-.042L10 11.414l3.293 3.293a1 1 0 0 0 1.414-1.414zm-7.578-1.837A2.684 2.684 0 0 1 7 10.583v-.169a4.386 4.386 0 0 0-1.292-3.121 4.414 4.414 0 0 0-1.572-1.015l2.143-2.142a4.4 4.4 0 0 0 1.013 1.571A4.384 4.384 0 0 0 10.414 7h.172a2.4 2.4 0 0 1 .848.152z"/>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="16" height="16" viewBox="0 0 16 16" fill="none" fill-opacity="context-fill-opacity" style="enable-background:new 0 0 16 16">
<path stroke="context-stroke" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" d="m2.131 6.044 3.735 3.735.143 2.83c.044.866 1.093 1.269 1.706.656l5.55-5.55c.613-.613.209-1.662-.656-1.706l-2.83-.143-3.735-3.735M.53 7.644 7.644.53m7.825 14.94-4.979-4.98"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 862 B

After

Width:  |  Height:  |  Size: 686 B

Before After
Before After

4
icons/unpin-tab.svg
View file

@ -2,5 +2,7 @@
- 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">
<path d="M11.414 10l2.293-2.293a1 1 0 0 0 0-1.414 4.418 4.418 0 0 0-.8-.622L11.425 7.15h.008l-4.3 4.3v-.017l-1.48 1.476a3.865 3.865 0 0 0 .692.834 1 1 0 0 0 1.37-.042L10 11.414l3.293 3.293a1 1 0 0 0 1.414-1.414zm3.293-8.707a1 1 0 0 0-1.414 0L9.7 4.882A2.382 2.382 0 0 1 8 2.586V2a1 1 0 0 0-1.707-.707l-5 5A1 1 0 0 0 2 8h.586a2.382 2.382 0 0 1 2.3 1.7l-3.593 3.593a1 1 0 1 0 1.414 1.414l12-12a1 1 0 0 0 0-1.414zm-9 6a4.414 4.414 0 0 0-1.571-1.015l2.143-2.142a4.4 4.4 0 0 0 1.013 1.571 4.191 4.191 0 0 0 .9.684l-1.8 1.8a4.2 4.2 0 0 0-.684-.898z"/>
<path d="M7.253 1 1 7.253l.867.867L8.12 1.867 7.253 1Zm3.367 8.754-.866.867L14.133 15l.866-.867-4.379-4.379Z"/>
<path d="m8.236 5.663.866-.867-2.388-2.389a.613.613 0 1 0-.867.867l2.389 2.389Zm-3.439 3.44.867-.867-2.39-2.389a.613.613 0 1 0-.867.867l2.39 2.389Zm7.311-3.536-2.242-.05-.887.888.325.325 2.777.062a.253.253 0 0 1 .242.167c.024.061.05.18-.06.287l-5.016 5.017a.253.253 0 0 1-.288.059.253.253 0 0 1-.166-.242L6.73 9.304l-.325-.326-.888.888.05 2.242c.014.607.371 1.124.936 1.35a1.475 1.475 0 0 0 1.61-.329l5.017-5.016c.43-.43.555-1.047.33-1.61a1.471 1.471 0 0 0-1.353-.936Z"/>
<path stroke="context-stroke" stroke-miterlimit="10" stroke-width="1.5" d="M1.513 14.742 14.297 1.958"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 907 B

After

Width:  |  Height:  |  Size: 1 KiB

Before After
Before After

6
src/combined/_back_forward_button.scss
View file

@ -40,10 +40,12 @@
#nav-bar-customization-target > {
@supports -moz-bool-pref("userChrome.combined.urlbar.nav_button") or
(not (-moz-bool-pref("userChrome.combined.sub_button.as_normal") and
((not -moz-bool-pref("userChrome.combined.sub_button.as_normal")) or
(
-moz-bool-pref("userChrome.combined.nav_button") and
-moz-bool-pref("userChrome.combined.urlbar.home_button")
)) {
)
) {
#forward-button {
--uc-forward-button-margin: calc(-1 * var(--uc-toolbarbutton-boundary) + 1px);

2
src/contents/_activity_stream.scss
View file

@ -159,7 +159,7 @@
#contentSearchSettingsButton::before {
content: url("chrome://global/skin/icons/settings.svg") !important;
display: -moz-inline-box;
@include InlineBox;
/* Color */
-moz-context-properties: fill, fill-opacity !important;

33
src/contents/_rounding.scss
View file

@ -3,10 +3,9 @@
url-prefix "about:",
regexp "^chrome:\/\/\\w+\/content\/.*\.xhtml$"
) {
button,
button:not(.toggle-button),
.close-icon,
.action-icon::before,
.web-appearance-choice,
.page-section-header > .twisty,
.closed-tab-li-main,
#categories > .category,
@ -94,7 +93,9 @@
treecols,
listheader,
richlistbox,
search-textbox {
search-textbox,
.web-appearance-choice,
.content-blocking-category {
border-radius: 0 !important;
}
}
@ -154,3 +155,29 @@
}
}
}
@include Option("userChrome.rounding.square_infobox") {
@include moz-document(
url-prefix "about:",
regexp "^chrome:\/\/\\w+\/content\/.*\.xhtml$"
) {
/*
* .container is inside shadow DOM,
* and it does not have any other classes,
* but there may be other elements with the same class,
* hence the weird selector.
*/
link[href="chrome://global/content/elements/message-bar.css"] + .container,
.info-box-container:not(.content-blocking-category),
.options-container,
#sanitizeEverythingWarningBox {
border-radius: 0 !important;
}
}
@include moz-document(url-prefix "about:debugging") {
.message {
border-radius: 0 !important;
}
}
}

2
src/counter/_bookmark_menu.scss
View file

@ -2,7 +2,7 @@ menupopup[placespopup="true"] > menu.bookmark-item > .menu-right {
counter-reset: bookmark-counts 0;
}
menupopup[placespopup="true"] > menu.bookmark-item::after {
display: -moz-inline-box;
@include InlineBox;
content: "(" counter(bookmark-counts) ")";
}

2
src/decoration/_animate.scss
View file

@ -115,7 +115,7 @@ xul|search-textbox.tabsFilter,
will-change: margin-inline-start, opacity, visibility;
&[hidden="true"] {
display: -moz-box !important;
@include Box(true);
margin-inline-start: -18em;
opacity: 0;
visibility: collapse;

3
src/decoration/_cursor.scss
View file

@ -24,7 +24,8 @@ menuitem.openintabs-menuitem,
#identity-popup-more-info,
#unified-extensions-manage-extensions,
.unified-extensions-item-open-menu,
.unified-extensions-item-menu-button.subviewbutton {
.unified-extensions-item-menu-button.subviewbutton,
#PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-title > .ac-text-overflow-container > .ac-title-text {
cursor: pointer !important;
}

2
src/icons/_global_menu.scss
View file

@ -158,9 +158,11 @@ menu.share-tab-url-item {
/* viewFullZoomMenu sub menu */
#menu_zoomEnlarge {
--menuitem-image: url("chrome://browser/skin/add-circle-fill.svg");
stroke: transparent !important;
}
#menu_zoomReduce {
--menuitem-image: url("chrome://browser/skin/subtract-circle-fill.svg");
stroke: transparent !important;
}
#menu_zoomReset {
--menuitem-image: url("../icons/resize.svg");

17
src/icons/_panel.scss
View file

@ -1,6 +1,6 @@
/*= Panel - Main =============================================================*/
#appMenu-proton-addon-banners > .addon-banner-item > .toolbarbutton-icon {
display: -moz-inline-box !important;
@include InlineBox(true);
margin-inline-start: var(--arrowpanel-menuicon-padding);
@include BoxOrder(0, true);
}
@ -133,7 +133,7 @@
/* Default */
#fxa-manage-account-button::before {
content: "";
display: -moz-inline-box;
@include InlineBox;
width: 32px !important;
height: 32px !important;
border-radius: 50%;
@ -153,7 +153,7 @@
.syncNowBtn {
visibility: visible !important;
@include BoxOrder(1, true);
@include BoxOrder(0, true);
margin-inline-end: var(--arrowpanel-menuicon-padding);
}
@ -162,7 +162,7 @@
}
#PanelUI-fxa-menu-connect-device-button {
list-style-image: url("chrome://browser/skin/fxa/add-device.svg");
list-style-image: url("../icons/add-device.svg");
}
#PanelUI-fxa-menu-sendtab-button {
list-style-image: url("../icons/send-to-device.svg");
@ -199,7 +199,7 @@
/* Change Separator */
#PanelUI-fxa-menu::before {
content: "";
display: -moz-box;
@include Box;
border-bottom: 1px solid var(--panel-separator-color);
margin: var(--panel-separator-margin);
padding: 0;
@ -362,7 +362,7 @@ panelMenuBookmarkThisPage[starred] {
list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
}
#downloadsHistory .box-inherit.button-box {
display: -moz-inline-box !important;
@include InlineBox(true);
}
/*= Toolbar - Overflow Menu ==================================================*/
@ -396,6 +396,9 @@ panelMenuBookmarkThisPage[starred] {
--menuitem-image: url("chrome://global/skin/icons/close.svg");
}
}
#BMB_searchBookmarks {
--menuitem-image: url("chrome://global/skin/icons/search-glass.svg");
}
#BMB_bookmarksShowAllTop,
#BMB_bookmarksShowAll {
--menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
@ -409,7 +412,7 @@ panelMenuBookmarkThisPage[starred] {
list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") !important;
}
#BMB_bookmarksShowAllTop > .menu-iconic-left {
display: -moz-box !important;
@include Box(true);
}
}

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

@ -9,7 +9,7 @@
#context-viewsource-highlightSyntax {
/* checkbox */
--menuitem-image: url("../icons/code.svg");
--menuitem-image: url("../icons/highlight.svg");
}
#spell-no-suggestions {
@ -190,6 +190,9 @@
#context-selectall {
--menuitem-image: url("../icons/select-all-on.svg");
}
#context-reveal-password {
--menuitem-image: url("../icons/eye-show.svg");
}
#context-print-selection {
--menuitem-image: url("chrome://global/skin/icons/print.svg");
}

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

@ -227,6 +227,10 @@ menuitem.searchbar-clear-history {
}
/*= unified-extensions-context-menu ==========================================*/
.unified-extensions-context-menu-pin-to-toolbar {
--menuitem-image: url("../icons/pin-tab.svg");
}
.unified-extensions-context-menu-manage-extension {
--menuitem-image: url("chrome://global/skin/icons/settings.svg");
}

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

@ -28,6 +28,7 @@
#tabcenter-reborn_ariasuni-menuitem-_contextMenuMuteTab,
#sidebartabs_asamuzak_jp-menuitem-_muteTab {
--menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg");
stroke: transparent !important;
}
#context_toggleMuteTab[muted],
#context_toggleMuteSelectedTabs[muted],

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

@ -47,7 +47,7 @@ $_initialMenus: selector.append(
/* Color */
-moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important;
stroke: transparent;
stroke: currentColor;
/* Layout */
background-size: 16px !important;

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

@ -1,7 +1,7 @@
/*= Padding ==================================================================*/
:root {
--arrowpanel-menuicon-padding: 8px;
--arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-padding) * 2 + var(var(--arrowpanel-menuitem-padding-inline))) !important;
--arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-padding) * 2 + var(--arrowpanel-menuitem-padding-inline)) !important;
--arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding-inline) - 2px) !important;
--arrowpanel-menuimageblank-padding-block: calc(var(--arrowpanel-menuitem-padding-block) - 2px) !important;
}
@ -44,7 +44,7 @@
#appMenu-multiView .subviewbutton::before,
#appMenu-proton-update-banner::before {
display: -moz-inline-box;
@include InlineBox;
margin-inline-end: var(--arrowpanel-menuicon-padding);
width: 16px;
height: 16px;

1
src/leptonContent.scss
View file

@ -4,6 +4,7 @@
@use "utils/accent_color" as *;
@use "utils/native_menu" as *;
@use "utils/moz_document" as *;
@use "utils/moz_box" as *;
@use "utils/proton_elements" as Proton;
@use "sass:selector";

2
src/library/_menubar.scss
View file

@ -24,7 +24,7 @@
list-style-image: url("chrome://global/skin/icons/delete.svg") !important;
}
#clearDownloadsButton > .toolbarbutton-icon {
display: -moz-inline-box !important;
@include InlineBox(true);
margin-top: 0;
margin-bottom: 0;
margin-inline-start: 0;

7
src/others/_findbar_floating_on_top.scss
View file

@ -27,7 +27,8 @@ findbar {
&::before {
content:"";
display: -moz-box;
@include Box;
position: absolute;
@include BoxFlex(200);
}
}
@ -44,14 +45,14 @@ findbar {
.findbar-container {
@include BoxDirection("reverse");
border-width: 0 0 1px 1px;
border-radius: var(--toolbarbutton-border-radius) 0 0 var(--toolbarbutton-border-radius) !important;
border-radius: var(--uc-rounding-toolbar, var(--toolbarbutton-border-radius)) 0 0 var(--uc-rounding-toolbar, var(--toolbarbutton-border-radius)) !important;
> .findbar-find-fast {
padding: var(--toolbarbutton-inner-padding) 1px;
margin: 0 !important;
}
> .findbar-find-status {
display: -moz-box;
@include Box;
overflow: hidden;
text-overflow: ellipsis;
@include BoxFlex(1);

12
src/rounding/_square.scss
View file

@ -71,6 +71,18 @@
}
}
@include Option("userChrome.rounding.square_toolbar") {
:root {
--uc-rounding-toolbar: 0;
}
.container.infobar,
.container.infobar::before,
notification-message {
border-radius: var(--uc-rounding-toolbar) !important;
}
}
@include Option("userChrome.rounding.square_field") {
input:not([type="radio"], [type="checkbox"]),
textarea,

2
src/tab/_picture_in_picture_tab.scss
View file

@ -4,7 +4,7 @@
}
.tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-content::after {
/* Shape */
display: -moz-inline-box !important;
@include InlineBox(true);
width: 14px;
height: 14px;
background-size: 14px;

2
src/tab/clipped_tab/_always_show_tab_icon.scss
View file

@ -1,3 +1,3 @@
.tab-icon-image:not([src], [pinned], [crashed], [busy]) {
display: -moz-inline-box !important;
@include InlineBox(true);
}

2
src/tab/clipped_tab/_pinned_close_button.scss
View file

@ -11,7 +11,7 @@
//-- Mixin ---------------------------------------------------------------------
@mixin pinnedCloseButtonShow($prefix: "") {
#{$prefix}:not([busy]) .tab-close-button {
display: -moz-box !important;
@include Box(true);
@include BoxOrder(0, true);
/* Looks like hover */

2
src/tab/clipped_tab/_show_close_button_at_hover.scss
View file

@ -24,7 +24,7 @@
> .tab-stack
> .tab-content
> .tab-close-button:not([selected="true"]) {
display: -moz-inline-box !important;
@include InlineBox(true);
}
@include _closeButtonAtHover;

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

@ -143,3 +143,10 @@
// background-position: center;
}
}
/* Fix tab overlap #678 */
@include Option("userChrome.tab.bottom_rounded_corner") {
tab:where([visuallyselected="true"]) {
z-index: 1;
}
}

2
src/tab/selected_tab/_photon_like_contextline.scss
View file

@ -1,5 +1,5 @@
.tab-context-line {
display: -moz-inline-box !important;
@include InlineBox(true);
height: 2px !important;
border-radius: var(--tab-border-radius, 4px) var(--tab-border-radius, 4px) 0 0 !important;
}

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

@ -1,3 +1,3 @@
.tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]){
display: -moz-box !important;
@include Box(true);
}

2
src/tabbar/_as_titlebar.scss
View file

@ -82,6 +82,6 @@ spacer:is([part="overflow-start-indicator"], [part="overflow-end-indicator"]),
@include Option("browser.tabs.tabmanager.enabled") {
:root:not([tabsintitlebar="true"]) #tabbrowser-tabs:not([overflow="true"], [hashiddentabs]) ~ #alltabs-button,
:root:not([tabsintitlebar="true"]) #tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow="true"]) ~ #new-tab-button {
display: -moz-box !important;
@include Box(true);
}
}

2
src/tabbar/_multi_row.scss
View file

@ -65,7 +65,7 @@ See the above repository for updates as well as full license text. */
margin-bottom: 0 !important;
}
#tabbrowser-tabs[hasadjacentnewtabbutton][overflow="true"] > #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery > #tabs-newtab-button {
display: -moz-box !important;
@include Box(true);
}
#alltabs-button,

2
src/tabbar/_one_liner.scss
View file

@ -46,7 +46,7 @@
#nav-bar {
--toolbarbutton-inner-padding: 6px; /* Original: 8px */
border-radius: var(--tab-border-radius, 4px);
border-radius: var(--uc-rounding-toolbar, var(--tab-border-radius, 4px));
}
#nav-bar,

14
src/theme/_fully_color.scss
View file

@ -239,7 +239,8 @@ body:not([lwt-sidebar]) xul|search-textbox.tabsFilter[focused="true"] {
#PopupAutoComplete > richlistbox > richlistitem {
&[originaltype="generatedPassword"] > .two-line-wrapper > .ac-site-icon,
&[originaltype="loginWithOrigin"] > .two-line-wrapper > .ac-site-icon,
&[originaltype="login"] > .ac-site-icon {
&[originaltype="login"] > .ac-site-icon,
&[originaltype="insecureWarning"] > .ac-site-icon {
fill: GrayText !important;
}
@ -257,4 +258,15 @@ body:not([lwt-sidebar]) xul|search-textbox.tabsFilter[focused="true"] {
hsla(0, 0%, 80%, 0.5)
) !important; /* Original: hsla(0,0%,80%,.5), match arrowpanel-dimmed-further */
}
&[originaltype="insecureWarning"] {
background-color: var(--panel-bgcolor) !important; /* Original: var(--arrowpanel-dimmed) */
&:hover {
background-color: var(--arrowpanel-dimmed, hsla(0deg, 0%, 80%, 0.35)) !important;
}
> .ac-title {
color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: var(--grey-60) */
}
}
}

4
src/theme/proton_chrome/_page_info.scss
View file

@ -18,6 +18,10 @@
fill: currentColor !important;
color: var(--in-content-deemphasized-text) !important; /* FieldText */
.radio-icon {
background-image: none !important; // #680
}
@include NotOption("userChrome.rounding.square_button") {
border-radius: 8px !important;
}

6
src/theme/proton_chrome/_proton_commons.scss
View file

@ -284,7 +284,7 @@
}
dropmarker {
display: -moz-box !important;
@include Box(true);
appearance: none !important;
width: 12px !important;
height: 12px !important;
@ -486,7 +486,7 @@
font-size: inherit !important;
}
xul|menulist::part(dropmarker) {
display: -moz-box;
@include Box;
margin-block: 6px !important;
}
xul|menulist:-moz-focusring::part(label-box) {
@ -501,7 +501,7 @@
}
xul|menulist::part(dropmarker) {
display: -moz-box !important;
@include Box(true);
margin-block: 1px !important;
}

21
src/utils/_moz_box.scss
View file

@ -20,7 +20,12 @@
$important: _important($important);
// -moz-box-ordinal-group is always positive
order: $num $important;
@if $num == 0 {
order: -1 $important;
}
@else {
order: $num $important;
}
-moz-box-ordinal-group: $num $important;
}
@ -105,3 +110,17 @@
-moz-box-direction: reverse $important;
}
}
@mixin Box($important: false) {
$important: _important($important);
display: flex $important;
display: -moz-box $important;
}
@mixin InlineBox($important: false) {
$important: _important($important);
display: inline-flex $important;
display: -moz-inline-box $important;
}

4
user.js
View file

@ -65,12 +65,12 @@ user_pref("userChrome.rounding.square_tab", true);
// user_pref("userChrome.compatibility.os.linux_non_native_titlebar_button", true);
// user_pref("userChrome.compatibility.os.windows_maximized", true);
// user_pref("userChrome.compatibility.os.win11", true);
// == Theme Custom Settings ====================================================
// -- User Chrome --------------------------------------------------------------
// user_pref("userChrome.theme.proton_color.dark_blue_accent", true);
// user_pref("userChrome.theme.monospace", true);
// user_pref("userChrome.compatibility.os.win11", true);
// user_pref("userChrome.decoration.disable_panel_animate", true);
// user_pref("userChrome.decoration.disable_sidebar_animate", true);
@ -126,6 +126,8 @@ user_pref("userChrome.rounding.square_tab", true);
// user_pref("userChrome.rounding.square_panelitem", true);
// user_pref("userChrome.rounding.square_menupopup", true);
// user_pref("userChrome.rounding.square_menuitem", true);
// user_pref("userChrome.rounding.square_infobox", true);
// user_pref("userChrome.rounding.square_toolbar", true);
// user_pref("userChrome.rounding.square_field", true);
// user_pref("userChrome.rounding.square_urlView_item", true);
// user_pref("userChrome.rounding.square_checklabel", true);