From a3b663ae1f7a5b6f60ed2b55b525baabe3eec6b4 Mon Sep 17 00:00:00 2001 From: bmFtZQ <62812711+bmFtZQ@users.noreply.github.com> Date: Sat, 13 Mar 2021 22:22:35 +0800 Subject: [PATCH] Add files via upload --- chrome/findbar/findbar.css | 86 ++ chrome/global/global.css | 308 +++++ chrome/global/variables.css | 242 ++++ chrome/navbar/navbar.css | 44 + chrome/personalbar/personalbar.css | 8 + chrome/popup/checkmark.svg | 5 + chrome/popup/icons/accessibility.svg | 5 + chrome/popup/icons/brush.svg | 5 + chrome/popup/icons/close.svg | 5 + chrome/popup/icons/copy-image.svg | 5 + chrome/popup/icons/copy-tab.svg | 5 + chrome/popup/icons/copy.svg | 5 + chrome/popup/icons/cut.svg | 5 + chrome/popup/icons/delete.svg | 5 + chrome/popup/icons/image.svg | 5 + chrome/popup/icons/info.svg | 5 + chrome/popup/icons/inspect.svg | 5 + chrome/popup/icons/mail.svg | 5 + chrome/popup/icons/mute.svg | 5 + chrome/popup/icons/open-link-newtab.svg | 5 + .../popup/icons/open-link-private-window.svg | 5 + chrome/popup/icons/open-link-window.svg | 5 + chrome/popup/icons/paste.svg | 5 + chrome/popup/icons/pin.svg | 5 + chrome/popup/icons/print.svg | 5 + chrome/popup/icons/refresh.svg | 5 + chrome/popup/icons/save-link.svg | 5 + chrome/popup/icons/save-pocket.svg | 5 + chrome/popup/icons/savefile.svg | 5 + chrome/popup/icons/search.svg | 5 + chrome/popup/icons/select-all.svg | 5 + chrome/popup/icons/source.svg | 5 + chrome/popup/icons/star.svg | 5 + chrome/popup/icons/undo.svg | 5 + chrome/popup/menu-right.svg | 5 + chrome/popup/popup.css | 1167 +++++++++++++++++ chrome/popup/urlbar-results.css | 582 ++++++++ chrome/tabbar/EdgeStyleTabShadow.css | 36 + chrome/tabbar/close-tab.svg | 5 + chrome/tabbar/spinner-busy.svg | 28 + chrome/tabbar/spinner-progress.svg | 43 + chrome/tabbar/tabbar.css | 573 ++++++++ chrome/urlbar/connection-warning.svg | 6 + chrome/urlbar/connection.svg | 6 + chrome/urlbar/go.svg | 2 + chrome/urlbar/info.svg | 5 + chrome/urlbar/naughty-shield.svg | 4 + chrome/urlbar/urlbar.css | 789 +++++++++++ chrome/userChrome.css | 41 + chrome/userContent.css | 25 + chrome/userContent/NewTab.css | 61 + chrome/userContent/Preferences.css | 37 + 52 files changed, 4248 insertions(+) create mode 100644 chrome/findbar/findbar.css create mode 100644 chrome/global/global.css create mode 100644 chrome/global/variables.css create mode 100644 chrome/navbar/navbar.css create mode 100644 chrome/personalbar/personalbar.css create mode 100644 chrome/popup/checkmark.svg create mode 100644 chrome/popup/icons/accessibility.svg create mode 100644 chrome/popup/icons/brush.svg create mode 100644 chrome/popup/icons/close.svg create mode 100644 chrome/popup/icons/copy-image.svg create mode 100644 chrome/popup/icons/copy-tab.svg create mode 100644 chrome/popup/icons/copy.svg create mode 100644 chrome/popup/icons/cut.svg create mode 100644 chrome/popup/icons/delete.svg create mode 100644 chrome/popup/icons/image.svg create mode 100644 chrome/popup/icons/info.svg create mode 100644 chrome/popup/icons/inspect.svg create mode 100644 chrome/popup/icons/mail.svg create mode 100644 chrome/popup/icons/mute.svg create mode 100644 chrome/popup/icons/open-link-newtab.svg create mode 100644 chrome/popup/icons/open-link-private-window.svg create mode 100644 chrome/popup/icons/open-link-window.svg create mode 100644 chrome/popup/icons/paste.svg create mode 100644 chrome/popup/icons/pin.svg create mode 100644 chrome/popup/icons/print.svg create mode 100644 chrome/popup/icons/refresh.svg create mode 100644 chrome/popup/icons/save-link.svg create mode 100644 chrome/popup/icons/save-pocket.svg create mode 100644 chrome/popup/icons/savefile.svg create mode 100644 chrome/popup/icons/search.svg create mode 100644 chrome/popup/icons/select-all.svg create mode 100644 chrome/popup/icons/source.svg create mode 100644 chrome/popup/icons/star.svg create mode 100644 chrome/popup/icons/undo.svg create mode 100644 chrome/popup/menu-right.svg create mode 100644 chrome/popup/popup.css create mode 100644 chrome/popup/urlbar-results.css create mode 100644 chrome/tabbar/EdgeStyleTabShadow.css create mode 100644 chrome/tabbar/close-tab.svg create mode 100644 chrome/tabbar/spinner-busy.svg create mode 100644 chrome/tabbar/spinner-progress.svg create mode 100644 chrome/tabbar/tabbar.css create mode 100644 chrome/urlbar/connection-warning.svg create mode 100644 chrome/urlbar/connection.svg create mode 100644 chrome/urlbar/go.svg create mode 100644 chrome/urlbar/info.svg create mode 100644 chrome/urlbar/naughty-shield.svg create mode 100644 chrome/urlbar/urlbar.css create mode 100644 chrome/userChrome.css create mode 100644 chrome/userContent.css create mode 100644 chrome/userContent/NewTab.css create mode 100644 chrome/userContent/Preferences.css diff --git a/chrome/findbar/findbar.css b/chrome/findbar/findbar.css new file mode 100644 index 0000000..e266189 --- /dev/null +++ b/chrome/findbar/findbar.css @@ -0,0 +1,86 @@ +findbar { + background: var(--toolbar-bgcolor) !important; + border-top-color: var(--chrome-content-separator-color) !important; +} + +.findbar-find-previous { + list-style-image: url(../icons/chevron-up.svg) !important; +} +.findbar-find-next { + list-style-image: url(../icons/chevron-down.svg) !important; +} + +.findbar-textbox +{ + background-color: transparent !important; + background-image: url(../icons/search.svg) !important; + background-repeat: no-repeat !important; + background-position: 5px center !important; + fill-opacity: 1 !important; + border: 0 !important; + box-shadow: none !important; + margin-inline-start: 2px !important; + padding-inline-start: 28px !important; +} + +hbox[anonid="findbar-textbox-wrapper"] +{ + background-color: var(--toolbar-field-background-color) !important; + border-radius: 4px !important; + position: relative !important; + display: flex !important; + padding: 2px !important; + height: 28px !important; + transition: background-color .1s var(--ease-basic) !important; + box-shadow: 0 1px 6px 0 #00000008 !important; +} + +hbox[anonid="findbar-textbox-wrapper"]:hover:not(:focus-within) +{ + background-color: var(--toolbar-field-hover-background-color) !important; + box-shadow: 0 0 0 1px inset var(--toolbar-field-hover-border-color) !important; +} + +hbox[anonid="findbar-textbox-wrapper"]:focus-within +{ + background-color: var(--toolbar-field-focus-background-color) !important; + border: 2px solid var(--toolbar-field-focus-border-color) !important; + margin: -1px !important; + padding: 1px !important; + height: 30px !important; +} + +hbox[anonid="findbar-textbox-wrapper"] toolbarbutton +{ + border-radius: 4px !important; + border: 0 !important; + width: 24px !important; + height: 24px !important; + padding: 0 !important; + display: flex !important; + background: 0 !important; + transition: background-color .2s var(--ease-basic) !important; + margin: 0 !important; + box-shadow: none !important; +} + +hbox[anonid="findbar-textbox-wrapper"] toolbarbutton[disabled] +{ + display: none !important; +} + +hbox[anonid="findbar-textbox-wrapper"] toolbarbutton .toolbarbutton-text +{ + visibility: collapse !important; +} + +hbox[anonid="findbar-textbox-wrapper"] toolbarbutton:not([disabled]):hover +{ + background-color: var(--toolbarbutton-hover-background) !important; +} + +hbox[anonid="findbar-textbox-wrapper"] toolbarbutton:not([disabled]):hover:active +{ + background-color: var(--toolbarbutton-active-background) !important; + transition-duration: 0 !important; +} \ No newline at end of file diff --git a/chrome/global/global.css b/chrome/global/global.css new file mode 100644 index 0000000..91ecd4f --- /dev/null +++ b/chrome/global/global.css @@ -0,0 +1,308 @@ +@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: 30px !important; + } + + :root[tabsintitlebar][sizemode=normal] .titlebar-buttonbox-container + { + margin-block-start: calc(0px - (var(--space-above-tabbar) + 5px)) !important; + } + + :root[tabsintitlebar][sizemode=maximized] .titlebar-buttonbox-container + { + margin-block-start: calc(2px - (var(--space-above-tabbar))) !important; + } + + :root[tabsintitlebar][sizemode=maximized]:not([extradragspace]) .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; +} + +#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), +/* no ::part workaround - may have side effects */ +.#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), +.#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) +{ + max-height: 34px !important; + height: 34px !important; + min-height: 34px !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; +} + +#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 > #PersonalToolbar .toolbarbutton-1 > .toolbarbutton-icon, +#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; +} \ No newline at end of file diff --git a/chrome/global/variables.css b/chrome/global/variables.css new file mode 100644 index 0000000..45901c6 --- /dev/null +++ b/chrome/global/variables.css @@ -0,0 +1,242 @@ +/* light mode */ +:root:not([style]), +:root[style*="--lwt-accent-color:rgb(227, 228, 230);"], +:root[style*="--lwt-accent-color:white;"] +{ + /* accentcolor */ + --lwt-accent-color: #C3C3C3 !important; + + /* textcolor */ + --lwt-text-color: #000 !important; + + /* toolbar */ + --toolbar-bgcolor: #F5F5F5 !important; + + /* toolbar_text */ + --toolbar-color: #000 !important; + + /* toolbar_bottom_separator */ + --toolbox-border-bottom-color: #C8C8C8 !important; /* legacy */ + --chrome-content-separator-color: #C8C8C8 !important; + + /* icons */ + --lwt-toolbarbutton-icon-fill: #000 !important; + + /* icons_attention */ + --lwt-toolbarbutton-icon-fill-attention: #0b61ca !important; + + /* button_background_hover */ + --lwt-toolbarbutton-hover-background: #0001 !important; + + /* button_background_active */ + --lwt-toolbarbutton-active-background: #0002 !important; + + --lwt-toolbar-field-color: #000 !important; + + /* popup_highlight */ + --autocomplete-popup-highlight-background: #f2f2f2 !important; + + /* popup_highlight_text */ + --autocomplete-popup-highlight-color: #000 !important; +} + +/* don't bother with sidebar in light mode */ + +/* dark mode */ +:root[style*="--lwt-accent-color:rgb(12, 12, 13);"], +:root[privatebrowsingmode=temporary] +{ + /* accentcolor */ + --lwt-accent-color: #151515 !important; + + /* textcolor */ + --lwt-text-color: #fff !important; + + /* toolbar */ + --toolbar-bgcolor: #2D2D2D !important; + + /* toolbar_text */ + --toolbar-color: #fff !important; + + /* toolbar_bottom_separator */ + --toolbox-border-bottom-color: #494949 !important; /* legacy */ + --chrome-content-separator-color: #494949 !important; + + /* icons */ + --lwt-toolbarbutton-icon-fill: #fff !important; + + /* icons_attention */ + --lwt-toolbarbutton-icon-fill-attention: #3e84c6 !important; + + /* button_background_hover */ + --lwt-toolbarbutton-hover-background: #fff1 !important; + + /* button_background_active */ + --lwt-toolbarbutton-active-background: #fff2 !important; + + --lwt-toolbar-field-color: #fff !important; + + /* popup */ + --arrowpanel-background: #3a3a3a !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: #555 !important; + --autocomplete-popup-border-color: #555 !important; + + /* popup_highlight */ + --autocomplete-popup-highlight-background: #4c4f52 !important; + + /* popup_highlight_text */ + --autocomplete-popup-highlight-color: #fff !important; +} + +:-moz-any(#sidebar-box, #sidebar) +{ + /* sidebar */ + --sidebar-background-color: #f5f5f5 !important; + + /* sidebar_text */ + --sidebar-text-color: #000 !important; +} + +:-moz-any(.sidebar-panel, body) +{ + /* sidebar */ + --lwt-sidebar-background-color: #f5f5f5 !important; + + /* sidebar_text */ + --lwt-sidebar-text-color: #000 !important; +} + +:-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);"] +{ + /* sidebar */ + --sidebar-background-color: #2b2b2b !important; + + /* sidebar_text */ + --sidebar-text-color: #fff !important; +} + +:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] +{ + /* sidebar */ + --lwt-sidebar-background-color: #2b2b2b !important; + + /* sidebar_text */ + --lwt-sidebar-text-color: #fff !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: var(--toolbar-bgcolor) !important; + --toolbar-non-lwt-textcolor: var(--toolbar-color) !important; +} + +#titlebar, +#tabbrowser-tabs +{ + --tab-min-height: 32px !important; +} + +@supports -moz-bool-pref("materialFox.reduceTabOverflow") +{ + #tabbrowser-tabs + { + --tab-min-width: 32px !important; + } +} + +:root +{ + --tab-separator-opacity: .35 !important; + + --toolbar-field-background-color: #fff !important; + --toolbar-field-hover-background-color: #fff !important; + --toolbar-field-focus-background-color: #fff !important; + --toolbar-field-hover-border-color: #c1c1c1 !important; +} + +:root:-moz-any(:-moz-lwtheme-brighttext, [privatebrowsingmode=temporary]) +{ + --toolbar-field-background-color: #202020 !important; + --toolbar-field-hover-background-color: #202020 !important; + --toolbar-field-focus-background-color: #202020 !important; + --toolbar-field-hover-border-color: #525252 !important; +} + +:root:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) +{ + --toolbar-bgcolor: #f5f5f5 !important; + --toolbar-color: #000 !important; + --toolbox-border-bottom-color: #C8C8C8 !important; +} + +@media (-moz-mac-yosemite-theme) +{ + :root[extradragspace] + { + --space-above-tabbar: 8px !important; + } +} + +/* Ubuntu */ +@media (-moz-gtk-csd-available) +{ + :root:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) + { + --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-any([privatebrowsingmode=temporary], :-moz-lwtheme-brighttext) :-moz-any(#urlbar, #searchbar) +{ + --toolbarbutton-hover-background: #fff1 !important; + --toolbarbutton-active-background: #fff2 !important; +} + +:-moz-any(:root:not([style]), :root[style*="--lwt-accent-color:rgb(227, 228, 230);"], :root[style*="--lwt-accent-color:white;"]):-moz-window-inactive { + --lwt-accent-color: #e2e2e2 !important; + --lwt-text-color: #3a3a3a !important; +} +:-moz-any(:root[style*="--lwt-accent-color:rgb(12, 12, 13);"], :root[privatebrowsingmode=temporary]):-moz-window-inactive { + --lwt-accent-color: #232323 !important; + --lwt-text-color: #b7b7b7 !important; +} \ No newline at end of file diff --git a/chrome/navbar/navbar.css b/chrome/navbar/navbar.css new file mode 100644 index 0000000..34f3c16 --- /dev/null +++ b/chrome/navbar/navbar.css @@ -0,0 +1,44 @@ +#nav-bar +{ + min-height: 38px !important; + box-shadow: none !important; + padding-inline: 5px 6px !important; + background-color: var(--toolbar-bgcolor) !important; +} + +#reload-button[disabled]:not(:-moz-window-inactive) > .toolbarbutton-icon +{ + opacity: 1 !important; +} + +/* Windows */ +#PanelUI-button +{ + border: none !important; + margin: 0 !important; + padding: 0 !important; +} + +#PanelUI-menu-button[badge-status|="update"] .toolbarbutton-badge +{ + display: none !important; +} + +:root[privatebrowsingmode] #fxa-toolbar-menu-button +{ + pointer-events: none !important; +} + +/* show "Private" label for en languages only */ +:root[titlemodifier="(Private Browsing)"] #fxa-toolbar-menu-button::before +{ + content: "Private" !important; + display: -moz-box !important; + margin-inline-start: 12px !important; + margin-inline-end: 6px !important; +} + +#nav-bar-customization-target +{ + overflow: visible !important; +} \ No newline at end of file diff --git a/chrome/personalbar/personalbar.css b/chrome/personalbar/personalbar.css new file mode 100644 index 0000000..93d1b0e --- /dev/null +++ b/chrome/personalbar/personalbar.css @@ -0,0 +1,8 @@ +#navigator-toolbox toolbarbutton.bookmark-item:not(.subviewbutton) +{ + padding: 6px !important; +} +#PersonalToolbar { + padding-top: 0 !important; + margin-top: -2px !important; +} \ No newline at end of file diff --git a/chrome/popup/checkmark.svg b/chrome/popup/checkmark.svg new file mode 100644 index 0000000..fec5b47 --- /dev/null +++ b/chrome/popup/checkmark.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/accessibility.svg b/chrome/popup/icons/accessibility.svg new file mode 100644 index 0000000..095af58 --- /dev/null +++ b/chrome/popup/icons/accessibility.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/brush.svg b/chrome/popup/icons/brush.svg new file mode 100644 index 0000000..7023b3b --- /dev/null +++ b/chrome/popup/icons/brush.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/close.svg b/chrome/popup/icons/close.svg new file mode 100644 index 0000000..f8513a1 --- /dev/null +++ b/chrome/popup/icons/close.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/copy-image.svg b/chrome/popup/icons/copy-image.svg new file mode 100644 index 0000000..4acd65a --- /dev/null +++ b/chrome/popup/icons/copy-image.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/copy-tab.svg b/chrome/popup/icons/copy-tab.svg new file mode 100644 index 0000000..5405fb2 --- /dev/null +++ b/chrome/popup/icons/copy-tab.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/copy.svg b/chrome/popup/icons/copy.svg new file mode 100644 index 0000000..9302ea7 --- /dev/null +++ b/chrome/popup/icons/copy.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/cut.svg b/chrome/popup/icons/cut.svg new file mode 100644 index 0000000..c8ef566 --- /dev/null +++ b/chrome/popup/icons/cut.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/delete.svg b/chrome/popup/icons/delete.svg new file mode 100644 index 0000000..7728966 --- /dev/null +++ b/chrome/popup/icons/delete.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/image.svg b/chrome/popup/icons/image.svg new file mode 100644 index 0000000..af9e5d8 --- /dev/null +++ b/chrome/popup/icons/image.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/info.svg b/chrome/popup/icons/info.svg new file mode 100644 index 0000000..f148e66 --- /dev/null +++ b/chrome/popup/icons/info.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/inspect.svg b/chrome/popup/icons/inspect.svg new file mode 100644 index 0000000..b69fd22 --- /dev/null +++ b/chrome/popup/icons/inspect.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/mail.svg b/chrome/popup/icons/mail.svg new file mode 100644 index 0000000..a5b1598 --- /dev/null +++ b/chrome/popup/icons/mail.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/mute.svg b/chrome/popup/icons/mute.svg new file mode 100644 index 0000000..d634f52 --- /dev/null +++ b/chrome/popup/icons/mute.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/open-link-newtab.svg b/chrome/popup/icons/open-link-newtab.svg new file mode 100644 index 0000000..64ce4b5 --- /dev/null +++ b/chrome/popup/icons/open-link-newtab.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/open-link-private-window.svg b/chrome/popup/icons/open-link-private-window.svg new file mode 100644 index 0000000..babbaf2 --- /dev/null +++ b/chrome/popup/icons/open-link-private-window.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/open-link-window.svg b/chrome/popup/icons/open-link-window.svg new file mode 100644 index 0000000..3c8bd92 --- /dev/null +++ b/chrome/popup/icons/open-link-window.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/paste.svg b/chrome/popup/icons/paste.svg new file mode 100644 index 0000000..5349d4e --- /dev/null +++ b/chrome/popup/icons/paste.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/pin.svg b/chrome/popup/icons/pin.svg new file mode 100644 index 0000000..feb590e --- /dev/null +++ b/chrome/popup/icons/pin.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/print.svg b/chrome/popup/icons/print.svg new file mode 100644 index 0000000..ffd4c3c --- /dev/null +++ b/chrome/popup/icons/print.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/refresh.svg b/chrome/popup/icons/refresh.svg new file mode 100644 index 0000000..2052714 --- /dev/null +++ b/chrome/popup/icons/refresh.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/save-link.svg b/chrome/popup/icons/save-link.svg new file mode 100644 index 0000000..d627e46 --- /dev/null +++ b/chrome/popup/icons/save-link.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/save-pocket.svg b/chrome/popup/icons/save-pocket.svg new file mode 100644 index 0000000..6fcc640 --- /dev/null +++ b/chrome/popup/icons/save-pocket.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/savefile.svg b/chrome/popup/icons/savefile.svg new file mode 100644 index 0000000..812e6db --- /dev/null +++ b/chrome/popup/icons/savefile.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/search.svg b/chrome/popup/icons/search.svg new file mode 100644 index 0000000..cf81067 --- /dev/null +++ b/chrome/popup/icons/search.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/select-all.svg b/chrome/popup/icons/select-all.svg new file mode 100644 index 0000000..8de923d --- /dev/null +++ b/chrome/popup/icons/select-all.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/source.svg b/chrome/popup/icons/source.svg new file mode 100644 index 0000000..bc5f433 --- /dev/null +++ b/chrome/popup/icons/source.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/star.svg b/chrome/popup/icons/star.svg new file mode 100644 index 0000000..7251ccf --- /dev/null +++ b/chrome/popup/icons/star.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/undo.svg b/chrome/popup/icons/undo.svg new file mode 100644 index 0000000..08fb37f --- /dev/null +++ b/chrome/popup/icons/undo.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/menu-right.svg b/chrome/popup/menu-right.svg new file mode 100644 index 0000000..2472e92 --- /dev/null +++ b/chrome/popup/menu-right.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/popup.css b/chrome/popup/popup.css new file mode 100644 index 0000000..f06adfc --- /dev/null +++ b/chrome/popup/popup.css @@ -0,0 +1,1167 @@ +menupopup, +menupopup menuitem, +menupopup menu, +menupopup menuseparator, +panel +{ + -moz-appearance: none !important; +} + +menupopup, panel +{ + --menu-border: 1px solid #fff1; + --menu-shadow: 0 3px 10px #0004, 0 0 0 1px rgba(0,0,0,0.12); +} +:root[lwthemetextcolor="bright"] :-moz-any(menupopup, panel) { + --menu-border: 1px solid #fff3; + --menu-shadow: 0 3px 10px #0004, 0 0 0 1px rgba(0,0,0,0.8); +} + +menupopup, +panel[type="autocomplete-richlistbox"] +{ + -moz-window-shadow: none !important; + background: 0 !important; + border: 0 !important; + color: var(--arrowpanel-color) !important; + box-sizing: content-box !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: 4px !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: 4px 0 !important; + padding: 0 !important; + height: 1px !important; + background: currentColor !important; + opacity: .12 !important; +} + +menupopup menuitem, +menupopup menu, +.autocomplete-richlistitem +{ + height: 32px !important; + padding: 0 12px !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 +{ + -moz-appearance: none !important; +} + +.menu-iconic-icon +{ + margin-inline-start: 0 !important; + margin-inline-end: 8px !important; + width: 24px !important; + height: 24px !important; + padding: 4px !important; +} + +.menu-text +{ + -moz-appearance: none !important; + padding: 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; +} + +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 +{ + display: -moz-box !important; + padding: 3px !important; +} + +menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon +{ + /* checkmark is 18px, not 16px, hence reduced padding */ + list-style-image: url(checkmark.svg) !important; +} + +#context-navigation +{ + background: 0 !important; +} + +#context-navigation .menuitem-iconic +{ + background: 0 !important; + padding: 0 !important; + margin: 0 !important; +} + +#context-navigation .menu-iconic-left +{ + border-radius: 50% !important; + padding: 0px !important; +} + +#context-navigation .menu-iconic-icon +{ + padding: 0 !important; + margin: 0 !important; + width: 16px !important; + height: 16px !important; +} + +#context-navigation .menuitem-iconic:hover:not([disabled]) .menu-iconic-left +{ + background-color: var(--arrowpanel-dimmed) !important; +} + +#context-navigation .menuitem-iconic:hover:active:not([disabled]) .menu-iconic-left +{ + 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: 4px !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 16px !important; +} + +.subviewbutton .toolbarbutton-icon, +.panel-banner-item .toolbarbutton-icon +{ + margin-inline-end: 16px !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: 32px !important; + border-radius: 16px !important; + padding: 0 8px !important; + border: 0 !important; + margin-inline-start: 4px !important; +} + +#appMenu-zoom-controls > toolbarseparator[orient="vertical"] + .subviewbutton +{ + margin-inline-start: 0 !important; +} + +#appMenu-zoom-controls > .subviewbutton-iconic, +#appMenu-edit-controls > .subviewbutton-iconic +{ + padding: 0 !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-18dp.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: 4px !important; + position: absolute !important; + left: 0 !important; + top: 0 !important; + width: 100% !important; + height: 100% !important; + border: 1px solid currentColor !important; + opacity: .42 !important; + box-sizing: border-box !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; +} + + +/* Popup Icons */ +menupopup menuitem:not(.menuitem-iconic, [type], menu menuitem)::before { + content: ""; + -moz-context-properties: fill, fill-opacity !important; + padding-inline: 12px !important; + margin-inline-end: 8px; + fill: currentColor; + + background-size: 16px !important; + background-repeat: no-repeat !important; + background-position: center !important; +} + +#context-inspect::before { + background-image: url(icons/inspect.svg); +} +:-moz-any(#context-savepage, #context-saveimage)::before { + background-image: url(icons/savefile.svg); +} +:-moz-any(#context-viewbgimage, #context-viewimage)::before { + background-image: url(icons/image.svg); +} +:-moz-any(#context-viewinfo, #context-viewimageinfo)::before { + background-image: url(icons/info.svg); +} +:-moz-any(#context-viewsource, #context-viewpartialsource-selection)::before { + background-image: url(icons/source.svg); +} +#context-inspect-a11y::before { + background-image: url(icons/accessibility.svg); +} +#context-undo::before { + background-image: url(icons/undo.svg); +} +#context-selectall::before { + background-image: url(icons/select-all.svg); +} +#context-cut::before { + background-image: url(icons/cut.svg); +} +:-moz-any(#context-copy, #context-copylink, #context-copyimage)::before { + background-image: url(icons/copy.svg); +} +#context-paste::before { + background-image: url(icons/paste.svg); +} +#context-delete::before { + background-image: url(icons/delete.svg); +} +#context-searchselect::before { + background-image: url(icons/search.svg); +} +#context-print-selection::before { + background-image: url(icons/print.svg); +} +#context-openlinkintab::before { + background-image: url(icons/open-link-newtab.svg); +} +#context-openlink::before { + background-image: url(icons/open-link-window.svg); +} +#context-openlinkprivate::before { + background-image: url(icons/open-link-private-window.svg); +} +#context-bookmarklink::before { + background-image: url(icons/star.svg); +} +#context-savelink::before { + background-image: url(icons/save-link.svg); +} +#context-savelinktopocket::before { + background-image: url(icons/save-pocket.svg); +} +#context-copyimage-contents::before { + background-image: url(icons/copy-image.svg); +} +#context-sendimage::before { + background-image: url(icons/mail.svg); +} +#context-setDesktopBackground::before { + background-image: url(icons/brush.svg); +} +#context-reloadimage::before { + background-image: url(icon/refresh.svg); +} + +:-moz-any(#context_reloadTab, #context_reloadSelectedTabs)::before { + background-image: url(icons/refresh.svg); +} +:-moz-any(#context_toggleMuteTab, #context_toggleMuteSelectedTabs)::before { + background-image: url(icons/mute.svg); +} +:-moz-any(#context_pinTab, #context_unpinTab, #context_pinSelectedTabs, #context_unpinSelectedTabs)::before { + background-image: url(icons/pin.svg); +} +:-moz-any(#context_duplicateTab, #context_duplicateTabs)::before { + background-image: url(icons/copy-tab.svg); +} +#context_selectAllTabs::before { + background-image: url(icons/select-all.svg); +} +:-moz-any(#context_bookmarkTab, #context_bookmarkSelectedTabs)::before { + background-image: url(icons/star.svg); +} +#context_undoCloseTab::before { + background-image: url(icons/undo.svg); +} +#context_closeTab::before { + background-image: url(icons/close.svg); +} + + + + diff --git a/chrome/popup/urlbar-results.css b/chrome/popup/urlbar-results.css new file mode 100644 index 0000000..b25d1ee --- /dev/null +++ b/chrome/popup/urlbar-results.css @@ -0,0 +1,582 @@ +.ac-type-icon +{ + order: 9 !important; + margin-inline-start: 16px !important; + margin-inline-end: 0 !important; +} + +.ac-site-icon +{ + margin-inline-end: 16px !important; +} + +.ac-separator +{ + display: none !important; +} + +.ac-title, +.ac-url +{ + flex: 1 !important; +} + +.search-panel-one-offs +{ + border-radius: 0 0 8px 8px !important; + margin-bottom: 18px !important; +} + +.search-one-offs +{ + display: block !important; +} + +#urlbarView-results +{ + padding: 0 !important; +} + +.urlbarView-row +{ + padding: 0 16px !important; + height: 32px !important; + border-radius: 0 !important; +} + +.urlbarView-row-inner +{ + height: 100% !important; + align-items: center !important; +} + +.urlbarView-favicon +{ + margin-inline-end: 16px !important; +} + +.urlbarView-title-separator +{ + flex: 1 !important; +} + +.urlbarView-title-separator::before +{ + display: none !important; +} + +.urlbarView-type-icon +{ + order: 1 !important; + margin-inline-start: 16px !important; + margin-inline-end: 0 !important; +} + +/* .search-one-offs +{ + padding: 4px !important; + display: flex !important; + flex-direction: column !important; +} + +.search-panel-one-offs +{ + display: flex !important; + flex-direction: row !important; + padding: 0 !important; +} + +.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; + display: flex !important; + justify-content: center !important; + align-items: center !important; + align-content: center !important; +} + +.searchbar-engine-one-off-item > .button-box +{ + width: 16px !important; + max-height: 16px !important; + transform: translateY(50%) !important; +} + +.searchbar-engine-one-off-item::after +{ + margin-inline-start: 8px !important; + content: attr(tooltiptext) !important; + line-height: 16px !important; + transform: translateY(calc(50% - 1px)) !important; +} + + +.searchbar-engine-one-off-item.dummy +{ + display: none !important; +} */ + +/* 70+ */ + +#urlbar-container +{ + max-height: 37px !important; +} + +#urlbar, +#searchbar +{ + font-size: 14px !important; + border-radius: 99px !important; + background-color: var(--toolbar-field-background-color) !important; + border: 0 !important; + box-shadow: none !important; + padding: 2px !important; + background-clip: padding-box !important; + min-height: 28px !important; + transition: background-color .1s var(--ease-basic) !important; + -moz-box-align: center !important; + + display: block !important; + margin: 0 !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; +} + +#urlbar[focused], +#urlbar[open], +#searchbar[focused], +#searchbar[open] +{ + background-color: var(--toolbar-field-focus-background-color) !important; +} + +#urlbar[focused], +#searchbar[focused] +{ + border: 2px solid var(--toolbar-field-focus-border-color) !important; + padding: 0 !important; + margin: 0 !important; +} + +#urlbar[open], +#searchbar[open] +{ + border: 0 !important; + padding: 0 !important; + border-radius: 8px 8px 0 0 !important; + min-height: 37px !important; + margin: 0 -5px -1px !important; + box-shadow: + 0 5px 5px -3px rgba(0,0,0,.2), + 0 8px 10px 1px rgba(0,0,0,.14), + 0 3px 14px 2px rgba(0,0,0,.12) !important; + position: relative !important; + z-index: 99999 !important; +} + +#urlbar-input-container +{ + width: 100% !important; + display: flex !important; + align-items: center !important; +} + +.urlbar-input-box +{ + flex: 1 !important; +} + +#urlbar-input +{ + width: 100% !important; +} + +#urlbar[open] #urlbar-input-container +{ + height: 37px !important; +} + +#urlbar[open] #identity-box +{ + margin-inline-start: 8px !important; + margin-inline-end: 8px !important; +} + +.urlbarView +{ + top: 0 !important; + left: 0 !important; + right: 0 !important; + position: relative !important; + box-shadow: none !important; + background: 0 !important; + border: 0 !important; + background: white !important; +} + +#urlbar[open] .urlbarView +{ + display: block !important; + width: 100% !important; +} + +#urlbar-results +{ + padding: 0 !important; +} + +#urlbar-container, +#searchbar-container +{ + overflow: visible !important; + padding: 0 5px !important; +} + +.searchbar-textbox +{ + color: inherit !important; + font-size: inherit !important; + min-height: auto !important; +} + +#urlbar[pageproxystate=valid] > #identity-box:not(.no-hover) > #identity-icon +{ + fill-opacity: 1 !important; +} + +#identity-icon-labels +{ + transform: translateY(-3px) !important; + color: inherit !important; + opacity: 1 !important; + padding: 0 !important; + margin-inline-start: 8px !important; + display: none !important; +} + +#identity-box, +#urlbar-display-box +{ + position: relative !important; +} + +/* separator */ +#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)::after, +#urlbar-display-box::after +{ + content: "" !important; + display: -moz-box !important; + position: absolute !important; + top: 4px !important; + bottom: 4px !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-display-box +{ + margin-inline-end: 8px !important; +} + +#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden) #identity-icon-labels +{ + display: -moz-box !important; +} + + +#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):hover:not(.no-hover)::after, +#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)[open]::after +{ + opacity: 0 !important; +} + +#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; +} + +#identity-box:-moz-any( + .mixedActiveBlocked, + .mixedDisplayContentLoadedActiveBlocked, + .mixedActiveContent +) > #connection-icon +{ + display: -moz-box !important; +} + +#identity-box:-moz-any(.certUserOverridden, .unknownIdentity) +{ + color: #c94031 !important; +} + +.urlbar-input +{ + padding: 0 !important; +} + +.searchbar-textbox +{ + border: 0 !important; + background: 0 !important; + box-shadow: none !important; + margin: 0 !important; +} + +#page-action-buttons > #pageActionSeparator, +.urlbar-history-dropmarker +{ + display: none !important; +} + +#pageActionSeparator +{ + height: 24px !important; +} + +.urlbar-icon-wrapper +{ + background: 0 !important; +} + +.urlbar-icon, +#identity-box, +#tracking-protection-icon-container +{ + min-width: 32px !important; + height: 24px !important; + padding: 4px 8px !important; + margin: 0 !important; + border: 0 !important; + border-radius: 99px !important; + fill-opacity: 1 !important; + transition: background-color .2s var(--ease-basic) !important; + background: 0 !important; + background-color: transparent !important; +} + +#identity-box #notification-popup-box +{ + padding: 0 !important; + margin: 0 !important; +} + +#page-action-buttons +{ + height: 24px !important; +} + +#urlbar[open] #page-action-buttons +{ + display: none !important; +} + +.urlbar-icon:hover:not([disabled]), +#identity-box:hover:not(.no-hover), +#tracking-protection-icon-container:hover +{ + background-color: var(--toolbarbutton-hover-background) !important; +} + +.urlbar-icon:hover:active:not([disabled]), +.urlbar-icon[open], +#identity-box:hover:active:not(.no-hover), +#identity-box[open]:not(.no-hover), +#tracking-protection-icon-container[open] +{ + background-color: var(--toolbarbutton-active-background) !important; + transition-duration: 0 !important; +} + +#star-button-box +{ + -moz-box-ordinal-group: 99 !important; +} + +#pageActionButton +{ + -moz-box-ordinal-group: 98 !important; +} + +#contextual-feature-recommendation +{ + -moz-box-ordinal-group: 97 !important; + 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 .2s !important; + opacity: 0 !important; + visibility: hidden !important; + margin-inline-start: -32px !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]) +{ + 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; +} + +#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 +{ + height: 32px !important; +} + +/* icons 1x */ +#urlbar +{ + --info-icon: url(../navbar/info-1x.svg); + --lock-icon: url(../navbar/connection-1x.svg); + --warning-icon: url(../navbar/connection-warning-1x.svg); +} + +/* icons 2x */ +@media (min--moz-device-pixel-ratio: 2) +{ + #urlbar + { + --info-icon: url(../navbar/info-2x.svg); + --lock-icon: url(../navbar/connection-2x.svg); + --warning-icon: url(../navbar/connection-warning-2x.svg); + } +} + +/* info (not secure) */ +#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .insecureLoginForms, .mixedActiveContent) > #identity-icon +{ + list-style-image: var(--info-icon) !important; +} + +#identity-box[pageproxystate="valid"]:-moz-any( + .certUserOverridden, + .weakCipher, + .unknownIdentity) > #identity-icon +{ + list-style-image: var(--warning-icon) !important; +} + +/* lock (secure) */ +#identity-box[pageproxystate="valid"]:-moz-any(.verifiedDomain, .verifiedIdentity, .mixedActiveBlocked) > #identity-icon +{ + list-style-image: var(--lock-icon) !important; +} + +/* high DPI adjustments */ +@media (min--moz-device-pixel-ratio: 2) +{ + #identity-icon-labels + { + padding-inline-end: .5px !important; + } + + #urlbar[pageproxystate=valid] > #identity-box:-moz-any(.unknownIdentity, .notSecure) > #identity-icon + { + transform: translate(.5px, .5px) !important; + } + + #identity-icon-labels, + .urlbar-input, + .searchbar-textbox + { + transform: translateY(-.5px) !important; + } +} \ No newline at end of file diff --git a/chrome/tabbar/EdgeStyleTabShadow.css b/chrome/tabbar/EdgeStyleTabShadow.css new file mode 100644 index 0000000..8fb5b5c --- /dev/null +++ b/chrome/tabbar/EdgeStyleTabShadow.css @@ -0,0 +1,36 @@ +/* Edge Style Tabs */ +.tabbrowser-tab[visuallyselected] .tab-background { + filter: drop-shadow(0 1px 2px #0006) !important; +} +:root[lwthemetextcolor="bright"] .tabbrowser-tab[visuallyselected] .tab-background, :root[lwthemetextcolor="bright"] { + filter: drop-shadow(0 1px 2px #0009) !important; +} +#nav-bar { + box-shadow: 0 0 2px #0005 !important; +} +:root[lwthemetextcolor="bright"] #nav-bar { + box-shadow: 0 0 2px #0008 !important; +} +#nav-bar:not([urlbar-exceeds-toolbar-bounds]) { + clip-path: inset(-10px 0 0 0); +} +:root[extradragspace][tabsintitlebar] { + --space-above-tabbar: 0 !important; +} + +#tabbrowser-tabs, #tabbrowser-arrowscrollbox, #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] { + min-height: calc(var(--tab-min-height) + 8px) !important; +} +#tabbrowser-tabs #tabs-newtab-button, #TabsToolbar-customization-target > toolbarbutton, #scrollbutton-up, #scrollbutton-down { + max-height: 32px !important; +} +.tabbrowser-tab, #tabbrowser-tabs #tabs-newtab-button { + margin-top: 8px !important; +} +#TabsToolbar-customization-target > toolbarbutton { + transform: translateY(8px) !important; +} +#TabsToolbar toolbarbutton, #TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-up), #TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-down), #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) { + margin-top: 10px !important; + margin-bottom: 0 !important; +} \ No newline at end of file diff --git a/chrome/tabbar/close-tab.svg b/chrome/tabbar/close-tab.svg new file mode 100644 index 0000000..9b0750f --- /dev/null +++ b/chrome/tabbar/close-tab.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/tabbar/spinner-busy.svg b/chrome/tabbar/spinner-busy.svg new file mode 100644 index 0000000..1955a19 --- /dev/null +++ b/chrome/tabbar/spinner-busy.svg @@ -0,0 +1,28 @@ + + + + \ No newline at end of file diff --git a/chrome/tabbar/spinner-progress.svg b/chrome/tabbar/spinner-progress.svg new file mode 100644 index 0000000..894b0b2 --- /dev/null +++ b/chrome/tabbar/spinner-progress.svg @@ -0,0 +1,43 @@ + + + + \ No newline at end of file diff --git a/chrome/tabbar/tabbar.css b/chrome/tabbar/tabbar.css new file mode 100644 index 0000000..27a90ce --- /dev/null +++ b/chrome/tabbar/tabbar.css @@ -0,0 +1,573 @@ +:-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=pre-tabs] +{ + width: 0 !important; +} + +#TabsToolbar +{ + -moz-appearance: none !important; + -moz-default-appearance: none !important; + background-color: var(--lwt-accent-color) !important; + color: var(--lwt-text-color) !important; +} + +@media (-moz-mac-yosemite-theme) +{ + #TabsToolbar, :root:is([inFullscreen], [tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme) + { + -moz-appearance: none !important; + -moz-default-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; +} + +/* tab background color */ + +.tabbrowser-tab +{ + --tab-opacity: 0; + --tab-bgcolor: #000; + --tab-transition-duration: .2s; +} + +:-moz-any(:root[privatebrowsingmode=temporary], #TabsToolbar[brighttext]) .tabbrowser-tab +{ + --tab-opacity: 0; + --tab-bgcolor: #fff; +} + +.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: 4px !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: 4px !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] .tab-label-container, +.tabbrowser-tab:-moz-any([progress], [busy]) .tab-label-container +{ + padding-inline-start: 8px !important; +} + +.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-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:-moz-any([soundplaying], [muted], [activemedia-blocked]), +.tab-icon-sound +{ + border-radius: 99px !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); } +} + +.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; +} + +/* 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 */ +@supports -moz-bool-pref("materialFox.reduceTabOverflow disabled") +{ + #main-window + { + /* same as Chrome */ + min-width: 500px !important; + } + + #tabbrowser-tabs[overflow] .tab-content + { + -moz-box-pack: center !important; + } + + #tabbrowser-tabs[overflow] .tab-icon-image + { + margin: auto !important; + } + + #tabbrowser-tabs[overflow] .tab-content[image]:not([image^="chrome://branding/"]):not([pinned]) + { + width: 36px !important; + padding: 0 !important; + padding-inline-start: 0 !important; + padding-inline-end: 0 !important; + } + + #tabbrowser-tabs[overflow] .tabbrowser-tab:not([visuallyselected]):not([pinned]) .tab-close-button, + #tabbrowser-tabs[overflow] .tabbrowser-tab[visuallyselected]:not([pinned]) :-moz-any(.tab-label-container, .tab-icon-image), + #tabbrowser-tabs[overflow] .tabbrowser-tab[image]:not([image^="chrome://branding/"]):not([pinned]) .tab-label-container + { + display: none !important; + } +} + +#tabbrowser-tabs #tabs-newtab-button +{ + margin-inline-start: 2px !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; + } + } +} diff --git a/chrome/urlbar/connection-warning.svg b/chrome/urlbar/connection-warning.svg new file mode 100644 index 0000000..700f729 --- /dev/null +++ b/chrome/urlbar/connection-warning.svg @@ -0,0 +1,6 @@ + + + + diff --git a/chrome/urlbar/connection.svg b/chrome/urlbar/connection.svg new file mode 100644 index 0000000..1329d18 --- /dev/null +++ b/chrome/urlbar/connection.svg @@ -0,0 +1,6 @@ + + + + diff --git a/chrome/urlbar/go.svg b/chrome/urlbar/go.svg new file mode 100644 index 0000000..51f9a4c --- /dev/null +++ b/chrome/urlbar/go.svg @@ -0,0 +1,2 @@ + + diff --git a/chrome/urlbar/info.svg b/chrome/urlbar/info.svg new file mode 100644 index 0000000..f148e66 --- /dev/null +++ b/chrome/urlbar/info.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/naughty-shield.svg b/chrome/urlbar/naughty-shield.svg new file mode 100644 index 0000000..59327d5 --- /dev/null +++ b/chrome/urlbar/naughty-shield.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/chrome/urlbar/urlbar.css b/chrome/urlbar/urlbar.css new file mode 100644 index 0000000..ad1dc9f --- /dev/null +++ b/chrome/urlbar/urlbar.css @@ -0,0 +1,789 @@ +.urlbar-icon, #identity-box, #tracking-protection-icon-box { + fill: currentColor !important; + color: #666 !important; +} +:root[lwthemetextcolor="bright"] :-moz-any(.urlbar-icon, #identity-box, #tracking-protection-icon-box) { + fill: currentColor !important; + color: #bbb !important; +} + +.urlbarView-body-inner +{ + border: 0 !important; +} + +.urlbarView-row +{ + padding: 0 !important; + border-radius: 0 !important; +} + +.urlbarView-row-inner +{ + align-items: center !important; + position: relative !important; + padding: 12px 0 !important; + padding-inline: 48px 16px !important; + max-width: 100% !important; + width: auto !important; +} + +.urlbarView-no-wrap +{ + height: 100% !important; + align-items: center !important; + margin-inline-start: 0 !important; + max-width: 100% !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: 16px !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; +} + +.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 +{ + font-size: 14px !important; + border-radius: 4px !important; + background-color: var(--toolbar-field-background-color) !important; + border: 1px solid transparent !important; + box-shadow: 0 1px 6px 0 #00000008 !important; + padding: 1px !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; + border-color: var(--toolbar-field-hover-border-color) !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 2px var(--toolbar-field-focus-border-color) !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: 8px !important; + min-height: 37px !important; + margin: -4px 0 -1px !important; + box-shadow: + 0 5px 5px -3px rgba(0,0,0,.2), + 0 8px 10px 1px rgba(0,0,0,.14), + 0 3px 14px 2px rgba(0,0,0,.12) !important; + z-index: 99999 !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; +} + +.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-input::placeholder, +.searchbar-textbox::placeholder +{ + opacity: .66 !important; +} + +#urlbar[open] #urlbar-input-container +{ + height: 37px !important; +} + +#urlbar[open] #identity-box +{ + margin-inline-start: 8px !important; + margin-inline-end: 8px !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-labels +{ + 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-labels::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-labels +{ + display: flex !important; +} + + +#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):not(.no-hover):-moz-any([open], :hover) #identity-icon-labels::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, +#identity-box, +#tracking-protection-icon-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; +} + +#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-box:hover:not(.no-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, +#identity-box:hover:active:not(.no-hover), +#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: -32px !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"]:-moz-any(.verifiedDomain, .verifiedIdentity, .mixedActiveBlocked) > #identity-icon +{ + list-style-image: var(--lock-icon) !important; +} + +/* info (not secure) */ +#identity-box[pageproxystate="valid"]:-moz-any(.mixedDisplayContent, .mixedDisplayContentLoadedActiveBlocked, .unknownIdentity) > #identity-icon +{ + list-style-image: var(--info-icon) !important; +} + +/* warning (dangerous) */ +#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent) > #identity-icon +{ + list-style-image: var(--warning-icon) !important; +} + +#urlbar-input, +#searchbar-input, +.searchbar-textbox /* < 71 */ +{ + transform: translateY(var(--input-offset)) !important; + line-height: 1.745em !important; +} + +/* 1x */ +#urlbar +{ + --info-icon: url(info.svg); + --lock-icon: url(connection.svg); + --warning-icon: url(connection-warning.svg); +} + +#urlbar, +#searchbar +{ + --input-offset: -1px; +} \ No newline at end of file diff --git a/chrome/userChrome.css b/chrome/userChrome.css new file mode 100644 index 0000000..3043e57 --- /dev/null +++ b/chrome/userChrome.css @@ -0,0 +1,41 @@ +@import "global/variables.css"; +@import "global/global.css"; +@import "icons/icons.css"; +@import "tabbar/tabbar.css"; +@import "navbar/navbar.css"; +@import "personalbar/personalbar.css"; +@import "popup/popup.css"; +@import "urlbar/urlbar.css"; +@import "findbar/findbar.css"; +@import "tabbar/EdgeStyleTabShadow.css"; + +/* Swap Account icon and Overflow icon (Must be placed next to each other) */ +/* @media (min-width: 687px) { + #nav-bar-overflow-button { + transform: translateX(-44px); + } + #fxa-toolbar-menu-button { + transform: translateX(44px); + } +} */ + +/* Replace Firefox identity icon with Edge */ +#identity-icon-label +{ + display: none !important; +} +#identity-box.chromeUI[pageproxystate="valid"]::after { + content: "EdgeFox"; + padding-inline-start: 8px; +} +#identity-icon { + list-style-image: url("icons/edge.svg") !important; +} + +#urlbarView-row-162, #urlbarView-row-19, #urlbar .urlbarView .search-one-offs, /* Hide search engine selector on the urlbar dropdown */ +#context-sendpagetodevice, #context-sep-sendpagetodevice, /* Hide send page to device menu */ +#permissions-granted-icon, #appMenu-fxa-status, toolbarseparator.sync-ui-item, #appMenu-protection-report-button, #appMenu-tp-separator, /* Hide Account and protection dashboard from menu */ +#appMenu-edit-controls, .panel-subview-body toolbarseparator:nth-child(12) /* Hide Edit Controls */ +{ + display: none !important; +} \ No newline at end of file diff --git a/chrome/userContent.css b/chrome/userContent.css new file mode 100644 index 0000000..48d7f0e --- /dev/null +++ b/chrome/userContent.css @@ -0,0 +1,25 @@ +@import "userContent/NewTab.css"; +@import "userContent/Preferences.css"; + +@-moz-document url-prefix("about:") { + :root { + --body-background: #f5f5f5; + --body-title-text: #000; + --body-text: #333; + + --newtab-tile-background: #fff; + + --field-background: #fff; + } + @media (prefers-color-scheme: dark) { + :root { + --body-background: #1b1b1b; + --body-title-text: #fff; + --body-text: #e0e0e0; + + --newtab-tile-background: #303030; + + --field-background: #202020; + } + } +} \ No newline at end of file diff --git a/chrome/userContent/NewTab.css b/chrome/userContent/NewTab.css new file mode 100644 index 0000000..aed28be --- /dev/null +++ b/chrome/userContent/NewTab.css @@ -0,0 +1,61 @@ +@-moz-document url("about:newtab"), url(about:home) { + .icon.icon-settings { + background-image: url(../icons/settings.svg) !important; + background-size: 20px !important; + } + .search-wrapper .search-button { + background-image: url(../icons/search.svg) !important; + background-size: 20px !important; + } + .search-wrapper input { + background-color: var(--search-bg) !important; + border: 0 !important; + box-shadow: none !important; + fill: var(--newtab-search-icon-color); + border-radius: 4px !important; + outline: none !important; + } + .search-inner-wrapper input { + transition: box-shadow .2s ease-in-out !important; + box-shadow: 0px 1.6px 3.6px rgb(0 0 0 / 13%), 0px 0px 2.9px rgb(0 0 0 / 11%) !important; + } + .search-inner-wrapper:hover input { + box-shadow: 0px 3.2px 7.2px rgb(0 0 0 / 13%), 0px 0px 3.8px rgb(0 0 0 / 11%) !important; + } + .search-wrapper :is(input, button) { + height: 44px !important; + } + #searchSubmit { + width: 68px !important; + background-color: var(--search-button-bg) !important; + fill: #fff !important; + } + #searchSubmit:hover { + background-color: var(--search-button-bg-hover) !important; + } + .top-site-outer .tile, .screenshot, .top-site-icon { + border-radius: 8px !important; + } + + .outer-wrapper > main { + position: absolute !important; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + body { + background-color: #f5f5f5 !important; + --search-bg: #fff; + --search-button-bg: #0078D4; + --search-button-bg-hover: #006CBE; + --word-mark-color: #606060; + } + body[lwt-newtab-brighttext] { + background-color: #242424 !important; + --search-bg: #424242; + --search-button-bg: #006CBE; + --search-button-bg-hover: #0078D4; + --word-mark-color: #f3f3f3; + } +} \ No newline at end of file diff --git a/chrome/userContent/Preferences.css b/chrome/userContent/Preferences.css new file mode 100644 index 0000000..c9a5e44 --- /dev/null +++ b/chrome/userContent/Preferences.css @@ -0,0 +1,37 @@ +@-moz-document url-prefix(about:preferences), url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) { + #category-general > .category-icon { + list-style-image: url(../icons/settings.svg) !important; + } + #category-home > .category-icon { + list-style-image: url(../icons/home.svg) !important; + } + #category-search > .category-icon { + list-style-image: url(../icons/search.svg) !important; + } + #category-privacy > .category-icon { + list-style-image: url(../icons/lock.svg) !important; + } + #category-sync > .category-icon { + list-style-image: url(../icons/sync.svg) !important; + } + + .category[name="discover"] { + background-image: url(../icons/star.svg) !important; + } + .category[name="extension"] { + background-image: url(../icons/addons.svg) !important; + } + .category[name="theme"] { + background-image: url(../icons/brush.svg) !important; + } + + .preferences-icon, .page-options-menu > .more-options-button { + background-image: url(../icons/settings.svg) !important; + } + .addons-icon { + list-style-image: url(../icons/addons.svg) !important; + } + .textbox-search-sign { + list-style-image: url(../icons/search.svg) !important; + } +} \ No newline at end of file