diff --git a/Icons/addons.svg b/Icons/addons.svg new file mode 100644 index 0000000..663df4f --- /dev/null +++ b/Icons/addons.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/arrow-back.svg b/Icons/arrow-back.svg new file mode 100644 index 0000000..17922db --- /dev/null +++ b/Icons/arrow-back.svg @@ -0,0 +1,12 @@ + + + + diff --git a/Icons/audio-muted.svg b/Icons/audio-muted.svg new file mode 100644 index 0000000..fadc010 --- /dev/null +++ b/Icons/audio-muted.svg @@ -0,0 +1,9 @@ + + + + + diff --git a/Icons/audio.svg b/Icons/audio.svg new file mode 100644 index 0000000..a0a9f39 --- /dev/null +++ b/Icons/audio.svg @@ -0,0 +1,9 @@ + + + + + diff --git a/Icons/blank.svg b/Icons/blank.svg new file mode 100644 index 0000000..51f9a4c --- /dev/null +++ b/Icons/blank.svg @@ -0,0 +1,2 @@ + + diff --git a/Icons/bookmark.svg b/Icons/bookmark.svg new file mode 100644 index 0000000..7251ccf --- /dev/null +++ b/Icons/bookmark.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/brush.svg b/Icons/brush.svg new file mode 100644 index 0000000..7023b3b --- /dev/null +++ b/Icons/brush.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/bug.svg b/Icons/bug.svg new file mode 100644 index 0000000..4ee7ba9 --- /dev/null +++ b/Icons/bug.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/chevron-animation.svg b/Icons/chevron-animation.svg new file mode 100644 index 0000000..36e3ad5 --- /dev/null +++ b/Icons/chevron-animation.svg @@ -0,0 +1,3 @@ + + + diff --git a/Icons/chevron-down.svg b/Icons/chevron-down.svg new file mode 100644 index 0000000..88240ce --- /dev/null +++ b/Icons/chevron-down.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/chevron-up.svg b/Icons/chevron-up.svg new file mode 100644 index 0000000..12da97b --- /dev/null +++ b/Icons/chevron-up.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/close.svg b/Icons/close.svg new file mode 100644 index 0000000..f8513a1 --- /dev/null +++ b/Icons/close.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/copy.svg b/Icons/copy.svg new file mode 100644 index 0000000..9302ea7 --- /dev/null +++ b/Icons/copy.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/cut.svg b/Icons/cut.svg new file mode 100644 index 0000000..c8ef566 --- /dev/null +++ b/Icons/cut.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/developer.svg b/Icons/developer.svg new file mode 100644 index 0000000..b066ab4 --- /dev/null +++ b/Icons/developer.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/download.svg b/Icons/download.svg new file mode 100644 index 0000000..34cbeb8 --- /dev/null +++ b/Icons/download.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Icons/edge.svg b/Icons/edge.svg new file mode 100644 index 0000000..8debfca --- /dev/null +++ b/Icons/edge.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/email.svg b/Icons/email.svg new file mode 100644 index 0000000..a5b1598 --- /dev/null +++ b/Icons/email.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/folder-bookmarks.svg b/Icons/folder-bookmarks.svg new file mode 100644 index 0000000..012b09d --- /dev/null +++ b/Icons/folder-bookmarks.svg @@ -0,0 +1,15 @@ + + + + + + + + diff --git a/Icons/folder.svg b/Icons/folder.svg new file mode 100644 index 0000000..3aa3fb1 --- /dev/null +++ b/Icons/folder.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/forget.svg b/Icons/forget.svg new file mode 100644 index 0000000..cb05d99 --- /dev/null +++ b/Icons/forget.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/fullscreen-enter.svg b/Icons/fullscreen-enter.svg new file mode 100644 index 0000000..4c68d89 --- /dev/null +++ b/Icons/fullscreen-enter.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/fullscreen-exit.svg b/Icons/fullscreen-exit.svg new file mode 100644 index 0000000..b0eed03 --- /dev/null +++ b/Icons/fullscreen-exit.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/globe.svg b/Icons/globe.svg new file mode 100644 index 0000000..75943ab --- /dev/null +++ b/Icons/globe.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/history.svg b/Icons/history.svg new file mode 100644 index 0000000..153772d --- /dev/null +++ b/Icons/history.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/home.svg b/Icons/home.svg new file mode 100644 index 0000000..3342aef --- /dev/null +++ b/Icons/home.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/hyperlink.svg b/Icons/hyperlink.svg new file mode 100644 index 0000000..ec106e1 --- /dev/null +++ b/Icons/hyperlink.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/icons.css b/Icons/icons.css new file mode 100644 index 0000000..31947b5 --- /dev/null +++ b/Icons/icons.css @@ -0,0 +1,464 @@ +.subviewbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; + -moz-context-properties: fill; + fill: currentColor; + } + +.toolbarbutton-1#back-button, +#context-back, +.subviewbutton-back, +.identity-popup-expander +{ + list-style-image: url(arrow-back.svg) !important; +} + +.toolbarbutton-1#forward-button, +#context-forward +{ + list-style-image: url(arrow-back.svg#flip) !important; +} + +#PanelUI-menu-button +{ + list-style-image: url(menu.svg) !important; +} + +#reload-button, +#context-reload +{ + list-style-image: url(refresh.svg) !important; +} + +#reload-button > .toolbarbutton-animatable-box, #stop-button > .toolbarbutton-animatable-box, +#nav-bar-overflow-button > .toolbarbutton-animatable-box { + margin-inline-start: calc((16px + 2 * 12px - 18px) / 2) !important; +} + +#stop-reload-button[animate] > #reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image { + background-image: url(reload-to-stop.svg) !important; +} + +#stop-button, +#context-stop +{ + list-style-image: url(stop.svg) !important; +} + +#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image { + background-image: url(stop-to-reload.svg) !important; +} + +#nav-bar-overflow-button[animate] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image { + background-image: url(chevron-animation.svg) !important; +} + +#home-button +{ + list-style-image: url(home.svg) !important; +} + +#star-button, +#context-bookmarkpage, +#pageAction-panel-bookmark, +#panelMenuBookmarkThisPage +{ + list-style-image: url(star.svg) !important; +} + +#star-button[starred], +#tracking-protection-icon-box[active] +{ + fill: var(--toolbarbutton-icon-fill-attention) !important; +} + +#star-button[starred], +#context-bookmarkpage[starred], +#panelMenuBookmarkThisPage +{ + list-style-image: url(star-fill.svg) !important; +} + +#bookmarks-menu-button, +#appMenu-library-bookmarks-button, +#panelMenu_toggleBookmarksMenu +{ + list-style-image: url(star.svg) !important; +} + +#library-button, +#appMenu-library-button +{ + list-style-image: url(library.svg) !important; +} + +#preferences-button, +#appMenu-preferences-button, +.identity-popup-preferences-button, +#urlbar-anon-search-settings-compact .button-icon, +#PanelUI-fxa-menu-sync-prefs-button, +#PanelUI-fxa-menu-account-devices-button +{ + list-style-image: url(settings.svg) !important; +} + +#appMenu-new-window-button, #new-window-button { + list-style-image: url(new-window.svg) !important; +} + +#appMenu-private-window-button, #privatebrowsing-button { + list-style-image: url(new-private-window.svg) !important; +} + +#appMenu-fullscreen-button, #fullscreen-button { + list-style-image: url(fullscreen-enter.svg) !important; +} + +#appMenu-fullscreen-button[checked], #fullscreen-button[checked] { + list-style-image: url(fullscreen-exit.svg) !important; +} + +#appMenu-zoomEnlarge-button, #zoom-in-button { + list-style-image: url(zoom-in.svg) !important; +} + +#appMenu-zoomReduce-button, #zoom-out-button { + list-style-image: url(zoom-out.svg) !important; +} + +#appMenu-library-downloads-button, #downloads-button { + list-style-image: url(download.svg#arrow-with-bar) !important; +} +#downloads-indicator-icon { + background-image: url(download.svg#arrow) !important; +} +#downloads-button[progress] #downloads-indicator-icon { + background-image: url(download.svg#arrow-progress) !important; +} +#downloads-indicator-progress-outer { + background-image: url(download.svg#default-bar) !important; +} +#downloads-indicator-progress-inner, #downloads-button[progress] > .toolbarbutton-badge-stack > #downloads-indicator-anchor > #downloads-indicator-progress-outer { + background-image: url(download.svg#progress-bar-fg) !important; +} + +#downloads-button[progress] > .toolbarbutton-badge-stack > #downloads-indicator-anchor > #downloads-indicator-progress-outer { + background-image: url(download.svg#progress-bar-bg) !important; +} + +#PanelUI-fxa-menu-remotetabs-button, #appMenuRecentlyClosedTabs, #appMenu-library-remotetabs-button, #sync-button { + list-style-image: url(synced-tabs.svg) !important; +} + +#appMenu-library-pocket-button, #pocket-button, #pageAction-panel-pocket { + list-style-image: url(save-pocket.svg) !important; +} + +#PanelUI-remotetabs-view-sidebar, +#sidebar-button { + list-style-image: url(sidebar.svg) !important; +} + +#sidebar-button[positionend] { + transform: scaleX(-1) !important; +} + +#sidebar-button[checked] { + list-style-image: url(sidebar-fill.svg) !important; +} + +#nav-bar-overflow-button, #alltabs-button { + list-style-image: url(overflow.svg) !important; +} + +#PlacesChevron { + list-style-image: url(menu-right.svg) !important; +} + +#appMenu-customize-button, #overflowMenu-customize-button { + list-style-image: url(brush.svg) !important; +} + +#appMenu-print-button, #print-button { + list-style-image: url(print.svg) !important; +} + +#appMenu-save-file-button, #save-page-button { + list-style-image: url(savefile.svg) !important; +} + +#appMenu-open-file-button, #open-file-button { + list-style-image: url(openfile.svg) !important; +} + +#history-panelmenu, +#appMenu-library-history-button +{ + list-style-image: url(history.svg) !important; +} + +#appMenu-logins-button, +richlistitem[originaltype="loginWithOrigin"] .ac-site-icon, +richlistitem[originaltype="loginsFooter"] .ac-site-icon, +#PanelUI-fxa-menu-logins-button +{ + list-style-image: url(key.svg) !important; +} + +.subviewbutton[type="highlight-history"]::after +{ + content: url(history.svg) !important; +} + +#add-ons-button, +#appMenu-addons-button +{ + list-style-image: url(addons.svg) !important; +} + +#email-link-button, +#pageAction-panel-emailLink, #pageAction-urlbar-emailLink +{ + list-style-image: url(email.svg) !important; +} + +#pageAction-panel-copyURL, #pageAction-urlbar-copyURL +{ + list-style-image: url(hyperlink.svg) !important; +} + +#reader-mode-button { + list-style-image: url(readerMode.svg) !important; +} + +#pageAction-panel-webcompat-reporter_mozilla_org +{ + list-style-image: url(bug.svg) !important; +} + +#pageAction-panel-webcompat-reporter_mozilla_org > .toolbarbutton-icon +{ + list-style-image: inherit !important; +} + +#screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-left +{ + background-image: url(screenshot.svg) !important; + background-position: 4px center !important; + background-repeat: no-repeat !important; +} + +#screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-icon +{ + visibility: hidden !important; +} + +#pageAction-panel-screenshots_mozilla_org .toolbarbutton-icon, +#pageAction-urlbar-screenshots_mozilla_org +{ + list-style-image: url(screenshot.svg) !important; +} + +#tabs-newtab-button, +#new-tab-button +{ + list-style-image: url(new-tab.svg) !important; +} + +#panic-button { + list-style-image: url(forget.svg) !important; +} + +#developer-button { + list-style-image: url(developer.svg) !important; +} + +:root:not([fxastatus=signedin]) #fxa-avatar-image, +:root[fxastatus=signedin]:not([style*="--avatar-image-url"]) :-moz-any(#fxa-avatar-image, #fxa-menu-avatar, #appMenu-fxa-label) +{ + list-style-image: url(profile.svg) !important; +} + +:-moz-any(:root[privatebrowsingmode], :root[privatebrowsingmode][fxastatus=signedin]:not([style*="--avatar-image-url"])) #fxa-avatar-image +{ + list-style-image: url(incognito.svg) !important; +} + +#tracking-protection-icon +{ + list-style-image: url(tracking-protection.svg) !important; +} + +#appMenu-protection-report-icon { + list-style-image: url(protections.svg) !important; +} + +#pageActionButton +{ + list-style-image: url(menu.svg) !important; +} + +#urlbar[pageproxystate="invalid"] #identity-icon, +.searchbar-search-icon, +#PopupAutoCompleteRichResult .ac-type-icon[type="keyword"], +#PopupAutoCompleteRichResult .ac-site-icon[type="searchengine"], +#panelMenu_searchBookmarks +{ + list-style-image: url(search.svg) !important; +} + +#appMenu-find-button, #find-button { + list-style-image: url(search-file.svg) !important; +} + +#appMenu-whatsnew-button { + list-style-image: url(whatsnew.svg) !important; +} + +#appMenu-developer-button { + list-style-image: url(webdeveloper.svg) !important; +} + +#appMenu-more-button { + list-style-image: url(menu.svg) !important; +} + +#appMenu-cut-button, #cut-button +{ + list-style-image: url(cut.svg) !important; +} + +#appMenu-copy-button, #copy-button +{ + list-style-image: url(copy.svg) !important; +} + +#appMenu-paste-button, #paste-button +{ + list-style-image: url(paste.svg) !important; +} + +#appMenu-fxa-label, +#PanelUI-fxa-menu-syncnow-button, +#appMenu-fxa-icon, +#PanelUI-remotetabs-syncnow +{ + list-style-image: url(sync.svg) !important; +} + +.tab-icon-image, .bookmark-item +{ + list-style-image: url(globe.svg) !important; +} + +.tab-icon-image[src="chrome://global/skin/icons/settings.svg"] { + background-image: url(settings.svg) !important; + padding-left: 16px !important; +} + +.tab-icon-image:-moz-any([src="chrome://branding/content/icon32.png"], [src="chrome://browser/skin/privatebrowsing/favicon.svg"]):not([busy]) { + background-image: url(new-tab-image.svg) !important; + padding-left: 16px !important; +} + +.tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"] { + background-image: url(addons.svg) !important; + padding-left: 16px !important; +} + +.tab-icon-image[src="chrome://browser/skin/customize.svg"] { + background-image: url(brush.svg) !important; + padding-left: 16px !important; +} + +.tab-icon-pending[pinned], .tab-icon-image:not([src], [pinned], [crashed], [pictureinpicture])[selected], .tab-icon-image:not([src], [pinned], [crashed], [sharing], [pictureinpicture]), .tab-icon-image[busy], .tab-throbber:not([busy]), .tab-icon-sound:not([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]), .tab-icon-sound[pinned], .tab-sharing-icon-overlay, +.tab-icon-sound +{ + list-style-image: url(audio.svg) !important; +} + +.tab-icon-sound[muted] +{ + list-style-image: url(audio-muted.svg) !important; +} + +.tab-icon-sound[pictureinpicture] { + list-style-image: url(picture-in-picture.svg) !important; + width: 16px !important; + height: 16px !important; +} + +.tab-icon-overlay { + border-radius: 2px !important; + margin-inline: -10px -6px !important; +} + +.tab-icon-overlay[soundplaying] { + list-style-image: url(audio.svg#overlayStroke) !important; + -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important; + fill: var(--toolbar-color) !important; + stroke: var(--toolbar-bgcolor) !important; +} + +.tab-icon-overlay[muted] { + list-style-image: url(audio-muted.svg#overlayStroke) !important; + -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important; + fill: var(--toolbar-color) !important; + stroke: var(--toolbar-bgcolor) !important; +} + +#pageAction-panel-pinTab, #pageAction-urlbar-pinTab { + list-style-image: url(pin.svg) !important; +} + +#pageAction-urlbar-shareURL, #pageAction-panel-shareURL { + list-style-image: url(share.svg) !important; +} + +.tab-icon-overlay[activemedia-blocked], +.tab-icon-sound[activemedia-blocked] +{ + list-style-image: url(media-blocked.svg) !important; +} + +.downloadIconShow .button-icon +{ + list-style-image: url(folder.svg) !important; +} + +/* +:root[lwthemetextcolor="bright"] .bookmark-item[container] +{ + list-style-image: url(folder-bookmarks.svg#darkmode) !important; +} +*/ + +.bookmark-item[container] +{ + list-style-image: url(folder-bookmarks.svg#lightmode) !important; +} + +.panel-banner-item[notificationid^="update"] +{ + list-style-image: url(menu-update.svg) !important; + -moz-context-properties: fill, fill-opacity !important; + fill: currentColor !important; +} + + +.urlbarView-favicon[src*="history.svg"], .urlbarView-favicon[src*="search-glass.svg"] +{ + padding-left: 16px !important; + box-sizing: border-box !important; + width: 0 !important; +} + +.urlbarView-favicon[src*="history.svg"] +{ + background-image: url(history.svg) !important; +} + +.urlbarView-favicon[src*="search-glass.svg"] +{ + background-image: url(search.svg) !important; +} \ No newline at end of file diff --git a/Icons/incognito.svg b/Icons/incognito.svg new file mode 100644 index 0000000..4581a8e --- /dev/null +++ b/Icons/incognito.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + diff --git a/Icons/key.svg b/Icons/key.svg new file mode 100644 index 0000000..33626d6 --- /dev/null +++ b/Icons/key.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/library.svg b/Icons/library.svg new file mode 100644 index 0000000..f8b75b5 --- /dev/null +++ b/Icons/library.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/lock.svg b/Icons/lock.svg new file mode 100644 index 0000000..1329d18 --- /dev/null +++ b/Icons/lock.svg @@ -0,0 +1,6 @@ + + + + diff --git a/Icons/media-blocked.svg b/Icons/media-blocked.svg new file mode 100644 index 0000000..9c45be8 --- /dev/null +++ b/Icons/media-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/menu-update.svg b/Icons/menu-update.svg new file mode 100644 index 0000000..78314cc --- /dev/null +++ b/Icons/menu-update.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/menu.svg b/Icons/menu.svg new file mode 100644 index 0000000..b95a69e --- /dev/null +++ b/Icons/menu.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/new-private-window.svg b/Icons/new-private-window.svg new file mode 100644 index 0000000..f035c22 --- /dev/null +++ b/Icons/new-private-window.svg @@ -0,0 +1,5 @@ + + + \ No newline at end of file diff --git a/Icons/new-tab-image.svg b/Icons/new-tab-image.svg new file mode 100644 index 0000000..7eb3ee7 --- /dev/null +++ b/Icons/new-tab-image.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/new-tab.svg b/Icons/new-tab.svg new file mode 100644 index 0000000..efb33f1 --- /dev/null +++ b/Icons/new-tab.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/new-window.svg b/Icons/new-window.svg new file mode 100644 index 0000000..5e775c6 --- /dev/null +++ b/Icons/new-window.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/openfile.svg b/Icons/openfile.svg new file mode 100644 index 0000000..3aa3fb1 --- /dev/null +++ b/Icons/openfile.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/overflow.svg b/Icons/overflow.svg new file mode 100644 index 0000000..88240ce --- /dev/null +++ b/Icons/overflow.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/paste.svg b/Icons/paste.svg new file mode 100644 index 0000000..5349d4e --- /dev/null +++ b/Icons/paste.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/picture-in-picture.svg b/Icons/picture-in-picture.svg new file mode 100644 index 0000000..d5b5391 --- /dev/null +++ b/Icons/picture-in-picture.svg @@ -0,0 +1,3 @@ + + + diff --git a/Icons/print.svg b/Icons/print.svg new file mode 100644 index 0000000..ffd4c3c --- /dev/null +++ b/Icons/print.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/profile.svg b/Icons/profile.svg new file mode 100644 index 0000000..420a252 --- /dev/null +++ b/Icons/profile.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + diff --git a/Icons/protections.svg b/Icons/protections.svg new file mode 100644 index 0000000..7aa7901 --- /dev/null +++ b/Icons/protections.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/readerMode.svg b/Icons/readerMode.svg new file mode 100644 index 0000000..361b2be --- /dev/null +++ b/Icons/readerMode.svg @@ -0,0 +1,3 @@ + + + diff --git a/Icons/refresh.svg b/Icons/refresh.svg new file mode 100644 index 0000000..2052714 --- /dev/null +++ b/Icons/refresh.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/reload-to-stop.svg b/Icons/reload-to-stop.svg new file mode 100644 index 0000000..38c2664 --- /dev/null +++ b/Icons/reload-to-stop.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/Icons/save-pocket.svg b/Icons/save-pocket.svg new file mode 100644 index 0000000..42691ae --- /dev/null +++ b/Icons/save-pocket.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/savefile.svg b/Icons/savefile.svg new file mode 100644 index 0000000..812e6db --- /dev/null +++ b/Icons/savefile.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/screenshot.svg b/Icons/screenshot.svg new file mode 100644 index 0000000..1f27aa5 --- /dev/null +++ b/Icons/screenshot.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/search-file.svg b/Icons/search-file.svg new file mode 100644 index 0000000..00688ff --- /dev/null +++ b/Icons/search-file.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/search.svg b/Icons/search.svg new file mode 100644 index 0000000..cf81067 --- /dev/null +++ b/Icons/search.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/settings.svg b/Icons/settings.svg new file mode 100644 index 0000000..54b4abc --- /dev/null +++ b/Icons/settings.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/share.svg b/Icons/share.svg new file mode 100644 index 0000000..00d5748 --- /dev/null +++ b/Icons/share.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/sidebar-fill.svg b/Icons/sidebar-fill.svg new file mode 100644 index 0000000..b7ec631 --- /dev/null +++ b/Icons/sidebar-fill.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/sidebar.svg b/Icons/sidebar.svg new file mode 100644 index 0000000..5d53990 --- /dev/null +++ b/Icons/sidebar.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/star-fill.svg b/Icons/star-fill.svg new file mode 100644 index 0000000..65485e7 --- /dev/null +++ b/Icons/star-fill.svg @@ -0,0 +1,54 @@ + + + + + image/svg+xml + + + + + + + + diff --git a/Icons/star.svg b/Icons/star.svg new file mode 100644 index 0000000..7251ccf --- /dev/null +++ b/Icons/star.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/stop-to-reload.svg b/Icons/stop-to-reload.svg new file mode 100644 index 0000000..7a62c85 --- /dev/null +++ b/Icons/stop-to-reload.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Icons/stop.svg b/Icons/stop.svg new file mode 100644 index 0000000..f8513a1 --- /dev/null +++ b/Icons/stop.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/sync.svg b/Icons/sync.svg new file mode 100644 index 0000000..41e1e34 --- /dev/null +++ b/Icons/sync.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/synced-tabs.svg b/Icons/synced-tabs.svg new file mode 100644 index 0000000..bf8768f --- /dev/null +++ b/Icons/synced-tabs.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/tracking-protection.svg b/Icons/tracking-protection.svg new file mode 100644 index 0000000..14a21c8 --- /dev/null +++ b/Icons/tracking-protection.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/webdeveloper.svg b/Icons/webdeveloper.svg new file mode 100644 index 0000000..b066ab4 --- /dev/null +++ b/Icons/webdeveloper.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/whatsnew.svg b/Icons/whatsnew.svg new file mode 100644 index 0000000..9bd094d --- /dev/null +++ b/Icons/whatsnew.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/zoom-in.svg b/Icons/zoom-in.svg new file mode 100644 index 0000000..efb33f1 --- /dev/null +++ b/Icons/zoom-in.svg @@ -0,0 +1,5 @@ + + + diff --git a/Icons/zoom-out.svg b/Icons/zoom-out.svg new file mode 100644 index 0000000..825451d --- /dev/null +++ b/Icons/zoom-out.svg @@ -0,0 +1,5 @@ + + + diff --git a/ContextMenu.css b/Old Versions/1.1/ContextMenu.css similarity index 100% rename from ContextMenu.css rename to Old Versions/1.1/ContextMenu.css diff --git a/Tabs.css b/Old Versions/1.1/Tabs.css similarity index 100% rename from Tabs.css rename to Old Versions/1.1/Tabs.css diff --git a/Old Versions/1.1/userChrome.css b/Old Versions/1.1/userChrome.css new file mode 100644 index 0000000..26b3654 --- /dev/null +++ b/Old Versions/1.1/userChrome.css @@ -0,0 +1,2 @@ +@import "ContextMenu.css"; +@import "Tabs.css"; diff --git a/README.eyJicmFuY2giOiJtYWluIiwib3duZXIiOiIyM0JsdWVtYXN0ZXIyMyIsInBhdGgiOiJSRUFETUUubWQiLCJwcm92aWRlcklkIjoiZ2l0aHViIiwicmVwbyI6IkVkZ2VGb3giLCJzdWIiOiI0OTczNjc3MSJ9.sync b/README.eyJicmFuY2giOiJtYWluIiwib3duZXIiOiIyM0JsdWVtYXN0ZXIyMyIsInBhdGgiOiJSRUFETUUubWQiLCJwcm92aWRlcklkIjoiZ2l0aHViIiwicmVwbyI6IkVkZ2VGb3giLCJzdWIiOiI0OTczNjc3MSJ9.sync new file mode 100644 index 0000000..e69de29 diff --git a/README.md b/README.md index c633991..b91e70b 100644 --- a/README.md +++ b/README.md @@ -1,17 +1,76 @@ # EdgeFox Is a **userchrome** that imitates (or attempts to imitate) the style of Microsoft's **Edge Chromiun** browser. is a project in development./Es un **userchrome** que imita (o intenta imitar) el estilo del navegador **Edge Chromiun** de Microsoft. es un proyecto en desarrollo. -![](https://raw.githubusercontent.com/23Bluemaster23/EdgeFox/main/IMG/59dgw183wrg412.png) + + + +### Installation/Instalación + + **1.** [Download](https://github.com/23Bluemaster23/EdgeFox/releases) the file in the release section/Descarga el archivo en la sección de lanzamiento. + + **2.** Type in the address bar/escribe en la barra de direcciones: `about:profiles` + + **3.** Locate the "Local Directory" and press the "Open Folder" button/Localiza el "Directorio local" y presionas el boton "Abrir Carpeta". + + + + **4.** put the "chrome" folder from the zip in the local directory/poner la carpeta "chrome" del zip en el directorio local. + + + +**5.** and ready!/¡y listo! + + +------------ +#### **⛔ For Tree Style Tabs⛔** + +------------ + +For this to use the "Chrome" folder of "WITHTST", and besides installing the Tree Style Tab extension/para esto que usar la carpeta "chrome" de "WithTST", y ademas de instalar la extension Tree Style Tab. + + **1.** Enter the extension options, look for the Advanced Option/Entrar en las opciones de la extensión, busca la Opcion Avanzada. + + **2.** In the CSS part press the "Load From File" button/En la parte de CSS preciona el boton "Load From File". + + + + **3.** Find the "treestyletab.css" file in the "TST" folder/busca el archivo "treestyletab.css" en la carpeta "TST". + + + +**4.** Now look for the "Import" button at the bottom of the page/ahora busca el boton "import" en el fondo de la pagina. + + + +**5.** Select the "config-hover.json" file that is in the "TST" folder/selecciona el archivo "config-hover.json" que se encuentra en la carpeta "TST". + + + +**6.** and ready!/¡y listo! ### Recommendations/Recomendaciones +------------ +#### **⛔ Important/Importante ⛔** + +------------ +You have to modify options in **about:config** /tienes que modificar las opciones en **about:config** : + - `toolkit.legacyUserProfileCustomizations.stylesheets` to `true` + + - `svg.context-properties.content.enabled` to `true` + + + + - `layout.css.color-mix.enabled` to `true` + + +#### **🍃 Smooth Scroll 🍃** ------------ Thanks to/Gracias a **u/NextFortune** for the idea/por la idea. If you want to get the smooth scroll of Edge,you have to modify options in **about:config** /Si quieres conseguir el desplazamiento suave de Edge, tienes que modificar las opciones en **about:config** : - ``general.smoothScroll`` to `true` ``general.smoothScroll.currentVelocityWeighting`` to `0.1` @@ -24,6 +83,16 @@ If you want to get the smooth scroll of Edge,you have to modify options in **abo `mousewheel.min_line_scroll_amount` to `25` + +#### ⛔ Customize scroll bar / customizar barra de desplazamiento ⛔ + +----------- +Inside the "chrome" folder there is a folder called Scrollbars, select the type of scroll bar you want and select and copy the code that is inside, then paste that same code in the "ScrollBars.css" file that is located in the "extras" folder, and so you will have your personalized bar. + +dentro de la carpeta "chrome" se encuentra una carpeta llamada Scrollbars, selecciona el tipo de barra de desplazamiento que desea y selecciona y copia el codigo que se encuentra dentro, luego pega ese mismo codigo en el archivo "ScrollBars.css" que se encuentra en la carpeta "extras", y asi tendras tu barra personalizada. + +------------ + ### Acknowledgements/Agradecimientos ------------ @@ -37,3 +106,17 @@ thanks to/gracias a: [Chris Feijoo](http://github.com/kube "Chris Feijoo") for the use of/por el uso de [Firefox Edge Theme](http://github.com/kube/firefox-edge-theme "Firefox Edge Theme") [Coekuss](https://github.com/coekuss "Coekuss") for the use of/por el uso de [QuietFox](https://github.com/coekuss/quietfox "QuietFox") + + +[bmFtZQ](https://github.com/bmFtZQ "bmFtZQ") for the use of/por el uso de [Edge-FrFox](https://github.com/bmFtZQ/Edge-FrFox "Edge-FrFox") + + +[astroryan12](https://github.com/astroryan12 "astroryan12") for the use of/por el uso de [VerticalTabs](https://github.com/astroryan12/VerticalTabs "VerticalTabs") + \ No newline at end of file diff --git a/global/global.css b/global/global.css new file mode 100644 index 0000000..3630a1b --- /dev/null +++ b/global/global.css @@ -0,0 +1,330 @@ +@media (-moz-windows-compositor) +{ + @media not (-moz-os-version: windows-win7) + { + @media not (-moz-os-version: windows-win8) + { + @media (-moz-windows-default-theme) + { + :root[tabsintitlebar] .titlebar-buttonbox-container + { + height: 32px !important; + margin: 0 !important; + } + + :root[tabsintitlebar][sizemode=normal] .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) + { + margin-block-start: calc(0px - (var(--space-above-tabbar) + 1px)) !important; + } + + :root[tabsintitlebar][sizemode=maximized] #toolbar-menubar .titlebar-buttonbox-container + { + height: 30px !important; + margin-top: -4px !important; + margin-bottom: -4px !important; + } + :root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) { + height: 24px !important; + } + :root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) .titlebar-button { + padding-block: 4px !important; + } + :root[tabsintitlebar][sizemode=maximized]:not([extradragspace]) .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) + { + -moz-box-align: start !important; + margin-block-start: -5px !important; + } + + @media (-moz-windows-accent-color-in-titlebar: 0) + { + :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) + { + background-color: #dee1e6 !important; + color: #3c4043 !important; + } + + :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]):-moz-window-inactive + { + background-color: #e7eaed !important; + color: #666a6d !important; + } + } + } + } + } +} + +#navigator-toolbox :-moz-any(toolbar, #nav-bar-customization-target):not(#toolbar-menubar) +{ + -moz-box-align: center !important; +} + +#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) +{ + border-radius: 4px !important; + transition: background-color .2s var(--ease-basic) !important; +} + +#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) +{ + font-size: 12px !important; + padding: 0 !important; + margin: 0 !important; + border: 2px solid transparent !important; + background-clip: padding-box !important; +} + +/* +#navigator-toolbox :-moz-any(.toolbarbutton-1, .scrollbutton-up, .scrollbutton-down), +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) +{ + max-height: 32px !important; + height: 32px !important; + min-height: 32px !important; +} +*/ + +#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton))[disabled], +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)[disabled], +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)[disabled] +{ + opacity: .42 !important; +} + +#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):hover:not([disabled]), +#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:not([disabled]), +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:not([disabled]) +{ + background-color: var(--toolbarbutton-hover-background) !important; +} + +#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:active:not([disabled]), +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:active:not([disabled]) +{ + background-color: var(--toolbarbutton-active-background) !important; + transition: none !important; +} + +#navigator-toolbox :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon, +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon +{ + fill-opacity: 1 !important; + border: 0 !important; + box-shadow: none !important; +} + +#navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) +{ + width: 40px !important; + height: 30px !important; +} + +#navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon, +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon +{ + padding: 7px 12px !important; + background: 0 !important; +} + +#TabsToolbar .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) +{ + padding: 6px !important; + width: 28px !important; + height: 28px !important; +} + +/* + hack: fix customization screen popping bug when changing ui density + icon size is enforced and it doesn't like it when the normal density + nav-bar height is less than 38px (it's 36px due to smaller back icon) +*/ +:root:not([uidensity=compact]) #customization-content-container +{ + padding-top: 1px !important; +} + +:root:not([uidensity=compact]) :-moz-any(#customization-palette-container, #customization-panel-container) +{ + margin-top: -1px !important; +} + +.menu-iconic, +.menuitem-iconic +{ + fill: currentColor !important; +} + +/* legacy */ +#navigator-toolbox +{ + border-bottom: 1px solid var(--chrome-content-separator-color, var(--toolbox-border-bottom-color)) !important; +} + +/* legacy */ +#navigator-toolbox::after +{ + display: none !important; +} + +.pointerlockfswarning +{ + display: flex !important; + border-radius: 4px !important; + padding: 6px !important; + background: #333 !important; + border: 0 !important; + font-size: 14px !important; + box-shadow: + 0 3px 5px -1px rgba(0,0,0,.2), + 0 6px 10px 0 rgba(0,0,0,.14), + 0 1px 18px 0 rgba(0,0,0,.12) !important; + color: hsla(0,0%,100%,.87) !important; + transition-timing-function: var(--ease-out), linear !important; + transition-property: transform, top !important; +} + +#fullscreen-warning +{ + flex-direction: column !important; + min-width: 344px !important; +} + +.pointerlockfswarning[hidden] +{ + visibility: hidden !important; +} + +/* hack to keep it in same place as [ontop] */ +/* probably doesn't work for single-line */ +.pointerlockfswarning:not([hidden]):not([ontop]) +{ + top: -32px !important; +} + +.pointerlockfswarning[ontop] +{ + top: 28px !important; +} + +.pointerlockfswarning::before +{ + display: none !important; +} + +.pointerlockfswarning-domain-text +{ + margin-block: 8px 18px !important; + margin-inline: 10px !important; + font-size: unset !important; + font-weight: unset !important; + align-self: start !important; +} + +.pointerlockfswarning-domain +{ + font-weight: unset !important; +} + +#fullscreen-exit-button +{ + -moz-appearance: none !important; + border: 0 !important; + height: 32px !important; + display: flex !important; + align-items: center !important; + margin-inline: 8px 0 !important; + text-transform: uppercase !important; + font-weight: 500 !important; + letter-spacing: .0892857143em !important; + background: 0 !important; + position: relative !important; + color: var(--toolbarbutton-icon-fill-attention) !important; + align-self: end !important; + font-family: Roboto, inherit !important; +} + +#fullscreen-exit-button::before +{ + content: "" !important; + display: block !important; + z-index: -1 !important; + position: absolute !important; + left: 0 !important; + right: 0 !important; + top: 0 !important; + bottom: 0 !important; + border-radius: 4px !important; + background: currentColor !important; + opacity: 0 !important; + transition: opacity .3s var(--ease-basic) !important; +} + +#fullscreen-exit-button:hover::before +{ + opacity: .12 !important; +} + +#fullscreen-exit-button:hover:active::before +{ + opacity: .24 !important; + transition-duration: .1s !important; +} + +/* note: use Firefox account button instead */ +#TabsToolbar .private-browsing-indicator +{ + display: none !important; +} + +.toolbarbutton-1:not(:hover):-moz-window-inactive, .bookmark-item:not(:hover):-moz-window-inactive, :root:not([customizing]) .toolbarbutton-1:-moz-window-inactive[disabled="true"] { + opacity: 1 !important; +} + +/* high DPI adjustments */ +@media (min--moz-device-pixel-ratio: 2) +{ + #navigator-toolbox + { + border-bottom-width: .5px !important; + padding-bottom: .5px !important; + box-shadow: inset 0 -.5px var(--toolbar-bgcolor) !important; + } +} + +#sidebar-box, #sidebar { + appearance: none !important; +} +.sidebar-placesTree, #viewButton { + color: #000 !important; +} +:root[lwt-sidebar-brighttext] :-moz-any(.sidebar-placesTree, #viewButton) { + color: #fff !important; +} + +#statuspanel { + clip-path: inset(0) !important; +} + +#statuspanel-label { + background-color: var(--toolbar-bgcolor) !important; + color: var(--toolbar-color) !important; + border: 0 !important; + box-shadow: 0 0 0 1px #0004, 0 4px 6px #0004 !important; + padding: 3px 6px !important; +} diff --git a/global/variables.css b/global/variables.css new file mode 100644 index 0000000..e8cbdeb --- /dev/null +++ b/global/variables.css @@ -0,0 +1,264 @@ +:root +{ + --toolbar-field-background-color: var(--lwt-toolbar-field-background-color) !important; + --toolbar-field-hover-background-color: var(--lwt-toolbar-field-background-color) !important; + --toolbar-field-focus-background-color: var(--lwt-toolbar-field-focus) !important; + --toolbar-field-hover-border-color: var(--lwt-toolbar-field-border-color) !important; +} + +/* Light Mode */ +:root:not([style]), +:root:not([lwtheme]), +:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"], +:root[style*="--lwt-accent-color:rgb(240, 240, 244); --lwt-text-color:rgba(21, 20, 26);"] /* Used for Proton (May be changed in future) */ +{ + /* accentcolor */ + --lwt-accent-color: #cecece !important; + + /* textcolor */ + --lwt-text-color: #000 !important; + + /* toolbar */ + --toolbar-bgcolor: #f7f7f7 !important; + + /* Force tabs to match --toolbar-bgcolor */ + --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important; + + /* toolbar_text */ + --toolbar-color: #000 !important; + + /* toolbar_bottom_separator */ + --toolbox-border-bottom-color: #d2d2d2 !important; /* legacy */ + --chrome-content-separator-color: #d2d2d2 !important; + + /* icons */ + --lwt-toolbarbutton-icon-fill: #000 !important; + + /* icons_attention */ + --lwt-toolbarbutton-icon-fill-attention: #0078d4 !important; + + /* button_background_hover */ + --lwt-toolbarbutton-hover-background: #0000001a !important; + + /* button_background_active */ + --lwt-toolbarbutton-active-background: #0000002a !important; + + --lwt-toolbar-field-color: #000 !important; + --lwt-toolbar-field-focus-color: #000 !important; + + /* popup_highlight */ + --autocomplete-popup-highlight-background: #0001 !important; + + /* popup_highlight_text */ + --autocomplete-popup-highlight-color: #000 !important; + + --urlbar-popup-url-color: #0172C9 !important; + --lwt-toolbar-field-background-color: #fff !important; + --lwt-toolbar-field-focus: #fff !important; + --lwt-toolbar-field-border-color: #ccc !important; + + --tab-line-col: #0078d4 !important; + --toolbar-field-focus-border-color: #0078d4a0 !important; + --private-browsing-indicator: #0078d4 !important; +} +/* Dark Mode */ +:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"], +:root[style*="--lwt-accent-color:rgb(28, 27, 34); --lwt-text-color:rgba(251, 251, 254);"] /* Used for Proton (May be changed in future) */ +{ + /* accentcolor */ + --lwt-accent-color: #1b1b1b !important; + + /* textcolor */ + --lwt-text-color: #fff !important; + + /* toolbar */ + --toolbar-bgcolor: #3b3b3b !important; + + /* Force tabs to match --toolbar-bgcolor */ + --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important; + + /* toolbar_text */ + --toolbar-color: #fff !important; + + /* toolbar_bottom_separator */ + --toolbox-border-bottom-color: #5B5B5B !important; /* legacy */ + --chrome-content-separator-color: #5B5B5B !important; + + /* icons */ + --lwt-toolbarbutton-icon-fill: #fff !important; + + /* icons_attention */ + --lwt-toolbarbutton-icon-fill-attention: #4C98D1 !important; + + /* button_background_hover */ + --lwt-toolbarbutton-hover-background: #ffffff1a !important; + + /* button_background_active */ + --lwt-toolbarbutton-active-background: #ffffff2a !important; + + --lwt-toolbar-field-color: #fff !important; + --lwt-toolbar-field-focus-color: #fff !important; + + /* popup */ + --arrowpanel-background: #4a4a4a !important; + + /* popup_text */ + --arrowpanel-color: #fff !important; + --autocomplete-popup-color: #fff !important; + --panel-disabled-color: hsla(0, 0%, 100%, .5) !important; + + /* popup_border */ + --arrowpanel-border-color: #63636363 !important; + --autocomplete-popup-border-color: #636363 !important; + + /* popup_highlight */ + --autocomplete-popup-highlight-background: #fff1 !important; + + /* popup_highlight_text */ + --autocomplete-popup-highlight-color: #fff !important; + + --urlbar-popup-url-color: #75B6E8 !important; + --lwt-toolbar-field-background-color: #2b2b2b !important; + --lwt-toolbar-field-focus: #2b2b2b !important; + --lwt-toolbar-field-border-color: #656565 !important; + + --tab-line-col: #4C98D1 !important; + --toolbar-field-focus-border-color: #4c97d1a0 !important; + --private-browsing-indicator: #006cbe !important; +} + +/* Inactive Window Light Mode */ +:-moz-any(:root:not([style]), :root:not([lwtheme]), :root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"]):-moz-window-inactive :-moz-any(#TabsToolbar, #navigator-toolbox) { + --lwt-accent-color: #e8e8e8 !important; + --lwt-text-color: #3a3a3a !important; + --toolbar-color: #3a3a3a !important; +} + +/* Inactive Window Dark Mode */ +:-moz-any(:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]):-moz-window-inactive :-moz-any(#TabsToolbar, #navigator-toolbox) { + --lwt-accent-color: #2e2e2e !important; + --lwt-text-color: #b7b7b7 !important; + --toolbar-color: #cecece !important; +} + +/* Sidebar Light Mode */ +:-moz-any(#sidebar-box, #sidebar), +:-moz-any(.sidebar-panel, body) +{ + /* sidebar */ + --sidebar-background-color: #f5f5f5 !important; + --lwt-sidebar-background-color: var(--sidebar-background-color) !important; + + /* sidebar_text */ + --sidebar-text-color: #000 !important; + --lwt-sidebar-text-color: var(--sidebar-text-color) !important; +} + +/* Sidebar Dark Mode */ +:-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"], :-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"], +:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] +{ + /* sidebar */ + --sidebar-background-color: #3b3b3b !important; + --lwt-sidebar-background-color: var(--sidebar-background-color) !important; + + /* sidebar_text */ + --sidebar-text-color: #fff !important; + --lwt-sidebar-text-color: var(--sidebar-text-color) !important; +} + +:root +{ + --ease-in: cubic-bezier(.4, 0, 1, 1); + --ease-out: cubic-bezier(0, 0, .2, 1); + --ease-basic: linear; + + --button-size: 32px; /* is this used? */ + --icon-size: 24px; /* is this used? */ + + --downloads-item-height: 48px !important; + + --toolbar-non-lwt-bgcolor: #f7f7f7 !important; + --toolbar-non-lwt-textcolor: #000 !important; + + --tab-separator-opacity: .5 !important; +} + +@media (-moz-proton) { + :root { + --arrowpanel-menuitem-margin: 0 !important; /* used to get rid of the left/right margins in Proton */ + --space-above-tabbar: 0; + } +} + +#titlebar, +#tabbrowser-tabs +{ + --tab-min-height: 32px !important; +} + +@supports -moz-bool-pref("materialFox.reduceTabOverflow") +{ + #tabbrowser-tabs + { + --tab-min-width: 32px !important; + } +} + +@media (-moz-mac-yosemite-theme) +{ + :root[extradragspace] + { + --space-above-tabbar: 8px !important; + } +} + +/* Ubuntu */ +@media (-moz-gtk-csd-available) +{ + :root:not(:-moz-lwtheme) + { + --toolbar-bgcolor: -moz-dialog !important; + --toolbar-color: -moz-dialogtext !important; + } +} + +:root:-moz-lwtheme-darktext, +:root toolbar:not([brighttext]), +.tabbrowser-tab[visuallyselected] +{ + --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 0%, .07)) !important; + --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 0%, .11)) !important; +} + +:root:-moz-lwtheme-brighttext, +:root toolbar[brighttext], +.tabbrowser-tab[visuallyselected]:-moz-lwtheme-brighttext +{ + --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 100%, .1)) !important; + --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 100%, .17)) !important; +} + +/* special case for urlbar buttons */ +:-moz-any(#urlbar, #searchbar) +{ + --toolbarbutton-hover-background: #0001 !important; + --toolbarbutton-active-background: #0002 !important; +} + +:root:-moz-lwtheme-brighttext :-moz-any(#urlbar, #searchbar) +{ + --toolbarbutton-hover-background: #fff1 !important; + --toolbarbutton-active-background: #fff2 !important; +} + +#TabsToolbar .toolbarbutton-1 { + fill: var(--lwt-text-color) !important; +} + +:-moz-any(:root:not([style]), +:root:not([lwtheme]), +:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"], +:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]) #tabbrowser-tabs { + --tab-line-color: var(--tab-line-col) !important; +} diff --git a/popup/ContextMenu.css b/popup/ContextMenu.css new file mode 100644 index 0000000..bc535a2 --- /dev/null +++ b/popup/ContextMenu.css @@ -0,0 +1,1399 @@ +menupopup, +menupopup menuitem, +menupopup menu, +menupopup menuseparator, +panel +{ + -moz-appearance: none !important; +} + +menupopup, panel +{ + --menu-border-radius: 6px; + --menu-border: 0; + --menu-shadow: + 0 1px 2px 1px rgba(0,0,0,.1), + 0 5px 5px -3px rgba(0,0,0,.2), + 0 6px 10px 1px rgba(0,0,0,.14), + 0 4px 12px 2px rgba(0,0,0,.12); +} +:root[lwthemetextcolor="bright"] :-moz-any(menupopup, panel) { + --menu-border: 0; + --menu-shadow: + 0 1px 2px 1px rgba(0,0,0,.1), + 0 5px 5px -3px rgba(0,0,0,.2), + 0 6px 10px 1px rgba(0,0,0,.14), + 0 4px 12px 2px rgba(0,0,0,.12); +} + +menupopup, +panel[type="autocomplete-richlistbox"], +menulist > menupopup > menucaption +{ + -moz-window-shadow: none !important; + background: 0 !important; + border: 0 !important; + color: var(--arrowpanel-color) !important; + box-sizing: content-box !important; +} + +menucaption { + padding-inline: 20px !important; +} + +menupopup +{ + padding: 11px 14px 18px !important; + margin: -19px -14px 0 !important; +} + +/* needs to align with textbox/bookmark-button but can't overlap it */ +panel[type="autocomplete-richlistbox"], +.bookmark-item:not(menu) > menupopup[placespopup] +{ + padding: 1px 14px 18px !important; + margin: 0 -14px 0 !important; +} + +.panel-arrowcontent +{ + background: 0 !important; + padding: 0 !important; + box-shadow: none !important; + font: -moz-pull-down-menu !important; + border: 0 !important; +} + +.popup-internal-box, +panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox, +#PopupSearchAutoComplete > *, +.menupopup-arrowscrollbox +{ + background: var(--arrowpanel-background) !important; +} + +/* themes a menupopup (or other root level / shadow dom popup) as a panel */ +/* Mozilla's use of shadow dom means we can't use a menupopup > .popup-internal-box */ +.popup-internal-box, +panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox, +.menupopup-arrowscrollbox +{ + margin: 0 !important; + padding: 4px 0 !important; + border-radius: var(--menu-border-radius) !important; + color: inherit !important; +} + +.popup-internal-box, +.menupopup-arrowscrollbox +{ + box-shadow: var(--menu-shadow) !important; + border: var(--menu-border) !important; +} + +#PopupSearchAutoComplete > * +{ + border-radius: 0 !important; +} + +#PopupSearchAutoComplete > :first-child +{ + border-radius: 4px 4px 0 0 !important; +} + +#PopupSearchAutoComplete > :last-child +{ + border-radius: 0 0 4px 4px !important; +} + +/* autocomplete panel can't overlap the textbox, so shadow can't go up + more than 1px */ +panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox +{ + box-shadow: var(--menu-shadow) !important; + border: var(--menu-border) !important +} + +/* search panel gets special treatment; it has multiple children */ +#PopupSearchAutoComplete > .autocomplete-richlistbox +{ + box-shadow: none !important; +} + +#PopupSearchAutoComplete +{ + filter: + drop-shadow(0 8px 6px rgba(0, 0, 0, .25)) + drop-shadow(0 1px 1px rgba(0, 0, 0, .125)) !important; +} + +/* reset non-layout props when embedded in a panel + (panel handles panel theming in this case) */ +.panel-arrowcontent > .popup-internal-box +{ + background: 0 !important; + border-radius: 0 !important; + box-shadow: none !important; +} + +/* shotgun approach to undo this selector... + #BMB_bookmarksPopup menupopup[placespopup="true"]:-moz-lwtheme::part(innerbox) + ...without being able to use ::part() in userChrome.css */ +[part="innerbox"] +{ + /* this could cause side effects elsewhere */ + box-shadow: none !important; + margin: 0 !important; +} + +menupopup menuseparator +{ + margin: 2px 0 !important; + padding: 0 !important; + height: 1px !important; + background: currentColor !important; + opacity: .12 !important; +} + +menupopup menuitem, +menupopup menu, +.autocomplete-richlistitem +{ + height: 28px !important; + padding: 0 5px !important; + border: 0 !important; + background: 0 !important; + color: inherit !important; + fill-opacity: initial !important; +} + +menupopup menuitem:hover:not([disabled=true]), +menupopup menu:hover:not([disabled=true]), +.autocomplete-richlistitem:hover:not([disabled=true]):not([selected=true]) +{ + background-color: var(--arrowpanel-dimmed) !important; +} + +menupopup menuitem:hover:active:not([disabled=true]), +menupopup menu:hover:active:not([disabled=true]), +.autocomplete-richlistitem:hover:active:not([disabled=true]), +.autocomplete-richlistitem[selected=true] +{ + background-color: var(--arrowpanel-dimmed-further) !important; +} + +menupopup menuitem[disabled=true], +menupopup menu[disabled=true], +.autocomplete-richlistitem[disabled=true] +{ + opacity: .5 !important; +} + +/* disable vertical menu scroll buttons and use a good ol' scrollbar */ +/* this is a shotgun approach, expect side effects */ +scrollbox[orient=vertical] /* >=71 */ +{ + overflow-y: auto !important; +} + + +/* this is a bit depressing... */ +/* work around lack of ::part selector support */ +:root +{ + --scrollbutton-display: -moz-box !important; +} + +/* hide ancient-looking scrollbuttons in menupopups */ +/* add other selectors here to disable more scrollbuttons */ +menupopup +{ + --scrollbutton-display: none !important; +} + +#scrollbutton-up[part], +#scrollbutton-down[part] +{ + display: var(--scrollbutton-display) !important; +} + +.menuitem-iconic, +.menu-iconic-icon /* .menu-iconic-icons not necessarily within a .menuitem-iconic (don't ask me why...) */ +{ + fill: currentColor !important; + -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important; +} + +.menuitem-iconic[class*="identity-color"] .menu-iconic-icon +{ + fill: var(--identity-icon-color) !important; +} + +.menu-iconic-left:not(#context-navigation .menu-iconic-left) +{ + -moz-appearance: none !important; + margin-inline: -4px 0 !important; + padding: 0 !important; +} + +.menu-iconic-icon +{ + margin-inline-start: 0 !important; + margin-inline-end: 8px !important; + width: 24px !important; + height: 24px !important; + padding: 4px !important; +} + +menucaption > .menu-iconic-left { + display: none !important; +} + +.menu-text, .menu-iconic-text +{ + -moz-appearance: none !important; + padding: 0 !important; + margin: 0 !important; +} + +.menu-right +{ + -moz-appearance: none !important; + -moz-context-properties: fill !important; + fill: currentColor !important; + list-style-image: url(menu-right.svg) !important; + margin-inline-end: 0 !important; + margin-inline-start: 16px !important; + height: 16px !important; +} + +menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon, +menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon, +menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon, +menuitem[selected="true"] > .menu-iconic-left > .menu-iconic-icon +{ + display: -moz-box !important; + padding: 4px !important; +} + +menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon, +menuitem[selected="true"] > .menu-iconic-left > .menu-iconic-icon +{ + /* checkmark is 18px, not 16px, hence reduced padding */ + list-style-image: url(checkmark.svg) !important; +} + +menulist > menupopup > menuitem[checked="true"]::before, menulist > menupopup > menuitem[selected="true"]::before +{ + display: none !important; +} + +#context-navigation +{ + background: 0 !important; + margin: 0 2px !important; +} + +#context-navigation .menuitem-iconic +{ + background: 0 !important; + padding: 0 !important; + margin: 0 2px !important; + border-radius: 4px !important; +} + +#context-navigation .menu-iconic-left +{ + border-radius: 50% !important; + padding: 0px !important; +} + +#context-navigation .menu-iconic-icon +{ + padding: 0 !important; + margin: 0 2px !important; + width: 16px !important; + height: 16px !important; +} + +#context-navigation .menuitem-iconic:hover:not([disabled]) +{ + background-color: var(--arrowpanel-dimmed) !important; +} + +#context-navigation .menuitem-iconic:hover:active:not([disabled]) +{ + background-color: var(--arrowpanel-dimmed-further) !important; +} + +panel[type="arrow"] +{ + -moz-window-shadow: none !important; + + margin: 0 -14px -18px !important; + padding: 0 14px 18px !important; +} + +panel[type="arrow"][side="top"], +panel[type="arrow"][side="bottom"] +{ + margin-left: -39px !important; + margin-right: -39px !important; +} + +panel[type="arrow"][side="left"], +panel[type="arrow"][side="right"] +{ + margin-top: -44px; + margin-bottom: -44px; +} + +.panel-arrowcontent +{ + background: var(--arrowpanel-background) !important; + border: var(--menu-border) !important; + border-radius: var(--menu-border-radius) !important; + box-shadow: var(--menu-shadow) !important; + color: var(--arrowpanel-color) !important; +} + +.panel-arrowbox, +.cui-widget-panel .panel-arrowbox +{ + display: none !important; +} + +/* .subview-subheader, */ +panelview .toolbarbutton-1, +.subviewbutton, +.widget-overflow-list .toolbarbutton-1, +.panel-banner-item +{ + min-height: 32px !important; + padding: 0 12px !important; +} + +.subviewbutton .toolbarbutton-icon, +.panel-banner-item .toolbarbutton-icon +{ + margin-inline-end: 8px !important; + width: 24px !important; + height: 24px !important; + padding: 4px !important; +} + +.subviewbutton label, +.panel-banner-item label +{ + padding-inline-start: 0 !important; +} + +#appMenu-zoom-controls > .subviewbutton, +#appMenu-edit-controls > .subviewbutton +{ + min-width: 42px !important; + max-width: 46px !important; + border-radius: 0 !important; + border: 0 !important; + padding: 0 !important; + margin-inline-start: 0 !important; + background-clip: padding-box !important; +} + +#appMenu-zoom-controls > .subviewbutton-iconic, +#appMenu-edit-controls > .subviewbutton-iconic +{ + padding: 0 !important; + width: 42px !important; +} + +#appMenu-zoomReset-button { + width: 46px !important; +} + +#appMenu-edit-controls > .subviewbutton, +#appMenu-zoom-controls > #appMenu-fullscreen-button, +#appMenu-zoom-controls > #appMenu-zoomReduce-button +{ + border-left: 1px solid var(--panel-separator-color) !important; + padding-left: 1px !important; +} + +#appMenu-zoom-controls > toolbarseparator[orient="vertical"] + .subviewbutton +{ + margin-inline-start: 0 !important; +} + +#appMenu-zoomReset-button +{ + background-color: transparent !important; +} + +#appMenu-zoomReset-button:not([disabled], [open], :active):is(:hover, :focus), #appMenu-zoomReset-button2:not([disabled], [open], :active):is(:hover, :focus) +{ + background-color: var(--panelview-toolbarbutton-hover-bgcolor) !important; +} + +#appMenu-zoomReset-button:not([disabled]):is([open], :hover:active), #appMenu-zoomReset-button2:not([disabled]):is([open], :hover:active) +{ + background-color: var(--panelview-toolbarbutton-active-bgcolor) !important; +} + +panelview .toolbarbutton-1:not([disabled]):is([open], :hover:active), toolbarbutton.subviewbutton:not([disabled]):is([open], :hover:active), .navigable.subviewbutton:not([disabled]):is([open], :hover:active), menu.subviewbutton:not([disabled])[_moz-menuactive]:active, menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active, .widget-overflow-list .toolbarbutton-1:not([disabled]):is([open], :hover:active), .toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton:not([disabled]):is([open], :hover:active) +{ + box-shadow: none !important; +} + +.toolbaritem-combined-buttons:not([widget-type="button-and-view"]), .toolbaritem-menu-buttons { + padding-inline-start: 24px !important; + margin-block: -6px !important; + margin-inline-end: 0 !important; +} + +.toolbaritem-combined-buttons toolbarseparator { + display: none !important; +} + +.panel-banner-item +{ + border: 0 !important; +} + +#appMenu-addon-banners:not(:empty) ~ #appMenu-fxa-status, +.panel-banner-item:not([hidden]) + #appMenu-fxa-status +{ + border-top: 1px solid var(--panel-separator-color) !important; + margin-top: 5px !important; + padding-top: 5px !important; +} + +#appMenu-fxa-avatar +{ + display: none !important; +} + +:root[fxastatus="signedin"] #appMenu-fxa-label +{ + list-style-image: var(--avatar-image-url) !important; + margin: 0 !important; +} + +:root[fxastatus="signedin"] #appMenu-fxa-label > .toolbarbutton-icon +{ + display: -moz-box !important; + border-radius: 99px !important; + padding: 2px !important; +} + +.panel-banner-item[notificationid="update-restart"]::after +{ + display: none !important; +} + +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), +[overflowedItem="true"]) > toolbarbutton > .toolbarbutton-icon +{ + margin: 0 !important; +} + +panelmultiview .toolbaritem-combined-buttons > spacer.before-label +{ + width: 20px !important; +} + +panelmultiview .toolbaritem-combined-buttons > spacer.after-label +{ + width: 14px !important; +} + +.subviewbutton-back +{ + padding: 4px !important; + border-radius: 16px !important; +} + +.subviewbutton-back .toolbarbutton-icon +{ + margin: 0 !important; +} + +.subviewbutton[type="highlight-history"]::after +{ + transform: none !important; +} + +.subviewbutton[type="highlight-history"]::after, +.subviewbutton[shortcut]::after, +.PanelUI-subView .subviewbutton-nav::after +{ + margin-inline-start: 14px !important; +} + +.PanelUI-subView .subviewbutton-nav::after +{ + transform: none !important; + content: url(menu-right.svg) !important; + fill-opacity: 1 !important; +} + +#identity-popup > .panel-arrowcontainer > .panel-arrowcontent +{ + fill-opacity: inherit !important; +} + +.identity-popup-preferences-button +{ + border-radius: 16px !important; + background-image: none !important; +} + +.identity-popup-preferences-button > .toolbarbutton-icon +{ + margin: 0 !important; +} + +#identity-popup-permission-preferences-button +{ + padding: 0 !important; +} + +#tracking-protection-preferences-button > .toolbarbutton-icon +{ + margin-inline-end: -8px !important; +} + +#tracking-protection-preferences-button > .toolbarbutton-text +{ + padding-inline-end: 4px !important; + -moz-box-ordinal-group: 0 !important; +} + +.identity-popup-section +{ + padding: 16px !important; + display: flex !important; +} + +.identity-popup-security-content, +#identity-popup-content-blocking-content, +#identity-popup-permissions-content +{ + padding: 0 !important; + background: 0 !important; + fill-opacity: inherit !important; +} + +.identity-popup-expander +{ + border-radius: 16px !important; + width: 32px !important; + max-height: 32px !important; + margin-inline-start: auto !important; + -moz-box-pack: center !important; + -moz-box-align: center !important; + background-image: none !important; +} + +.identity-popup-expander > .button-box +{ + border: 0 !important; + display: flex !important; + justify-content: center !important; +} + +.identity-popup-expander .button-icon +{ + margin: 0 !important; +} + +.identity-popup-expander .button-text +{ + display: none !important; +} + +.identity-popup-headline +{ + margin: 0 !important; +} + +.PanelUI-subView > .identity-popup-security-content, +#identity-popup-securityView-body +{ + padding: 16px !important; +} + +#identity-popup-mainView-panel-header +{ + -moz-box-align: start !important; + padding: 16px !important; +} + +#identity-popup-securityView-body +{ + margin: 0 !important; +} + +#identity-popup-content-blocking-content, +#identity-popup-permissions-content +{ + display: flex !important; + flex-direction: column !important; + width: 100% !important; +} + +#identity-popup-content-blocking-content > hbox:first-child, +#identity-popup-permissions-content > hbox:first-child +{ + display: flex !important; +} + +#identity-popup-content-blocking-category-list, +#identity-popup-permission-list +{ + display: flex !important; + flex-direction: column !important; + margin: 0 -16px !important; + width: calc(100% + 32px) !important; + padding-top: 8px !important; +} + +.identity-popup-permission-item +{ + display: flex !important; + align-items: center !important; +} + +.identity-popup-permission-label, +#identity-popup-content-blocking-report-breakage +{ + flex: 1 !important; + text-decoration: none !important; + cursor: auto !important; + color: inherit !important; +} + +.identity-popup-content-blocking-category, +.identity-popup-permission-item +{ + height: 32px !important; + padding: 0 16px !important; +} + +.identity-popup-content-blocking-category-icon, +.identity-popup-permission-icon +{ + margin: 0 !important; + margin-inline-end: 16px !important; +} + +.popup-notification-icon, +.identity-popup-permission-icon +{ + fill-opacity: 1 !important; +} + +.identity-popup-content-blocking-category-label, +.identity-popup-permission-label +{ + margin: 0 !important; +} + +.identity-popup-content-blocking-category::after +{ + transform: translateY(1px) !important; + content: url(menu-right.svg) !important; + margin: 0 !important; +} + +.identity-popup-preferences-button +{ + margin-inline-start: auto !important; +} + +.identity-popup-permission-remove-button +{ + opacity: 1 !important; +} + +.tracking-protection-button, +#identity-popup-content-blocking-report-breakage +{ + margin: 0 -16px !important; + height: 32px !important; + padding: 0 16px !important; + background: 0 !important; + color: inherit !important; + line-height: 32px !important; +} + +#identity-popup-content-blocking-report-breakage +{ + padding-inline-start: 50px !important; +} + +.tracking-protection-button > .button-box +{ + padding: 0 !important; +} + +.tracking-protection-button .button-icon +{ + margin: 0 !important; +} + +#customization-lwtheme-menu-header +{ + height: 8px !important; + font-size: 0 !important; + padding: 0 !important; + margin: 0 !important; + border: 0 !important; + visibility: hidden !important; +} + +#identity-popup-content-blocking-report-breakage +{ + padding-inline-start: 48px !important; + line-height: 32px !important; + text-decoration: none !important; + cursor: auto !important; +} + +.tracking-protection-button:hover:not([disabled=true]), +#identity-popup-content-blocking-report-breakage:hover, +#blocked-popup-indicator-item:hover, +.customization-lwtheme-menu-theme:hover, +#customization-lwtheme-menu-footer toolbarbutton:hover +{ + background-color: var(--arrowpanel-dimmed) !important; +} + +.tracking-protection-button:hover:active:not([disabled=true]), +#identity-popup-content-blocking-report-breakage:hover:active, +#blocked-popup-indicator-item:hover:active, +.customization-lwtheme-menu-theme:hover:active, +#customization-lwtheme-menu-footer toolbarbutton:hover:active +{ + background-color: var(--arrowpanel-dimmed-further) !important; +} + +.identity-popup-content-blocking-empty-label, +#tracking-protection-preferences-button > .toolbarbutton-text, +.tracking-protection-button, +#identity-popup-trackersView-strict-info > label, +.identity-popup-cookiesView-list-header, +.identity-popup-content-blocking-list-item > label, +#identity-popup-mainView-panel-header > label, +#identity-popup-trackersView > .panel-header, +#identity-popup-securityView > .panel-header, +#identity-popup-breakageReportView > .panel-header, +#identity-popup-content-blocking-report-breakage, +.identity-popup-content-blocking-category-label, +.identity-popup-content-blocking-category-state-label, +.identity-popup-permission-label, +.identity-popup-permission-state-label, +#identity-popup-security-descriptions > description, +#identity-popup-securityView-body > description, +#identity-popup-permissions-content > description, +#identity-popup-content-blocking-content > description +{ + font-size: 100% !important; +} + +.panel-header > label +{ + text-align: start !important; + margin-inline-start: 4px !important; +} + +.identity-popup-headline +{ + font-size: 110% !important; +} + +.identity-popup-security-content > description, +#identity-popup-content-blocking-content > description, +#identity-popup-permissions-content > description, +.identity-popup-content-blocking-category-state-label, +.identity-popup-permission-state-label +{ + font-size: 85% !important; +} + +#identity-popup-permissions-content > description, +#identity-popup-content-blocking-content > description +{ + color: inherit !important; + opacity: .6 !important; +} + +.identity-popup-content-blocking-category-state-label +{ + transform: translateY(1px) !important; +} + +.tracking-protection-button > .button-box, +.panel-footer button > .button-box +{ + display: flex !important; + align-items: center !important; +} + +.tracking-protection-button .button-icon, +.panel-footer button .button-icon +{ + padding-inline-end: 16px !important; +} + +.tracking-protection-button .button-text, +.panel-footer button .button-text +{ + margin: 0 !important; +} + +#downloadsPanel-multiView +{ + padding-top: 8px !important; +} + +#downloadsListBox .download-state +{ + display: flex !important; + width: 100% !important; + align-items: center !important; +} + +#downloadsListBox .downloadMainArea +{ + padding: 0 !important; + display: flex !important; + flex: 1 !important; + margin-inline-end: -48px !important; + padding-inline-end: 48px !important; + padding-inline-start: 16px !important; + height: 100% !important; + align-items: center !important; +} + +#downloadsListBox .downloadContainer +{ + display: flex !important; + flex-direction: column !important; + flex: 1 !important; +} + +#downloadsListBox .downloadTypeIcon +{ + margin: 0 !important; + margin-inline-end: 16px !important; +} + +#downloadsListBox .downloadTarget +{ + font-size: 100% !important; +} + +#downloadsListBox .downloadDetails +{ + font-size: 85% !important; +} + +#downloadsListBox > richlistitem > toolbarseparator +{ + display: none !important; +} + +#downloadsListBox .downloadButton +{ + margin-inline-end: 16px !important; + height: 32px !important; + min-width: 32px !important; + border-radius: 16px !important; + fill: currentColor !important; + -moz-context-properties: fill, fill-opacity !important; + display: block !important; +} + +#downloadsListBox .downloadButton .button-box +{ + display: flex !important; + align-items: center !important; + justify-content: center !important; + max-width: 32px !important; +} + +#confirmation-hint .panel-arrowcontent, +#UITourTooltip .panel-arrowcontent, +#customization-lwtheme-menu .panel-arrowcontent, +#customization-uidensity-menu .panel-arrowcontent +{ + padding: 16px !important; +} + +#customization-uidensity-menu .panel-arrowcontent, +#customization-lwtheme-menu .panel-arrowcontent +{ + padding-top: 8px !important; +} + +#customization-lwtheme-menu, +#customization-uidensity-menu +{ + margin-inline: -60px 0 !important; + margin-block-end: -20px !important; +} + +.customization-lwtheme-menu-theme, +.customization-uidensity-menuitem +{ + padding: 0 16px !important; + margin: 0 !important; + border: 0 !important; + height: 48px !important; +} + +.customization-lwtheme-menu-theme .toolbarbutton-icon, +.customization-uidensity-menuitem .menu-iconic-icon +{ + margin: 0 !important; + margin-inline-end: 16px !important; + padding: 0 !important; + width: 24px !important; + height: 24px !important; +} + +.customization-lwtheme-menu-theme[active]:not(:hover):not(:active), +.customization-uidensity-menuitem[active]:not(:hover):not(:active) +{ + background: 0 !important; +} + +.customization-lwtheme-menu-theme[active]::after, +.customization-uidensity-menuitem[active]::after +{ + content: url(checkmark.svg) !important; + -moz-context-properties: fill, fill-opacity !important; + fill: currentColor !important; + display: -moz-box !important; + width: 18px !important; + height: 18px !important; + margin-inline-start: 16px !important; +} + +.customization-uidensity-menuitem:first-of-type +{ + margin-block-start: 8px !important; +} + +.customization-uidensity-menuitem:last-of-type +{ + margin-block-end: 8px !important; +} + +#customization-lwtheme-menu-footer +{ + padding: 0 0 8px !important; + margin: 0 !important; + background: 0 !important; + border: 0 !important; + display: flex !important; + flex-direction: column !important; +} + +#customization-lwtheme-menu-footer toolbarbutton +{ + border: 0 !important; + margin: 0 !important; + height: 48px !important; + padding: 0 16px !important; + display: flex !important; + background-image: none !important; +} + +#customization-lwtheme-menu-footer toolbarbutton .toolbarbutton-text +{ + text-align: start !important; +} + +.panel-footer +{ + padding: 4px !important; + background: 0 !important; + border-top: 1px solid var(--panel-separator-color) !important; + justify-content: end !important; + display: flex !important; +} + +.panel-footer button +{ + border: 0 !important; + border-radius: 4px !important; + margin: 4px !important; + height: 32px !important; + padding: 0 !important; + flex: 0 0 auto !important; + position: relative !important; + outline: 0 !important; +} + +.panel-footer button > .button-box +{ + -moz-appearance: none !important; + position: relative !important; + padding-inline-end: 16px !important; +} + +.panel-footer button .button-menu-dropmarker +{ + margin-inline-start: 8px !important; + margin-inline-end: -8px !important; +} + +.panel-footer button:not([default]) > .button-box::before +{ + content: "" !important; + display: block !important; + border-radius: 2px !important; + position: absolute !important; + left: 0 !important; + top: 0 !important; + width: 100% !important; + height: 100% !important; + border: 1px solid currentColor !important; + opacity: .2 !important; + box-sizing: border-box !important; +} + +panel menulist +{ + appearance: none !important; + color: var(--arrowpanel-color) !important; + height: 30px !important; + padding-inline: 6px 10px !important; + border-radius: 2px !important; + box-shadow: 0 0 0 1px var(--panel-separator-color) inset, 0 0 0 1px var(--panel-separator-color) inset !important; +} + +panel menulist:not(.panel-button)::after +{ + content: ""; + width: 16px !important; + height: 16px !important; + display: block !important; + -moz-context-properties: fill, fill-opacity !important; + background-image: url(menu-right.svg) !important; + background-size: 16px !important; + background-position: center !important; + background-repeat: no-repeat !important; + margin-inline-start: 8px !important; + transform: rotate(90deg) !important; + opacity: .7 !important; +} + +.panel-footer button:not([default]):hover:active:not([disabled]) > .button-box::before +{ + border-width: 0 !important; +} + +.panel-footer button:not([default]):hover:active:not([disabled]) +{ + border-width: 0 !important; + background: #002275 !important; + color: #FFF !important; +} + +#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] +{ + height: 48px !important; +} + +richlistitem[originaltype="loginsFooter"], +richlistitem[originaltype="generatedPassword"] > .two-line-wrapper +{ + display: flex !important; + align-items: center !important; +} + +richlistitem:-moz-any( + [originaltype="generatedPassword"], + [originaltype="loginWithOrigin"], + [originaltype="login"], + [originaltype="loginsFooter"]) .ac-site-icon +{ + display: block !important; + align-self: center !important; + margin-inline: 0 16px !important; + fill: currentColor !important; +} + +richlistitem[originaltype="loginsFooter"] .ac-site-icon +{ + visibility: hidden !important; +} + +richlistitem:-moz-any( + [originaltype="generatedPassword"], + [originaltype="loginWithOrigin"], + [originaltype="login"], + [originaltype="loginsFooter"]) .ac-title +{ + margin: 0 !important; +} + +#confirmation-hint-message-container, +#confirmation-hint-checkmark-animation-container +{ + margin-block: 8px !important; + margin-inline: 8px !important; +} + +#confirmation-hint-checkmark-animation-container +{ + margin-inline-end: 0 !important; +} + +.contentSelectDropdown-ingroup { + padding-inline-start: 2em !important; +} + +/* Picture In Picture */ +#controls-bottom { + left: calc(-1 * var(--resize-margin)) !important; + bottom: calc(-1 * var(--resize-margin)) !important; + width: calc(100% + var(--resize-margin) * 2) !important; +} +.control-item { + background-size: 20px !important; + min-height: 24px !important; + min-width: 24px !important; + background-position: center !important; + -moz-context-properties: fill !important; + fill: #fff !important; + margin-block: 8px !important; + opacity: 1 !important; + --close-btn-bg-color: #0006 !important; + --btn-bg-color: #0000 !important; +} +.control-item:hover { + --btn-bg-color: #fff8 !important; +} +#controls-bottom { + background-color: #0006 !important; +} +#controls { + opacity: 0 !important;; +} +#controls:hover { + opacity: 1 !important;; +} +#unpip { + background-image: url(icons/open.svg) !important; +} +#controls:not(.playing) #playpause { + background-image: url(icons/play.svg) !important; +} +#controls.playing #playpause { + background-image: url(icons/pause.svg) !important; +} +#controls:not(.muted) #audio { + background-image: url(icons/audio.svg) !important; +} +#controls.muted #audio { + background-image: url(icons/audio-mute.svg) !important; +} +#close { + background-image: url(icons/close.svg) !important; + margin: 0 !important; + box-shadow: 0 0 0 99px inset var(--btn-bg-color) !important; +} + +/* Popup Icons */ + +#allTabsMenu-undoCloseTab { + list-style-image: url(icons/undo.svg) !important; +} +#allTabsMenu-searchTabs { + list-style-image: url(icons/search.svg) !important; +} +#context-media-loop:not([checked="true"]) { + list-style-image: url(icons/loop.svg) !important; +} +#context-video-pictureinpicture:not([checked="true"]) { + list-style-image: url(icons/picture-in-picture.svg) !important; +} + +/* +menupopup:not(#ContentSelectDropdown > menupopup) :is(menuitem:not(.menuitem-iconic, [type], menu menuitem, .in-menulist menuitem), menu:not(.menu-iconic, menu menu)) { + padding-inline-start: 40px !important; + background-size: 16px !important; + background-repeat: no-repeat !important; + background-position: 12px center !important; + -moz-context-properties: fill, fill-opacity !important; + fill: currentColor !important; +} +*/ + +:not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, [type="checkbox"], .in-menulist), +:not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, [type="checkbox"], .in-menulist) +{ + padding-inline-start: 40px !important; + background-size: 16px !important; + background-repeat: no-repeat !important; + background-position: 12px center !important; + -moz-context-properties: fill, fill-opacity !important; + fill: currentColor !important; + + background-image: var(--menuitem-image) !important; + /* list-style-image: var(--menuitem-image) !important; */ /* For native context menus on macOS (Firefox Nightly 89: widget.macos.native-context-menus) */ +} + +#context-inspect { + --menuitem-image: url(icons/inspect.svg) !important; +} +#context-savepage, #context-saveimage, #context-savevideo, #context-saveaudio { + --menuitem-image: url(icons/savefile.svg) !important; +} +#context-viewbgimage, #context-viewimage { + --menuitem-image: url(icons/image.svg) !important; +} +#context-viewinfo, #context-viewimageinfo, #context-viewimagedesc { + --menuitem-image: url(icons/info.svg) !important; +} +#context-viewsource, #context-viewpartialsource-selection { + --menuitem-image: url(icons/source.svg) !important; +} +#context-inspect-a11y { + --menuitem-image: url(icons/accessibility.svg) !important; +} +#context-undo, .textbox-contextmenu menuitem[cmd*="undo"] { + --menuitem-image: url(icons/undo.svg) !important; +} +#context-selectall, .textbox-contextmenu menuitem[cmd*="selectAll"] { + --menuitem-image: url(icons/select-all.svg) !important; +} +#context-cut, .textbox-contextmenu menuitem[cmd*="cut"] { + --menuitem-image: url(icons/cut.svg) !important; +} +#context-copy, #context-copylink, #context-copyimage, .textbox-contextmenu menuitem[cmd*="copy"], #context-copyvideourl, #context-copyaudiourl { + --menuitem-image: url(icons/copy.svg) !important; +} +#context-paste, .textbox-contextmenu menuitem[cmd*="paste"], #placesContext_paste { + --menuitem-image: url(icons/paste.svg) !important; +} +#paste-and-go { + --menuitem-image: url(icons/paste-and-go.svg) !important; +} +#context-delete, .textbox-contextmenu menuitem[cmd*="delete"], .customize-context-removeExtension, .customize-context-removeFromToolbar { + --menuitem-image: url(icons/delete.svg) !important; +} +#context-searchselect { + --menuitem-image: url(icons/search.svg) !important; +} +#context-print-selection { + --menuitem-image: url(icons/print.svg) !important; +} +#context-openlinkintab { + --menuitem-image: url(icons/open-link-newtab.svg) !important; +} +#context-openlink { + --menuitem-image: url(icons/open-link-window.svg) !important; +} +#context-openlinkprivate { + --menuitem-image: url(icons/open-link-private-window.svg) !important; +} +#context-bookmarklink { + --menuitem-image: url(icons/star.svg) !important; +} +#context-savelink { + --menuitem-image: url(icons/save-link.svg) !important; +} +#context-savelinktopocket, #context-pocket { + --menuitem-image: url(icons/save-pocket.svg) !important; +} +#context-copyimage-contents { + --menuitem-image: url(icons/copy-image.svg) !important; +} +#context-sendimage, #context-sendvideo, #context-sendaudio { + --menuitem-image: url(icons/mail.svg) !important; +} +#context-setDesktopBackground, .viewCustomizeToolbar { + --menuitem-image: url(icons/brush.svg) !important; +} +#context-reloadimage { + --menuitem-image: url(icons/refresh.svg) !important; +} +menuitem[id*="placesContext_open"] { + --menuitem-image: url(icons/open.svg) !important; +} +#context_reloadTab, #context_reloadSelectedTabs, #toolbar-context-reloadSelectedTab, #toolbar-context-reloadSelectedTabs { + --menuitem-image: url(icons/refresh.svg) !important; +} +#context_toggleMuteTab, #context_toggleMuteSelectedTabs { + --menuitem-image: url(icons/mute.svg) !important; +} +#context_pinTab, #context_unpinTab, #context_pinSelectedTabs, #context_unpinSelectedTabs, .customize-context-moveToPanel { + --menuitem-image: url(icons/pin.svg) !important; +} +#context_duplicateTab, #context_duplicateTabs { + --menuitem-image: url(icons/copy-tab.svg) !important; +} +#context_selectAllTabs, #toolbar-context-selectAllTabs { + --menuitem-image: url(icons/select-all.svg) !important; +} +#context_bookmarkTab, #context_bookmarkSelectedTabs, #toolbar-context-bookmarkSelectedTab, #toolbar-context-bookmarkSelectedTabs, menuitem[id="#placesContext_new:bookmark"], #toggle_PersonalToolbar { + --menuitem-image: url(icons/star.svg) !important; +} +#context_undoCloseTab, #toolbar-context-undoCloseTab { + --menuitem-image: url(icons/undo.svg) !important; +} +#context_closeTab { + --menuitem-image: url(icons/close.svg) !important; +} +.customize-context-manageExtension { + --menuitem-image: url(icons/settings.svg) !important; +} +.customize-context-reportExtension { + --menuitem-image: url(icons/report.svg) !important; +} +#context_sendTabToDevice, #context-sendpagetodevice, #context-sendlinktodevice { + --menuitem-image: url(icons/send-to-device.svg) !important; +} +#context_moveTabOptions { + --menuitem-image: url(icons/move-tab.svg) !important; +} +#context_closeTabOptions { + --menuitem-image: url(icons/close-tabs.svg) !important; +} +#context-media-play { + --menuitem-image: url(icons/play.svg) !important; +} +#context-media-pause { + --menuitem-image: url(icons/pause.svg) !important; +} +#context-media-mute { + --menuitem-image: url(icons/audio-mute.svg) !important; +} +#context-media-unmute { + --menuitem-image: url(icons/audio.svg) !important; +} +#context-media-playbackrate { + --menuitem-image: url(icons/speed.svg) !important; +} +#context-media-showcontrols { + --menuitem-image: url(icons/show-controls.svg) !important; +} +#context-media-hidecontrols { + --menuitem-image: url(icons/hide-controls.svg) !important; +} +#context-video-fullscreen { + --menuitem-image: url(icons/fullscreen-enter.svg) !important; +} +#context-leave-dom-fullscreen { + --menuitem-image: url(icons/fullscreen-exit.svg) !important; +} +#context-video-saveimage { + --menuitem-image: url(icons/video-snapshot.svg) !important; +} +#context-viewvideo { + --menuitem-image: url(icons/video-clip.svg) !important; +} diff --git a/popup/checkmark.svg b/popup/checkmark.svg new file mode 100644 index 0000000..3c2cb1e --- /dev/null +++ b/popup/checkmark.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/accessibility.svg b/popup/icons/accessibility.svg new file mode 100644 index 0000000..095af58 --- /dev/null +++ b/popup/icons/accessibility.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/audio-mute.svg b/popup/icons/audio-mute.svg new file mode 100644 index 0000000..d634f52 --- /dev/null +++ b/popup/icons/audio-mute.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/audio.svg b/popup/icons/audio.svg new file mode 100644 index 0000000..708a532 --- /dev/null +++ b/popup/icons/audio.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/brush.svg b/popup/icons/brush.svg new file mode 100644 index 0000000..7023b3b --- /dev/null +++ b/popup/icons/brush.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/close-tabs.svg b/popup/icons/close-tabs.svg new file mode 100644 index 0000000..d051315 --- /dev/null +++ b/popup/icons/close-tabs.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/close.svg b/popup/icons/close.svg new file mode 100644 index 0000000..f8513a1 --- /dev/null +++ b/popup/icons/close.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/copy-image.svg b/popup/icons/copy-image.svg new file mode 100644 index 0000000..4acd65a --- /dev/null +++ b/popup/icons/copy-image.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/copy-tab.svg b/popup/icons/copy-tab.svg new file mode 100644 index 0000000..5405fb2 --- /dev/null +++ b/popup/icons/copy-tab.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/copy.svg b/popup/icons/copy.svg new file mode 100644 index 0000000..9302ea7 --- /dev/null +++ b/popup/icons/copy.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/cut.svg b/popup/icons/cut.svg new file mode 100644 index 0000000..c8ef566 --- /dev/null +++ b/popup/icons/cut.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/delete.svg b/popup/icons/delete.svg new file mode 100644 index 0000000..7728966 --- /dev/null +++ b/popup/icons/delete.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/fullscreen-enter.svg b/popup/icons/fullscreen-enter.svg new file mode 100644 index 0000000..4c68d89 --- /dev/null +++ b/popup/icons/fullscreen-enter.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/fullscreen-exit.svg b/popup/icons/fullscreen-exit.svg new file mode 100644 index 0000000..b0eed03 --- /dev/null +++ b/popup/icons/fullscreen-exit.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/hide-controls.svg b/popup/icons/hide-controls.svg new file mode 100644 index 0000000..4fe3ccc --- /dev/null +++ b/popup/icons/hide-controls.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/image.svg b/popup/icons/image.svg new file mode 100644 index 0000000..af9e5d8 --- /dev/null +++ b/popup/icons/image.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/info.svg b/popup/icons/info.svg new file mode 100644 index 0000000..f148e66 --- /dev/null +++ b/popup/icons/info.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/inspect.svg b/popup/icons/inspect.svg new file mode 100644 index 0000000..b69fd22 --- /dev/null +++ b/popup/icons/inspect.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/loop.svg b/popup/icons/loop.svg new file mode 100644 index 0000000..76ad31f --- /dev/null +++ b/popup/icons/loop.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/mail.svg b/popup/icons/mail.svg new file mode 100644 index 0000000..a5b1598 --- /dev/null +++ b/popup/icons/mail.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/move-tab.svg b/popup/icons/move-tab.svg new file mode 100644 index 0000000..8eabdf9 --- /dev/null +++ b/popup/icons/move-tab.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/mute.svg b/popup/icons/mute.svg new file mode 100644 index 0000000..d634f52 --- /dev/null +++ b/popup/icons/mute.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/open-link-newtab.svg b/popup/icons/open-link-newtab.svg new file mode 100644 index 0000000..64ce4b5 --- /dev/null +++ b/popup/icons/open-link-newtab.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/open-link-private-window.svg b/popup/icons/open-link-private-window.svg new file mode 100644 index 0000000..babbaf2 --- /dev/null +++ b/popup/icons/open-link-private-window.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/open-link-window.svg b/popup/icons/open-link-window.svg new file mode 100644 index 0000000..3c8bd92 --- /dev/null +++ b/popup/icons/open-link-window.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/open.svg b/popup/icons/open.svg new file mode 100644 index 0000000..a8ea96b --- /dev/null +++ b/popup/icons/open.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/paste-and-go.svg b/popup/icons/paste-and-go.svg new file mode 100644 index 0000000..d894f67 --- /dev/null +++ b/popup/icons/paste-and-go.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/paste.svg b/popup/icons/paste.svg new file mode 100644 index 0000000..5349d4e --- /dev/null +++ b/popup/icons/paste.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/pause.svg b/popup/icons/pause.svg new file mode 100644 index 0000000..a86f92d --- /dev/null +++ b/popup/icons/pause.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/picture-in-picture.svg b/popup/icons/picture-in-picture.svg new file mode 100644 index 0000000..d26e86c --- /dev/null +++ b/popup/icons/picture-in-picture.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/pin.svg b/popup/icons/pin.svg new file mode 100644 index 0000000..feb590e --- /dev/null +++ b/popup/icons/pin.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/play.svg b/popup/icons/play.svg new file mode 100644 index 0000000..ef843d8 --- /dev/null +++ b/popup/icons/play.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/print.svg b/popup/icons/print.svg new file mode 100644 index 0000000..ffd4c3c --- /dev/null +++ b/popup/icons/print.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/refresh.svg b/popup/icons/refresh.svg new file mode 100644 index 0000000..2052714 --- /dev/null +++ b/popup/icons/refresh.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/report.svg b/popup/icons/report.svg new file mode 100644 index 0000000..9c14bb4 --- /dev/null +++ b/popup/icons/report.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/save-link.svg b/popup/icons/save-link.svg new file mode 100644 index 0000000..d627e46 --- /dev/null +++ b/popup/icons/save-link.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/save-pocket.svg b/popup/icons/save-pocket.svg new file mode 100644 index 0000000..6fcc640 --- /dev/null +++ b/popup/icons/save-pocket.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/savefile.svg b/popup/icons/savefile.svg new file mode 100644 index 0000000..812e6db --- /dev/null +++ b/popup/icons/savefile.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/search.svg b/popup/icons/search.svg new file mode 100644 index 0000000..cf81067 --- /dev/null +++ b/popup/icons/search.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/select-all.svg b/popup/icons/select-all.svg new file mode 100644 index 0000000..8de923d --- /dev/null +++ b/popup/icons/select-all.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/send-to-device.svg b/popup/icons/send-to-device.svg new file mode 100644 index 0000000..8aea5a0 --- /dev/null +++ b/popup/icons/send-to-device.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/settings.svg b/popup/icons/settings.svg new file mode 100644 index 0000000..54b4abc --- /dev/null +++ b/popup/icons/settings.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/show-controls.svg b/popup/icons/show-controls.svg new file mode 100644 index 0000000..8424100 --- /dev/null +++ b/popup/icons/show-controls.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/source.svg b/popup/icons/source.svg new file mode 100644 index 0000000..bc5f433 --- /dev/null +++ b/popup/icons/source.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/speed.svg b/popup/icons/speed.svg new file mode 100644 index 0000000..ddcd3c8 --- /dev/null +++ b/popup/icons/speed.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/star.svg b/popup/icons/star.svg new file mode 100644 index 0000000..7251ccf --- /dev/null +++ b/popup/icons/star.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/undo.svg b/popup/icons/undo.svg new file mode 100644 index 0000000..08fb37f --- /dev/null +++ b/popup/icons/undo.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/video-clip.svg b/popup/icons/video-clip.svg new file mode 100644 index 0000000..c7ec8d5 --- /dev/null +++ b/popup/icons/video-clip.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/icons/video-snapshot.svg b/popup/icons/video-snapshot.svg new file mode 100644 index 0000000..18cff02 --- /dev/null +++ b/popup/icons/video-snapshot.svg @@ -0,0 +1,5 @@ + + + diff --git a/popup/menu-right.svg b/popup/menu-right.svg new file mode 100644 index 0000000..2472e92 --- /dev/null +++ b/popup/menu-right.svg @@ -0,0 +1,5 @@ + + + diff --git a/tabbar/Tabs.css b/tabbar/Tabs.css new file mode 100644 index 0000000..f5de2e7 --- /dev/null +++ b/tabbar/Tabs.css @@ -0,0 +1,846 @@ +:root:not([uidensity='compact']) #back-button > .toolbarbutton-icon { + background-color: unset !important; + border: unset !important; + padding: var(--toolbarbutton-inner-padding) !important; + border-radius: var(--toolbarbutton-border-radius) !important; + width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; + height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; + margin-top: 4px !important; + margin-bottom: 4px !important; + box-shadow: none !important; +} + +/* Hover and Active states to mimic other buttons */ +:root:not([uidensity='compact']) + #back-button:hover:not([disabled]) + > .toolbarbutton-icon { + background-color: var(--toolbarbutton-hover-background) !important; +} + +:root:not([uidensity='compact']) + #back-button:active:not([disabled]) + > .toolbarbutton-icon { + background-color: var(--toolbarbutton-active-background) !important; +} + +/* Remove pre-padding */ +:root:not([uidensity='compact']) #back-button { + padding-inline-start: 7px !important; +} + +:-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=pre-tabs] +{ + width: 0 !important; +} + +@media (-moz-mac-yosemite-theme) +{ + #TabsToolbar + { + -moz-appearance: none !important; + } + + :root:-moz-any([inFullscreen], [tabsintitlebar]):not([privatebrowsingmode=temporary]) #TabsToolbar:not(:-moz-lwtheme) + { + background-color: #dee1e5 !important; + color: #606367 !important; + --toolbarbutton-hover-background: #cbced2 !important; + --toolbarbutton-active-background: #bec0c5 !important; + } + + :root:-moz-any([inFullscreen], [tabsintitlebar]):not([privatebrowsingmode=temporary]) #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive + { + background-color: #e7eaed !important; + } + + :-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=pre-tabs] + { + width: 4px !important; + } +} + +@media (-moz-os-version: windows-win7) +{ + :root:not([privatebrowsingmode=temporary]) #TabsToolbar:not(:-moz-lwtheme) + { + color: #808387 !important; + --toolbarbutton-hover-background: rgba(196, 198, 204, .8) !important; + --toolbarbutton-active-background: #bec0c6 !important; + } + + :root:not([privatebrowsingmode=temporary]) #TabsToolbar toolbarbutton:not(:-moz-lwtheme):not(:hover):not([open]) + { + background-color: rgba(218, 220, 227, .8) !important; + } + + :root:not([privatebrowsingmode=temporary]) .tabbrowser-tab:not([visuallyselected]):not(:-moz-lwtheme) + { + --tab-bgcolor: rgb(218, 220, 227) !important; + --tab-opacity: .8 !important; + } + + :root:not([privatebrowsingmode=temporary]) .tabbrowser-tab:hover:not([visuallyselected]):not(:-moz-lwtheme) + { + --tab-bgcolor: #e9ebef !important; + } +} + + /* < FF 65, >= FF 65 */ +:-moz-any(.titlebar-placeholder, .titlebar-spacer) +{ + border: 0 !important; + display: -moz-box !important; +} + +:-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=post-tabs] +{ + width: 48px !important; + transition: width .666s cubic-bezier(.4, 0, .2, 1) !important; +} + +@media (max-width: 700px) +{ + :-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=post-tabs] + { + width: 8px !important; + } +} + +/* vertically center buttons in tab bar */ +#TabsToolbar toolbarbutton, +/* >= 72 */ +#TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-up), +#TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-down), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) +{ + margin-top: calc((var(--tab-min-height) - var(--button-size)) / 2) !important; + margin-bottom: calc((var(--tab-min-height) - var(--button-size)) / 2) !important; +} + +.tabbrowser-tab +{ + min-height: var(--tab-min-height) !important; + overflow: visible !important; + font-size: 12px !important; + background: 0 !important; + border: 0 !important; +} + +.tabbrowser-tab[visuallyselected] +{ + color: var(--toolbar-color) !important; +} + +/* regular */ +.tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) +{ + max-width: 240px !important; +} + +/* neighbouring tabs should "pinch" together */ +.tabbrowser-tab:not([last-visible-tab]) +{ + margin-inline-end: -.5px !important; +} + +/* special case for pinned tabs when overflowing */ +#tabbrowser-tabs:not([overflow]) .tabbrowser-tab:not([first-visible-tab]), +#tabbrowser-tabs[overflow] .tabbrowser-tab:not([first-visible-tab]):not([pinned]) +{ + margin-inline-start: -.5px !important; +} + +#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] .tab-background +{ + margin: 0 -1px !important; +} + +.tab-content +{ + position: relative !important; + overflow: hidden !important; + padding-inline-start: 12px !important; + padding-inline-end: 8px !important; +} + +.tab-content::before, +.tab-content::after +{ + content: "" !important; + display: block !important; + position: absolute !important; + background-color: currentColor !important; + width: 1px !important; + height: 20px !important; + transform: translateY(-10px) !important; + opacity: 0 !important; + transition: opacity .2s var(--ease-basic) !important; +} + +.tab-content::before +{ + left: 0 !important; +} + +.tab-content::after +{ + right: 0 !important; +} + +.tab-throbber, +.tab-throbber-fallback, +.tab-icon-image, +.tab-sharing-icon-overlay, +.tab-icon-sound, +.tab-close-button +{ + margin-top: 0 !important; +} + +.tabbrowser-tab::before, +.tabbrowser-tab::after, +.tab-line +{ + display: none !important; + margin-top: 6px; +} + +/* tab background color */ + +.tabbrowser-tab +{ + --tab-transition-duration: .2s; +} + + + +.tabbrowser-tab:not([selected=true]):hover, +.tabbrowser-tab[multiselected]:not([selected=true]) +{ + --tab-opacity: .1; +} + +:-moz-any(:root[privatebrowsingmode=temporary], #TabsToolbar[brighttext]) .tabbrowser-tab:not([selected=true]):hover, +:-moz-any(:root[privatebrowsingmode=temporary], #TabsToolbar[brighttext]) .tabbrowser-tab[multiselected]:not([selected=true]) +{ + --tab-opacity: .06; +} + +:-moz-any(#TabsToolbar) .tabbrowser-tab[visuallyselected] +{ + --tab-bgcolor: var(--toolbar-bgcolor); + --tab-opacity: 1; +} + +.tab-background +{ + background: var(--tab-bgcolor) !important; + /* rounded top corners */ + border-radius: 4px 4px 0 0 !important; + position: relative !important; + border: 0 !important; + transition: + opacity var(--tab-transition-duration) var(--ease-basic), + background-color 0s var(--tab-transition-duration) var(--ease-basic) !important; + opacity: var(--tab-opacity) !important; + visibility: visible !important; +} + +/* rounded bottom corners */ +.tab-background::before, +.tab-background::after +{ + content: "" !important; + display: block !important; + position: absolute !important; + width: 8px !important; + height: 8px !important; + bottom: 0 !important; + pointer-events: none !important; + transition: box-shadow 0s var(--tab-transition-duration) var(--ease-basic) !important; +} + +.tab-background::before +{ + border-bottom-right-radius: 5px !important; + left: 0 !important; + transform: translateX(-8px) !important; + box-shadow: 4px 4px 0 4px var(--tab-bgcolor) !important; +} + +.tab-background::after +{ + border-bottom-left-radius: 5px !important; + right: 0 !important; + transform: translateX(8px) !important; + box-shadow: -4px 4px 0 4px var(--tab-bgcolor) !important; +} + +.tabbrowser-tab[visuallyselected][style*=transform] + .tabbrowser-tab[style*=transform] .tab-content::after, +.tabbrowser-tab[style*=transform]:not([visuallyselected]) .tab-content::before, +.tabbrowser-tab[style*=transform] + .tabbrowser-tab:not([visuallyselected]) .tab-content::before, +.tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) + .tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::before, +#tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow]) .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::after +{ + opacity: var(--tab-separator-opacity) !important; +} + +#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] + .tabbrowser-tab:not([pinned]) .tab-content::before +{ + opacity: 0 !important; +} + +.tabbrowser-tab[visuallyselected] +{ + --tab-transition-duration: 0s; +} + +.tab-throbber, +.tab-throbber-fallback +{ + margin-inline-end: 8px !important; +} + +.tab-icon-image +{ + margin: 0 !important; +} + + + +.tab-label-container +{ + margin-top: -2px !important; + opacity: 1 !important; +} + +.tabbrowser-tab[image]:not([image^="chrome://branding/"]) .tab-label-container, +.tabbrowser-tab:-moz-any([progress], [busy]) .tab-label-container +{ + padding-inline-start: 8px !important; +} + + + +.tabbrowser-tab[fadein] .tab-close-button +{ + visibility: visible !important; +} + + +.tab-close-button:hover, +.tab-icon-overlay:-moz-any([soundplaying], [muted], [activemedia-blocked]):hover, +.tab-icon-sound:hover +{ + background-color: var(--toolbarbutton-hover-background) !important; +} + +.tab-close-button:hover:active, +.tab-icon-overlay:-moz-any([soundplaying], [muted], [activemedia-blocked]):hover:active, +.tab-icon-sound:hover:active +{ + background-color: var(--toolbarbutton-active-background) !important; +} + +.tab-icon-overlay[pinned] +{ + margin: 0 !important; + margin-inline-start: -16px !important; +} + +@keyframes rotate-360 +{ + 0% { transform: rotate(0); } + 100% { transform: rotate(1turn); } +} + +/* clipped tabs */ +#tabbrowser-tabs[closebuttons=activetab] .tab-content:not([pinned]) +{ + padding-inline-start: 8px !important; +} + +#tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not([visuallyselected]) .tab-close-button +{ + visibility: collapse !important; +} + +#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]), +#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(ltr):not([pinned]) +{ + mask-image: linear-gradient(to right, black 70%, transparent) !important; +} + +#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection="rtl"]:not([pinned]), +#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(rtl):not([pinned]) +{ + mask-image: linear-gradient(to left, black 70%, transparent) !important; +} + +.tab-content[pinned] +{ + -moz-box-pack: center !important; +} + +.tab-icon-image[pinned], +.tab-throbber[pinned] +{ + margin: auto !important; +} + +.tab-content[pinned] +{ + width: 36px !important; + padding: 0 !important; + padding-inline-start: 10px !important; + padding-inline-end: 0 !important; +} + +.tab-label-container[pinned], +.tab-close-button[pinned] +{ + visibility: hidden !important; +} + +/* close button / favicon is centered within 36px tab */ +/* disabled for now because it's broken in recent version of Firefox */ + + +#tabbrowser-tabs #tabs-newtab-button +{ + margin-inline-start: 6px !important; +} + +#tabbrowser-tabs[overflow] .tabbrowser-arrowscrollbox +{ + border-radius: 8px 8px 0 0 !important; + background-color: rgba(0, 0, 0, .1) !important; + padding-inline-start: 0 !important; +} + +#tabbrowser-tabs[overflow] +{ + margin-inline-start: 8px !important; +} + +#tabbrowser-tabs[overflow] .tabbrowser-tab[first-visible-tab]:not([pinned]), +#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] + .tabbrowser-tab:not([pinned]), +#tabbrowser-tabs:not([overflow]) .tabbrowser-tab[first-visible-tab] +{ + margin-inline-start: 8px !important; +} + +#tabbrowser-tabs[overflow] .tabbrowser-tab[last-visible-tab]:not([pinned]) +{ + margin-inline-end: 7px !important; +} + +.tabbrowser-tab[usercontextid] > .tab-stack::after +{ + content: "" !important; + position: absolute !important; + display: flex !important; + bottom: 0 !important; + left: 8px !important; + width: calc(100% - 16px) !important; + height: 2px !important; + box-sizing: border-box !important; + border-radius: 99px 99px 0 0 !important; + transform: none !important; + background: var(--identity-tab-color) !important; + transition-property: top, bottom, left, right, width, height, border-radius; + transition-duration: .225s !important; + transition-timing-function: var(--ease-out) !important; +} + +.tab-bottom-line +{ + display: none !important; +} + +.tabbrowser-tab[usercontextid][selected] > .tab-stack::after +{ + bottom: calc(100% - 9px) !important; + left: calc(100% - 9px) !important; + width: 6px !important; + height: 6px !important; + border-radius: 99px !important; +} + +/* < 72 */ +#tabbrowser-tabs .arrowscrollbox-overflow-start-indicator, +#tabbrowser-tabs .arrowscrollbox-overflow-end-indicator, +/* >= 72 */ +#tabbrowser-tabs::part(arrowscrollbox-overflow-start-indicator), +#tabbrowser-tabs::part(arrowscrollbox-overflow-end-indicator), +/* no ::part workaround - may have side effects */ +spacer[part="overflow-start-indicator"], +spacer[part="overflow-end-indicator"] +{ + display: none !important; +} + +.tab-loading-burst[bursting]::before +{ + display: none !important; +} + +/* high DPI adjustments */ +@media (min--moz-device-pixel-ratio: 2) +{ + .tabbrowser-tab::before + { + transform: translateY(.5px) !important; + } + + .tabbrowser-tab:last-of-type::after + { + transform: translate(-1px, .5px) !important; + } + + /* macOS */ + @media (-moz-mac-yosemite-theme) + { + .titlebar-buttonbox + { + margin-top: .5px !important; + margin-bottom: -.5px !important; + } + } +} +#TabsToolbar { + +} + +/* Close, minizime and maximize window buttons */ +.titlebar-buttonbox-container {margin-top: 0px !important;} + +.titlebar-spacer[type='pre-tabs'] { + width: 7px !important; + border-inline-end: none !important; +} + +toolbar #tabs-newtab-button { + margin-top: 1px !important; +} + +toolbar #tabs-newtab-button > .toolbarbutton-icon { + margin: 2px !important; + width: calc(2 * var(--toolbarbutton-inner-padding) + 12px) !important; + height: calc(2 * var(--toolbarbutton-inner-padding) + 12px) !important; +} + +.tabbrowser-tab::after, +.tabbrowser-tab::before { + border-left: none !important; /* Remove borders from inactive tabs */ +} + +:root { + --tabs-border: transparent !important; /* Remove borders from active tab and below tabs */ +} + +:root:not([uidensity='compact']):not([chromehidden~='toolbar']) + #nav-bar[brighttext] + > #PanelUI-button { + margin-inline-start: 0 !important; + border-inline-start: none !important; +} + +#tracking-protection-icon-container { + padding-inline-start: 8px !important; + padding-inline-end: 8px !important; +} + +#pageActionButton { + border-radius: 3px !important; + margin-right: 2px !important; +} + +#identity-box { + padding-inline-start: 8px !important; + padding-inline-end: 8px !important; +} + +.tab-line { + display: none !important; +} + +toolbar .toolbarbutton-1 { + margin-left: 4px !important; + margin-right: 4px !important; +} + +:root:not([uidensity='compact']) #PanelUI-button { + padding-inline-start: 2px !important; +} + +:root:not([uidensity='compact']) #PanelUI-menu-button { + padding-inline-end: 9px !important; +} + + + +#PanelUI-button { + border: none !important; +} + +/* TABS */ + +.tab-close-button, +.close-icon { + width: 16px !important; + opacity: 0.7 !important; +} +/* +.tabbrowser-tab:hover + > .tab-stack + > .tab-background:not([selected='true']):not([multiselected]) { + transition: background-color 0.2s !important; + background-color: rgba(255, 255, 255, 0.2) !important; +} + +#main-window:not([lwthemetextcolor='dark']) + .tabbrowser-tab:hover + > .tab-stack + > .tab-background:not([selected='true']):not([multiselected]) { + background-color: rgba(255, 255, 255, 0.04) !important; +} +*/ +.tab-background { + border-top: none !important; +} + +.tabbrowser-tab { + font-size: 12px !important; +} + +.tab-icon-image { + margin-left: 2px !important; +} + +.tab-throbber:not([pinned]), +.tab-sharing-icon-overlay:not([pinned]), +.tab-icon-pending:not([pinned]), +.tab-icon-image:not([pinned]) { + margin-inline-end: 8px !important; +} + +:root:not([uidensity='compact']) #tabbrowser-tabs { + min-height: 35px !important; +} + +:root[uidensity='compact'] #tabbrowser-tabs { + min-height: 31px !important; +} + +#tabbrowser-tabs:not([movingtab]) + > .tabbrowser-arrowscrollbox + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected='true']:-moz-lwtheme, +#tabbrowser-tabs:not([movingtab]) + > .tabbrowser-arrowscrollbox + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected='true']:-moz-lwtheme { + background-image: 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) !important; + box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.11) !important; +} + +#main-window[lwthemetextcolor='bright'] + #tabbrowser-tabs:not([movingtab]) + > .tabbrowser-arrowscrollbox + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected='true']:-moz-lwtheme { + box-shadow: 0 4px 3px rgba(0, 0, 0, 0.45) !important; +} + +:root:-moz-any([sizemode='fullscreen'], [customize-entered]) + #nav-bar:not([tabs-hidden='true']), +:root:not([tabsintitlebar]) #nav-bar:not([tabs-hidden='true']), +#nav-bar:not([tabs-hidden='true']):-moz-lwtheme { + box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) !important; +} + +.arrowscrollbox-scrollbox { + padding-left: 5px !important; +} + +#main-window[extradragspace] .arrowscrollbox-scrollbox { + padding-top: 3px !important; +} + +:root[extradragspace] #TabsToolbar > .toolbar-items { + padding-top: 5px !important; +} + +:root[extradragspace][uidensity='compact'] #TabsToolbar > .toolbar-items { + padding-top: 1px !important; +} + +#main-window[OSXLionFullscreen] .arrowscrollbox-scrollbox { + padding-left: 0 !important; +} + +/* MAIN WINDOW */ + +#main-window[lwthemetextcolor='bright'] { + -moz-appearance: -moz-mac-vibrancy-dark !important; +} + +#main-window[lwthemetextcolor='bright'] #TabsToolbar { + background: rgba(0, 0, 0, 0.49) !important; +} + + +:root[extradragspace] .tab-background { + border-radius: 4px 4px 0 0 !important; +} + +:root[extradragspace] .tab-background:before, +:root[extradragspace] .tab-background:after { + content: ''; + position: absolute; + bottom: -2px; + + height: 8px; + width: 8px; + border-width: 2px; + border-radius: 100%; + margin: 0; + padding: 0; + + background: transparent; + border-color: transparent; + border-bottom-color: var(--toolbar-bgcolor); + border-style: solid; +} + +:root[extradragspace] .tab-background:before { + left: -10px; + transform: rotate(-45deg); +} + +:root[extradragspace] .tab-background:after { + right: -10px; + transform: rotate(45deg); +} + +/* Edge Style Tabs */ +#nav-bar { + box-shadow: 0 -1px 2px -1px #0004 !important; +} +:root[lwthemetextcolor="bright"] #nav-bar { + box-shadow: 0 -1px 2px -1px #0006 !important; +} +.tabbrowser-tab[visuallyselected] .tab-background { + box-shadow: 0 2px 4px #0005, 0 -1px 2px -1px #0004 !important; +} +:root[lwthemetextcolor="bright"] .tabbrowser-tab[visuallyselected] .tab-background, :root[lwthemetextcolor="bright"] { + box-shadow: 0 2px 4px #0008, 0 -1px 2px -1px #0006 !important; +} + +#TabsToolbar > .toolbar-items { + margin-top: -2px !important; +} + +.tabbrowser-tab, +#TabsToolbar-customization-target > :not(#tabbrowser-tabs), +#TabsToolbar #tabs-newtab-button +{ + margin-top: 2px !important; +} + +.tab-close-button +{ + list-style-image: url(close-tab.svg) !important; + width: 16px !important; + height: 16px !important; + margin: 0 !important; + padding: 0 !important; +} + +.tab-close-button, +.tab-icon-overlay[activemedia-blocked], +.tab-icon-sound +{ + border-radius: 2px !important; + color: inherit !important; + -moz-context-properties: fill, fill-opacity !important; + transition-property: fill-opacity, background-color !important; + transition-duration: .15s !important; + transition-timing-function: var(--ease-basic) !important; + fill-opacity: 1 !important; + opacity: 1 !important; +} + +.tab-close-button:hover, +.tab-icon-overlay:-moz-any([soundplaying], [muted], [activemedia-blocked]):hover, +.tab-icon-sound:hover +{ + background-color: var(--toolbarbutton-hover-background) !important; +} + +.tab-close-button:hover:active, +.tab-icon-overlay:-moz-any([soundplaying], [muted], [activemedia-blocked]):hover:active, +.tab-icon-sound:hover:active +{ + background-color: var(--toolbarbutton-active-background) !important; +} + +.tab-icon-overlay[pinned] +{ + margin: 0 !important; + margin-inline-start: -16px !important; +} + +@keyframes rotate-360 +{ + 0% { transform: rotate(0); } + 100% { transform: rotate(1turn); } +} + + + +.tabbrowser-tab[pinned]:-moz-any([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image +{ + visibility: hidden !important; +} + +.tabbrowser-tab[fadein] .tab-close-button +{ + visibility: visible !important; +} + +.tab-throbber +{ + -moz-context-properties: fill !important; + fill: currentColor !important; + background-image: url(spinner-busy.svg) !important; + margin: 0 !important; + transform-origin: center !important; + animation: rotate-360 1.333s linear infinite reverse !important; + position: static !important; +} + +.tab-throbber[progress] +{ + background-image: url(spinner-progress.svg) !important; + animation-direction: normal !important; +} + +.tab-throbber::before +{ + display: none !important; +} + + + diff --git a/tabbar/close-tab.svg b/tabbar/close-tab.svg new file mode 100644 index 0000000..9b0750f --- /dev/null +++ b/tabbar/close-tab.svg @@ -0,0 +1,5 @@ + + + diff --git a/tabbar/spinner-busy.svg b/tabbar/spinner-busy.svg new file mode 100644 index 0000000..1955a19 --- /dev/null +++ b/tabbar/spinner-busy.svg @@ -0,0 +1,28 @@ + + + + \ No newline at end of file diff --git a/tabbar/spinner-progress.svg b/tabbar/spinner-progress.svg new file mode 100644 index 0000000..894b0b2 --- /dev/null +++ b/tabbar/spinner-progress.svg @@ -0,0 +1,43 @@ + + + + \ No newline at end of file diff --git a/urlbar/connection-warning.svg b/urlbar/connection-warning.svg new file mode 100644 index 0000000..700f729 --- /dev/null +++ b/urlbar/connection-warning.svg @@ -0,0 +1,6 @@ + + + + diff --git a/urlbar/connection.svg b/urlbar/connection.svg new file mode 100644 index 0000000..1329d18 --- /dev/null +++ b/urlbar/connection.svg @@ -0,0 +1,6 @@ + + + + diff --git a/urlbar/document.svg b/urlbar/document.svg new file mode 100644 index 0000000..f6c3fe5 --- /dev/null +++ b/urlbar/document.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/go.svg b/urlbar/go.svg new file mode 100644 index 0000000..51f9a4c --- /dev/null +++ b/urlbar/go.svg @@ -0,0 +1,2 @@ + + diff --git a/urlbar/info.svg b/urlbar/info.svg new file mode 100644 index 0000000..f148e66 --- /dev/null +++ b/urlbar/info.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/naughty-shield.svg b/urlbar/naughty-shield.svg new file mode 100644 index 0000000..59327d5 --- /dev/null +++ b/urlbar/naughty-shield.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/urlbar/permissions.svg b/urlbar/permissions.svg new file mode 100644 index 0000000..67fc928 --- /dev/null +++ b/urlbar/permissions.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/addon-install-blocked.svg b/urlbar/permissions/addon-install-blocked.svg new file mode 100644 index 0000000..ec1f4d2 --- /dev/null +++ b/urlbar/permissions/addon-install-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/addon-install.svg b/urlbar/permissions/addon-install.svg new file mode 100644 index 0000000..bfefc2f --- /dev/null +++ b/urlbar/permissions/addon-install.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/autoplay-media-blocked.svg b/urlbar/permissions/autoplay-media-blocked.svg new file mode 100644 index 0000000..9c45be8 --- /dev/null +++ b/urlbar/permissions/autoplay-media-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/autoplay-media.svg b/urlbar/permissions/autoplay-media.svg new file mode 100644 index 0000000..dec88b0 --- /dev/null +++ b/urlbar/permissions/autoplay-media.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/camera-blocked.svg b/urlbar/permissions/camera-blocked.svg new file mode 100644 index 0000000..2812ffc --- /dev/null +++ b/urlbar/permissions/camera-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/camera.svg b/urlbar/permissions/camera.svg new file mode 100644 index 0000000..76677d5 --- /dev/null +++ b/urlbar/permissions/camera.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/canvas-blocked.svg b/urlbar/permissions/canvas-blocked.svg new file mode 100644 index 0000000..02d6603 --- /dev/null +++ b/urlbar/permissions/canvas-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/canvas.svg b/urlbar/permissions/canvas.svg new file mode 100644 index 0000000..af9e5d8 --- /dev/null +++ b/urlbar/permissions/canvas.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/desktop-notification-blocked.svg b/urlbar/permissions/desktop-notification-blocked.svg new file mode 100644 index 0000000..4835ad5 --- /dev/null +++ b/urlbar/permissions/desktop-notification-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/desktop-notification.svg b/urlbar/permissions/desktop-notification.svg new file mode 100644 index 0000000..1e88858 --- /dev/null +++ b/urlbar/permissions/desktop-notification.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/geo-blocked.svg b/urlbar/permissions/geo-blocked.svg new file mode 100644 index 0000000..f5152d2 --- /dev/null +++ b/urlbar/permissions/geo-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/geo.svg b/urlbar/permissions/geo.svg new file mode 100644 index 0000000..98f1a9e --- /dev/null +++ b/urlbar/permissions/geo.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/microphone-blocked.svg b/urlbar/permissions/microphone-blocked.svg new file mode 100644 index 0000000..1c078b6 --- /dev/null +++ b/urlbar/permissions/microphone-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/microphone.svg b/urlbar/permissions/microphone.svg new file mode 100644 index 0000000..df1e065 --- /dev/null +++ b/urlbar/permissions/microphone.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/midi.svg b/urlbar/permissions/midi.svg new file mode 100644 index 0000000..0b7a67b --- /dev/null +++ b/urlbar/permissions/midi.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/persistent-storage-blocked.svg b/urlbar/permissions/persistent-storage-blocked.svg new file mode 100644 index 0000000..f82ba39 --- /dev/null +++ b/urlbar/permissions/persistent-storage-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/persistent-storage.svg b/urlbar/permissions/persistent-storage.svg new file mode 100644 index 0000000..28d28ec --- /dev/null +++ b/urlbar/permissions/persistent-storage.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/popup.svg b/urlbar/permissions/popup.svg new file mode 100644 index 0000000..9b6aa3d --- /dev/null +++ b/urlbar/permissions/popup.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/screen-blocked.svg b/urlbar/permissions/screen-blocked.svg new file mode 100644 index 0000000..fd9200e --- /dev/null +++ b/urlbar/permissions/screen-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/screen.svg b/urlbar/permissions/screen.svg new file mode 100644 index 0000000..a9cd96d --- /dev/null +++ b/urlbar/permissions/screen.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/xr-blocked.svg b/urlbar/permissions/xr-blocked.svg new file mode 100644 index 0000000..9ad24d0 --- /dev/null +++ b/urlbar/permissions/xr-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/permissions/xr.svg b/urlbar/permissions/xr.svg new file mode 100644 index 0000000..9a8f216 --- /dev/null +++ b/urlbar/permissions/xr.svg @@ -0,0 +1,5 @@ + + + diff --git a/urlbar/urlBar.css b/urlbar/urlBar.css new file mode 100644 index 0000000..048a1b6 --- /dev/null +++ b/urlbar/urlBar.css @@ -0,0 +1,944 @@ +.urlbarView-body-inner +{ + border: 0 !important; +} + +.urlbarView-row +{ + padding: 0 !important; + border-radius: 0 !important; +} + +.urlbarView-row:last-of-type { + margin-bottom: 8px !important; +} + +.urlbarView-row-inner +{ + align-items: center !important; + position: relative !important; + padding: 10px 0 !important; + padding-inline: 41px 16px !important; + max-width: 100% !important; + width: auto !important; + border-radius: 0 !important; + border-left: 3px solid transparent !important; +} + +.urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, .urlbarView-row-inner[selected] { + border-color: var(--urlbar-popup-url-color) !important; +} + +.urlbarView-no-wrap +{ + height: 16px !important; + align-items: center !important; + margin-inline-start: 0 !important; + max-width: 100% !important; +} + +.urlbarView-row[type="tabtosearch"] .urlbarView-no-wrap +{ + height: 32px !important; +} + +.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-row-inner +{ + flex-direction: column !important; + align-items: flex-start !important; +} + +.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-no-wrap +{ + height: auto !important; + align-self: flex-start !important; + width: 100% !important; +} + +.urlbarView-title-separator +{ + visibility: visible !important; +} + +.urlbarView-title-separator::before +{ + content: "-" !important; + color: inherit !important; +} + +.urlbarView-title-separator, +.urlbarView-action +{ + opacity: .6 !important; + color: inherit !important; + font-size: revert !important; +} + +.urlbarView-favicon +{ + position: absolute !important; + left: 11px !important; + top: 50% !important; + transform: translateY(-50%) !important; + fill-opacity: .6 !important; + flex: unset !important; + margin: unset !important; +} + +.urlbarView-title, +.urlbarView-url +{ + text-overflow: ellipsis !important; + mask-image: none !important; +} + +.urlbarView-title +{ + flex: 1 !important; + flex-basis: unset !important; +} + +.urlbarView-url +{ + max-width: 100% !important; + font-size: revert !important; + color: var(--urlbar-popup-url-color) !important; + padding: 0 !important; +} + +.urlbarView-url:not(:empty) +{ + visibility: visible !important; +} + +.urlbarView-action:not(:empty) +{ + display: flex !important; +} + +.urlbarView-row[type=search] ~ .urlbarView-row[type=search] .urlbarView-title-separator, +.urlbarView-row[type=search] ~ .urlbarView-row[type=search] .urlbarView-action, +.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-title-separator, +.urlbarView-type-icon +{ + display: none !important; +} + +.urlbarView-row[type=tip] > .urlbarView-row-inner > .urlbarView-favicon, +.urlbarView-row[type=tip] > .urlbarView-row-inner > .urlbarView-title, +.urlbarView-tip-button, +.urlbarView-tip-help +{ + margin-block-end: 0 !important; +} + +.urlbarView .search-one-offs +{ + padding: 4px !important; + display: flex !important; + margin-top: -8px !important; +} + +.urlbarView .search-panel-one-offs-header +{ + margin-inline-start: 12px !important; + line-height: 40px !important; + transform: translateY(-1px) !important; +} + +.urlbarView .search-panel-one-offs +{ + border-radius: 0 0 8px 8px !important; + display: inline-flex !important; + flex-direction: row !important; + padding: 0 !important; + margin: 0 !important; + float: left !important; + max-width: none !important; + height: auto !important; +} + +.urlbarView .searchbar-engine-one-off-item +{ + height: 32px !important; + border-radius: 16px !important; + padding: 0 8px !important; + margin: 4px !important; + background-image: none !important; + color: inherit !important; + border: 0 !important; +} + +#urlbar-container +{ + max-height: 36px !important; +} + +#urlbar, +#searchbar +{ + --urlbar-shadow: 0 1px 5px 0 #0001; + font-size: 14px !important; + border-radius: 4px !important; + background-color: var(--toolbar-field-background-color) !important; + border: 0 !important; + box-shadow: var(--urlbar-shadow) !important; + padding: 2px !important; + background-clip: padding-box !important; + transition: background-color .1s var(--ease-basic) !important; + -moz-box-align: center !important; + display: block !important; + margin: 0 !important; + top: 0 !important; + color: inherit !important; + + --urlbar-height: 30px !important; + + min-height: var(--urlbar-height) !important; +} + +#urlbar:not(:-moz-lwtheme), +#searchbar:not(:-moz-lwtheme) +{ + color: inherit !important; +} + +#urlbar:hover, +#searchbar:hover +{ + background-color: var(--toolbar-field-hover-background-color) !important; + box-shadow: 0 0 0 1px inset var(--toolbar-field-hover-border-color, transparent), var(--urlbar-shadow) !important; +} + +#urlbar[focused], +#urlbar[open], +#searchbar[focused], +#searchbar[open] +{ + background-color: var(--toolbar-field-focus-background-color) !important; +} + +#urlbar[focused], +#searchbar[focused] +{ + box-shadow: 0 0 0 1px var(--toolbar-field-focus-border-color), inset 0 0 0 1px var(--toolbar-field-focus-border-color), var(--urlbar-shadow) !important; + border: 0 !important; + padding: 2px !important; + margin: 0 !important; +} + +/* if only focused, don't break out the urlbar */ +#urlbar[focused]:not([open]) +{ + width: 100% !important; + left: 0 !important; + right: 0 !important; +} + +#urlbar[open], +#searchbar[open] +{ + border: 0 !important; + padding: 0 !important; + border-radius: 6px !important; + min-height: 37px !important; + margin: -4px 0 -1px !important; + box-shadow: + 0 1px 2px 1px rgba(0,0,0,0.1), + 0 5px 5px -3px rgba(0,0,0,.2), + 0 6px 10px 1px rgba(0,0,0,.14), + 0 3px 14px 2px rgba(0,0,0,.12) !important; + z-index: 99999 !important; +} +#urlbar[breakout][breakout-extend] { + top: -2px; + left: 0 !important; + width: 100% !important; +} +#urlbar[open] #urlbar-input { + margin-right: 10px !important; +} + +/* 71+ */ +#urlbar-background +{ + display: none !important; +} + +#urlbar-input-container, +#searchbar +{ + display: flex !important; + align-items: center !important; +} + +#urlbar-input-container +{ + height: auto !important; + padding: 0 !important; + border: 0 !important; + border-radius: 0 !important; +} + +.urlbar-input-box, +.searchbar-textbox +{ + flex: 1 !important; +} + +#urlbar-input +{ + width: 100% !important; +} + +#urlbar-input, +.searchbar-textbox +{ + color: var(--lwt-toolbar-field-color) !important; +} +#urlbar[focused], +#urlbar[focused] #urlbar-input, +.searchbar-textbox:focus +{ + color: var(--lwt-toolbar-field-focus-color) !important; +} + +#urlbar-input::placeholder, +.searchbar-textbox::placeholder +{ + opacity: .66 !important; +} + +#urlbar[open] #urlbar-input-container +{ + height: 38px !important; + margin-inline: 1px !important; +} + +#urlbar[open] #identity-box +{ + margin-inline-start: 1px !important; + margin-inline-end: 0px !important; +} + +.urlbarView +{ + top: 0 !important; + left: 0 !important; + right: 0 !important; + position: relative !important; + box-shadow: none !important; + border: 0 !important; + background: 0 !important; + margin: 0 !important; +} + +#urlbar[open] .urlbarView +{ + display: block !important; + width: 100% !important; +} + +#urlbar-results +{ + padding: 0 !important; +} + +#urlbar-container, +#searchbar-container +{ + overflow: visible !important; + padding: 0 !important; + margin-inline: 6px !important; +} + +#identity-icon +{ + fill-opacity: 1 !important; +} + +#identity-icon-label +{ + color: inherit !important; + opacity: 1 !important; + padding: 0 !important; + margin-inline-start: 8px !important; + margin-block-start: -1px !important; + display: none !important; + align-items: center !important; +} + +#identity-box +{ + display: flex !important; + position: relative !important; +} + +#urlbar-label-box +{ + border: 0 !important; + padding: 0 !important; +} + +/* separator */ +#identity-icon-label::after +{ + content: "" !important; + display: block !important; + position: absolute !important; + height: 16px !important; + right: 0 !important; + background: #9d9e9f !important; + width: 1px !important; + transition: opacity .2s var(--ease-basic) !important; +} + +#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden), +#urlbar-label-box +{ + margin-inline-end: 8px !important; +} + +#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden) #identity-icon-label +{ + display: flex !important; +} + + +#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):not(.no-hover):-moz-any([open], :hover) #identity-icon-label::after +{ + opacity: 0 !important; +} + +#urlbar[pageproxystate=valid] #identity-box.extensionPage > #identity-icon +{ + list-style-image: none !important; + margin-inline-end: -16px !important; +} + +/* no longer used as a connection icon */ +#connection-icon +{ + display: none !important; +} + +#urlbar[pageproxystate=valid] #identity-box:-moz-any( + .mixedActiveBlocked, + .mixedDisplayContentLoadedActiveBlocked, + .mixedActiveContent +) > #connection-icon +{ + display: -moz-box !important; +} + +#urlbar[pageproxystate=valid] #identity-box:-moz-any(.weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent) +{ + color: #c94031 !important; +} + +.urlbar-input +{ + padding: 0 !important; +} + +.searchbar-textbox +{ + border: 0 !important; + background: 0 !important; + box-shadow: none !important; + margin: 0 !important; + -moz-appearance: none !important; +} + +.searchbar-search-icon +{ + margin: 0 !important; + fill-opacity: 1 !important; +} + +.searchbar-search-icon-overlay +{ + margin-inline-start: -11px !important; + margin-inline-end: 0 !important; + + /* not really useful anyway */ + display: none !important; +} + +#page-action-buttons > #pageActionSeparator, +.urlbar-history-dropmarker +{ + display: none !important; +} + +#pageActionSeparator +{ + height: 24px !important; +} + +.urlbar-icon-wrapper +{ + background: 0 !important; +} + +.urlbar-icon, +#page-action-buttons > toolbarbutton, +.searchbar-search-button, +#tracking-protection-icon-box, +#identity-icon-box, +#identity-permission-box +{ + min-width: 36px !important; + height: 26px !important; + min-height: 26px !important; + padding: 5px 10px !important; + margin: 0 !important; + border: 0 !important; + border-radius: 2px !important; + fill-opacity: 1 !important; + transition: background-color .2s var(--ease-basic) !important; + background: 0 !important; + background-color: transparent !important; +} + +#identity-box +{ + margin: 0 !important; +} + +#identity-icon-box +{ + min-width: 40px !important; + padding: 5px 12px !important; +} + +#identity-permission-box +{ + min-width: 28px !important; + padding: 5px 0px !important; + padding-inline-end: 12px !important; + margin: 0 0 0 -8px !important; +} + +#tracking-protection-icon-container +{ + background: 0 !important; + border: 0 !important; + margin: 0 !important; + padding: 0 !important; + width: auto !important; + order: 97 !important; +} + +#tracking-protection-icon-box +{ + display: block !important; + width: 32px !important; +} + +#tracking-protection-icon-box +{ + transition: + background-color .2s var(--ease-basic), + width .15s var(--ease-in), + opacity .15s var(--ease-basic), + visibility 0s .2s !important; + opacity: 0 !important; + visibility: hidden !important; + width: 0 !important; +} + +#urlbar:hover #tracking-protection-icon-box, +#tracking-protection-icon-container[open] #tracking-protection-icon-box, +#tracking-protection-icon-box[active] +{ + transition: + background-color .2s var(--ease-basic), + width .3s var(--ease-out), + opacity .3s var(--ease-basic) !important; + opacity: 1 !important; + visibility: visible !important; + width: 36px !important; +} + +#tracking-protection-icon +{ + display: block !important; +} + +#tracking-protection-icon-animatable-box +{ + display: none !important; +} + +#identity-box #notification-popup-box +{ + padding: 0 !important; + margin: 0 !important; +} + +#page-action-buttons +{ + height: 26px !important; + display: flex !important; + order: 99 !important; +} + +#urlbar[open] #page-action-buttons, +#urlbar[open] #tracking-protection-icon-container +{ + display: none !important; +} + +.urlbar-icon:hover:not([disabled]), +#page-action-buttons > toolbarbutton:hover:not([disabled]), +.searchbar-search-button:hover, +#identity-icon-box:hover, #identity-permission-box:hover, +#tracking-protection-icon-container:hover #tracking-protection-icon-box +{ + background-color: var(--toolbarbutton-hover-background) !important; +} + +.urlbar-icon:hover:active:not([disabled]), +.urlbar-icon[open], +#page-action-buttons > toolbarbutton:hover:active:not([disabled]), +.searchbar-search-button:hover:active, +:-moz-any(#identity-icon-box, #identity-permission-box):-moz-any(:active, [open]), +#identity-box[open]:not(.no-hover), +#tracking-protection-icon-container[open] #tracking-protection-icon-box +{ + background-color: var(--toolbarbutton-active-background) !important; + transition-duration: 0 !important; +} + +#contextual-feature-recommendation +{ + width: auto !important; +} + +.urlbar-page-action:-moz-any( + #reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine +) +{ + transition: + background-color .2s var(--ease-basic), + margin .15s var(--ease-in), + opacity .15s var(--ease-basic), + visibility 0s 4s !important; + opacity: 0 !important; + visibility: hidden !important; + margin-inline-start: -36px !important; +} + +#urlbar:hover .urlbar-page-action:-moz-any( + #reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine +), +.urlbar-page-action:-moz-any( + #reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine +):-moz-any(:hover, [open], [readeractive]), +.urlbar-page-action:-moz-any(:hover, [open]) ~ .urlbar-page-action:-moz-any( + #reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine), +#tracking-protection-icon-container[open] ~ #page-action-buttons .urlbar-page-action:-moz-any( + #reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine) +{ + transition: + background-color .2s var(--ease-basic), + margin .3s var(--ease-out), + opacity .3s var(--ease-basic) !important; + opacity: 1 !important; + visibility: visible !important; + margin-inline-start: 0 !important; +} + +.urlbar-display +{ + color: inherit !important; + margin: 0 !important; +} + +#pocket-button-box[animate] > #pocket-animatable-box +{ + margin-inline-start: 6px !important; +} + +#star-button-animatable-box +{ + display: none !important; +} + +#userContext-icons +{ + flex-direction: row !important; + align-items: center !important; + justify-content: center !important; + position: relative !important; + padding-inline: 8px !important; + margin: 0 !important; + color: var(--identity-tab-color) !important; +} + +#userContext-icons:not([hidden]) +{ + display: flex !important; +} + +#userContext-icons > * +{ + z-index: 1 !important; + color: inherit !important; + fill: currentColor !important; +} + +#userContext-label +{ + margin: 0 !important; +} + +#userContext-label + #userContext-indicator +{ + margin-inline-start: 6px !important; +} + +#userContext-icons::before +{ + content: '' !important; + position: absolute !important; + left: 0 !important; + right: 0 !important; + top: 0 !important; + bottom: 0 !important; + background: var(--identity-tab-color) !important; + border-radius: 1px !important; + opacity: .1 !important; +} + +#cfr-label-container +{ + background: 0 !important; +} + +#cfr-label +{ + display: none !important; +} + +#cfr-button +{ + fill: currentColor !important; +} + +#urlbar[open] #urlbar-go-button, +#searchbar[open] #search-go-button, +/* < 71 */ +#urlbar[open] .urlbar-go-button, +#searchbar[open] .search-go-button +{ + height: 32px !important; +} + +#urlbar-go-button, +#search-go-button, +/* < 71 */ +.urlbar-go-button, +.search-go-button +{ + list-style-image: url(go.svg) !important; +} + +.search-go-container +{ + display: flex !important; +} + +#searchbar .textbox-input +{ + padding: 0 !important; +} + +/* lock (secure) */ +#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon +{ + margin-right: 10px !important; + list-style-image: url(connection.svg) !important; +} +#identity-popup[connection^="secure"] .identity-popup-security-connection +{ + background-image: url(connection.svg) !important; +} + +/* info (not secure) */ +#identity-box[pageproxystate="valid"].notSecure #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon, #identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon +{ + list-style-image: url(info.svg) !important; +} + +.identity-popup-security-connection { + background-image: url(info.svg) !important; +} + +/* warning (dangerous) */ +#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent) > #identity-icon +{ + list-style-image: url(connection-warning.svg) !important; +} + +/* local file */ +#identity-box[pageproxystate="valid"].localResource #identity-icon { + list-style-image: url(document.svg) !important; +} + +#identity-popup[connection="file"] .identity-popup-security-connection +{ + background-image: url(document.svg) !important; +} + +/* permissions */ +#permissions-granted-icon +{ + list-style-image: url(permissions.svg) !important; + margin-left: 20px !important; + +} + +.geo-icon +{ + list-style-image: url(permissions/geo.svg) !important; +} +.geo-icon.blocked-permission-icon +{ + list-style-image: url(permissions/geo-blocked.svg) !important; +} + +.xr-icon { + list-style-image: url(permissions/xr.svg) !important; +} + +.xr-icon.blocked-permission-icon { + list-style-image: url(permissions/xr-blocked.svg) !important; +} + +.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon { + list-style-image: url(permissions/desktop-notification.svg) !important; +} + +.desktop-notification-icon.blocked-permission-icon { + list-style-image: url(permissions/desktop-notification-blocked.svg) !important; +} + +.camera-icon { + list-style-image: url(permissions/camera.svg) !important; +} + +.camera-icon.blocked-permission-icon { + list-style-image: url(permissions/camera-blocked.svg) !important; +} + +.microphone-icon { + list-style-image: url(permissions/microphone.svg) !important; +} + +.microphone-icon.blocked-permission-icon { + list-style-image: url(permissions/microphone-blocked.svg) !important; +} + +.screen-icon { + list-style-image: url(permissions/screen.svg) !important; +} + +.screen-icon.blocked-permission-icon { + list-style-image: url(permissions/screen-blocked.svg) !important; +} + +.popup-notification-icon[popupid="persistent-storage"], .persistent-storage-icon { + list-style-image: url(permissions/persistent-storage.svg) !important; +} + +.persistent-storage-icon.blocked-permission-icon { + list-style-image: url(permissions/persistent-storage-blocked.svg) !important; +} + +.popup-icon { + list-style-image: url(permissions/popup.svg) !important; +} + +.autoplay-media-icon { + list-style-image: url(permissions/autoplay-media.svg) !important; +} + +.autoplay-media-icon.blocked-permission-icon { + list-style-image: url(permissions/autoplay-media-blocked.svg) !important; +} + +#canvas-notification-icon, .popup-notification-icon[popupid="canvas-permissions-prompt"], .canvas-icon { + list-style-image: url(permissions/canvas.svg) !important; +} + +.canvas-icon.blocked-permission-icon { + list-style-image: url(permissions/canvas-blocked.svg) !important; +} + +.midi-icon, .midi-sysex-icon, .popup-notification-icon[popupid="midi"], .popup-notification-icon[popupid="midi-sysex"] { + list-style-image: url(permissions/midi.svg) !important; +} + +.install-icon { + list-style-image: url(permissions/addon-install.svg) !important; +} + +.install-icon.blocked-permission-icon, .popup-notification-icon[popupid="xpinstall-disabled"], .popup-notification-icon[popupid="addon-install-blocked"], .popup-notification-icon[popupid="addon-install-origin-blocked"] { + list-style-image: url(permissions/addon-install-blocked.svg) !important; +} + +#urlbar-input, +#searchbar-input, +.searchbar-textbox /* < 71 */ +{ + transform: translateY(var(--input-offset)) !important; + line-height: 1.745em !important; +} + +#urlbar, +#searchbar +{ + --input-offset: -1px; +} \ No newline at end of file diff --git a/userChrome.css b/userChrome.css index 26b3654..bc77156 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1,2 +1,6 @@ -@import "ContextMenu.css"; -@import "Tabs.css"; +@import "global/variables.css"; +@import "global/global.css"; +@import "popup/ContextMenu.css"; +@import "tabbar/Tabs.css"; +@import "urlbar/urlBar.css"; +@import "Icons/icons.css"; \ No newline at end of file