diff --git a/.github/ISSUE_TEMPLATE/bug.md b/.github/ISSUE_TEMPLATE/bug.md new file mode 100644 index 0000000..de532d9 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/bug.md @@ -0,0 +1,14 @@ +--- +name: 🐛 Bug +about: Report a bug +labels: bug +--- + +**Description** +Include clear explaination of bug and how to reproduce. + +**Include screenshot / video recording if possible.** + +**Configuration** +- Firefox Version: +- OS: (eg. Windows, macOS, etc.) diff --git a/.github/ISSUE_TEMPLATE/feature.md b/.github/ISSUE_TEMPLATE/feature.md new file mode 100644 index 0000000..d85f754 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/feature.md @@ -0,0 +1,10 @@ +--- +name: ✨ Feature +about: Request a new feature / enhancement +labels: enhancement +--- + +**Description** +Include clear explaination of the feature and how it works. + +**Include screenshot / video recording if possible.** diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..dd2cc3f --- /dev/null +++ b/.gitignore @@ -0,0 +1,11 @@ +.DS_Store +inkscape-template.svg +/userChrome.css +/userContent.css +.vscode +/icons +/chrome/background-0.jpg +/chrome/background-1.jpg +/chrome/background-0.png +/chrome/background-1.png +/custom/ diff --git a/README.md b/README.md index bd9ff66..f0673db 100644 --- a/README.md +++ b/README.md @@ -1,29 +1,133 @@ -# Edge-FrFox -A userChrome.css theme for Firefox that replicates Microsoft Edge and adds icons to the right click menus. +# Edge-Frfox +A Firefox userChrome.css theme that aims to recreate the look and feel of the Chromium version of Microsoft Edge. -![thumbnail](screenshots/Edge-FrFox-theme.png) - -## Screenshots -Newtab Page Light|Newtab Page Dark|Firefox Alpenglow Light --|-|- -![screenshot-light](screenshots/screenshot-light.png) | ![screenshot-dark](screenshots/screenshot-dark.png) | ![screenshot-alpenglow-light](screenshots/screenshot-alpenglow-light.png) -Right Click Menu Light | Right Click Menu Dark | Firefox Alpenglow Dark -![right-click-light](screenshots/right-click-light.png) | ![right-click-dark](screenshots/right-click-dark.png) | ![screenshot-alpenglow-dark](screenshots/screenshot-alpenglow-dark.png) + +thumbnail screenshot ## How to install +1. Go to `about:support` and click the "Open Folder/Show in Finder" button for the root directory of your browser profile/s. +2. Download and copy the `chrome` folder into the profile folder. +3. Go to about:config and change these preferences: -1. Go to about:support and click the button that shows your profile folder in your file explorer. -2. Copy the `chrome` folder into the profile folder -3. Go to about:config and enter the following values: - 1. `toolkit.legacyUserProfileCustomizations.stylesheets` = `true` - 2. `svg.context-properties.content.enabled` = `true` - ###### Recommended settings: - 1. `browser.tabs.tabClipWidth` = `83` - 2. `security.insecure_connection_text.enabled` = `true` + ### For all operating systems: + * `toolkit.legacyUserProfileCustomizations.stylesheets` = `true` + * `svg.context-properties.content.enabled` = `true` + * `layout.css.color-mix.enabled` = `true` -**Note: Only properly tested on macOS 11 Big Sur** + ### Firefox 119.0 and above: + * `layout.css.light-dark.enabled` = `true` + + ### On macOS: + * To use the Edge style context menu on macOS then set `widget.macos.native-context-menus` = `false` + + ### Recommended: + * `browser.tabs.tabMinWidth` = `66` + * `browser.tabs.tabClipWidth` = `86` + + ### Optional: + * To use the light theme in private browsing mode set `browser.theme.dark-private-windows` = `false` + + Additional tweaks can also be applied to the theme, such as Floating Tabs, rounded browser corners and more. See [Tweaks](#tweaks). + +**Note: Most frequently tested on macOS** + +## Screenshots +| Theme | Light | Dark | +| ----------------------------------- | ----------------------------- | ---------------------------- | +| Default (Windows 11) | ![Light][s-l] | ![Dark][s-d] | +| Floating Tabs (Windows 11) | ![Light, Floating Tabs][s-lf] | ![Dark, Floating Tabs][s-df] | +| GTK (GNOME 42, [adw-gtk3][1] theme) | ![Light, GTK][s-lgtk] | ![Dark, GTK][s-dgtk] | + +## Tweaks +Certain tweaks can be applied to the theme, to enable them navigate to `about:config` and create a boolean key for each tweak you want to use and set it to `true`, then restart the browser. + +To disable a tweak, set the key to `false` or delete it, then restart the browser. + +| Enable Edge style floating tabs | +| --------------------------------------------------------------- | +| `uc.tweak.floating-tabs` | +| **OPTIONAL1: Make the top and bottom margins of the tab equal** | +| `uc.tweak.floating-tabs.equal-margin` | + +| Enable rounded corners | +| -------------------------- | +| `uc.tweak.rounded-corners` | + +| Hide Tabs Bar (Useful when using vertical tabs extensions such as Sidebery, Tree Style Tab, etc.) | +| ------------------------------------------------------------------------------------------------- | +| **NOTE: At the moment, this only supports macOS and Windows.** | +| `uc.tweak.hide-tabs-bar` | +| **OPTIONAL: Only enable in fullscreen mode (currently: macOS Only!)** | +| `uc.tweak.hide-tabs-bar.only-when-maximised` | + +| Use background image on newtab page | +| -------------------------------------------------------------------------------------------------- | +| **SETUP: Add an image named `background-0.(jpg/png)` to the `chrome` folder.** | +| **OPTIONAL: Add a second image named `background-1.(jpg/png)` for seperate dark mode background.** | +| `uc.tweak.newtab-background` | + +| Hide forward button when it's disabled (like in Edge) | +| ------------------------------------------------------ | +| `uc.tweak.hide-forward-button` | + +| Hide Firefox logo on newtab page | +| -------------------------------- | +| `uc.tweak.hide-newtab-logo` | + +| Disable drag space above tabs | +| ----------------------------- | +| `uc.tweak.disable-drag-space` | + +| Force tab background colour to the same colour as the navbar background (useful for Proton themes) | +| -------------------------------------------------------------------------------------------------- | +| **NOTE: can cause readability issues with some themes! (eg. white text on white bg)** | +| `uc.tweak.force-tab-colour` | +| ![force tab colour example](screenshots/force-tab-colour.svg) (Left: OFF, Right: ON) | + +| Show context menu navigation buttons (Back, Forward, Reload, Bookmark) vertically | +| --------------------------------------------------------------------------------- | +| **NOTE: labels are only shown in the English language.** | +| `uc.tweak.vertical-context-navigation` | + +| Remove tab separators | +| -------------------------------- | +| `uc.tweak.remove-tab-separators` | + +| Use Firefox's default context menu font-size (only applies to Windows) | +| ---------------------------------------------------------------------- | +| `uc.tweak.smaller-context-menu-text` | + +| Disable custom context menus | +| ------------------------------ | +| `uc.tweak.revert-context-menu` | + +| If a tab's close button is hidden, show it when hovering over tab | +| ----------------------------------------------------------------- | +| `uc.tweak.show-tab-close-button-on-hover` | + +## Mica Tweak Notice +Mica is broken due to changes made in the Firefox 115 update, Mica has now been +removed from this theme. + +If you still have `uc.tweak.win11-mica` set in `about:config` you can safely +delete it ## Acknowledgements [muckSponge](https://github.com/muckSponge) - [MaterialFox](https://github.com/muckSponge/MaterialFox) [Microsoft](https://github.com/microsoft) - [Fluent UI System Icons](https://github.com/microsoft/fluentui-system-icons) + +[KibSquib48](https://github.com/KibSquib48) - [MicaFox](https://github.com/KibSquib48/MicaFox) + + +[1]: https://github.com/lassekongo83/adw-gtk3 + + +[s-l]: screenshots/light.png +[s-lf]: screenshots/light-floating-tabs.png +[s-lgtk]: screenshots/gtk-light.png + + +[s-d]: screenshots/dark.png +[s-df]: screenshots/dark-floating-tabs.png +[s-dgtk]: screenshots/gtk-dark.png diff --git a/chrome/content/common.css b/chrome/content/common.css new file mode 100644 index 0000000..7491148 --- /dev/null +++ b/chrome/content/common.css @@ -0,0 +1,105 @@ +/* Edge-Frfox - content/common.css */ + +/* colours */ +@-moz-document url-prefix(about:) { + :root { + --in-content-page-color: light-dark(#252525, #fff) !important; + --in-content-page-background: light-dark(#f7f7f7, #252525) !important; + --in-content-deemphasized-text: light-dark(#666, #bbb) !important; + --in-content-box-background: light-dark(#fff, #333) !important; + --in-content-box-background-odd: light-dark(rgb(0 0 0 / .05), rgb(255 255 255 / .05)) !important; + --in-content-box-info-background: light-dark(#f7f7f7, rgb(255 255 255 / 0.15)) !important; + --in-content-icon-color: light-dark(#666, #fff) !important; + --in-content-accent-color: light-dark(#006CBE, #75B6E8) !important; + --in-content-accent-color-active: light-dark(#1683D8, #4C98D1) !important; + --in-content-border-hover: light-dark(rgb(0 0 0 / .5), rgb(255 255 255 / .3)) !important; + --in-content-border-invalid: var(--red-50) !important; + --in-content-border-color: light-dark(#bebebe, rgb(255 255 255 / .2)) !important; + --in-content-error-text-color: light-dark(#FF848A, #FF9AA2) !important; + --in-content-link-color: light-dark(#0078D4, #75B6E8) !important; + --in-content-link-color-hover: light-dark(#006CBE, #63ADE5) !important; + --in-content-link-color-active: light-dark(#0749AC, #4C98D1) !important; + --in-content-link-color-visited: light-dark(#0078D4, #75B6E8) !important; + --link-color: var(--in-content-link-color) !important; + --link-color-hover: var(--in-content-link-color-hover) !important; + --link-color-active: var(--in-content-link-color-active) !important; + --link-color-visited: var(--in-content-link-color-visited) !important; + --in-content-button-text-color: var(--in-content-text-color) !important; + --in-content-button-text-color-hover: var(--in-content-text-color) !important; + --in-content-button-text-color-active: var(--in-content-button-text-color-hover) !important; + --in-content-button-background: light-dark(#EDEDED, #3B3B3B) !important; + --in-content-button-background-hover: light-dark(#e5e5e5, #545454) !important; + --in-content-button-background-active: light-dark(#d5d5d5, #606060) !important; + --in-content-primary-button-text-color: light-dark(#fff, #fff) !important; + --in-content-primary-button-background: light-dark(#0061e0, #006CBE) !important; + --in-content-primary-button-background-hover: light-dark(#0250bb, #0078D4) !important; + --in-content-primary-button-background-active: light-dark(#053e94, #005CA3) !important; + --color-accent-primary: light-dark(#0078D4, #006CBE) !important; + --color-accent-primary-hover: light-dark(#006CBE, #0078D4) !important; + --color-accent-primary-active: light-dark(#0749AC, #005CA3) !important; + --in-content-danger-button-background: light-dark(#DF4951, #E12424) !important; + --in-content-danger-button-background-hover: light-dark(#EA656C, #F94343) !important; + --in-content-danger-button-background-active: light-dark(#BB353C, #AA1E1E) !important; + --in-content-focus-outline-color: light-dark(rgb(0 85 215 / .5), #63ADE5) !important; + --focus-outline-color: var(--in-content-focus-outline-color) !important; + --in-content-table-background: light-dark(#f7f7f7, #252525) !important; + --in-content-text-color: var(--in-content-page-color) !important; + --border-interactive-color: light-dark(#929292, #858585) !important; + scrollbar-color: + light-dark(rgb(37 37 37 / .4), rgb(255 255 255 / .4)) + light-dark(#f7f7f7, #252525) !important; + } +} + +/* preferences */ +@-moz-document url-prefix(about:preferences), +url-prefix(about:addons) { + .category[selected] { + position: relative !important; + border-radius: 4px !important; + } + + .category[selected]:not(:hover, :active) { + background-color: var(--in-content-button-background) !important; + } + + .category[selected]::before { + content: ""; + display: block; + height: 24px; + width: 3px; + background-color: var(--in-content-accent-color); + border-radius: 3px; + position: absolute; + left: 2px; + top: 50%; + translate: 0 -50%; + } + + button.tab-button:hover { + border-block-color: transparent var(--in-content-box-border-color) !important; + } + + button.tab-button[selected], + button.tab-button[selected]:hover { + border-block-color: transparent currentColor !important; + } + + .toggle-button { + --toggle-dot-margin: 4px !important; + --toggle-width: 40px !important; + --toggle-height: 20px !important; + --toggle-background-color: transparent !important; + --toggle-dot-background-color: var(--in-content-page-color) !important; + --toggle-dot-background-color-on-pressed: #fff !important; + --toggle-dot-transform-x: calc(var(--toggle-width) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width) - var(--toggle-dot-width)) !important; + } +} + +/* fix page flashes when loading some websites */ +@-moz-document url(about:blank) { + body { + background: var(--in-content-page-background); + color: var(--in-content-page-color); + } +} diff --git a/chrome/content/newtab.css b/chrome/content/newtab.css new file mode 100644 index 0000000..d8ec514 --- /dev/null +++ b/chrome/content/newtab.css @@ -0,0 +1,316 @@ +/* Edge-Frfox - content/newtab.css */ + +/* colours */ +@-moz-document url-prefix("about:newtab"), +url-prefix("about:home"), +url-prefix("about:firefoxview") { + :root:not([lwt-newtab], [lwt-newtab-brighttext]) { + --newtab-background-color: #F7F7F7 !important; + --newtab-background-color-secondary: #fff !important; + --newtab-text-primary-color: #252525 !important; + --newtab-primary-action-background: #0078D4 !important; + --newtab-text-secondary-color: color-mix(in srgb, var(--newtab-text-primary-color) 80%, transparent) !important; + --newtab-element-hover-color: color-mix(in srgb, var(--newtab-background-color) 95%, #000) !important; + --newtab-element-active-color: color-mix(in srgb, var(--newtab-background-color) 90%, #000) !important; + --newtab-element-secondary-color: color-mix(in srgb, currentColor 5%, transparent) !important; + --newtab-element-secondary-hover-color: color-mix(in srgb, currentColor 12%, transparent) !important; + --newtab-element-secondary-active-color: color-mix(in srgb, currentColor 25%, transparent) !important; + --newtab-primary-element-hover-color: color-mix(in srgb, var(--newtab-primary-action-background) 90%, #000) !important; + --newtab-primary-element-active-color: color-mix(in srgb, var(--newtab-primary-action-background) 80%, #000) !important; + --newtab-primary-element-text-color: #fff !important; + --newtab-primary-action-background-dimmed: color-mix(in srgb, var(--newtab-primary-action-background) 25%, transparent) !important; + --newtab-border-color: color-mix(in srgb, var(--newtab-background-color) 75%, #000) !important; + --newtab-wordmark-color: #737373 !important; + --newtab-status-success: #50B080 !important; + --newtab-status-error: #FF848A !important; + --newtab-inner-box-shadow-color: rgb(0 0 0 / .1) !important; + --newtab-overlay-color: color-mix(in srgb, var(--newtab-background-color) 85%, transparent) !important; + --newtab-text-emphasis-background: #FFED32 !important; + --newtab-text-emphasis-text-color: #000 !important; + --newtab-textbox-focus-color: var(--newtab-primary-action-background) !important; + --newtab-textbox-focus-boxshadow: 0 0 0 1px var(--newtab-primary-action-background), 0 0 0 4px rgba(var(--newtab-primary-action-background), 0.3) !important; + --newtab-button-secondary-color: inherit !important; + } + + :root:not([style*="color"])[lwt-newtab-brighttext] { + --newtab-background-color: #252525 !important; + --newtab-background-color-secondary: #4A4A4A !important; + --newtab-text-primary-color: #fff !important; + --newtab-primary-action-background: #75B6E8 !important; + --newtab-element-hover-color: color-mix(in srgb, var(--newtab-background-color) 95%, #FFF) !important; + --newtab-element-active-color: color-mix(in srgb, var(--newtab-background-color) 90%, #FFF) !important; + --newtab-element-secondary-color: color-mix(in srgb, currentColor 10%, transparent) !important; + --newtab-element-secondary-hover-color: color-mix(in srgb, currentColor 17%, transparent) !important; + --newtab-element-secondary-active-color: color-mix(in srgb, currentColor 30%, transparent) !important; + --newtab-border-color: color-mix(in srgb, var(--newtab-background-color) 75%, #FFF) !important; + --newtab-primary-element-text-color: #252525 !important; + --newtab-wordmark-color: #fff !important; + --newtab-status-success: #50B080 !important; + } +} + +@-moz-document url-prefix("about:newtab"), +url-prefix("about:home") { + /* hide pin */ + .icon.icon-pin-small { + display: none !important; + } + + /* unpinned sites have lower opacity title */ + .top-site-button .title:not(.pinned) { + opacity: 0.7 !important; + } + + /* search bar */ + .search-wrapper .search-inner-wrapper { + min-height: 44px !important; + } + + .search-handoff-button { + border-radius: 99px !important; + background-position: 12px !important; + padding-inline-start: 48px !important; + white-space: nowrap !important; + text-overflow: ellipsis !important; + --elevation: 4; + box-shadow: 0 0 calc((var(--elevation) * 0.225px) + 2px) rgb(0 0 0 / .11), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgb(0 0 0 / .13) !important; + } + + .search-handoff-button:hover { + --elevation: 6; + } + + .search-wrapper.fake-focus:not(.search.disabled) .search-handoff-button { + border-color: transparent !important; + outline: 2px solid var(--newtab-primary-action-background) !important; + outline-offset: -1px !important; + } + + .search-handoff-button .fake-caret { + inset-inline-start: 48px !important; + top: 13px !important; + } + + .search-disabled .search-handoff-button { + opacity: 0 !important; + } + + /* top sites */ + .top-site-outer .tile { + border-radius: 12px !important; + height: 44px !important; + width: 44px !important; + box-shadow: none !important; + } + + .top-site-outer .tile .icon-wrapper { + border-radius: 4px !important; + width: 24px !important; + height: 24px !important; + } + + .top-site-outer .default-icon, + .top-site-outer .search-topsite { + background-size: 16px !important; + height: 24px !important; + width: 24px !important; + } + + .top-site-outer .tile .icon-wrapper.letter-fallback::before { + font-size: 32px !important; + } + + /* card */ + .card-outer, + .card-outer .card, + .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) { + border-radius: 6px !important; + } + + .card-outer .card, + .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) { + box-shadow: 0 1px 4px rgb(0 0 0 / .3) !important; + } + + .card-outer .card-preview-image-outer, + .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) .img-wrapper .img img { + border-radius: 6px 6px 0 0 !important + } + + .fake-textbox { + overflow: hidden !important; + text-overflow: ellipsis !important; + } + + .outer-wrapper.only-search { + display: flex !important; + padding: 30px !important; + } + + @media (-moz-bool-pref: "uc.tweak.hide-newtab-logo") { + .logo-and-wordmark { + display: none !important; + } + + .outer-wrapper:not(.fixed-search) .search-wrapper { + padding-top: 0 !important; + } + } +} + +/* private browsing newtab */ +@-moz-document url-prefix(about:privatebrowsing) { + :root { + --uc-wordmark-color: light-dark(#737373, #fff); + --uc-background-color-secondary: light-dark(#fff, #4a4a4a); + + @media (-moz-bool-pref: "browser.theme.dark-private-windows") { + color-scheme: dark !important; + } + } + + .search-inner-wrapper { + height: 44px !important; + } + + .search-handoff-button, + .search-handoff-button:active, + .search-handoff-button:enabled:hover:active { + background-color: var(--uc-background-color-secondary) !important; + background-size: 24px; + border: 0 !important; + border-radius: 99px !important; + padding-inline-start: 48px !important; + --elevation: 4; + box-shadow: 0 0 calc((var(--elevation) * 0.225px) + 2px) rgb(0 0 0 / .11), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgb(0 0 0 / .13) !important; + } + + .search-handoff-button:hover { + --elevation: 6; + } + + .search-handoff-button.focused:not(.disabled) { + box-shadow: none !important; + outline: 2px solid var(--in-content-focus-outline-color) !important; + outline-offset: -1px !important; + } + + .search-handoff-button.disabled { + opacity: 0 !important; + } + + .fake-textbox { + color: var(--in-content-page-color) !important; + } + + .wordmark { + fill: var(--uc-wordmark-color) !important; + } + + .info { + background-color: var(--uc-background-color-secondary) !important; + background-image: none !important; + position: relative !important; + } + + .info::before { + content: ""; + position: absolute; + left: 32px; + top: 20px; + height: 32px; + aspect-ratio: 1 / 1; + background: center / contain url("../icons/account-private.svg"); + border-radius: 99px; + } +} + +@media (-moz-bool-pref: "uc.tweak.newtab-background") { + @-moz-document url(about:newtab), + url(about:home), + url(about:privatebrowsing), + url-prefix("about:firefoxview") { + :root body { + /* specify both jpg and png file extensions, but jpg images will always + have a higher priority */ + --bg-0: url(../background-0.jpg), url(../background-0.png); + --bg-1: url(../background-1.jpg), url(../background-1.png); + --newtab-element-hover-color: rgb(239 239 239 / .3) !important; + --newtab-element-active-color: rgb(239 239 239 / .45) !important; + --text-shadow: 0 1px 2px #000; + --icon-shadow: drop-shadow(0 0.3px 0.6px #000); + background-color: #252525 !important; + background-image: var(--bg-0) !important; + background-position: center !important; + background-size: cover !important; + background-attachment: fixed !important; + } + + :root[lwt-newtab-brighttext] body, + :root.private body { + background-image: var(--bg-1), var(--bg-0) !important; + --newtab-element-hover-color: rgb(66 66 66 / .4) !important; + --newtab-element-active-color: rgb(66 66 66 / .55) !important; + } + + @media not (-moz-bool-pref: "browser.theme.dark-private-windows") { + :root.private body { + background-image: var(--bg-0) !important; + } + + @media (prefers-color-scheme: dark) { + :root.private body { + background-image: var(--bg-1), var(--bg-0) !important; + } + } + } + + .top-site-outer .title, + .ds-header, + .ds-layout .section-title span, + .ds-navigation, + .page-section-header>h1, + .page-section-header>.section-description, + .closed-tab-li-main:not(:hover, :active), + .closed-tab-li-dismiss, + .brand-logo>.brand-feature-name, + #colorways-collection-title, + #colorways-collection-description, + .synced-tabs-container>.loading-content { + text-shadow: var(--text-shadow) !important; + color: #fff !important; + -moz-osx-font-smoothing: auto !important; + } + + .wordmark, + .icon-settings, + .top-site-outer .context-menu-button, + .closed-tab-li-main:not(:hover, :active) .favicon, + .page-section-header:not(:hover)>.twisty, + .synced-tab-li-favicon, + .page-section-header:not(:hover)>.twisty, + .closed-tab-li-dismiss:not(:hover), + .synced-tabs-container>.loading-content .sync { + filter: var(--icon-shadow) !important; + color: #fff !important; + fill: currentColor !important + } + + .section-top-bar .learn-more-link a, + .ds-navigation a { + color: #b3d4ff !important; + text-shadow: var(--text-shadow) !important; + -moz-osx-font-smoothing: auto !important; + } + + .top-site-outer .title .sponsored-label, + .closed-tab-li-main:not(:hover, :active) :is(.closed-tab-li-url, .closed-tab-li-time) { + color: #eee !important; + } + + .fixed-search .search-wrapper { + border-bottom: 0 !important; + background: transparent linear-gradient(#0004, transparent) !important; + } + } +} diff --git a/chrome/extras/accessibility.css b/chrome/extras/accessibility.css deleted file mode 100644 index 20646fe..0000000 --- a/chrome/extras/accessibility.css +++ /dev/null @@ -1,173 +0,0 @@ -/* High Contrast Theme */ -@media (prefers-contrast) { - :root, :root #navigator-toolbox, findbar { - --highContrastTheme-border-color: #777 !important; - --highContrastTheme-urlbar-border-color: #000a; - - --highContrastTheme-menuitem-selected-background: #444; - --highContrastTheme-menuitem-selected-background-active: #222; - --highContrastTheme-menuitem-selected-color: #fff; - --highContrastTheme-urlbar-URL-selected-color: #81c2ff; - - --panel-separator-color: rgba(0,0,0,0.8) !important; - --toolbarbutton-icon-fill-attention: #003aa5 !important; - - --chrome-content-separator-color: var(--highContrastTheme-border-color) !important; - --autocomplete-popup-highlight-background: var(--highContrastTheme-menuitem-selected-background) !important; - --autocomplete-popup-highlight-color: var(--highContrastTheme-menuitem-selected-color) !important; - --panelview-toolbarbutton-hover-bgcolor: var(--highContrastTheme-menuitem-selected-background) !important; - --panelview-toolbarbutton-hover-color: var(--highContrastTheme-menuitem-selected-color) !important; - --panelview-toolbarbutton-active-bgcolor: var(--highContrastTheme-menuitem-selected-background-active) !important; - --panelview-toolbarbutton-active-color: var(--highContrastTheme-menuitem-selected-color) !important; - } - - :root[lwthemetextcolor="bright"], :root[lwthemetextcolor="bright"] #navigator-toolbox, :root[lwthemetextcolor="bright"] findbar { - --highContrastTheme-border-color: #999 !important; - --highContrastTheme-urlbar-border-color: #fffa; - - --highContrastTheme-menuitem-selected-background: #ccc; - --highContrastTheme-menuitem-selected-color: #000; - --highContrastTheme-urlbar-URL-selected-color: #004da5; - - --panel-separator-color: rgba(255,255,255,0.8) !important; - --lwt-toolbarbutton-icon-fill-attention: #55befc !important; - } - - menupopup, panel - { - --menu-border-radius: 2px; - --menu-border: 1px solid #fff; - --menu-shadow: 0 0 0 2px #000, 0 3px 10px 4px rgba(0,0,0,.3); - } - :root[lwthemetextcolor="bright"] :-moz-any(menupopup, panel) - { - --menu-border: 1px solid #fff; - --menu-shadow: 0 0 0 1px #000, 0 3px 10px 4px rgba(0,0,0,.3); - } - - menupopup menuseparator { - opacity: 1 !important; - color: var(--panel-separator-color) !important; - } - - menupopup menuitem:hover:not([disabled=true]), - menupopup menu:hover:not([disabled=true]), - .autocomplete-richlistitem:hover:not([disabled=true]):not([selected=true]), - #context-navigation .menuitem-iconic:hover:not([disabled]) - { - background-color: var(--highContrastTheme-menuitem-selected-background) !important; - color: var(--highContrastTheme-menuitem-selected-color) !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(--highContrastTheme-menuitem-selected-background-active) !important; - color: var(--highContrastTheme-menuitem-selected-color) !important; - } - - #urlbar, #searchbar, hbox[anonid="findbar-textbox-wrapper"] { - box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important; - } - #urlbar:hover, #searchbar:hover, hbox[anonid="findbar-textbox-wrapper"]:hover:not(:focus-within) { - box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset, 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important; - } - #urlbar[open], #searchbar[open] { - box-shadow: 0 0 0 1px #000, 0 3px 10px 4px rgba(0,0,0,.3), 0 0 0 1px #fff inset !important; - border-radius: 2px !important; - } - .urlbarView-row[selected] { - --urlbar-popup-url-color: var(--highContrastTheme-urlbar-URL-selected-color) !important; - } - - :is(:root, :root[lwthemetextcolor="bright"]) #nav-bar { - box-shadow: 0 -1px var(--highContrastTheme-border-color) !important; - } - :is(:root, :root[lwthemetextcolor="bright"]) .tabbrowser-tab[visuallyselected] .tab-background { - box-shadow: 0 0 0 1px var(--highContrastTheme-border-color) !important; - } - .tab-background::before - { - box-shadow: -1px -1px 0 var(--highContrastTheme-border-color) inset, 4px 4px 0 4px var(--tab-bgcolor) !important; - } - .tab-background::after - { - box-shadow: 1px -1px 0 var(--highContrastTheme-border-color) inset, -4px 4px 0 4px var(--tab-bgcolor) !important; - } - .tabbrowser-tab:not([selected=true]):hover, - .tabbrowser-tab[multiselected]:not([selected=true]) - { - --tab-opacity: .6; - } - #TabsToolbar[brighttext] .tabbrowser-tab:not([selected=true]):hover, - #TabsToolbar[brighttext] .tabbrowser-tab[multiselected]:not([selected=true]) - { - --tab-opacity: .2; - } -} - -/* Reduce Motion */ -@media (prefers-reduced-motion) { - .tabbrowser-tab - { - --tab-transition-duration: 0s !important; - } - - #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), - .tab-close-button, .tab-icon-overlay[activemedia-blocked], .tab-icon-sound, - .urlbar-icon, - #page-action-buttons > toolbarbutton, - .searchbar-search-button, - #tracking-protection-icon-box, - #identity-icon-box, - #identity-permission-box, - #tracking-protection-icon-box, #urlbar:hover #tracking-protection-icon-box, #tracking-protection-icon-container[open] #tracking-protection-icon-box, #tracking-protection-icon-box[active], - #urlbar:is(:hover, :not(: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), - hbox[anonid="findbar-textbox-wrapper"] toolbarbutton, - hbox[anonid="findbar-textbox-wrapper"] - { - transition-duration: 0s, 0s, 0s, 0s, 0s !important; - } -} \ No newline at end of file diff --git a/chrome/extras/addIconsToMenubarPopups.css b/chrome/extras/addIconsToMenubarPopups.css deleted file mode 100644 index b9a3936..0000000 --- a/chrome/extras/addIconsToMenubarPopups.css +++ /dev/null @@ -1,71 +0,0 @@ -/* (UNFINISHED) (TESTED ON MACOS ONLY!) Add icons to menubar popups */ - -#menu_newNavigatorTab { - list-style-image: url(../icons/new-tab-image.svg) !important; -} -#menu_newNavigator { - list-style-image: url(../icons/new-window.svg) !important; -} -#menu_newPrivateWindow { - list-style-image: url(../icons/new-private-window.svg) !important; -} -#menu_openLocation { - list-style-image: url(../icons/globe.svg) !important; -} -#menu_openFile { - list-style-image: url(../icons/folder.svg) !important; -} -#menu_close, #menu_closeWindow, #menu_findAgain, #historyRestoreLastSession, #hiddenTabsMenu, #historyUndoMenu, #historyUndoWindowMenu { - list-style-image: url(../icons/blank.svg) !important; -} -#menu_savePage { - list-style-image: url(../icons/savefile.svg) !important; -} -#menu_sendLink { - list-style-image: url(../icons/email.svg) !important; -} -#menu_printSetup, #menu_print { - list-style-image: url(../icons/print.svg) !important; -} -#menu_undo { - list-style-image: url(../popup/icons/undo.svg) !important; -} -#menu_redo { - list-style-image: url(../popup/icons/redo.svg) !important; -} -#menu_cut { - list-style-image: url(../popup/icons/cut.svg) !important; -} -#menu_copy { - list-style-image: url(../popup/icons/copy.svg) !important; -} -#menu_paste { - list-style-image: url(../popup/icons/paste.svg) !important; -} -#menu_delete { - list-style-image: url(../popup/icons/delete.svg) !important; -} -#menu_selectAll { - list-style-image: url(../popup/icons/select-all.svg) !important; -} -#menu_find { - list-style-image: url(../icons/search-file.svg) !important; -} -#toggle_PersonalToolbar, #menu_bookmarksSidebar { - list-style-image: url(../icons/bookmark.svg) !important; -} -#menu_customizeToolbars { - list-style-image: url(../icons/brush.svg) !important; -} -#menu_historySidebar { - list-style-image: url(../icons/history.svg) !important; -} -#menu_tabsSidebar, #sync-tabs-menuitem { - list-style-image: url(../icons/synced-tabs.svg) !important; -} -#menu_showAllHistory { - list-style-image: url(../icons/history.svg) !important; -} -#sanitizeItem { - list-style-image: url(../icons/forget.svg) !important; -} \ No newline at end of file diff --git a/chrome/extras/customColorTheme.css b/chrome/extras/customColorTheme.css deleted file mode 100644 index a1ba098..0000000 --- a/chrome/extras/customColorTheme.css +++ /dev/null @@ -1,166 +0,0 @@ -/* Light Mode */ -:root:not([style]), -:root:not([lwtheme]), -:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"] -{ - /* accentcolor */ - --lwt-accent-color: #cecece !important; - - /* textcolor */ - --lwt-text-color: #000 !important; - - /* toolbar */ - --toolbar-bgcolor: #f7f7f7 !important; - - /* toolbar_text */ - --toolbar-color: #000 !important; - - /* toolbar_bottom_separator */ - --toolbox-border-bottom-color: #d2d2d2 !important; /* legacy */ - --chrome-content-separator-color: #d2d2d2 !important; - - /* icons */ - --lwt-toolbarbutton-icon-fill: #000 !important; - - /* icons_attention */ - --lwt-toolbarbutton-icon-fill-attention: #0078d4 !important; - - /* button_background_hover */ - --lwt-toolbarbutton-hover-background: #0000001a !important; - - /* button_background_active */ - --lwt-toolbarbutton-active-background: #0000002a !important; - - --lwt-toolbar-field-color: #000 !important; - --lwt-toolbar-field-focus-color: #000 !important; - - /* popup_highlight */ - --autocomplete-popup-highlight-background: #0001 !important; - - /* popup_highlight_text */ - --autocomplete-popup-highlight-color: #000 !important; - - --urlbar-popup-url-color: #0172C9 !important; - --lwt-toolbar-field-background-color: #fff !important; - --lwt-toolbar-field-focus: #fff !important; - --lwt-toolbar-field-border-color: #ccc !important; - - --tab-line-col: #0078d4 !important; - --toolbar-field-focus-border-color: #0078d4a0 !important; - --private-browsing-indicator: #0078d4 !important; -} -/* Dark Mode */ -:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"] -{ - /* accentcolor */ - --lwt-accent-color: #1b1b1b !important; - - /* textcolor */ - --lwt-text-color: #fff !important; - - /* toolbar */ - --toolbar-bgcolor: #3b3b3b !important; - - /* toolbar_text */ - --toolbar-color: #fff !important; - - /* toolbar_bottom_separator */ - --toolbox-border-bottom-color: #5B5B5B !important; /* legacy */ - --chrome-content-separator-color: #5B5B5B !important; - - /* icons */ - --lwt-toolbarbutton-icon-fill: #fff !important; - - /* icons_attention */ - --lwt-toolbarbutton-icon-fill-attention: #4C98D1 !important; - - /* button_background_hover */ - --lwt-toolbarbutton-hover-background: #ffffff1a !important; - - /* button_background_active */ - --lwt-toolbarbutton-active-background: #ffffff2a !important; - - --lwt-toolbar-field-color: #fff !important; - --lwt-toolbar-field-focus-color: #fff !important; - - /* popup */ - --arrowpanel-background: #4a4a4a !important; - - /* popup_text */ - --arrowpanel-color: #fff !important; - --autocomplete-popup-color: #fff !important; - --panel-disabled-color: hsla(0, 0%, 100%, .5) !important; - - /* popup_border */ - --arrowpanel-border-color: #63636363 !important; - --autocomplete-popup-border-color: #636363 !important; - - /* popup_highlight */ - --autocomplete-popup-highlight-background: #fff1 !important; - - /* popup_highlight_text */ - --autocomplete-popup-highlight-color: #fff !important; - - --urlbar-popup-url-color: #75B6E8 !important; - --lwt-toolbar-field-background-color: #2b2b2b !important; - --lwt-toolbar-field-focus: #2b2b2b !important; - --lwt-toolbar-field-border-color: #656565 !important; - - --tab-line-col: #4C98D1 !important; - --toolbar-field-focus-border-color: #4c97d1a0 !important; - --private-browsing-indicator: #006cbe !important; -} - -/* Inactive Window Light Mode */ -:-moz-any(:root:not([style]), :root:not([lwtheme]), :root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"]):-moz-window-inactive :-moz-any(#TabsToolbar, #navigator-toolbox) { - --lwt-accent-color: #e8e8e8 !important; - --lwt-text-color: #3a3a3a !important; - --toolbar-color: #3a3a3a !important; -} - -/* Inactive Window Dark Mode */ -:-moz-any(:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]):-moz-window-inactive :-moz-any(#TabsToolbar, #navigator-toolbox) { - --lwt-accent-color: #2e2e2e !important; - --lwt-text-color: #b7b7b7 !important; - --toolbar-color: #cecece !important; -} - -/* Sidebar Light Mode */ -:-moz-any(#sidebar-box, #sidebar), -:-moz-any(.sidebar-panel, body) -{ - /* sidebar */ - --sidebar-background-color: #f5f5f5 !important; - --lwt-sidebar-background-color: var(--sidebar-background-color) !important; - - /* sidebar_text */ - --sidebar-text-color: #000 !important; - --lwt-sidebar-text-color: var(--sidebar-text-color) !important; -} - -/* Sidebar Dark Mode */ -:-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"], :-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"], -:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] -{ - /* sidebar */ - --sidebar-background-color: #3b3b3b !important; - --lwt-sidebar-background-color: var(--sidebar-background-color) !important; - - /* sidebar_text */ - --sidebar-text-color: #fff !important; - --lwt-sidebar-text-color: var(--sidebar-text-color) !important; -} - -/* Urlbar Button Backgrounds Light Mode */ -:-moz-any(#urlbar, #searchbar) -{ - --toolbarbutton-hover-background: #0001 !important; - --toolbarbutton-active-background: #0002 !important; -} - -/* Urlbar Button Backgrounds Dark Mode */ -:root:-moz-lwtheme-brighttext :-moz-any(#urlbar, #searchbar) -{ - --toolbarbutton-hover-background: #fff1 !important; - --toolbarbutton-active-background: #fff2 !important; -} \ No newline at end of file diff --git a/chrome/extras/hidetabclosebutton.css b/chrome/extras/hidetabclosebutton.css deleted file mode 100644 index 93338ad..0000000 --- a/chrome/extras/hidetabclosebutton.css +++ /dev/null @@ -1,12 +0,0 @@ -/* Hide tab close button when mouse not hovering over it */ -.tab-close-button { - transform: translateY(32px) !important; - margin-inline-start: -16px !important; - transition-property: margin, transform !important; - transition-duration: 200ms !important; - transition-timing-function: cubic-bezier(1, 0, 0, 1) !important; -} -:-moz-any(.tabbrowser-tab:hover:hover, .tabbrowser-tab[visuallyselected]) .tab-close-button { - transform: none !important; - margin-inline-start: 0 !important; -} diff --git a/chrome/extras/hidetoolbarbuttons.css b/chrome/extras/hidetoolbarbuttons.css deleted file mode 100644 index 7accb9c..0000000 --- a/chrome/extras/hidetoolbarbuttons.css +++ /dev/null @@ -1,23 +0,0 @@ -/* (BUGGY: USE AT OWN RISK!) Hide toolbar buttons other than extensions */ - -.toolbarbutton-icon, -.toolbarbutton-badge-stack, -#nav-bar .toolbarbutton-1 -{ - transition-duration: 0.1s !important; - transition-property: width, padding, border !important; -} -:root:not([customizing]) #navigator-toolbox:not(:hover) > #nav-bar:not([urlbar-exceeds-toolbar-bounds="true"]) .toolbarbutton-1:not(.webextension-browser-action, [open], [checked]) :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) -{ - width: 0 !important; padding: 0 !important; -} -:root:not([customizing]) #navigator-toolbox:not(:hover) > #nav-bar:not([urlbar-exceeds-toolbar-bounds="true"]) .toolbarbutton-1:not(.webextension-browser-action, [open], [checked]) -{ - border-width: 0 !important; -} - -/* Also Hide urlbar background */ -/* -:root:not([customizing]) #navigator-toolbox:not(:hover) > #nav-bar -{ --toolbar-field-background-color: transparent !important; } -*/ \ No newline at end of file diff --git a/chrome/extras/swapaccount-overflow.css b/chrome/extras/swapaccount-overflow.css deleted file mode 100644 index fa07aa3..0000000 --- a/chrome/extras/swapaccount-overflow.css +++ /dev/null @@ -1,12 +0,0 @@ -/* (BUGGY: USE AT OWN RISK!) Swap Account icon and Overflow icon (must be placed next to each other) */ - -@media (min-width: 687px) { - :root:not([customizing]) #nav-bar-overflow-button - { - transform: translateX(-44px); - } - :root:not([customizing]) #fxa-toolbar-menu-button - { - transform: translateX(44px); - } -} \ No newline at end of file diff --git a/chrome/extras/vibrancy.css b/chrome/extras/vibrancy.css deleted file mode 100644 index de0681c..0000000 --- a/chrome/extras/vibrancy.css +++ /dev/null @@ -1,26 +0,0 @@ -/* (MACOS ONLY!) Enable window vibrancy behind tabs */ - -#navigator-toolbox:not(:-moz-window-inactive) -{ - background-color: #0001 !important; -} -#main-window[lwthemetextcolor="bright"] #navigator-toolbox:not(:-moz-window-inactive) -{ - background-color: #1114 !important; -} - -#main-window -{ - appearance: -moz-mac-vibrant-titlebar-light !important; -} - -#main-window[lwthemetextcolor="bright"] -{ - appearance: -moz-mac-vibrant-titlebar-dark !important; -} - -:-moz-any(#main-window, #navigator-toolbox):-moz-any([inFullscreen="true"], :-moz-window-inactive) -{ - appearance: none !important; - background-color: var(--lwt-accent-color) !important; -} \ No newline at end of file diff --git a/chrome/findbar/findbar.css b/chrome/findbar/findbar.css deleted file mode 100644 index 1091790..0000000 --- a/chrome/findbar/findbar.css +++ /dev/null @@ -1,87 +0,0 @@ -findbar { - background: var(--toolbar-bgcolor) !important; - border-top-color: var(--chrome-content-separator-color) !important; - color: var(--toolbar-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 -{ - color: inherit !important; - 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; - color: var(--lwt-toolbar-field-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 5px 0 #0001 !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; - color: var(--lwt-toolbar-field-focus-color) !important; - box-shadow: 0 0 0 1px inset var(--toolbar-field-focus-border-color), 0 0 0 1px var(--toolbar-field-focus-border-color) !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/browser.css b/chrome/global/browser.css new file mode 100644 index 0000000..dab9cb5 --- /dev/null +++ b/chrome/global/browser.css @@ -0,0 +1,79 @@ +/* Edge-Frfox - browser.css */ + +@media (-moz-bool-pref: "uc.tweak.floating-tabs") { + :root { + --browser-frame-bgcolor: var(--lwt-accent-color); + } +} + +@media not (-moz-bool-pref: "uc.tweak.floating-tabs") { + :root { + --browser-frame-bgcolor: var(--toolbar-bgcolor); + } +} + +@media (-moz-bool-pref: "uc.tweak.rounded-corners") { + /* Fix changes to the bookmarks bar made in Firefox 120 */ + :root[BookmarksToolbarOverlapsBrowser] .newTabBrowserPanel, + :root[BookmarksToolbarOverlapsBrowser] #sidebar-box { + padding-top: 0 !important; + } + + :root[BookmarksToolbarOverlapsBrowser] #appcontent, + :root[BookmarksToolbarOverlapsBrowser] #sidebar-box { + margin-top: var(--bookmarks-toolbar-overlapping-browser-height); + } + + :root { + --uc-tweak-rounded-corners-padding: 3px; + --uc-tweak-rounded-corners-border: 1px solid rgb(0 0 0 / .05); + --uc-tweak-rounded-corners-radius: 8px; + --uc-tweak-rounded-corners-shadow: 0px 1px 1px rgb(0 0 0 / .1); + + & #browser:not([style*="--sidebar-border-color"]) { + --sidebar-border-color: light-dark(#bfbfbf80, #595959) !important; + } + } + + /* disable rounded corners in fullscreen, only if the toolbar is hidden */ + :root[inFullscreen] #navigator-toolbox:where([style*="margin-top"], [fullscreenShouldAnimate]) + #browser, + :root[inDOMFullscreen] #browser { + --uc-tweak-rounded-corners-padding: 0; + --uc-tweak-rounded-corners-border: none; + --uc-tweak-rounded-corners-radius: 0; + --uc-tweak-rounded-corners-shadow: none; + } + + #appcontent { + margin-inline: var(--uc-tweak-rounded-corners-padding) !important; + margin-block-end: var(--uc-tweak-rounded-corners-padding) !important; + border-radius: var(--uc-tweak-rounded-corners-radius) !important; + overflow: hidden !important; + border: var(--uc-tweak-rounded-corners-border) !important; + box-shadow: var(--uc-tweak-rounded-corners-shadow) !important; + } + + /* apply rounded corners to sidebar */ + #sidebar-box { + margin-inline-start: var(--uc-tweak-rounded-corners-padding) !important; + margin-block-end: var(--uc-tweak-rounded-corners-padding) !important; + border-radius: var(--uc-tweak-rounded-corners-radius) !important; + overflow: hidden !important; + border: var(--uc-tweak-rounded-corners-border) !important; + box-shadow: var(--uc-tweak-rounded-corners-shadow) !important; + + &[positionend] { + margin-inline-start: 0 !important; + margin-inline-end: var(--uc-tweak-rounded-corners-padding) !important; + } + } + + /* remove sidebar border */ + #sidebar-splitter { + border-inline-width: 0 !important; + } + + #browser { + background-color: var(--browser-frame-bgcolor); + } +} diff --git a/chrome/global/colors.css b/chrome/global/colors.css new file mode 100644 index 0000000..1254ddf --- /dev/null +++ b/chrome/global/colors.css @@ -0,0 +1,312 @@ +/* Edge-Frfox - colors.css */ + +/* default colours (light & dark) */ +:root:not(:-moz-lwtheme), +:root[privatebrowsingmode="temporary"][style*="--lwt-accent-color: rgb(28, 27, 34)"] { + --lwt-accent-color: light-dark(#cecece, #1C1C1C) !important; + --lwt-accent-color-inactive: light-dark(#e8e8e8, #2e2e2e) !important; + --lwt-text-color: light-dark(#000, #E5E5E5) !important; + --toolbar-bgcolor: light-dark(#f7f7f7, #3B3B3B) !important; + --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor) !important; + --toolbar-color: light-dark(#000, #fff) !important; + --toolbarbutton-icon-fill: light-dark(#000, #fff) !important; + --chrome-content-separator-color: light-dark(#bfbfbf, #686868) !important; + --lwt-toolbarbutton-icon-fill-attention: light-dark(#0078D4, #4C98D1) !important; + --toolbarbutton-icon-fill-attention: light-dark(#0078D4, #4C98D1) !important; + --lwt-tab-text: var(--toolbar-color) !important; + --lwt-selected-tab-background-color: unset !important; + --tab-selected-bgcolor: var(--toolbar-bgcolor) !important; + --toolbar-field-background-color: light-dark(#fff, #2B2B2B) !important; + --toolbar-field-color: light-dark(#000, #fff) !important; + --toolbar-field-border-color: light-dark(#0000, #0000) !important; + --toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important; + --toolbar-field-focus-color: var(--toolbar-field-color) !important; + --toolbar-field-focus-border-color: light-dark(#0055D7, #63ADE5) !important; + --link-color: light-dark(#0078D4, #75B6E8) !important; + --urlbar-hover-highlight-color: light-dark(rgb(192 192 192 / .5), rgb(128 128 128 / .5)) !important; + --urlbar-box-bgcolor: light-dark(rgb(0 0 0 / .09), rgb(255 255 255 / .11)) !important; + --urlbar-box-hover-bgcolor: light-dark(rgb(0 0 0 / .09), rgb(255 255 255 / .11)) !important; + --urlbar-box-focus-bgcolor: light-dark(rgb(0 0 0 / .22), rgb(255 255 255 / .28)) !important; + --urlbar-icon-fill-opacity: 1 !important; + --urlbar-popup-url-color: light-dark(#0072C9, #75B6E8) !important; + --lwt-brighttext-url-color: var(--urlbar-popup-url-color) !important; + --autocomplete-popup-background: light-dark(#fff, #4A4A4A) !important; + --autocomplete-popup-color: light-dark(#fff, #fff) !important; + --autocomplete-popup-highlight-background: light-dark(#f2f2f2, #383838) !important; + --autocomplete-popup-hover-background: light-dark(#e5e5e5, #444444) !important; + --autocomplete-popup-separator-color: light-dark(#dadada00, #63636300) !important; + --button-bgcolor: light-dark(#EDEDED, #5C5C5C) !important; + --button-hover-bgcolor: light-dark(#e5e5e5, #646464) !important; + --button-active-bgcolor: light-dark(#d5d5d5, #575757) !important; + --button-primary-bgcolor: light-dark(#0078D4, #006CBE) !important; + --button-primary-hover-bgcolor: light-dark(#006CBE, #0078D4) !important; + --button-primary-active-bgcolor: light-dark(#1683D8, #005CA3) !important; + --button-primary-color: light-dark(#fff, #fff) !important; + --error-text-color: light-dark(#FF9AA2, #FF9AA2) !important; + --input-bgcolor: light-dark(#fff, #4A4A4A) !important; + --input-color: light-dark(#2b2b2b, #fff) !important; + --input-border-color: light-dark(#bebebe, #8A8A8A) !important; + --input-error-border-color: light-dark(#FF848A, #FF848A) !important; + --zoom-controls-bgcolor: light-dark(#4A4A4A, #4A4A4A) !important; + --arrowpanel-background: light-dark(#fff, #4A4A4A) !important; + --arrowpanel-color: light-dark(#1c1c1c, #fff) !important; + --panel-description-color: light-dark(#000a, #fffb) !important; + --panel-disabled-color: light-dark(#9E9E9E, #ABABAA) !important; + --arrowpanel-dimmed: light-dark(#565656, #565656) !important; + --arrowpanel-dimmed-further: light-dark(#707070, #707070) !important; + --panel-item-hover-bgcolor: light-dark(#eee, #646464) !important; + --panel-item-active-bgcolor: light-dark(#ddd, #747474) !important; + --arrowpanel-border-color: light-dark(#dadada, #636363) !important; + --panel-separator-color: light-dark(#dadada, #636363) !important; + --panel-banner-item-update-supported-bgcolor: light-dark(#188038, #81C995) !important; + --focus-outline-color: light-dark(#0055D7, #63ADE5) !important; + --panel-shortcut-color: inherit !important; + --uc-urlbar-shadow: 0 0 4px rgb(0 0 0 / .1); + --toolbarbutton-hover-background: light-dark(rgb(0 0 0 / .08), rgb(255 255 255 / .1)) !important; + --toolbarbutton-active-background: light-dark(rgb(0 0 0 / .12), rgb(255 255 255 / .16)) !important; + --uc-private-browsing-indicator: var(--button-primary-bgcolor); + --uc-private-browsing-indicator-text: var(--button-primary-color); + --tab-icon-overlay-stroke: light-dark(#fff, #4b4b4b) !important; + --tab-icon-overlay-fill: light-dark(#252525, #fff) !important; + --toolbarseparator-color: color-mix(in srgb, currentColor 40%, transparent) !important; +} + +/* ensure that dark mode is enabled completely in private browsing mode. */ +@media (-moz-bool-pref: "browser.theme.dark-private-windows") { + :root[privatebrowsingmode="temporary"], + :root[privatebrowsingmode="temporary"] #nav-bar, + :root[privatebrowsingmode="temporary"] #PersonalToolbar { + color-scheme: dark !important; + } +} + +#urlbar { + --urlbar-box-bgcolor: inherit !important; + --urlbar-box-hover-bgcolor: inherit !important; + --urlbar-box-focus-bgcolor: inherit !important; +} + +/* Change Colour of page when loading */ +:root:not(:-moz-lwtheme) #tabbrowser-tabpanels { + background-color: light-dark(#f7f7f7, #252525) !important; +} + +/* make the titlebar buttons black/white on default themes */ +:root:not(:-moz-lwtheme)[tabsintitlebar] .titlebar-buttonbox { + color: var(--toolbar-color) !important; +} + +#statuspanel-label { + background-color: var(--toolbar-field-focus-background-color) !important; + color: var(--toolbar-field-focus-color) !important; + border-color: transparent !important; + box-shadow: 0 2px 5px #0002, 0 0 0 1px light-dark(#0001, #0002) !important; + border-radius: 0 4px 0 0 !important; + + #statuspanel[mirror] & { + border-radius: 4px 0 0 0 !important; + } +} + +@media (-moz-platform: windows) { + tooltip { + background-color: var(--arrowpanel-background) !important; + color: var(--arrowpanel-color) !important; + border-color: var(--arrowpanel-border-color) !important; + } + + .titlebar-button:not(.titlebar-close):hover { + background-color: color-mix(in srgb, currentColor 11%, transparent) !important; + } + + .titlebar-button:hover:active { + background-color: color-mix(in srgb, currentColor 20%, transparent) !important; + } + + .titlebar-close:hover { + stroke: white !important; + background-color: #e81123 !important; + } + + .titlebar-close:hover:active { + background-color: #EF6B76 !important; + } + + toolbar[brighttext] .titlebar-close:hover:active { + background-color: #9C1420 !important; + } + + /* library window theme */ + window#places { + --organizer-color: light-dark(#000, #fff) !important; + --organizer-deemphasized-color: light-dark(#666, #bbb) !important; + --organizer-toolbar-background: light-dark(#f7f7f7, #3B3B3B) !important; + --organizer-pane-background: light-dark(#f7f7f7, #2B2B2B) !important; + --organizer-content-background: light-dark(#f7f7f7, #1C1C1C) !important; + --organizer-hover-background: light-dark(#00000025, #ffffff25) !important; + --organizer-selected-background: light-dark(#006CBE80, #006CBE80) !important; + --organizer-outline-color: light-dark(#0055D7a0, #63ADE5) !important; + --organizer-toolbar-field-background: light-dark(#fff, #2B2B2B) !important; + --organizer-toolbar-field-background-focused: light-dark(#fff, #2B2B2B) !important; + --organizer-border-color: light-dark(#bfbfbf, #686868) !important; + scrollbar-color: + light-dark(#0006, #fff6) + light-dark(#f7f7f740, #2B2B2B40) !important; + } + + #placesViewsBox #downloadsListBox richlistitem[selected="true"] { + background-color: light-dark(#006CBE, #006CBE) !important; + color: light-dark(#fff, #fff) !important; + } + + #placeContentColumns :is(treecol, treecolpicker) { + background-color: light-dark(#f7f7f7, #3B3B3B) !important; + color: light-dark(#000, #fff) !important; + border-inline-start: 1px solid light-dark(#bfbfbf, #686868) !important; + box-shadow: inset 0 -1px light-dark(#bfbfbf, #686868) !important; + appearance: none !important; + } + + #placeContentColumns :is(treecol, treecolpicker):where(:hover) { + background-color: light-dark(#cecece, #4A4A4A ) !important; + color: light-dark(#000, #fff) !important; + } +} + +/* side bar theme */ +#sidebar-box:not([lwt-sidebar]) { + --sidebar-background-color: light-dark(#f7f7f7, #3b3b3b) !important; + --sidebar-text-color: light-dark(#000, #fff) !important; + appearance: none !important; +} + +#browser:not([style*="--sidebar-border-color"]) { + --sidebar-border-color: light-dark(#bfbfbf, #686868) !important; +} + +.sidebar-panel:not([lwt-sidebar]) { + color: light-dark(#000, #fff) !important; + scrollbar-color: light-dark(#0006, #fff6) light-dark(#f7f7f740, #3b3b3b40) !important; + + /* Sidebar search box (Windows) */ + @media(-moz-platform: windows) { + & #sidebar-search-container>#search-box, + & #viewButton { + appearance: none !important; + background-color: light-dark(#fff, #2b2b2b) !important; + color: inherit !important; + border: 1px solid light-dark(#bfbfbf, #686868) !important; + border-radius: 4px !important; + padding: 6px 8px !important; + + &:focus { + border-width: 2px !important; + padding: 5px 7px !important; + } + } + } +} + +@-moz-document url(chrome://browser/content/syncedtabs/sidebar.xhtml){ + body { + background: transparent !important; + } +} + +/* Linux / GTK csd support */ +@media (-moz-gtk-csd-available) { + :root:not(:-moz-lwtheme) { + --toolbar-bgcolor: color-mix(in srgb, -moz-dialog 80%, #fff) !important; + --toolbar-bgimage: none !important; + --toolbar-color: -moz-dialogtext !important; + --tab-selected-bgimage: none !important; + --chrome-content-separator-color: ThreeDShadow !important; + --panel-separator-color: ThreeDShadow !important; + --button-bgcolor: color-mix(in srgb, currentColor 10%, transparent) !important; + --button-hover-bgcolor: color-mix(in srgb, currentColor 14%, transparent) !important; + --button-active-bgcolor: color-mix(in srgb, currentColor 20%, transparent) !important; + --button-color: currentColor !important; + --button-primary-bgcolor: -moz-accent-color !important; + --button-primary-hover-bgcolor: color-mix(in srgb, black 10%, -moz-accent-color) !important; + --button-primary-active-bgcolor: color-mix(in srgb, black 20%, -moz-accent-color) !important; + --button-primary-color: -moz-accent-color-foreground !important; + --autocomplete-popup-hover-background: var(--arrowpanel-dimmed) !important; + --autocomplete-popup-separator-color: color-mix(in srgb, currentColor 14%, transparent) !important; + --urlbar-box-bgcolor: var(--button-bgcolor) !important; + --urlbar-box-focus-bgcolor: var(--button-bgcolor) !important; + --urlbar-box-hover-bgcolor: var(--button-hover-bgcolor) !important; + --urlbar-box-active-bgcolor: var(--button-active-bgcolor) !important; + --urlbar-box-text-color: inherit !important; + --urlbar-box-hover-text-color: var(--urlbar-box-text-color) !important; + --urlbar-icon-fill-opacity: 0.9 !important; + --urlbar-popup-url-color: -moz-nativehyperlinktext !important; + --lwt-brighttext-url-color: #00ddff !important; + --toolbarbutton-icon-fill-attention: -moz-nativehyperlinktext !important; + --focus-outline-color: -moz-accent-color !important; + --arrowpanel-background: Field !important; + --arrowpanel-color: FieldText !important; + --arrowpanel-border-color: ThreeDShadow !important; + --arrowpanel-dimmed: color-mix(in srgb, currentColor 17%, transparent) !important; + --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 30%, transparent) !important; + --panel-description-color: GrayText !important; + --panel-disabled-color: GrayText !important; + --toolbarbutton-icon-fill: currentColor !important; + --toolbar-field-background-color: Field !important; + --toolbar-field-color: FieldText !important; + --toolbar-field-border-color: ThreeDShadow !important; + --toolbar-field-focus-background-color: Field !important; + --toolbar-field-focus-color: FieldText !important; + --toolbar-field-focus-border-color: -moz-accent-color !important; + --toolbarbutton-hover-background: color-mix(in srgb, -moz-dialogtext 14%, transparent) !important; + --toolbarbutton-active-background: color-mix(in srgb, -moz-dialogtext 20%, transparent) !important; + --uc-urlbar-shadow: none; + --autocomplete-popup-highlight-color: FieldText !important; + --autocomplete-popup-highlight-background: color-mix(in srgb, currentColor 8%, transparent) !important; + --autocomplete-popup-hover-background: color-mix(in srgb, currentColor 12%, transparent) !important; + --autocomplete-popup-separator-color: #0000 !important; + --panel-item-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent) !important; + --panel-item-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent) !important; + --panel-separator-color: ThreeDShadow !important; + --panel-banner-item-update-supported-bgcolor: #1bba6b !important; + --focus-outline-color: -moz-accent-color !important; + --uc-private-browsing-indicator: -moz-accent-color !important; + --uc-private-browsing-indicator-text: var(--button-primary-color); + } + + #sidebar-box:not([lwt-sidebar]) { + --sidebar-background-color: -moz-dialog !important; + --sidebar-text-color: -moz-dialog-text !important; + } + + #browser:not([style*="--sidebar-border-color"]) { + --sidebar-border-color: ThreeDShadow !important; + } + + .sidebar-panel:not([lwt-sidebar]) { + color: -moz-dialogtext !important; + } + + @media (prefers-color-scheme: light) { + :root:not(:-moz-lwtheme) { + --toolbar-bgcolor: color-mix(in srgb, -moz-dialog 65%, #fff) !important; + --urlbar-icon-fill-opacity: 0.7 !important; + --toolbar-field-border-color: transparent !important; + --toolbar-field-background-color: color-mix(in srgb, Field 90%, -moz-dialogtext) !important; + --toolbar-field-color: FieldText !important; + --toolbar-field-focus-background-color: Field !important; + --toolbar-field-focus-color: FieldText !important; + } + } + + @media (prefers-color-scheme: dark) { + :root:not(:-moz-lwtheme) { + --toolbar-bgcolor: color-mix(in srgb, -moz-dialog 90%, #fff) !important; + --urlbar-icon-fill-opacity: 1.0 !important; + --toolbar-field-border-color: transparent !important; + --toolbar-field-background-color: color-mix(in srgb, Field 90%, -moz-dialogtext) !important; + --toolbar-field-color: FieldText !important; + --toolbar-field-focus-background-color: color-mix(in srgb, Field 90%, -moz-dialogtext) !important; + --toolbar-field-focus-color: FieldText !important; + } + } +} diff --git a/chrome/global/global.css b/chrome/global/global.css deleted file mode 100644 index 3630a1b..0000000 --- a/chrome/global/global.css +++ /dev/null @@ -1,330 +0,0 @@ -@media (-moz-windows-compositor) -{ - @media not (-moz-os-version: windows-win7) - { - @media not (-moz-os-version: windows-win8) - { - @media (-moz-windows-default-theme) - { - :root[tabsintitlebar] .titlebar-buttonbox-container - { - height: 32px !important; - margin: 0 !important; - } - - :root[tabsintitlebar][sizemode=normal] .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) - { - margin-block-start: calc(0px - (var(--space-above-tabbar) + 1px)) !important; - } - - :root[tabsintitlebar][sizemode=maximized] #toolbar-menubar .titlebar-buttonbox-container - { - height: 30px !important; - margin-top: -4px !important; - margin-bottom: -4px !important; - } - :root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) { - height: 24px !important; - } - :root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) .titlebar-button { - padding-block: 4px !important; - } - :root[tabsintitlebar][sizemode=maximized]:not([extradragspace]) .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) - { - -moz-box-align: start !important; - margin-block-start: -5px !important; - } - - @media (-moz-windows-accent-color-in-titlebar: 0) - { - :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) - { - background-color: #dee1e6 !important; - color: #3c4043 !important; - } - - :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]):-moz-window-inactive - { - background-color: #e7eaed !important; - color: #666a6d !important; - } - } - } - } - } -} - -#navigator-toolbox :-moz-any(toolbar, #nav-bar-customization-target):not(#toolbar-menubar) -{ - -moz-box-align: center !important; -} - -#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), -/* no ::part workaround - may have side effects */ -#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) -{ - border-radius: 4px !important; - transition: background-color .2s var(--ease-basic) !important; -} - -#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), -/* no ::part workaround - may have side effects */ -#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) -{ - font-size: 12px !important; - padding: 0 !important; - margin: 0 !important; - border: 2px solid transparent !important; - background-clip: padding-box !important; -} - -/* -#navigator-toolbox :-moz-any(.toolbarbutton-1, .scrollbutton-up, .scrollbutton-down), -#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) -{ - max-height: 32px !important; - height: 32px !important; - min-height: 32px !important; -} -*/ - -#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton))[disabled], -/* no ::part workaround - may have side effects */ -#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)[disabled], -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)[disabled] -{ - opacity: .42 !important; -} - -#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):hover:not([disabled]), -#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]), -/* no ::part workaround - may have side effects */ -#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:not([disabled]), -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:not([disabled]) -{ - background-color: var(--toolbarbutton-hover-background) !important; -} - -#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]), -/* no ::part workaround - may have side effects */ -#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:active:not([disabled]), -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:active:not([disabled]) -{ - background-color: var(--toolbarbutton-active-background) !important; - transition: none !important; -} - -#navigator-toolbox :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), -/* no ::part workaround - may have side effects */ -#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon, -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon -{ - fill-opacity: 1 !important; - border: 0 !important; - box-shadow: none !important; -} - -#navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) -{ - width: 40px !important; - height: 30px !important; -} - -#navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), -/* no ::part workaround - may have side effects */ -#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon, -#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon -{ - padding: 7px 12px !important; - background: 0 !important; -} - -#TabsToolbar .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) -{ - padding: 6px !important; - width: 28px !important; - height: 28px !important; -} - -/* - hack: fix customization screen popping bug when changing ui density - icon size is enforced and it doesn't like it when the normal density - nav-bar height is less than 38px (it's 36px due to smaller back icon) -*/ -:root:not([uidensity=compact]) #customization-content-container -{ - padding-top: 1px !important; -} - -:root:not([uidensity=compact]) :-moz-any(#customization-palette-container, #customization-panel-container) -{ - margin-top: -1px !important; -} - -.menu-iconic, -.menuitem-iconic -{ - fill: currentColor !important; -} - -/* legacy */ -#navigator-toolbox -{ - border-bottom: 1px solid var(--chrome-content-separator-color, var(--toolbox-border-bottom-color)) !important; -} - -/* legacy */ -#navigator-toolbox::after -{ - display: none !important; -} - -.pointerlockfswarning -{ - display: flex !important; - border-radius: 4px !important; - padding: 6px !important; - background: #333 !important; - border: 0 !important; - font-size: 14px !important; - box-shadow: - 0 3px 5px -1px rgba(0,0,0,.2), - 0 6px 10px 0 rgba(0,0,0,.14), - 0 1px 18px 0 rgba(0,0,0,.12) !important; - color: hsla(0,0%,100%,.87) !important; - transition-timing-function: var(--ease-out), linear !important; - transition-property: transform, top !important; -} - -#fullscreen-warning -{ - flex-direction: column !important; - min-width: 344px !important; -} - -.pointerlockfswarning[hidden] -{ - visibility: hidden !important; -} - -/* hack to keep it in same place as [ontop] */ -/* probably doesn't work for single-line */ -.pointerlockfswarning:not([hidden]):not([ontop]) -{ - top: -32px !important; -} - -.pointerlockfswarning[ontop] -{ - top: 28px !important; -} - -.pointerlockfswarning::before -{ - display: none !important; -} - -.pointerlockfswarning-domain-text -{ - margin-block: 8px 18px !important; - margin-inline: 10px !important; - font-size: unset !important; - font-weight: unset !important; - align-self: start !important; -} - -.pointerlockfswarning-domain -{ - font-weight: unset !important; -} - -#fullscreen-exit-button -{ - -moz-appearance: none !important; - border: 0 !important; - height: 32px !important; - display: flex !important; - align-items: center !important; - margin-inline: 8px 0 !important; - text-transform: uppercase !important; - font-weight: 500 !important; - letter-spacing: .0892857143em !important; - background: 0 !important; - position: relative !important; - color: var(--toolbarbutton-icon-fill-attention) !important; - align-self: end !important; - font-family: Roboto, inherit !important; -} - -#fullscreen-exit-button::before -{ - content: "" !important; - display: block !important; - z-index: -1 !important; - position: absolute !important; - left: 0 !important; - right: 0 !important; - top: 0 !important; - bottom: 0 !important; - border-radius: 4px !important; - background: currentColor !important; - opacity: 0 !important; - transition: opacity .3s var(--ease-basic) !important; -} - -#fullscreen-exit-button:hover::before -{ - opacity: .12 !important; -} - -#fullscreen-exit-button:hover:active::before -{ - opacity: .24 !important; - transition-duration: .1s !important; -} - -/* note: use Firefox account button instead */ -#TabsToolbar .private-browsing-indicator -{ - display: none !important; -} - -.toolbarbutton-1:not(:hover):-moz-window-inactive, .bookmark-item:not(:hover):-moz-window-inactive, :root:not([customizing]) .toolbarbutton-1:-moz-window-inactive[disabled="true"] { - opacity: 1 !important; -} - -/* high DPI adjustments */ -@media (min--moz-device-pixel-ratio: 2) -{ - #navigator-toolbox - { - border-bottom-width: .5px !important; - padding-bottom: .5px !important; - box-shadow: inset 0 -.5px var(--toolbar-bgcolor) !important; - } -} - -#sidebar-box, #sidebar { - appearance: none !important; -} -.sidebar-placesTree, #viewButton { - color: #000 !important; -} -:root[lwt-sidebar-brighttext] :-moz-any(.sidebar-placesTree, #viewButton) { - color: #fff !important; -} - -#statuspanel { - clip-path: inset(0) !important; -} - -#statuspanel-label { - background-color: var(--toolbar-bgcolor) !important; - color: var(--toolbar-color) !important; - border: 0 !important; - box-shadow: 0 0 0 1px #0004, 0 4px 6px #0004 !important; - padding: 3px 6px !important; -} diff --git a/chrome/global/popup.css b/chrome/global/popup.css new file mode 100644 index 0000000..49d949b --- /dev/null +++ b/chrome/global/popup.css @@ -0,0 +1,640 @@ +/* Edge-Frfox - popup.css */ + +:root { + --panel-subview-body-padding: 2px 0 !important; + --arrowpanel-border-radius: 8px !important; + --arrowpanel-menuitem-border-radius: 4px !important; + --arrowpanel-menuitem-margin: var(--uc-arrowpanel-menuitem-margin-block) var(--uc-arrowpanel-menuitem-margin-inline) !important; + --arrowpanel-menuitem-padding-block: 6px !important; + --arrowpanel-menuitem-padding-inline: 10px !important; + --uc-arrowpanel-menuicon-margin-inline: 14px; + --uc-arrowpanel-menuitem-margin-inline: 4px; + --uc-arrowpanel-menuitem-margin-block: 2px; + --panel-separator-margin-vertical: 2px !important; + --panel-separator-margin-horizontal: 0 !important; + + --uc-panel-zoom-button-padding: 8px; + --uc-panel-zoom-button-inline-padding: 9px; + --uc-panel-zoom-padding-block: calc(var(--panel-separator-margin-vertical) + var(--uc-arrowpanel-menuitem-margin-block)); + + --uc-autocomplete-panel-menuitem-margin: 4px; + --uc-autocomplete-panel-menuicon-padding-inline: 14px; + --uc-autocomplete-panel-separator-margin-vertical: 4px; + + --uc-permission-itemcontainer-padding-block: 8px; + --uc-permission-item-margin-block: 4px; + --uc-permission-item-padding-inline: 16px; + + --uc-contextmenu-border-radius: 8px; + --uc-contextmenu-padding: calc(4px - var(--uc-contextmenu-menuitem-border-width)) 0; + --uc-contextmenu-menuitem-border-radius: calc(4px + var(--uc-contextmenu-menuitem-border-width)); + --uc-contextmenu-menuitem-padding-block: 6px; + --uc-contextmenu-menuitem-padding-inline: 10px; + --uc-contextmenu-menuitem-border-width: 2px; + --uc-contextmenu-menuicon-margin-inline: 12px; + --uc-contextmenu-menuitem-margin-inline: calc(4px - var(--uc-contextmenu-menuitem-border-width)); + --uc-contextmenu-menuitem-margin-block: 0px; + --uc-contextmenu-menuitem-margin: var(--uc-contextmenu-menuitem-margin-block) var(--uc-contextmenu-menuitem-margin-inline); + --uc-contextmenu-separator-vertical: calc(4px - var(--uc-contextmenu-menuitem-border-width)); + --uc-contextmenu-separator-horizontal: 0; +} + +/* app menu */ +.addon-banner-item, +.panel-banner-item { + margin: 2px 4px 2px !important; + padding-inline: 4px 12px !important; + padding-block: var(--arrowpanel-menuitem-padding-block) !important; + border-radius: var(--arrowpanel-menuitem-border-radius) !important; +} + +#appMenu-fxa-label2 label, +#PanelUI-fxa-menu-syncnow-button label { + margin-block: 0 !important; +} + +.widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined)>.toolbarbutton-text, +.subviewbutton:not(#appMenu-zoom-controls > .subviewbutton)>.toolbarbutton-icon+.toolbarbutton-text, +#appMenu-fxa-label2>vbox { + padding-inline-start: var(--uc-arrowpanel-menuicon-margin-inline) !important; +} + +/* special case menuitems with no icons */ +#appMenu-zoom-controls>.toolbarbutton-text, +#fxa-manage-account-button>vbox, +#PanelUI-fxa-menu-syncnow-button>hbox { + padding-inline-start: calc(16px + var(--uc-arrowpanel-menuicon-margin-inline)) !important; +} + +.subviewbutton>.toolbarbutton-icon { + width: 16px !important; +} + +/* firefox profile avatar in appmenu */ +#appMenu-fxa-label2::before { + content: ""; + display: flex; + height: 16px; + width: 16px; + background: var(--avatar-image-url) 0/16px; + scale: 1.25; + border-radius: 99px; +} + +/* disable proton account separator */ +#appMenu-fxa-separator { + border-image: none !important; +} + +#appMenu-fxa-status2:not([fxastatus]) { + padding-block: 0 !important; +} + +#appMenu-fxa-status2:not([fxastatus])>#appMenu-fxa-label2 { + margin-inline-end: calc(var(--arrowpanel-menuitem-padding-inline) * -1) !important; +} + +/* zoom controls */ +#appMenu-zoom-controls { + border-top: 1px solid var(--panel-separator-color) !important; + padding-inline: calc(var(--arrowpanel-menuitem-padding-inline) + var(--uc-arrowpanel-menuitem-margin-inline)) var(--uc-arrowpanel-menuitem-margin-inline) !important; + padding-block: var(--uc-panel-zoom-padding-block) !important; + margin: var(--panel-separator-margin-vertical) 0 calc(var(--panel-separator-margin-vertical) * -1) !important; +} + +#appMenu-zoom-controls>.subviewbutton { + padding: var(--uc-panel-zoom-button-padding) var(--uc-panel-zoom-button-inline-padding) !important; + margin: 0 !important; +} + +#appMenu-zoom-controls>#appMenu-zoomReset-button2 { + padding: var(--uc-panel-zoom-button-padding) calc(var(--uc-panel-zoom-button-padding) / 2) !important; +} + +/* #appMenu-zoomReduce-button2, */ +#appMenu-zoom-controls>#appMenu-fullscreen-button2 { + margin-left: calc((var(--panel-separator-margin-vertical) + var(--uc-arrowpanel-menuitem-margin-block)) * 2 + 1px) !important; +} + +#appMenu-zoom-controls>#appMenu-fullscreen-button2::before { + content: ""; + border-inline-start: 1px solid var(--panel-separator-color); + display: block; + position: relative; + height: 32px; + margin-block: calc(var(--uc-panel-zoom-button-padding) * -1); + transform: translateX(calc(var(--uc-panel-zoom-button-inline-padding) * -1 - (var(--panel-separator-margin-vertical) + var(--uc-arrowpanel-menuitem-margin-block)) - 1px)); +} + +#appMenu-zoomReset-button2 { + height: calc(16px + var(--uc-panel-zoom-button-padding) * 2) !important; + min-height: calc(16px + var(--uc-panel-zoom-button-padding) * 2) !important; +} + +#appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover), +#appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover), +#appMenu-fullscreen-button2:not([disabled], [open], :active):is(:hover), +#appMenu-zoomReset-button2:not([disabled], [open], :active):is(:hover) { + background-color: var(--panel-item-hover-bgcolor) !important; +} + +#appMenu-zoomReduce-button2:not([disabled]):is([open], :hover:active), +#appMenu-zoomEnlarge-button2:not([disabled]):is([open], :hover:active), +#appMenu-fullscreen-button2:not([disabled]):is([open], :hover:active), +#appMenu-zoomReset-button2:not([disabled]):is([open], :hover:active) { + background-color: var(--panel-item-active-bgcolor) !important; +} + +#appMenu-zoomReduce-button2>.toolbarbutton-icon, +#appMenu-zoomEnlarge-button2>.toolbarbutton-icon { + fill: currentColor !important; + stroke: none !important; +} + +#appMenu-zoomReset-button2>.toolbarbutton-text, +#appMenu-fullscreen-button2>.toolbarbutton-icon { + background-color: transparent !important; + padding: 0 !important; +} + +.subviewbutton[shortcut]::after { + opacity: 0.7 !important; +} + +#widget-overflow-mainView .panel-subview-body { + padding-bottom: 0 !important; +} + +.PanelUI-subView>.panel-header+toolbarseparator { + margin-bottom: 0 !important; +} + +.PanelUI-subView>.panel-header+toolbarseparator+.panel-subview-body { + padding-top: var(--panel-separator-margin-vertical) !important; +} + +#identity-popup-security-button { + margin-bottom: var(--panel-separator-margin-vertical) !important; +} + +#permission-popup-mainView-panel-header, +#identity-popup-mainView-panel-header, +#protections-popup-mainView-panel-header, +.panel-header { + min-height: calc((var(--arrowpanel-menuitem-padding-block) + 4px) * 2 + 16px) !important; +} + +/* URL bar popup */ +.panel-footer>button { + border-radius: 2px !important; +} + +.identity-popup-security-connection>hbox>description { + margin-inline-start: 0 !important; +} + +.identity-popup-security-connection.identity-button { + margin-inline-end: calc(-1 * (var(--arrowpanel-menuitem-padding-inline) - 10px)) !important; +} + +#identity-popup-mainView-panel-header-span, +#permission-popup-mainView-panel-header-span, +#identity-popup-mainView-panel-header label, +#permission-popup-mainView-panel-header label, +#protections-popup-mainView-panel-header-span { + margin-block: 0 !important; +} + +.permission-popup-section { + padding-block: var(--uc-permission-itemcontainer-padding-block) !important; +} + +#permission-popup-permissions-content { + padding-inline: var(--uc-permission-item-padding-inline) !important; +} + +.permission-popup-permission-item, +#permission-popup-storage-access-permission-list-header { + margin-block: var(--uc-permission-item-margin-block) !important; +} + +.permission-popup-permission-label, +.permission-popup-permission-header-label { + margin-inline-start: var(--uc-arrowpanel-menuicon-margin-inline) !important; +} + +#editBookmarkPanel>#editBookmarkHeaderSeparator, +#editBookmarkPanel>.panel-subview-body>#editBookmarkSeparator { + margin-inline: 0 !important; +} + +/* subview */ +.panel-header { + padding: 4px !important; + padding-top: 4px !important; +} + +.panel-header+toolbarseparator, +#identity-popup-mainView-panel-header+toolbarseparator, +#permission-popup-mainView-panel-header+toolbarseparator, +#protections-popup-mainView-panel-header-section+toolbarseparator { + margin-block-start: 0 !important; +} + +.panel-header>.subviewbutton-back { + margin: 0 !important; + padding: var(--arrowpanel-menuitem-padding-block) !important; +} + +.panel-subview-footer-button { + margin-bottom: 4px !important; +} + +.webextension-popup-browser, +.webextension-popup-stack { + margin-block-start: calc(var(--panel-separator-margin-vertical) * -.5) !important; +} + +/* downloads popup */ +.downloadTypeIcon { + height: 16px !important; + width: 16px !important; +} + +.downloadButton { + min-width: calc(16px + var(--uc-toolbarbutton-inner-inline-padding) * 2) !important; + height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important; + border-radius: var(--toolbarbutton-border-radius) !important; +} + +.downloadMainArea { + padding-block: 4px !important; + padding-inline: 12px !important; + border-radius: 0 !important; +} + +#downloadsListBox>richlistitem { + padding-inline-end: 8px !important; + border-radius: var(--arrowpanel-menuitem-border-radius) !important; +} + +#downloadsListBox, +.downloadsPanelFooterButton { + margin: var(--arrowpanel-menuitem-margin) !important; + width: auto !important; + min-width: auto !important; +} + +#downloadsPanel-blockedSubview, +#downloadsPanel-mainView { + padding: var(--panel-separator-margin-vertical) 0 !important; +} + +#emptyDownloads { + padding: 1.5em 16px 1.7em !important; +} + +#downloadsHistory .button-text { + margin-block: 0 !important; + margin-inline: 0 !important; +} + +.PanelUI-subView .subviewbutton-nav::after, +#PlacesToolbar menu>.menu-right, +.subviewbutton>.menu-right { + fill-opacity: 1 !important; +} + +/* auto complete popup */ +#PopupAutoComplete>.autocomplete-richlistbox { + background: var(--arrowpanel-background) !important; + color: var(--arrowpanel-color) !important; + box-shadow: 0 0 0 1px inset var(--arrowpanel-border-color) !important; +} + +#PopupAutoComplete .autocomplete-richlistitem[originaltype="loginsFooter"] { + justify-content: start !important; + -moz-box-pack: start !important; + color: inherit !important; + background-color: transparent !important; + height: 28px !important; + min-height: 28px !important; + padding-inline-start: var(--uc-contextmenu-menuitem-padding-inline) !important; + position: relative !important; + overflow: visible !important; + margin-top: calc(var(--uc-contextmenu-separator-vertical) * 2 + 1px) !important; +} + +.autocomplete-richlistitem[originaltype="loginsFooter"]::before { + content: ""; + width: calc(100% + var(--uc-contextmenu-menuitem-margin-inline) * 2); + border-top: 1px solid var(--panel-separator-color); + position: absolute; + top: calc((var(--uc-contextmenu-separator-vertical) + var(--uc-contextmenu-menuitem-border-width)) * -1 - 1px); + left: calc(var(--uc-contextmenu-menuitem-margin-inline) * -1); +} + +#PopupAutoComplete .autocomplete-richlistitem:hover { + background-color: var(--panel-item-hover-bgcolor) !important; +} + +#PopupAutoComplete .autocomplete-richlistitem[selected] { + background-color: var(--panel-item-active-bgcolor) !important; + color: inherit !important; +} + +.ac-site-icon { + fill: currentColor !important; + margin-block: auto !important; + margin-inline: 0 var(--uc-autocomplete-panel-menuicon-padding-inline) !important; +} + +#PopupAutoComplete>richlistbox>richlistitem>.ac-title { + margin-inline: calc(16px + var(--uc-autocomplete-panel-menuicon-padding-inline)) !important; +} + +/* workaround for inaccessible shadow-root element + moves the shadow-root element underneath, and away from panel edges */ +#PopupAutoComplete { + padding-block: 10px !important; + padding-inline: 2px !important; +} + +panel[type="autocomplete-richlistbox"]>.autocomplete-richlistbox { + margin-block: -10px !important; + margin-inline: -2px !important; + padding: var(--uc-contextmenu-padding) !important; + border-radius: var(--uc-contextmenu-border-radius) !important; + color: inherit !important; +} + +#PopupAutoComplete>richlistbox>richlistitem>.two-line-wrapper { + padding-block: 0 !important; + padding-inline-end: calc((var(--uc-autocomplete-panel-menuitem-margin) + var(--arrowpanel-menuitem-padding-inline)) * 2) !important; +} + +#PlacesToolbar menuitem, +#PlacesToolbar menu, +panelview .toolbarbutton-1, +.subviewbutton, +.widget-overflow-list .toolbarbutton-1 { + min-height: calc(16px + var(--uc-contextmenu-menuitem-padding-block) * 2) !important; +} + +/* disable context menu when this tweak is applied */ +@media not (-moz-bool-pref: "uc.tweak.revert-context-menu") { + /* Context Menu */ + menupopup:not(.PanelUI-subView), + menupopup:not(.PanelUI-subView) menuitem, + menupopup:not(.PanelUI-subView) menu, + menupopup:not(.PanelUI-subView) menuseparator, + panel { + appearance: none !important; + } + + menupopup:not(.PanelUI-subView), + panel[type="autocomplete-richlistbox"], + menulist>menupopup:not(.PanelUI-subView)>menucaption { + -moz-window-shadow: none !important; + background: 0 !important; + border: 0 !important; + color: var(--arrowpanel-color) !important; + } + + .popup-internal-box, + panel[type="autocomplete-richlistbox"]>.autocomplete-richlistbox, + .menupopup-arrowscrollbox { + background: var(--arrowpanel-background) !important; + border: 1px solid light-dark(transparent, var(--panel-separator-color)) !important; + } + + /* make room for menu shadow */ + menupopup:not(.PanelUI-subView) { + padding: 4px 12px 20px !important; + margin: -6px -12px -16px !important; + } + + /* cut off shadow so it doesn't get in the way of the menubar items */ + menubar menupopup { + padding: 1px 8px 20px !important; + margin: -1px -4px -16px !important; + } + + menupopup { + --uc-margin: 0 !important; + --uc-box-shadow: + 0 8px 12px #0003, + 0 4px 5px #0002, + 0 2px 4px #0002, + 0 0 0 1px #0001; + } + + @media (prefers-color-scheme:dark) { + menupopup { + --uc-box-shadow: + 0 8px 12px #0003, + 0 4px 5px #0003, + 0 2px 4px #0002, + 0 0 0 1px #0002; + } + } + + /* use default shadow for subview menupopup (eg. bookmarks) */ + menupopup.PanelUI-subView { + --uc-box-shadow: 0 0 0 1px var(--panel-border-color); + --uc-margin: 1px !important; + margin-top: -5px !important; + } + + .menupopup-arrowscrollbox { + box-shadow: var(--uc-box-shadow) !important; + } + + .popup-internal-box { + margin: 0 !important; + } + + .popup-internal-box, + .menupopup-arrowscrollbox { + padding: var(--uc-contextmenu-padding) !important; + border-radius: var(--uc-contextmenu-border-radius) !important; + color: inherit !important; + } + + menupopup menu[disabled="true"], + menupopup menuitem[disabled="true"] { + color: var(--panel-disabled-color) !important; + background: none !important; + } + + menupopup menu:hover:not([disabled=true]), + menupopup menuitem:hover:not([disabled=true]), + menupopup menu[_moz-menuactive]:not([disabled=true]), + menupopup menuitem[_moz-menuactive]:not([disabled=true]) { + background-color: var(--panel-item-hover-bgcolor) !important; + color: inherit !important; + } + + menupopup menuitem:hover:active:not([disabled=true]), + menupopup menu:hover:active:not([disabled=true]) { + background-color: var(--panel-item-active-bgcolor) !important; + color: inherit !important; + } + + menupopup menuseparator { + margin: var(--uc-contextmenu-separator-vertical) 0 !important; + padding: 0 !important; + background: none !important; + border-top: 1px solid var(--panel-separator-color) !important; + + &::before { + content: unset !important; + } + } + + #PlacesToolbar menupopup[placespopup="true"] menuseparator::before { + display: none !important; + } + + menupopup menu, + menupopup menuitem, + menupopup menucaption, + #PopupAutoComplete>richlistbox>richlistitem { + padding: var(--uc-contextmenu-menuitem-padding-block) var(--uc-contextmenu-menuitem-padding-inline) !important; + margin: var(--uc-contextmenu-menuitem-margin) !important; + border-radius: var(--uc-contextmenu-menuitem-border-radius) !important; + border: var(--uc-contextmenu-menuitem-border-width) solid transparent !important; + background-clip: padding-box !important; + min-height: calc(16px + (var(--uc-contextmenu-menuitem-padding-block) + var(--uc-contextmenu-menuitem-border-width)) * 2) !important; + } + + :not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menuitem:not(.menuitem-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menuitem, .unified-nav-current), + :not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menu:not(.menu-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menu, .unified-nav-current), + :not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menucaption { + padding-inline-start: calc(var(--uc-contextmenu-menuitem-padding-inline) + 16px + var(--uc-contextmenu-menuicon-margin-inline)) !important; + } + + .menu-iconic-icon { + margin-block: 0 !important; + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; + } + + menu>.menu-iconic-text, + menuitem>.menu-iconic-text { + padding-inline-start: var(--uc-contextmenu-menuicon-margin-inline) !important; + } + + .menu-text, + .menu-iconic-text { + margin-inline-start: 0 !important; + padding-block: 0 !important; + } + + .menu-accel, + .menu-iconic-accel { + margin-inline-end: 0 !important; + padding-block: 0 !important; + opacity: 0.7 !important; + } + + .menu-iconic>.menu-iconic-left, + .menuitem-iconic>.menu-iconic-left { + padding-inline-end: 0 !important; + padding-block: 0 !important; + } + + menuitem:is(.menuitem-iconic:not([data-usercontextid]), [type="checkbox"], [type="radio"], [checked], [selected]) .menu-iconic-icon { + -moz-context-properties: fill !important; + fill: currentColor !important; + } + + .menu-right, + .menu-accel-container { + appearance: none !important; + margin-inline-end: 0 !important; + -moz-context-properties: fill; + fill: currentColor !important; + } + + menupopup menuitem:is([type="checkbox"], [type="radio"]) .menu-iconic-icon, + menulist>menupopup>menuitem .menu-iconic-icon, + menu .menu-right { + height: 16px !important; + width: 16px !important; + } + + menulist>menupopup>menuitem:is([checked="true"], [selected="true"])::before, + menupopup>menuitem::before, + menupopup>menuitem::after { + display: none !important; + } + + menuitem:is([type="checkbox"], [checked="true"], [type="radio"])>.menu-iconic-left>.menu-iconic-icon { + display: flex !important; + } + + menuitem[checked="true"]>.menu-iconic-left, + .menu-iconic>.menu-iconic-left, + .menuitem-iconic>.menu-iconic-left { + margin: 0 !important; + } + + #context-navigation:not([hidden]) { + padding: 0 !important; + --menuitem-min-width: calc(16px + var(--uc-contextmenu-menuitem-padding-inline) * 2) !important; + min-width: calc(4 * var(--menuitem-min-width)); + } + + #context-navigation>.menuitem-iconic>.menu-iconic-left>.menu-iconic-icon { + width: 16px !important; + height: 16px !important; + padding: 0 !important; + } + + #context-navigation { + margin-inline: var(--uc-contextmenu-menuitem-margin-inline) !important; + } + + #context-navigation>.menuitem-iconic { + justify-content: center !important; + -moz-box-pack: center !important; + } + + #context-navigation>.menuitem-iconic { + margin: 0 !important; + } + + #context-navigation>.menuitem-iconic { + flex-grow: 1 !important; + width: unset !important; + } + + #context-navigation>.menuitem-iconic[_moz-menuactive="true"]>.menu-iconic-left>.menu-iconic-icon { + background-color: transparent !important; + } + + #context-bookmarkpage[starred] .menu-iconic-icon { + fill: var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention, currentColor)) !important; + } + + @media not (-moz-bool-pref: "uc.tweak.smaller-context-menu-text") { + @media (-moz-platform: windows) { + .menu-text, + .menu-iconic-text, + panel .toolbarbutton-text { + margin-inline-start: 0 !important; + margin-block: -3px -1px !important; + padding-block: 0 !important; + } + + .menu-text, + .menu-iconic-text, + panel .toolbarbutton-text, + #appMenu-fxa-status2, + .panel-header { + font-size: 13.6px !important; + } + } + } +} diff --git a/chrome/global/tree.css b/chrome/global/tree.css new file mode 100644 index 0000000..2bbffb4 --- /dev/null +++ b/chrome/global/tree.css @@ -0,0 +1,87 @@ +/* Edge-Frfox - tree.css */ + +/* Change height of tree items and add rounded corners */ +treechildren::-moz-tree-row, +treecol:not([hideheader="true"]), +.tree-columnpicker-button { + min-height: max(28px, 1.3em) !important; + border-radius: 2px !important; +} + +/* Change the background colour on hover */ +@media not (prefers-contrast) { + treechildren::-moz-tree-row(hover) { + background-color: var(--toolbarbutton-hover-background) !important; + } +} + +/* Change the background colour when pressed */ +treechildren::-moz-tree-row(selected) { + background-color: var(--toolbarbutton-active-background) !important; +} + +/* Change the background colour when focused */ +treechildren::-moz-tree-row(selected, focus) { + background-color: var(--button-primary-bgcolor) !important; +} + +treechildren::-moz-tree-row(current, focus) { + outline: var(--default-focusring); + outline-color: var(--button-primary-bgcolor) !important; + outline-offset: calc(-1 * var(--default-focusring-width)); +} + +treechildren::-moz-tree-image(selected), +treechildren::-moz-tree-twisty(selected), +treechildren::-moz-tree-cell-text(selected) { + color: inherit !important; +} + +treechildren::-moz-tree-image(selected, focus), +treechildren::-moz-tree-twisty(selected, focus), +treechildren::-moz-tree-cell-text(selected, focus) { + color: var(--button-primary-color) !important; +} + +/* Spacing between icon and label */ +treechildren::-moz-tree-image { + margin-inline-end: 8px !important; +} + +/* Separator appearance */ +treechildren::-moz-tree-separator { + border-top: 1px solid var(--toolbarseparator-color) !important; + border-bottom: none !important; +} + +/* Change the colour of the drop feedback elements */ +treechildren::-moz-tree-cell-text(primary, dropOn) { + background-color: var(--button-primary-bgcolor) !important; + color: var(--button-primary-color) !important; +} + +treechildren::-moz-tree-drop-feedback { + background-color: var(--toolbarbutton-icon-fill-attention) !important; + border-radius: 2px !important; +} + +/* Change the appearance for the expandable items */ +treechildren::-moz-tree-twisty { + padding-top: 0 !important; + padding-inline: 4px !important; + width: 16px !important; + list-style-image: url("../icons/arrow-filled-right.svg") !important; +} + +treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed) { + list-style-image: url("../icons/arrow-filled-left.svg") !important; +} + +treechildren::-moz-tree-twisty(open) { + list-style-image: url("../icons/arrow-filled-down.svg") !important; +} + +/* Change the identation of child items */ +treechildren::-moz-tree-indentation { + width: 16px !important; +} diff --git a/chrome/global/tweaks.css b/chrome/global/tweaks.css new file mode 100644 index 0000000..126e378 --- /dev/null +++ b/chrome/global/tweaks.css @@ -0,0 +1,308 @@ +/* Edge-Frfox - tweaks.css */ + +/* disable drag space above tabs */ +@media (-moz-bool-pref: "uc.tweak.disable-drag-space") { + :root { + --tab-block-margin: 0px !important; + } +} + +/* force tabs to toolbar bg (useful for proton themes) (might experience some +bugs with certain themes eg. dark text on dark background.) */ +@media (-moz-bool-pref: "uc.tweak.force-tab-colour") { + :root { + --lwt-selected-tab-background-color: unset !important; + } +} + +/* remove tab separators */ +@media (-moz-bool-pref: "uc.tweak.remove-tab-separators") { + .tabbrowser-tab .tab-stack { + &::before, + &::after { + content: initial !important; + } + } +} + +@media (-moz-bool-pref: "uc.tweak.floating-tabs") { + :root:not(:-moz-lwtheme), + :root[privatebrowsingmode="temporary"][style*="--lwt-accent-color: rgb(28, 27, 34)"] { + --lwt-accent-color: light-dark(#f3f3f3, #202020) !important; + --lwt-accent-color-inactive: unset !important; + --toolbar-bgcolor: light-dark(#fff, #4D4D4D) !important; + --lwt-tab-text: light-dark(#262626, #fff) !important; + --chrome-content-separator-color: light-dark(#bfbfbf, #535353) !important; + --uc-urlbar-shadow: none !important; + --uc-tab-border-color: light-dark(#0000, #fff1) !important; + --toolbar-non-lwt-bgcolor: var(--lwt-accent-color) !important; + } + + @media (-moz-gtk-csd-available) { + :root:not(:-moz-lwtheme) { + --toolbar-bgcolor: color-mix(in srgb, -moz-dialog 80%, #fff) !important; + --toolbar-field-background-color: Field !important; + --lwt-tab-text: -moz-dialogtext !important; + --uc-tab-border-color: #ffffff0f !important; + } + } + + .tabbrowser-tab, + #tabbrowser-arrowscrollbox-periphery #tabs-newtab-button, + #TabsToolbar #TabsToolbar-customization-target> :not(#tabbrowser-tabs) { + padding-top: 4px !important; + } + + #tabbrowser-tabs { + margin-top: calc(var(--tab-block-margin) - 4px) !important; + } + + #TabsToolbar #TabsToolbar-customization-target> :not(#tabbrowser-tabs) { + margin-top: calc(var(--tab-block-margin) - 2px) !important; + } + + /* remove toolbar bg */ + #nav-bar, + #PersonalToolbar { + background-color: transparent !important; + } + + /* invert bottom corner radius for tabs */ + .tab-background::before, + .tab-background::after { + display: none !important; + } + + .tab-background { + border-radius: var(--tab-border-radius) !important; + } + + .tab-background[selected] { + outline: 1px solid var(--uc-tab-border-color, var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent))) !important; + outline-offset: -1px !important; + } + + /* adjust spacing of area above tabs */ + @media not (-moz-platform: macos) { + :root[sizemode="maximized"] { + --tab-block-margin: 4px !important; + } + } + + :root:is([inFullscreen], :not([tabsintitlebar])) { + --tab-block-margin: 4px !important; + } + + @media (-moz-bool-pref: "uc.tweak.disable-drag-space") { + :root { + --tab-block-margin: 4px !important; + } + } + + /* move tab shadow behind urlbar */ + .tabbrowser-tab[visuallyselected="true"], + #nav-bar { + z-index: 2 !important; + } + + /* tab shadow adjustments */ + .tabbrowser-tab { + overflow-clip-margin: 8px !important; + } + + .tabbrowser-tab, + #TabsToolbar #tabs-newtab-button, + /* no ::part workaround - may have side effects */ + #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), + #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) { + margin-bottom: 8px !important; + } + + #tabbrowser-arrowscrollbox { + margin-bottom: -8px !important; + } + + :root { + --uc-titlebar-shadow: none; + --uc-tab-shadow: + 0 3.3px 3px rgb(0 0 0 / .06), + 0 0 0 1px rgb(0 0 0 / .11); + } + + :root[lwtheme-brighttext="true"] { + --uc-titlebar-shadow: none; + --uc-tab-shadow: 0 1px 2px rgb(0 0 0 / .08); + } +} + +@media not (-moz-platform: macos) { + @media not (-moz-bool-pref: "uc.tweak.revert-context-menu") { + @media (-moz-bool-pref: "uc.tweak.vertical-context-navigation") { + #context-navigation { + flex-direction: column !important; + -moz-box-orient: vertical !important; + } + + #context-navigation>.menuitem-iconic { + justify-content: start !important; + -moz-box-pack: start !important; + } + + #context-navigation .menu-iconic-text { + display: flex !important; + } + + :root, + :root[lang^="en"] { + --uc-string-back: "Back"; + --uc-string-forward: "Forward"; + --uc-string-reload: "Reload"; + --uc-string-stop: "Stop"; + --uc-string-bookmark-page: "Bookmark Page"; + --uc-string-edit-bookmark: "Edit Bookmark"; + } + + #context-navigation>#context-back .menu-iconic-text::before { + content: var(--uc-string-back) !important; + } + + #context-navigation>#context-forward .menu-iconic-text::before { + content: var(--uc-string-forward) !important; + } + + #context-navigation>#context-reload .menu-iconic-text::before { + content: var(--uc-string-reload) !important; + } + + #context-navigation>#context-stop .menu-iconic-text::before { + content: var(--uc-string-stop) !important; + } + + #context-navigation>#context-bookmarkpage .menu-iconic-text::before { + content: var(--uc-string-bookmark-page) !important; + } + + #context-navigation>#context-bookmarkpage[starred] .menu-iconic-text::before { + content: var(--uc-string-edit-bookmark) !important; + } + } + } +} + +@media (-moz-windows-compositor) { + @media (-moz-bool-pref: "uc.tweak.revert-context-menu") { + menupopup { + --panel-color: var(--arrowpanel-color) !important; + --panel-border-radius: 4px !important; + --panel-border-color: var(--arrowpanel-border-color) !important; + --panel-background: var(--arrowpanel-background) !important; + --menuitem-hover-background-color: var(--panel-item-hover-bgcolor) !important; + --menu-background-color: var(--arrowpanel-background) !important; + --menu-color: var(--arrowpanel-color) !important; + --menuitem-disabled-hover-background-color: #0000 !important; + --menu-disabled-color: var(--panel-disabled-color) !important; + --menu-border-color: var(--panel-separator-color) !important; + } + } +} + +@media (-moz-bool-pref: "uc.tweak.show-tab-close-button-on-hover") { + #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned], [selected]):hover .tab-close-button { + display: flex !important; + } +} + +@media (-moz-bool-pref: "uc.tweak.hide-tabs-bar") { + :root:not([customizing]) { + /* Height of navbar, used for determining height and position of window controls */ + --uc-navbar-height: 38px; + /* Drag space next to the window controls, allows you to move the window more easily */ + --uc-titlebar-drag-space: 40px; + + @media not (-moz-bool-pref: "uc.tweak.hide-tabs-bar.only-when-maximised") { + /* Set containing block for the window buttons */ + & #titlebar { + position: relative !important; + } + + /* Hide the tabs */ + & #TabsToolbar { + visibility: collapse !important; + padding-inline-start: 0 !important; + } + + /* Add some padding to the top of the navbar */ + & #nav-bar { + padding-top: var(--tab-block-margin) !important; + } + } + + /* macOS specific positioning */ + @media (-moz-platform: macos) { + &[inFullscreen] { + /* Hide the tabs */ + & #TabsToolbar { + visibility: collapse !important; + padding-inline-start: 0 !important; + } + } + + @media not (-moz-bool-pref: "uc.tweak.hide-tabs-bar.only-when-maximised") { + /* Offset navbar contents to make space for the window controls */ + &[tabsintitlebar] #nav-bar:not([inFullscreen]) { + padding-left: calc(84px + var(--uc-titlebar-drag-space)); + + /* Remove the padding from the side of the navbar */ + & #nav-bar-customization-target > :is(toolbarbutton, toolbaritem):first-child { + padding-inline-start: 0 !important; + } + } + + /* Positioning of the window controls */ + #TabsToolbar .titlebar-buttonbox { + --uc-position: calc((var(--uc-navbar-height) + var(--tab-block-margin)) / 2 - 8px); + visibility: visible !important; + position: absolute !important; + top: var(--uc-position); + left: var(--uc-position); + margin: 0 !important; + } + } + } + + /* Windows specific positioning */ + @media (-moz-platform: windows) { + /* Offset navbar contents to make space for the window controls */ + &:where([inFullscreen], [tabsintitlebar]) #nav-bar { + padding-right: calc(140px + var(--uc-titlebar-drag-space)); + + /* Remove the padding from the side of the navbar */ + & #PanelUI-menu-button { + padding-inline-end: 0 !important; + } + } + + /* Positioning of the window controls */ + & #toolbar-menubar[inactive] + #TabsToolbar .titlebar-buttonbox { + visibility: visible !important; + position: absolute !important; + top: 0; + right: 0; + height: calc(var(--uc-navbar-height) + var(--tab-block-margin)) !important; + } + + /* Set background colour of the menu bar to maintain consistency with the navbar */ + @media not (-moz-bool-pref: "uc.tweak.floating-tabs") { + #toolbar-menubar { + background-color: var(--toolbar-bgcolor) !important; + } + } + } + } +} + +@media (-moz-bool-pref: "uc.tweak.hide-forward-button") { + :root:not([customizing]) #forward-button[disabled] { + display: none !important; + } +} diff --git a/chrome/global/variables.css b/chrome/global/variables.css deleted file mode 100644 index e8cbdeb..0000000 --- a/chrome/global/variables.css +++ /dev/null @@ -1,264 +0,0 @@ -:root -{ - --toolbar-field-background-color: var(--lwt-toolbar-field-background-color) !important; - --toolbar-field-hover-background-color: var(--lwt-toolbar-field-background-color) !important; - --toolbar-field-focus-background-color: var(--lwt-toolbar-field-focus) !important; - --toolbar-field-hover-border-color: var(--lwt-toolbar-field-border-color) !important; -} - -/* Light Mode */ -:root:not([style]), -:root:not([lwtheme]), -:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"], -:root[style*="--lwt-accent-color:rgb(240, 240, 244); --lwt-text-color:rgba(21, 20, 26);"] /* Used for Proton (May be changed in future) */ -{ - /* accentcolor */ - --lwt-accent-color: #cecece !important; - - /* textcolor */ - --lwt-text-color: #000 !important; - - /* toolbar */ - --toolbar-bgcolor: #f7f7f7 !important; - - /* Force tabs to match --toolbar-bgcolor */ - --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important; - - /* toolbar_text */ - --toolbar-color: #000 !important; - - /* toolbar_bottom_separator */ - --toolbox-border-bottom-color: #d2d2d2 !important; /* legacy */ - --chrome-content-separator-color: #d2d2d2 !important; - - /* icons */ - --lwt-toolbarbutton-icon-fill: #000 !important; - - /* icons_attention */ - --lwt-toolbarbutton-icon-fill-attention: #0078d4 !important; - - /* button_background_hover */ - --lwt-toolbarbutton-hover-background: #0000001a !important; - - /* button_background_active */ - --lwt-toolbarbutton-active-background: #0000002a !important; - - --lwt-toolbar-field-color: #000 !important; - --lwt-toolbar-field-focus-color: #000 !important; - - /* popup_highlight */ - --autocomplete-popup-highlight-background: #0001 !important; - - /* popup_highlight_text */ - --autocomplete-popup-highlight-color: #000 !important; - - --urlbar-popup-url-color: #0172C9 !important; - --lwt-toolbar-field-background-color: #fff !important; - --lwt-toolbar-field-focus: #fff !important; - --lwt-toolbar-field-border-color: #ccc !important; - - --tab-line-col: #0078d4 !important; - --toolbar-field-focus-border-color: #0078d4a0 !important; - --private-browsing-indicator: #0078d4 !important; -} -/* Dark Mode */ -:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"], -:root[style*="--lwt-accent-color:rgb(28, 27, 34); --lwt-text-color:rgba(251, 251, 254);"] /* Used for Proton (May be changed in future) */ -{ - /* accentcolor */ - --lwt-accent-color: #1b1b1b !important; - - /* textcolor */ - --lwt-text-color: #fff !important; - - /* toolbar */ - --toolbar-bgcolor: #3b3b3b !important; - - /* Force tabs to match --toolbar-bgcolor */ - --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important; - - /* toolbar_text */ - --toolbar-color: #fff !important; - - /* toolbar_bottom_separator */ - --toolbox-border-bottom-color: #5B5B5B !important; /* legacy */ - --chrome-content-separator-color: #5B5B5B !important; - - /* icons */ - --lwt-toolbarbutton-icon-fill: #fff !important; - - /* icons_attention */ - --lwt-toolbarbutton-icon-fill-attention: #4C98D1 !important; - - /* button_background_hover */ - --lwt-toolbarbutton-hover-background: #ffffff1a !important; - - /* button_background_active */ - --lwt-toolbarbutton-active-background: #ffffff2a !important; - - --lwt-toolbar-field-color: #fff !important; - --lwt-toolbar-field-focus-color: #fff !important; - - /* popup */ - --arrowpanel-background: #4a4a4a !important; - - /* popup_text */ - --arrowpanel-color: #fff !important; - --autocomplete-popup-color: #fff !important; - --panel-disabled-color: hsla(0, 0%, 100%, .5) !important; - - /* popup_border */ - --arrowpanel-border-color: #63636363 !important; - --autocomplete-popup-border-color: #636363 !important; - - /* popup_highlight */ - --autocomplete-popup-highlight-background: #fff1 !important; - - /* popup_highlight_text */ - --autocomplete-popup-highlight-color: #fff !important; - - --urlbar-popup-url-color: #75B6E8 !important; - --lwt-toolbar-field-background-color: #2b2b2b !important; - --lwt-toolbar-field-focus: #2b2b2b !important; - --lwt-toolbar-field-border-color: #656565 !important; - - --tab-line-col: #4C98D1 !important; - --toolbar-field-focus-border-color: #4c97d1a0 !important; - --private-browsing-indicator: #006cbe !important; -} - -/* Inactive Window Light Mode */ -:-moz-any(:root:not([style]), :root:not([lwtheme]), :root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"]):-moz-window-inactive :-moz-any(#TabsToolbar, #navigator-toolbox) { - --lwt-accent-color: #e8e8e8 !important; - --lwt-text-color: #3a3a3a !important; - --toolbar-color: #3a3a3a !important; -} - -/* Inactive Window Dark Mode */ -:-moz-any(:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]):-moz-window-inactive :-moz-any(#TabsToolbar, #navigator-toolbox) { - --lwt-accent-color: #2e2e2e !important; - --lwt-text-color: #b7b7b7 !important; - --toolbar-color: #cecece !important; -} - -/* Sidebar Light Mode */ -:-moz-any(#sidebar-box, #sidebar), -:-moz-any(.sidebar-panel, body) -{ - /* sidebar */ - --sidebar-background-color: #f5f5f5 !important; - --lwt-sidebar-background-color: var(--sidebar-background-color) !important; - - /* sidebar_text */ - --sidebar-text-color: #000 !important; - --lwt-sidebar-text-color: var(--sidebar-text-color) !important; -} - -/* Sidebar Dark Mode */ -:-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"], :-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"], -:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] -{ - /* sidebar */ - --sidebar-background-color: #3b3b3b !important; - --lwt-sidebar-background-color: var(--sidebar-background-color) !important; - - /* sidebar_text */ - --sidebar-text-color: #fff !important; - --lwt-sidebar-text-color: var(--sidebar-text-color) !important; -} - -:root -{ - --ease-in: cubic-bezier(.4, 0, 1, 1); - --ease-out: cubic-bezier(0, 0, .2, 1); - --ease-basic: linear; - - --button-size: 32px; /* is this used? */ - --icon-size: 24px; /* is this used? */ - - --downloads-item-height: 48px !important; - - --toolbar-non-lwt-bgcolor: #f7f7f7 !important; - --toolbar-non-lwt-textcolor: #000 !important; - - --tab-separator-opacity: .5 !important; -} - -@media (-moz-proton) { - :root { - --arrowpanel-menuitem-margin: 0 !important; /* used to get rid of the left/right margins in Proton */ - --space-above-tabbar: 0; - } -} - -#titlebar, -#tabbrowser-tabs -{ - --tab-min-height: 32px !important; -} - -@supports -moz-bool-pref("materialFox.reduceTabOverflow") -{ - #tabbrowser-tabs - { - --tab-min-width: 32px !important; - } -} - -@media (-moz-mac-yosemite-theme) -{ - :root[extradragspace] - { - --space-above-tabbar: 8px !important; - } -} - -/* Ubuntu */ -@media (-moz-gtk-csd-available) -{ - :root:not(:-moz-lwtheme) - { - --toolbar-bgcolor: -moz-dialog !important; - --toolbar-color: -moz-dialogtext !important; - } -} - -:root:-moz-lwtheme-darktext, -:root toolbar:not([brighttext]), -.tabbrowser-tab[visuallyselected] -{ - --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 0%, .07)) !important; - --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 0%, .11)) !important; -} - -:root:-moz-lwtheme-brighttext, -:root toolbar[brighttext], -.tabbrowser-tab[visuallyselected]:-moz-lwtheme-brighttext -{ - --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 100%, .1)) !important; - --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 100%, .17)) !important; -} - -/* special case for urlbar buttons */ -:-moz-any(#urlbar, #searchbar) -{ - --toolbarbutton-hover-background: #0001 !important; - --toolbarbutton-active-background: #0002 !important; -} - -:root:-moz-lwtheme-brighttext :-moz-any(#urlbar, #searchbar) -{ - --toolbarbutton-hover-background: #fff1 !important; - --toolbarbutton-active-background: #fff2 !important; -} - -#TabsToolbar .toolbarbutton-1 { - fill: var(--lwt-text-color) !important; -} - -:-moz-any(:root:not([style]), -:root:not([lwtheme]), -:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"], -:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]) #tabbrowser-tabs { - --tab-line-color: var(--tab-line-col) !important; -} diff --git a/chrome/icons/accessibility.svg b/chrome/icons/accessibility.svg new file mode 100755 index 0000000..bfcf02a --- /dev/null +++ b/chrome/icons/accessibility.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/account-private.svg b/chrome/icons/account-private.svg new file mode 100644 index 0000000..4c3040e --- /dev/null +++ b/chrome/icons/account-private.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/chrome/icons/account.svg b/chrome/icons/account.svg new file mode 100644 index 0000000..1400006 --- /dev/null +++ b/chrome/icons/account.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/chrome/icons/add-to-dictionary.svg b/chrome/icons/add-to-dictionary.svg new file mode 100644 index 0000000..ebcb80f --- /dev/null +++ b/chrome/icons/add-to-dictionary.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/addons.svg b/chrome/icons/addons.svg deleted file mode 100644 index 663df4f..0000000 --- a/chrome/icons/addons.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/arrow-back.svg b/chrome/icons/arrow-back.svg deleted file mode 100644 index 17922db..0000000 --- a/chrome/icons/arrow-back.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - diff --git a/chrome/icons/arrow-down.svg b/chrome/icons/arrow-down.svg new file mode 100644 index 0000000..ddf8622 --- /dev/null +++ b/chrome/icons/arrow-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/arrow-filled-down.svg b/chrome/icons/arrow-filled-down.svg new file mode 100644 index 0000000..bd111a7 --- /dev/null +++ b/chrome/icons/arrow-filled-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/arrow-filled-left.svg b/chrome/icons/arrow-filled-left.svg new file mode 100644 index 0000000..c0f6945 --- /dev/null +++ b/chrome/icons/arrow-filled-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/arrow-filled-right.svg b/chrome/icons/arrow-filled-right.svg new file mode 100644 index 0000000..2f65f5e --- /dev/null +++ b/chrome/icons/arrow-filled-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/arrow-left.svg b/chrome/icons/arrow-left.svg new file mode 100644 index 0000000..1da2ba2 --- /dev/null +++ b/chrome/icons/arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/arrow-right.svg b/chrome/icons/arrow-right.svg new file mode 100644 index 0000000..a7b1606 --- /dev/null +++ b/chrome/icons/arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/arrow-up.svg b/chrome/icons/arrow-up.svg new file mode 100644 index 0000000..a3bfad7 --- /dev/null +++ b/chrome/icons/arrow-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/audio-muted.svg b/chrome/icons/audio-muted.svg deleted file mode 100644 index fadc010..0000000 --- a/chrome/icons/audio-muted.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - diff --git a/chrome/icons/audio-save.svg b/chrome/icons/audio-save.svg new file mode 100644 index 0000000..21b6752 --- /dev/null +++ b/chrome/icons/audio-save.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/audio.svg b/chrome/icons/audio.svg deleted file mode 100644 index a0a9f39..0000000 --- a/chrome/icons/audio.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - diff --git a/chrome/icons/autoplay-media-blocked.svg b/chrome/icons/autoplay-media-blocked.svg new file mode 100644 index 0000000..0de5a38 --- /dev/null +++ b/chrome/icons/autoplay-media-blocked.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/autoplay-media.svg b/chrome/icons/autoplay-media.svg new file mode 100644 index 0000000..8df77df --- /dev/null +++ b/chrome/icons/autoplay-media.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/back.svg b/chrome/icons/back.svg new file mode 100644 index 0000000..b6e67d7 --- /dev/null +++ b/chrome/icons/back.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/blank.svg b/chrome/icons/blank.svg deleted file mode 100644 index 51f9a4c..0000000 --- a/chrome/icons/blank.svg +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/chrome/icons/bookmark-hollow.svg b/chrome/icons/bookmark-hollow.svg new file mode 100644 index 0000000..47e2f1d --- /dev/null +++ b/chrome/icons/bookmark-hollow.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/bookmark-star-on-tray.svg b/chrome/icons/bookmark-star-on-tray.svg new file mode 100644 index 0000000..e35453e --- /dev/null +++ b/chrome/icons/bookmark-star-on-tray.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/bookmark.svg b/chrome/icons/bookmark.svg index 7251ccf..c5ff2e0 100644 --- a/chrome/icons/bookmark.svg +++ b/chrome/icons/bookmark.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/icons/brush.svg b/chrome/icons/brush.svg deleted file mode 100644 index 7023b3b..0000000 --- a/chrome/icons/brush.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/bug.svg b/chrome/icons/bug.svg deleted file mode 100644 index 4ee7ba9..0000000 --- a/chrome/icons/bug.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/camera-blocked.svg b/chrome/icons/camera-blocked.svg new file mode 100644 index 0000000..7d6aa1a --- /dev/null +++ b/chrome/icons/camera-blocked.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/camera.svg b/chrome/icons/camera.svg new file mode 100644 index 0000000..23e2384 --- /dev/null +++ b/chrome/icons/camera.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/canvas-blocked.svg b/chrome/icons/canvas-blocked.svg new file mode 100644 index 0000000..f6fba0f --- /dev/null +++ b/chrome/icons/canvas-blocked.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/canvas.svg b/chrome/icons/canvas.svg new file mode 100644 index 0000000..e71396f --- /dev/null +++ b/chrome/icons/canvas.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/checkmark.svg b/chrome/icons/checkmark.svg new file mode 100644 index 0000000..ade387a --- /dev/null +++ b/chrome/icons/checkmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/chevron-animation.svg b/chrome/icons/chevron-animation.svg deleted file mode 100644 index 36e3ad5..0000000 --- a/chrome/icons/chevron-animation.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/chevron-down.svg b/chrome/icons/chevron-down.svg deleted file mode 100644 index 88240ce..0000000 --- a/chrome/icons/chevron-down.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/chevron-up.svg b/chrome/icons/chevron-up.svg deleted file mode 100644 index 12da97b..0000000 --- a/chrome/icons/chevron-up.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/chevron.svg b/chrome/icons/chevron.svg new file mode 100644 index 0000000..c61ab0a --- /dev/null +++ b/chrome/icons/chevron.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/close-9px.svg b/chrome/icons/close-9px.svg new file mode 100644 index 0000000..c567b9a --- /dev/null +++ b/chrome/icons/close-9px.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/close.svg b/chrome/icons/close.svg index f8513a1..4aa95d0 100644 --- a/chrome/icons/close.svg +++ b/chrome/icons/close.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/icons/container-tab.svg b/chrome/icons/container-tab.svg new file mode 100644 index 0000000..3a11413 --- /dev/null +++ b/chrome/icons/container-tab.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/copy.svg b/chrome/icons/copy.svg deleted file mode 100644 index 9302ea7..0000000 --- a/chrome/icons/copy.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/customize.svg b/chrome/icons/customize.svg new file mode 100644 index 0000000..0087061 --- /dev/null +++ b/chrome/icons/customize.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/cut.svg b/chrome/icons/cut.svg deleted file mode 100644 index c8ef566..0000000 --- a/chrome/icons/cut.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/desktop-notification-blocked.svg b/chrome/icons/desktop-notification-blocked.svg new file mode 100644 index 0000000..5e6dd9c --- /dev/null +++ b/chrome/icons/desktop-notification-blocked.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/desktop-notification.svg b/chrome/icons/desktop-notification.svg new file mode 100644 index 0000000..d09f0df --- /dev/null +++ b/chrome/icons/desktop-notification.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/developer.svg b/chrome/icons/developer.svg index b066ab4..bf2f355 100644 --- a/chrome/icons/developer.svg +++ b/chrome/icons/developer.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/icons/download.svg b/chrome/icons/download.svg deleted file mode 100644 index 34cbeb8..0000000 --- a/chrome/icons/download.svg +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/chrome/icons/downloads.svg b/chrome/icons/downloads.svg new file mode 100644 index 0000000..e9cd7c6 --- /dev/null +++ b/chrome/icons/downloads.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/duplicate-tab.svg b/chrome/icons/duplicate-tab.svg new file mode 100644 index 0000000..5c80180 --- /dev/null +++ b/chrome/icons/duplicate-tab.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/edge.svg b/chrome/icons/edge.svg deleted file mode 100644 index 8debfca..0000000 --- a/chrome/icons/edge.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/edit-copy.svg b/chrome/icons/edit-copy.svg new file mode 100644 index 0000000..079c113 --- /dev/null +++ b/chrome/icons/edit-copy.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/edit-cut.svg b/chrome/icons/edit-cut.svg new file mode 100644 index 0000000..dea6b9e --- /dev/null +++ b/chrome/icons/edit-cut.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/edit-delete.svg b/chrome/icons/edit-delete.svg new file mode 100755 index 0000000..cf851d6 --- /dev/null +++ b/chrome/icons/edit-delete.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/edit-paste.svg b/chrome/icons/edit-paste.svg new file mode 100644 index 0000000..2b1c074 --- /dev/null +++ b/chrome/icons/edit-paste.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/edit-redo.svg b/chrome/icons/edit-redo.svg new file mode 100644 index 0000000..4fd020f --- /dev/null +++ b/chrome/icons/edit-redo.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/edit-select-all.svg b/chrome/icons/edit-select-all.svg new file mode 100755 index 0000000..f39494d --- /dev/null +++ b/chrome/icons/edit-select-all.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/edit-undo.svg b/chrome/icons/edit-undo.svg new file mode 100755 index 0000000..7595ba6 --- /dev/null +++ b/chrome/icons/edit-undo.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/edit.svg b/chrome/icons/edit.svg new file mode 100644 index 0000000..f77c003 --- /dev/null +++ b/chrome/icons/edit.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/email.svg b/chrome/icons/email.svg deleted file mode 100644 index a5b1598..0000000 --- a/chrome/icons/email.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/extension-blocked.svg b/chrome/icons/extension-blocked.svg new file mode 100644 index 0000000..3ebb9a9 --- /dev/null +++ b/chrome/icons/extension-blocked.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/extension.svg b/chrome/icons/extension.svg new file mode 100644 index 0000000..8671aad --- /dev/null +++ b/chrome/icons/extension.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/firefox-view.svg b/chrome/icons/firefox-view.svg new file mode 100644 index 0000000..6288a1e --- /dev/null +++ b/chrome/icons/firefox-view.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/firefox.svg b/chrome/icons/firefox.svg new file mode 100644 index 0000000..31a468b --- /dev/null +++ b/chrome/icons/firefox.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/folder-bookmarks.svg b/chrome/icons/folder-bookmarks.svg deleted file mode 100644 index 012b09d..0000000 --- a/chrome/icons/folder-bookmarks.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - diff --git a/chrome/icons/folder.svg b/chrome/icons/folder.svg index 3aa3fb1..766d6f0 100644 --- a/chrome/icons/folder.svg +++ b/chrome/icons/folder.svg @@ -1,5 +1,4 @@ - - + + + diff --git a/chrome/icons/forget.svg b/chrome/icons/forget.svg index cb05d99..cf23a92 100644 --- a/chrome/icons/forget.svg +++ b/chrome/icons/forget.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/icons/forward.svg b/chrome/icons/forward.svg new file mode 100644 index 0000000..e7fd370 --- /dev/null +++ b/chrome/icons/forward.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/fullscreen-enter.svg b/chrome/icons/fullscreen-enter.svg deleted file mode 100644 index 4c68d89..0000000 --- a/chrome/icons/fullscreen-enter.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/fullscreen-exit.svg b/chrome/icons/fullscreen-exit.svg index b0eed03..38d42d9 100644 --- a/chrome/icons/fullscreen-exit.svg +++ b/chrome/icons/fullscreen-exit.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/icons/fullscreen.svg b/chrome/icons/fullscreen.svg new file mode 100644 index 0000000..109ce72 --- /dev/null +++ b/chrome/icons/fullscreen.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/geo-blocked.svg b/chrome/icons/geo-blocked.svg new file mode 100644 index 0000000..1576b8d --- /dev/null +++ b/chrome/icons/geo-blocked.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/geo.svg b/chrome/icons/geo.svg new file mode 100644 index 0000000..2899170 --- /dev/null +++ b/chrome/icons/geo.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/globe.svg b/chrome/icons/globe.svg deleted file mode 100644 index 75943ab..0000000 --- a/chrome/icons/globe.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/help.svg b/chrome/icons/help.svg new file mode 100644 index 0000000..e01d242 --- /dev/null +++ b/chrome/icons/help.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/history.svg b/chrome/icons/history.svg index 153772d..cd06463 100644 --- a/chrome/icons/history.svg +++ b/chrome/icons/history.svg @@ -1,5 +1,4 @@ - - + + + diff --git a/chrome/icons/home.svg b/chrome/icons/home.svg index 3342aef..f9ecfaf 100644 --- a/chrome/icons/home.svg +++ b/chrome/icons/home.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/icons/hyperlink.svg b/chrome/icons/hyperlink.svg deleted file mode 100644 index ec106e1..0000000 --- a/chrome/icons/hyperlink.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/icons.css b/chrome/icons/icons.css index 31947b5..e99d62c 100644 --- a/chrome/icons/icons.css +++ b/chrome/icons/icons.css @@ -1,464 +1,1010 @@ -.subviewbutton > .toolbarbutton-icon { - width: 16px; - height: 16px; - -moz-context-properties: fill; - fill: currentColor; +/* Edge-Frfox - icons.css */ + +/* windows 11 style window controls (no known way to detect between windows 10 +and 11 so applied to both) */ +@media (-moz-platform: windows), +(-moz-gtk-csd-available) { + .titlebar-min { + list-style-image: url("win11-minimize.svg") !important; } -.toolbarbutton-1#back-button, -#context-back, -.subviewbutton-back, -.identity-popup-expander -{ - list-style-image: url(arrow-back.svg) !important; + .titlebar-max { + list-style-image: url("win11-maximize.svg") !important; + } + + .titlebar-restore { + list-style-image: url("win11-restore.svg") !important; + } + + .titlebar-close { + list-style-image: url("win11-close.svg") !important; + } + + /* darkmode icon that uses thicker strokes and is easier to see (only needed + at 1x scale) */ + @media (max-resolution: 1dppx) { + toolbar[brighttext] .titlebar-close, + .titlebar-close:hover { + list-style-image: url("win11-close-dark.svg") !important; + } + } } -.toolbarbutton-1#forward-button, -#context-forward -{ - list-style-image: url(arrow-back.svg#flip) !important; +.subviewbutton { + -moz-context-properties: fill, fill-opacity !important; + fill: currentColor !important; } -#PanelUI-menu-button -{ - list-style-image: url(menu.svg) !important; +:root[fxastatus="not_configured"] #fxa-avatar-image { + list-style-image: url("account.svg") !important; } -#reload-button, -#context-reload -{ - list-style-image: url(refresh.svg) !important; +.private-browsing-indicator-icon { + list-style-image: url("account-private.svg") !important; + border-radius: 100% !important; } -#reload-button > .toolbarbutton-animatable-box, #stop-button > .toolbarbutton-animatable-box, -#nav-bar-overflow-button > .toolbarbutton-animatable-box { - margin-inline-start: calc((16px + 2 * 12px - 18px) / 2) !important; +/* disable context menu icons on macOS */ +@media not (-moz-platform: macos) { + #context-back { + list-style-image: url("back.svg") !important; + } + + #context-forward { + list-style-image: url("forward.svg") !important; + } + + #context-reload { + list-style-image: url("reload.svg") !important; + } + + #context-stop { + list-style-image: url("close.svg") !important; + } + + #context-bookmarkpage { + list-style-image: url("bookmark-hollow.svg") !important; + } + + #context-bookmarkpage[starred] { + list-style-image: url("bookmark.svg") !important; + } } -#stop-reload-button[animate] > #reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image { - background-image: url(reload-to-stop.svg) !important; +#back-button { + list-style-image: url("back.svg") !important; +} + +#forward-button { + list-style-image: url("forward.svg") !important; +} + +#reload-button { + list-style-image: url("reload.svg") !important; } #stop-button, -#context-stop -{ - list-style-image: url(stop.svg) !important; +.close-icon { + list-style-image: url("close.svg") !important; } -#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image { - background-image: url(stop-to-reload.svg) !important; +.tab-close-button { + list-style-image: url("close-9px.svg") !important; } -#nav-bar-overflow-button[animate] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image { - background-image: url(chevron-animation.svg) !important; -} - -#home-button -{ - list-style-image: url(home.svg) !important; -} - -#star-button, -#context-bookmarkpage, -#pageAction-panel-bookmark, -#panelMenuBookmarkThisPage -{ - list-style-image: url(star.svg) !important; -} - -#star-button[starred], -#tracking-protection-icon-box[active] -{ - fill: var(--toolbarbutton-icon-fill-attention) !important; -} - -#star-button[starred], -#context-bookmarkpage[starred], -#panelMenuBookmarkThisPage -{ - list-style-image: url(star-fill.svg) !important; -} - -#bookmarks-menu-button, -#appMenu-library-bookmarks-button, -#panelMenu_toggleBookmarksMenu -{ - list-style-image: url(star.svg) !important; -} - -#library-button, -#appMenu-library-button -{ - list-style-image: url(library.svg) !important; -} - -#preferences-button, -#appMenu-preferences-button, -.identity-popup-preferences-button, -#urlbar-anon-search-settings-compact .button-icon, -#PanelUI-fxa-menu-sync-prefs-button, -#PanelUI-fxa-menu-account-devices-button -{ - list-style-image: url(settings.svg) !important; -} - -#appMenu-new-window-button, #new-window-button { - list-style-image: url(new-window.svg) !important; -} - -#appMenu-private-window-button, #privatebrowsing-button { - list-style-image: url(new-private-window.svg) !important; -} - -#appMenu-fullscreen-button, #fullscreen-button { - list-style-image: url(fullscreen-enter.svg) !important; -} - -#appMenu-fullscreen-button[checked], #fullscreen-button[checked] { - list-style-image: url(fullscreen-exit.svg) !important; -} - -#appMenu-zoomEnlarge-button, #zoom-in-button { - list-style-image: url(zoom-in.svg) !important; -} - -#appMenu-zoomReduce-button, #zoom-out-button { - list-style-image: url(zoom-out.svg) !important; -} - -#appMenu-library-downloads-button, #downloads-button { - list-style-image: url(download.svg#arrow-with-bar) !important; -} -#downloads-indicator-icon { - background-image: url(download.svg#arrow) !important; -} -#downloads-button[progress] #downloads-indicator-icon { - background-image: url(download.svg#arrow-progress) !important; -} -#downloads-indicator-progress-outer { - background-image: url(download.svg#default-bar) !important; -} -#downloads-indicator-progress-inner, #downloads-button[progress] > .toolbarbutton-badge-stack > #downloads-indicator-anchor > #downloads-indicator-progress-outer { - background-image: url(download.svg#progress-bar-fg) !important; -} - -#downloads-button[progress] > .toolbarbutton-badge-stack > #downloads-indicator-anchor > #downloads-indicator-progress-outer { - background-image: url(download.svg#progress-bar-bg) !important; -} - -#PanelUI-fxa-menu-remotetabs-button, #appMenuRecentlyClosedTabs, #appMenu-library-remotetabs-button, #sync-button { - list-style-image: url(synced-tabs.svg) !important; -} - -#appMenu-library-pocket-button, #pocket-button, #pageAction-panel-pocket { - list-style-image: url(save-pocket.svg) !important; -} - -#PanelUI-remotetabs-view-sidebar, #sidebar-button { - list-style-image: url(sidebar.svg) !important; + list-style-image: url("sidebars-right.svg") !important; } -#sidebar-button[positionend] { - transform: scaleX(-1) !important; +#sidebar-button:-moz-locale-dir(ltr):not([positionend]), +#sidebar-button:-moz-locale-dir(rtl)[positionend] { + list-style-image: url("sidebars.svg") !important; } -#sidebar-button[checked] { - list-style-image: url(sidebar-fill.svg) !important; +#downloads-button, +#downloads-indicator-anchor, +#appMenu-downloads-button, +#appMenu-library-downloads-button { + list-style-image: url("downloads.svg") !important; } -#nav-bar-overflow-button, #alltabs-button { - list-style-image: url(overflow.svg) !important; +#appMenu-passwords-button, +#password-notification-icon, +#PopupAutoComplete>richlistbox>richlistitem[originaltype="generatedPassword"]>.two-line-wrapper>.ac-site-icon, +#PopupAutoComplete>richlistbox>richlistitem[originaltype="loginWithOrigin"]>.two-line-wrapper>.ac-site-icon, +#PopupAutoComplete>richlistbox>richlistitem[originaltype="login"]>.ac-site-icon { + list-style-image: url("passwords.svg") !important; } -#PlacesChevron { - list-style-image: url(menu-right.svg) !important; +#nav-bar-overflow-button { + list-style-image: url("chevron.svg") !important; } -#appMenu-customize-button, #overflowMenu-customize-button { - list-style-image: url(brush.svg) !important; +#PanelUI-menu-button, +#appMenu-more-button2 { + list-style-image: url("menu.svg") !important; } -#appMenu-print-button, #print-button { - list-style-image: url(print.svg) !important; +#appMenu-help-button2 { + list-style-image: url("help.svg") !important; } -#appMenu-save-file-button, #save-page-button { - list-style-image: url(savefile.svg) !important; +#new-tab-button { + list-style-image: url("new-tab.svg") !important; } -#appMenu-open-file-button, #open-file-button { - list-style-image: url(openfile.svg) !important; +#firefox-view-button { + list-style-image: url("firefox-view.svg") !important; +} + +#sync-button, +.urlbarView-row[source="tabs"]>.urlbarView-row-inner>.urlbarView-no-wrap>.urlbarView-favicon, +#urlbar-engine-one-off-item-tabs { + list-style-image: url("tab.svg") !important; } #history-panelmenu, -#appMenu-library-history-button -{ - list-style-image: url(history.svg) !important; +.urlbarView-row[source="history"]>.urlbarView-row-inner>.urlbarView-no-wrap>.urlbarView-favicon, +#urlbar-engine-one-off-item-history, +#appMenu-history-button, +#appMenu-library-history-button, +#sidebar-switcher-history, +#sidebar-box[sidebarcommand="viewHistorySidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon { + list-style-image: url("history.svg") !important; } -#appMenu-logins-button, -richlistitem[originaltype="loginWithOrigin"] .ac-site-icon, -richlistitem[originaltype="loginsFooter"] .ac-site-icon, -#PanelUI-fxa-menu-logins-button -{ - list-style-image: url(key.svg) !important; +#save-page-button, +#appMenu-save-file-button2 { + list-style-image: url("save.svg") !important; } -.subviewbutton[type="highlight-history"]::after -{ - content: url(history.svg) !important; +#print-button, +#appMenu-print-button2 { + list-style-image: url("print.svg") !important; +} + +.searchbar-search-icon { + list-style-image: url("search-glass.svg") !important; +} + +#find-button, +#appMenu-find-button2 { + list-style-image: url("search-page.svg") !important; +} + +#appMenu-translate-button, +#translations-button-icon { + list-style-image: url("translate.svg") !important; +} + +#open-file-button { + list-style-image: url("open.svg") !important; } #add-ons-button, -#appMenu-addons-button -{ - list-style-image: url(addons.svg) !important; +#appMenu-extensions-themes-button, +#unified-extensions-button { + list-style-image: url("extension.svg") !important; } -#email-link-button, -#pageAction-panel-emailLink, #pageAction-urlbar-emailLink -{ - list-style-image: url(email.svg) !important; -} - -#pageAction-panel-copyURL, #pageAction-urlbar-copyURL -{ - list-style-image: url(hyperlink.svg) !important; -} - -#reader-mode-button { - list-style-image: url(readerMode.svg) !important; -} - -#pageAction-panel-webcompat-reporter_mozilla_org -{ - list-style-image: url(bug.svg) !important; -} - -#pageAction-panel-webcompat-reporter_mozilla_org > .toolbarbutton-icon -{ - list-style-image: inherit !important; -} - -#screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-left -{ - background-image: url(screenshot.svg) !important; - background-position: 4px center !important; - background-repeat: no-repeat !important; -} - -#screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-icon -{ - visibility: hidden !important; -} - -#pageAction-panel-screenshots_mozilla_org .toolbarbutton-icon, -#pageAction-urlbar-screenshots_mozilla_org -{ - list-style-image: url(screenshot.svg) !important; +#zoom-out-button, +#appMenu-zoomReduce-button2 { + list-style-image: url("zoom-out.svg") !important; } +#zoom-in-button, #tabs-newtab-button, -#new-tab-button -{ - list-style-image: url(new-tab.svg) !important; +#TabsToolbar #new-tab-button, +#appMenu-zoomEnlarge-button2 { + list-style-image: url("plus.svg") !important; +} + +#cut-button { + list-style-image: url("edit-cut.svg") !important; +} + +#copy-button { + list-style-image: url("edit-copy.svg") !important; +} + +#paste-button { + list-style-image: url("edit-paste.svg") !important; +} + +#email-link-button { + list-style-image: url("mail.svg") !important; +} + +#screenshot-button { + list-style-image: url("screenshot.svg") !important; +} + +#preferences-button, +.search-setting-button>.button-box>.button-icon, +#appMenu-settings-button, +.unified-extensions-item-open-menu.subviewbutton { + list-style-image: url("settings.svg") !important; } #panic-button { - list-style-image: url(forget.svg) !important; + list-style-image: url("forget.svg") !important; +} + +#appMenu-new-private-window-button2 { + list-style-image: url("private-window.svg") !important; +} + +#privatebrowsing-button { + list-style-image: url("privateBrowsing.svg") !important; +} + +#save-to-pocket-button { + list-style-image: url("pocket-outline.svg") !important; +} + +#profiler-button-button>.toolbarbutton-icon, +.subviewbutton[label="Task Manager"] { + list-style-image: url("tool-profiler.svg") !important; } #developer-button { - list-style-image: url(developer.svg) !important; + list-style-image: url("developer.svg") !important; } -:root:not([fxastatus=signedin]) #fxa-avatar-image, -:root[fxastatus=signedin]:not([style*="--avatar-image-url"]) :-moz-any(#fxa-avatar-image, #fxa-menu-avatar, #appMenu-fxa-label) -{ - list-style-image: url(profile.svg) !important; +#new-window-button, +#appMenu-new-window-button2 { + list-style-image: url("window.svg") !important; } -:-moz-any(:root[privatebrowsingmode], :root[privatebrowsingmode][fxastatus=signedin]:not([style*="--avatar-image-url"])) #fxa-avatar-image -{ - list-style-image: url(incognito.svg) !important; +#restore-button, +#fullscreen-button, +#appMenu-fullscreen-button2 { + list-style-image: url("fullscreen.svg") !important; } -#tracking-protection-icon -{ - list-style-image: url(tracking-protection.svg) !important; +#restore-button[checked], +#fullscreen-button[checked], +#appMenu-fullscreen-button2[checked] { + list-style-image: url("fullscreen-exit.svg") !important; } -#appMenu-protection-report-icon { - list-style-image: url(protections.svg) !important; +#bookmarks-menu-button, +#appMenu-bookmarks-button, +#sidebar-switcher-bookmarks, +#appMenu-library-bookmarks-button, +#sidebar-box[sidebarcommand="viewBookmarksSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon { + list-style-image: url("bookmark-star-on-tray.svg") !important; } -#pageActionButton -{ - list-style-image: url(menu.svg) !important; +#home-button { + list-style-image: url("home.svg") !important; } -#urlbar[pageproxystate="invalid"] #identity-icon, -.searchbar-search-icon, -#PopupAutoCompleteRichResult .ac-type-icon[type="keyword"], -#PopupAutoCompleteRichResult .ac-site-icon[type="searchengine"], -#panelMenu_searchBookmarks -{ - list-style-image: url(search.svg) !important; +#library-button { + list-style-image: url("library.svg") !important; } -#appMenu-find-button, #find-button { - list-style-image: url(search-file.svg) !important; +/* identity icons */ +#identity-icon { + list-style-image: url("info.svg") !important; } -#appMenu-whatsnew-button { - list-style-image: url(whatsnew.svg) !important; +#identity-box[pageproxystate="valid"].chromeUI #identity-icon { + list-style-image: url("firefox.svg") !important; } -#appMenu-developer-button { - list-style-image: url(webdeveloper.svg) !important; +#identity-box[pageproxystate="valid"].localResource #identity-icon { + list-style-image: url("page-portrait.svg") !important; } -#appMenu-more-button { - list-style-image: url(menu.svg) !important; +#urlbar:not(.searchButton)>#urlbar-input-container>#identity-box[pageproxystate="invalid"] #identity-icon { + list-style-image: url("search-glass.svg") !important; } -#appMenu-cut-button, #cut-button -{ - list-style-image: url(cut.svg) !important; +#urlbar[actiontype="extension"]>#urlbar-input-container>#identity-box #identity-icon, +#identity-box[pageproxystate="valid"].extensionPage #identity-icon { + list-style-image: url("extension.svg") !important; } -#appMenu-copy-button, #copy-button -{ - list-style-image: url(copy.svg) !important; +#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon, +#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon { + list-style-image: url("security.svg") !important; } -#appMenu-paste-button, #paste-button -{ - list-style-image: url(paste.svg) !important; +#urlbar-input-container[pageproxystate="valid"]>#tracking-protection-icon-container>#tracking-protection-icon-box>#tracking-protection-icon { + list-style-image: url("tracking-protection.svg") !important; } -#appMenu-fxa-label, -#PanelUI-fxa-menu-syncnow-button, -#appMenu-fxa-icon, -#PanelUI-remotetabs-syncnow -{ - list-style-image: url(sync.svg) !important; +/* security */ +.identity-popup-security-connection { + list-style-image: url("security-broken.svg") !important; } -.tab-icon-image, .bookmark-item -{ - list-style-image: url(globe.svg) !important; +#identity-box[pageproxystate="valid"].notSecure #identity-icon, +#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon, +#identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon { + list-style-image: url("security-broken.svg") !important; +} + +#identity-popup[connection=chrome] .identity-popup-security-connection { + list-style-image: url("firefox.svg") !important; +} + +#identity-popup[connection="file"] .identity-popup-security-connection { + list-style-image: url("page-portrait.svg") !important; +} + +#identity-popup[connection^=secure] .identity-popup-security-connection { + list-style-image: url("security.svg") !important; +} + +#identity-popup[ciphers=weak] .identity-popup-security-connection, +#identity-popup[mixedcontent~=passive-loaded][isbroken] .identity-popup-security-connection, +#identity-popup[connection=secure-cert-user-overridden] .identity-popup-security-connection, +#identity-popup[connection=cert-error-page] .identity-popup-security-connection { + list-style-image: url("security-warning.svg") !important; +} + +#identity-popup[connection=net-error-page] .identity-popup-security-connection { + list-style-image: url("info.svg") !important; +} + +#identity-popup[connection=extension] .identity-popup-security-connection { + list-style-image: url("extension.svg") !important; +} + +#appMenu-new-tab-button2 { + list-style-image: url("new-tab-image.svg") !important; +} + +.findbar-find-previous { + list-style-image: url("arrow-up.svg") !important; +} + +.findbar-find-next { + list-style-image: url("arrow-down.svg") !important; +} + +#protections-popup-mainView .subviewbutton-nav:not(.notFound)::after, +#identity-popup-mainView .subviewbutton-nav::after, +.widget-overflow-list .subviewbutton-nav::after, +.PanelUI-subView .subviewbutton-nav::after, +.menu-right { + content: url("arrow-filled-right.svg") !important; + opacity: 0.6 !important; + scale: 0.75 !important; +} + +#PlacesChevron, +#urlbar-go-button { + list-style-image: url("arrow-right.svg") !important; +} + +.panel-header>.subviewbutton-back { + list-style-image: url("arrow-left.svg") !important; +} + +#overflowMenu-customize-button, +#appmenu-moreTools-button { + list-style-image: url("customize.svg") !important; +} + +.bookmark-item[container] { + list-style-image: url("folder.svg") !important; +} + +#pageAction-panel-bookmark, +#star-button { + list-style-image: url("bookmark-hollow.svg") !important; +} + +#pageAction-panel-bookmark[starred], +#star-button[starred] { + list-style-image: url("bookmark.svg") !important; +} + +#sidebar-box[sidebarcommand="viewTabsSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon, +#sidebar-switcher-tabs { + list-style-image: url("send-to-device.svg") !important; +} + +/* tab icons */ +.tab-icon-image[src="chrome://branding/content/icon32.png"], +.tab-icon-image[src="chrome://browser/skin/privatebrowsing/favicon.svg"] { + content: url("new-tab-image.svg") !important; } .tab-icon-image[src="chrome://global/skin/icons/settings.svg"] { - background-image: url(settings.svg) !important; - padding-left: 16px !important; -} - -.tab-icon-image:-moz-any([src="chrome://branding/content/icon32.png"], [src="chrome://browser/skin/privatebrowsing/favicon.svg"]):not([busy]) { - background-image: url(new-tab-image.svg) !important; - padding-left: 16px !important; + content: url("settings.svg") !important; } .tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"] { - background-image: url(addons.svg) !important; - padding-left: 16px !important; + content: url("extension.svg") !important; } .tab-icon-image[src="chrome://browser/skin/customize.svg"] { - background-image: url(brush.svg) !important; - padding-left: 16px !important; + content: url("customize.svg") !important; } -.tab-icon-pending[pinned], .tab-icon-image:not([src], [pinned], [crashed], [pictureinpicture])[selected], .tab-icon-image:not([src], [pinned], [crashed], [sharing], [pictureinpicture]), .tab-icon-image[busy], .tab-throbber:not([busy]), .tab-icon-sound:not([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]), .tab-icon-sound[pinned], .tab-sharing-icon-overlay, -.tab-icon-sound -{ - list-style-image: url(audio.svg) !important; +/* permissions */ +#permissions-granted-icon { + list-style-image: url("permissions.svg") !important; } -.tab-icon-sound[muted] -{ - list-style-image: url(audio-muted.svg) !important; +.geo-icon { + list-style-image: url("geo.svg") !important; } -.tab-icon-sound[pictureinpicture] { - list-style-image: url(picture-in-picture.svg) !important; - width: 16px !important; - height: 16px !important; +.geo-icon.blocked-permission-icon { + list-style-image: url("geo-blocked.svg") !important; } -.tab-icon-overlay { - border-radius: 2px !important; - margin-inline: -10px -6px !important; +.xr-icon { + list-style-image: url("xr.svg") !important; } +.xr-icon.blocked-permission-icon { + list-style-image: url("xr-blocked.svg") !important; +} + +.popup-notification-icon[popupid="web-notifications"], +.desktop-notification-icon { + list-style-image: url("desktop-notification.svg") !important; +} + +.desktop-notification-icon.blocked-permission-icon { + list-style-image: url("desktop-notification-blocked.svg") !important; +} + +.camera-icon { + list-style-image: url("camera.svg") !important; +} + +.camera-icon.blocked-permission-icon { + list-style-image: url("camera-blocked.svg") !important; +} + +.microphone-icon { + list-style-image: url("microphone.svg") !important; +} + +.microphone-icon.blocked-permission-icon { + list-style-image: url("microphone-blocked.svg") !important; +} + +.screen-icon { + list-style-image: url("screen.svg") !important; +} + +.screen-icon.blocked-permission-icon { + list-style-image: url("screen-blocked.svg") !important; +} + +.popup-notification-icon[popupid="persistent-storage"], +.persistent-storage-icon, +.indexedDB-icon { + list-style-image: url("persistent-storage.svg") !important; +} + +.persistent-storage-icon.blocked-permission-icon { + list-style-image: url("persistent-storage-blocked.svg") !important; +} + +.popup-icon { + list-style-image: url("popup.svg") !important; +} + +.autoplay-media-icon { + list-style-image: url("autoplay-media.svg") !important; +} + +.autoplay-media-icon.blocked-permission-icon { + list-style-image: url("autoplay-media-blocked.svg") !important; +} + +#canvas-notification-icon, +.popup-notification-icon[popupid="canvas-permissions-prompt"], +.canvas-icon { + list-style-image: url("canvas.svg") !important; +} + +.canvas-icon.blocked-permission-icon { + list-style-image: url("canvas-blocked.svg") !important; +} + +.midi-icon, +.midi-sysex-icon, +.popup-notification-icon[popupid="midi"], +.popup-notification-icon[popupid="midi-sysex"] { + list-style-image: url("midi.svg") !important; +} + +.install-icon { + list-style-image: url("extension.svg") !important; +} + +.install-icon.blocked-permission-icon, +.popup-notification-icon[popupid="xpinstall-disabled"], +.popup-notification-icon[popupid="addon-install-blocked"], +.popup-notification-icon[popupid="addon-install-origin-blocked"] { + list-style-image: url("extension-blocked.svg") !important; +} + +/* tab sound icons */ .tab-icon-overlay[soundplaying] { - list-style-image: url(audio.svg#overlayStroke) !important; - -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important; - fill: var(--toolbar-color) !important; - stroke: var(--toolbar-bgcolor) !important; + list-style-image: url("tab-audio-playing-small.svg") !important; } .tab-icon-overlay[muted] { - list-style-image: url(audio-muted.svg#overlayStroke) !important; - -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important; - fill: var(--toolbar-color) !important; - stroke: var(--toolbar-bgcolor) !important; + list-style-image: url("tab-audio-muted-small.svg") !important; } -#pageAction-panel-pinTab, #pageAction-urlbar-pinTab { - list-style-image: url(pin.svg) !important; +.tab-icon-overlay[activemedia-blocked] { + list-style-image: url("tab-audio-blocked-small.svg") !important; } -#pageAction-urlbar-shareURL, #pageAction-panel-shareURL { - list-style-image: url(share.svg) !important; +/* reload/stop animation */ +#stop-reload-button[animate]>#reload-button[displaystop]+#stop-button>.toolbarbutton-animatable-box>.toolbarbutton-animatable-image { + background-image: url("reload-to-stop.svg") !important; } -.tab-icon-overlay[activemedia-blocked], -.tab-icon-sound[activemedia-blocked] -{ - list-style-image: url(media-blocked.svg) !important; +#stop-reload-button[animate]>#reload-button>.toolbarbutton-animatable-box>.toolbarbutton-animatable-image { + background-image: url("stop-to-reload.svg") !important; } -.downloadIconShow .button-icon -{ - list-style-image: url(folder.svg) !important; +#reader-mode-button>.urlbar-icon { + list-style-image: url("reader-mode.svg") !important; } -/* -:root[lwthemetextcolor="bright"] .bookmark-item[container] -{ - list-style-image: url(folder-bookmarks.svg#darkmode) !important; -} -*/ - -.bookmark-item[container] -{ - list-style-image: url(folder-bookmarks.svg#lightmode) !important; +#unified-extensions-manage-extensions { + list-style-image: url("manage.svg") !important; } -.panel-banner-item[notificationid^="update"] -{ - list-style-image: url(menu-update.svg) !important; - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; +/* disable context menu icons when this tweak is applied */ +@media not (-moz-bool-pref: "uc.tweak.revert-context-menu") { + + /* Context Menu Icons */ + menupopup>menuitem:is([checked="true"], [selected="true"]) .menu-iconic-icon { + list-style-image: url("checkmark.svg") !important; + } + + #context-video-pictureinpicture:not([checked="true"]) .menu-iconic-icon { + list-style-image: url("media-pip.svg") !important; + } + + #context-media-loop:not([checked="true"]) .menu-iconic-icon { + list-style-image: url("media-loop.svg") !important; + } + + :not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menuitem:not(.menuitem-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menuitem, .unified-nav-current), + :not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menu:not(.menu-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menu, .unified-nav-current) { + background-image: var(--menu-image) !important; + background-size: 16px !important; + background-position: var(--uc-contextmenu-menuitem-padding-inline) center !important; + background-repeat: no-repeat !important; + -moz-context-properties: fill, fill-opacity !important; + fill: currentColor !important; + } + + @media (-moz-platform: macos) { + #context-back { + --menu-image: url("back.svg"); + } + + #context-forward { + --menu-image: url("forward.svg"); + } + + #context-reload { + --menu-image: url("reload.svg"); + } + + #context-stop { + --menu-image: url("close.svg"); + } + + #context-bookmarkpage { + --menu-image: url("bookmark-hollow.svg"); + } + + #contentAreaContextMenu #context-bookmarkpage[starred] { + --menu-image: url("bookmark.svg"); + fill: var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention, currentColor)) !important; + } + } + + #context-savepage { + --menu-image: url("save.svg"); + } + + #context-selectall, + .textbox-contextmenu menuitem[cmd*="selectAll"], + #context_selectAllTabs, + #toolbar-context-selectAllTabs { + --menu-image: url("edit-select-all.svg"); + } + + #context-undo, + .textbox-contextmenu menuitem[cmd*="undo"], + #context_undoCloseTab, + #toolbar-context-undoCloseTab { + --menu-image: url("edit-undo.svg"); + } + + #context-redo, + .textbox-contextmenu menuitem[cmd*="redo"] { + --menu-image: url("edit-redo.svg"); + } + + #context-copy, + .textbox-contextmenu menuitem[cmd*="copy"], + #placesContext_copy { + --menu-image: url("edit-copy.svg"); + } + + #context-paste, + .textbox-contextmenu menuitem[cmd*="paste"], + #placesContext_paste_group { + --menu-image: url("edit-paste.svg"); + } + + #context-cut, + .textbox-contextmenu menuitem[cmd*="cut"], + #placesContext_cut { + --menu-image: url("edit-cut.svg"); + } + + #context-delete, + .customize-context-removeExtension, + .unified-extensions-context-menu-remove-extension, + .textbox-contextmenu menuitem[cmd*="delete"], + menuitem[id="placesContext_deleteBookmark"], + menuitem[id="placesContext_deleteFolder"], + menuitem[id="placesContext_delete"], + menuitem[id="placesContext_delete_history"], + menuitem[id="placesContext_deleteHost"] { + --menu-image: url("edit-delete.svg"); + } + + #paste-and-go { + --menu-image: url("paste-and-go.svg"); + } + + #context-print-selection { + --menu-image: url("print.svg"); + } + + #context-take-screenshot { + --menu-image: url("screenshot.svg"); + } + + #context-viewsource { + --menu-image: url("source-code.svg"); + } + + #context-inspect-a11y { + --menu-image: url("accessibility.svg"); + } + + #context-inspect { + --menu-image: url("inspect.svg"); + } + + #context-searchselect { + --menu-image: url("search-glass.svg"); + } + + #context-viewimage { + --menu-image: url("image-open.svg"); + } + + #context-saveimage, + #context-video-saveimage { + --menu-image: url("image-save.svg"); + } + + #context-savevideo { + --menu-image: url("video-save.svg"); + } + + #context-viewvideo { + --menu-image: url("video-open.svg") + } + + #context-saveaudio { + --menu-image: url("audio-save.svg"); + } + + #context-copyimage-contents { + --menu-image: url("image-copy.svg"); + } + + #context-copyimage, + #context-copyvideourl, + #context-copylink { + --menu-image: url("link.svg"); + } + + #context-sendimage, + #context-sendvideo, + #context-sendaudio { + --menu-image: url("mail.svg"); + } + + #context-setDesktopBackground, + .viewCustomizeToolbar { + --menu-image: url("customize.svg"); + } + + #context-reloadimage, + #context_reloadTab, + #context_reloadSelectedTabs, + #toolbar-context-reloadSelectedTab, + #toolbar-context-reloadSelectedTabs { + --menu-image: url("reload.svg"); + } + + #context-sendlinktodevice, + #context_sendTabToDevice, + #context-sendpagetodevice { + --menu-image: url("send-to-device.svg"); + } + + #context-openlinkintab, + #context-openlinkincontainertab, + menuitem[id="placesContext_open:newtab"], + menuitem[id="placesContext_openLinks:tabs"], + menuitem[id="placesContext_openBookmarkLinks:tabs"], + menuitem[id="placesContext_openBookmarkContainer:tabs"] { + --menu-image: url("tab.svg"); + } + + #context_openANewTab, + #toolbar-context-openANewTab { + --menu-image: url("new-tab-image.svg"); + } + + #context-openlinkinusercontext-menu, + menu[id="placesContext_open:newcontainertab"], + menu[id="placesContext_openContainer:tabs"] { + --menu-image: url("container-tab.svg"); + } + + #context-openlink, + menuitem[id="placesContext_open:newwindow"] { + --menu-image: url("window.svg"); + } + + #context-openlinkprivate, + menuitem[id="placesContext_open:newprivatewindow"] { + --menu-image: url("private-window.svg"); + } + + #context-savelink { + --menu-image: url("downloads.svg"); + } + + #spell-add-to-dictionary { + --menu-image: url("add-to-dictionary.svg"); + } + + #manage-saved-logins { + --menu-image: url("passwords.svg"); + } + + #context-media-play, + #context_playTab, + #context_playSelectedTabs { + --menu-image: url("media-play.svg"); + } + + #context-media-pause { + --menu-image: url("media-pause.svg"); + } + + #context-media-mute, + #context_toggleMuteTab, + #context_toggleMuteSelectedTabs { + --menu-image: url("media-mute.svg"); + } + + #context-media-unmute, + #context_toggleMuteTab[muted], + #context_toggleMuteSelectedTabs[muted] { + --menu-image: url("media-unmute.svg"); + } + + #context-media-playbackrate { + --menu-image: url("media-speed.svg"); + } + + #context-video-fullscreen { + --menu-image: url("fullscreen.svg"); + } + + #context-leave-dom-fullscreen, + menuitem[contexttype="fullscreen"][label*="Exit"] { + --menu-image: url("fullscreen-exit.svg"); + } + + #context-media-hidecontrols, + #context-media-showcontrols { + --menu-image: url("permissions.svg"); + } + + #context_pinTab, + #context_unpinTab, + #context_pinSelectedTabs, + #context_unpinSelectedTabs, + .customize-context-moveToPanel { + --menu-image: url("pin.svg"); + } + + #context_duplicateTab, + #context_duplicateTabs { + --menu-image: url("duplicate-tab.svg"); + } + + #context_bookmarkTab, + #context_bookmarkSelectedTabs, + #toggle_PersonalToolbar, + #context-bookmarklink, + #toolbar-context-bookmarkSelectedTab, + #toolbar-context-bookmarkSelectedTabs { + --menu-image: url("bookmark-hollow.svg"); + } + + menuitem[id="placesContext_show_bookmark:info"], + menuitem[id="placesContext_show_folder:info"], + menuitem[id="placesContext_show:info"] { + --menu-image: url("edit.svg"); + } + + menuitem[id="placesContext_showAllBookmarks"], + #BMB_bookmarksShowAllTop, + #BMB_bookmarksShowAll, + .customize-context-manageExtension, + .unified-extensions-context-menu-manage-extension { + --menu-image: url("manage.svg"); + } + + menuitem[id="placesContext_new:bookmark"], + menuitem[id="placesContext_new:folder"], + menuitem[id="placesContext_new:separator"] { + --menu-image: url("plus.svg"); + } + + #context-savelinktopocket, + #context-pocket { + --menu-image: url("pocket-outline.svg"); + } + + #context_moveTabOptions { + --menu-image: url("move-tab.svg"); + } + + .share-tab-url-item { + --menu-image: url("share.svg"); + } + + #context_reopenInContainer { + --menu-image: url("container-tab.svg"); + } + + #context_closeTab { + --menu-image: url("close.svg"); + } + + .customize-context-reportExtension, + .unified-extensions-context-menu-report-extension { + --menu-image: url("report.svg"); + } } - -.urlbarView-favicon[src*="history.svg"], .urlbarView-favicon[src*="search-glass.svg"] -{ - padding-left: 16px !important; - box-sizing: border-box !important; - width: 0 !important; +/* header icons for the app menu sub menus (eg. fx account, history...) */ +.panel-header>h1>span::before { + content: ""; + background: var(--header-image, none) center / 16px no-repeat; + -moz-context-properties: fill, fill-opacity; + fill: currentColor; + padding-inline-start: calc(var(--uc-enabled, 0) * 16px); + margin-inline-end: calc(var(--uc-enabled, 0) * 8px); } -.urlbarView-favicon[src*="history.svg"] -{ - background-image: url(history.svg) !important; +#PanelUI-fxa .panel-header>h1>span::before { + --header-image: var(--avatar-image-url); + --uc-enabled: 1; + transform: scale(1.25); + border-radius: 99px; + display: inline-block; + height: 16px; } -.urlbarView-favicon[src*="search-glass.svg"] -{ - background-image: url(search.svg) !important; -} \ No newline at end of file +#PanelUI-bookmarks .panel-header>h1>span::before { + --header-image: url("bookmark-star-on-tray.svg"); + --uc-enabled: 1; +} + +#PanelUI-history .panel-header>h1>span::before { + --header-image: url("history.svg"); + --uc-enabled: 1; +} + +#PanelUI-helpView .panel-header>h1>span::before { + --header-image: url("help.svg"); + --uc-enabled: 1; +} + +#appMenu-libraryView .panel-header>h1>span::before { + --header-image: url("library.svg"); + --uc-enabled: 1; +} + +#unified-extensions-panel .panel-header>h1>span::before { + --header-image: url("extension.svg"); + --uc-enabled: 1; +} + +/* Tree items used for side bar and library windows */ +treechildren::-moz-tree-image { + fill-opacity: 1 !important; +} + +treechildren::-moz-tree-image(title) { + list-style-image: url("page-portrait.svg") !important; +} + +/* default folder icon */ +treechildren::-moz-tree-image(title, container), +treechildren::-moz-tree-image(title, open) { + list-style-image: url("folder.svg") !important; +} + +/* bookmarks bar icon */ +treechildren::-moz-tree-image(container, queryFolder_toolbar_____) { + list-style-image: url("bookmark-hollow.svg") !important; +} + +/* bookmarks menu icon */ +treechildren::-moz-tree-image(container, queryFolder_menu________) { + list-style-image: url("folder.svg") !important; +} + +/* smart folder icon */ +treechildren::-moz-tree-image(query) { + list-style-image: url("settings.svg") !important; +} + +/* bookmarks category icon */ +treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) { + list-style-image: url("bookmark-hollow.svg") !important; +} + +/* downloads category icon */ +treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) { + list-style-image: url("downloads.svg") !important; +} + +/* tags category icon */ +treechildren::-moz-tree-image(title, query, tagContainer), +treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v) { + list-style-image: url("tag.svg") !important; +} + +/* calendar icon for folders grouping items by date */ +treechildren::-moz-tree-image(title, query, dayContainer) { + list-style-image: url("history.svg") !important; +} + +treechildren::-moz-tree-image(title, query, hostContainer) { + list-style-image: url("folder.svg") !important; +} + +/* history category icon */ +treechildren::-moz-tree-image(query, OrganizerQuery_history____v) { + list-style-image: url("history.svg") !important; +} + +treechildren::-moz-tree-image(title, query, folder) { + list-style-image: url("folder.svg") !important; +} diff --git a/chrome/icons/image-copy.svg b/chrome/icons/image-copy.svg new file mode 100644 index 0000000..8266f7c --- /dev/null +++ b/chrome/icons/image-copy.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/image-open.svg b/chrome/icons/image-open.svg new file mode 100644 index 0000000..b17d039 --- /dev/null +++ b/chrome/icons/image-open.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/chrome/icons/image-save.svg b/chrome/icons/image-save.svg new file mode 100644 index 0000000..4ed3345 --- /dev/null +++ b/chrome/icons/image-save.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/incognito.svg b/chrome/icons/incognito.svg deleted file mode 100644 index 4581a8e..0000000 --- a/chrome/icons/incognito.svg +++ /dev/null @@ -1,55 +0,0 @@ - - - - - - - - - - - - - diff --git a/chrome/icons/info.svg b/chrome/icons/info.svg new file mode 100644 index 0000000..50f7757 --- /dev/null +++ b/chrome/icons/info.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/inspect.svg b/chrome/icons/inspect.svg new file mode 100755 index 0000000..8f29365 --- /dev/null +++ b/chrome/icons/inspect.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/key.svg b/chrome/icons/key.svg deleted file mode 100644 index 33626d6..0000000 --- a/chrome/icons/key.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/library.svg b/chrome/icons/library.svg index f8b75b5..f1e0c01 100644 --- a/chrome/icons/library.svg +++ b/chrome/icons/library.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/icons/link.svg b/chrome/icons/link.svg new file mode 100644 index 0000000..4509293 --- /dev/null +++ b/chrome/icons/link.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/lock.svg b/chrome/icons/lock.svg deleted file mode 100644 index 1329d18..0000000 --- a/chrome/icons/lock.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/chrome/icons/mail.svg b/chrome/icons/mail.svg new file mode 100644 index 0000000..a8c9112 --- /dev/null +++ b/chrome/icons/mail.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/manage.svg b/chrome/icons/manage.svg new file mode 100644 index 0000000..59e1249 --- /dev/null +++ b/chrome/icons/manage.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/media-blocked.svg b/chrome/icons/media-blocked.svg deleted file mode 100644 index 9c45be8..0000000 --- a/chrome/icons/media-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/media-loop.svg b/chrome/icons/media-loop.svg new file mode 100644 index 0000000..0ff335c --- /dev/null +++ b/chrome/icons/media-loop.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/media-mute.svg b/chrome/icons/media-mute.svg new file mode 100644 index 0000000..bfcc81f --- /dev/null +++ b/chrome/icons/media-mute.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/media-pause.svg b/chrome/icons/media-pause.svg new file mode 100644 index 0000000..6212a20 --- /dev/null +++ b/chrome/icons/media-pause.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/media-pip.svg b/chrome/icons/media-pip.svg new file mode 100644 index 0000000..a83fb54 --- /dev/null +++ b/chrome/icons/media-pip.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/media-play.svg b/chrome/icons/media-play.svg new file mode 100644 index 0000000..da95f78 --- /dev/null +++ b/chrome/icons/media-play.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/media-speed.svg b/chrome/icons/media-speed.svg new file mode 100644 index 0000000..a7767c7 --- /dev/null +++ b/chrome/icons/media-speed.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/media-unmute.svg b/chrome/icons/media-unmute.svg new file mode 100644 index 0000000..9a7d4b7 --- /dev/null +++ b/chrome/icons/media-unmute.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/menu-update.svg b/chrome/icons/menu-update.svg deleted file mode 100644 index 78314cc..0000000 --- a/chrome/icons/menu-update.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/menu.svg b/chrome/icons/menu.svg index b95a69e..44b77db 100644 --- a/chrome/icons/menu.svg +++ b/chrome/icons/menu.svg @@ -1,5 +1,5 @@ - - + + + + diff --git a/chrome/icons/microphone-blocked.svg b/chrome/icons/microphone-blocked.svg new file mode 100644 index 0000000..36663f2 --- /dev/null +++ b/chrome/icons/microphone-blocked.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/microphone.svg b/chrome/icons/microphone.svg new file mode 100644 index 0000000..e93a61d --- /dev/null +++ b/chrome/icons/microphone.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/midi.svg b/chrome/icons/midi.svg new file mode 100644 index 0000000..8f8bd4e --- /dev/null +++ b/chrome/icons/midi.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/move-tab.svg b/chrome/icons/move-tab.svg new file mode 100644 index 0000000..9c5d46f --- /dev/null +++ b/chrome/icons/move-tab.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/new-private-window.svg b/chrome/icons/new-private-window.svg deleted file mode 100644 index f035c22..0000000 --- a/chrome/icons/new-private-window.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - \ No newline at end of file diff --git a/chrome/icons/new-tab-image.svg b/chrome/icons/new-tab-image.svg index 7eb3ee7..f1201ed 100644 --- a/chrome/icons/new-tab-image.svg +++ b/chrome/icons/new-tab-image.svg @@ -1,5 +1,6 @@ - - + + + + + diff --git a/chrome/icons/new-tab.svg b/chrome/icons/new-tab.svg index efb33f1..062c3c6 100644 --- a/chrome/icons/new-tab.svg +++ b/chrome/icons/new-tab.svg @@ -1,5 +1,4 @@ - - + + + diff --git a/chrome/icons/new-window.svg b/chrome/icons/new-window.svg deleted file mode 100644 index 5e775c6..0000000 --- a/chrome/icons/new-window.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/open.svg b/chrome/icons/open.svg new file mode 100644 index 0000000..067f3ae --- /dev/null +++ b/chrome/icons/open.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/openfile.svg b/chrome/icons/openfile.svg deleted file mode 100644 index 3aa3fb1..0000000 --- a/chrome/icons/openfile.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/overflow.svg b/chrome/icons/overflow.svg deleted file mode 100644 index 88240ce..0000000 --- a/chrome/icons/overflow.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/page-portrait.svg b/chrome/icons/page-portrait.svg new file mode 100644 index 0000000..8ed9c54 --- /dev/null +++ b/chrome/icons/page-portrait.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/passwords.svg b/chrome/icons/passwords.svg new file mode 100644 index 0000000..099f498 --- /dev/null +++ b/chrome/icons/passwords.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/paste-and-go.svg b/chrome/icons/paste-and-go.svg new file mode 100644 index 0000000..119cac8 --- /dev/null +++ b/chrome/icons/paste-and-go.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/paste.svg b/chrome/icons/paste.svg deleted file mode 100644 index 5349d4e..0000000 --- a/chrome/icons/paste.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/permissions.svg b/chrome/icons/permissions.svg new file mode 100644 index 0000000..0df27b3 --- /dev/null +++ b/chrome/icons/permissions.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/persistent-storage-blocked.svg b/chrome/icons/persistent-storage-blocked.svg new file mode 100644 index 0000000..23caa39 --- /dev/null +++ b/chrome/icons/persistent-storage-blocked.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/persistent-storage.svg b/chrome/icons/persistent-storage.svg new file mode 100644 index 0000000..0746caa --- /dev/null +++ b/chrome/icons/persistent-storage.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/picture-in-picture.svg b/chrome/icons/picture-in-picture.svg deleted file mode 100644 index d5b5391..0000000 --- a/chrome/icons/picture-in-picture.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/pin.svg b/chrome/icons/pin.svg new file mode 100644 index 0000000..fbfc31c --- /dev/null +++ b/chrome/icons/pin.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/plus.svg b/chrome/icons/plus.svg new file mode 100644 index 0000000..7072c1c --- /dev/null +++ b/chrome/icons/plus.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/pocket-outline.svg b/chrome/icons/pocket-outline.svg new file mode 100644 index 0000000..24c7a41 --- /dev/null +++ b/chrome/icons/pocket-outline.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/popup.svg b/chrome/icons/popup.svg new file mode 100644 index 0000000..1f8a8cf --- /dev/null +++ b/chrome/icons/popup.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/print.svg b/chrome/icons/print.svg index ffd4c3c..ed311c7 100644 --- a/chrome/icons/print.svg +++ b/chrome/icons/print.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/icons/private-window.svg b/chrome/icons/private-window.svg new file mode 100644 index 0000000..59126a2 --- /dev/null +++ b/chrome/icons/private-window.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/privateBrowsing.svg b/chrome/icons/privateBrowsing.svg new file mode 100644 index 0000000..d576a31 --- /dev/null +++ b/chrome/icons/privateBrowsing.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/profile.svg b/chrome/icons/profile.svg deleted file mode 100644 index 420a252..0000000 --- a/chrome/icons/profile.svg +++ /dev/null @@ -1,48 +0,0 @@ - - - - - - - - - - - - diff --git a/chrome/icons/protections.svg b/chrome/icons/protections.svg deleted file mode 100644 index 7aa7901..0000000 --- a/chrome/icons/protections.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/reader-mode.svg b/chrome/icons/reader-mode.svg new file mode 100644 index 0000000..370fda6 --- /dev/null +++ b/chrome/icons/reader-mode.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/readerMode.svg b/chrome/icons/readerMode.svg deleted file mode 100644 index 361b2be..0000000 --- a/chrome/icons/readerMode.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/refresh.svg b/chrome/icons/refresh.svg deleted file mode 100644 index 2052714..0000000 --- a/chrome/icons/refresh.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/reload-to-stop.svg b/chrome/icons/reload-to-stop.svg index 38c2664..13b1bd9 100644 --- a/chrome/icons/reload-to-stop.svg +++ b/chrome/icons/reload-to-stop.svg @@ -1,11 +1,28 @@ - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/chrome/icons/reload.svg b/chrome/icons/reload.svg new file mode 100644 index 0000000..772c9bd --- /dev/null +++ b/chrome/icons/reload.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/report.svg b/chrome/icons/report.svg new file mode 100644 index 0000000..7b7517f --- /dev/null +++ b/chrome/icons/report.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/save-pocket.svg b/chrome/icons/save-pocket.svg deleted file mode 100644 index 42691ae..0000000 --- a/chrome/icons/save-pocket.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/save.svg b/chrome/icons/save.svg new file mode 100644 index 0000000..e3179f3 --- /dev/null +++ b/chrome/icons/save.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/savefile.svg b/chrome/icons/savefile.svg deleted file mode 100644 index 812e6db..0000000 --- a/chrome/icons/savefile.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/screen-blocked.svg b/chrome/icons/screen-blocked.svg new file mode 100644 index 0000000..1a9f603 --- /dev/null +++ b/chrome/icons/screen-blocked.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/screen.svg b/chrome/icons/screen.svg new file mode 100644 index 0000000..9aec149 --- /dev/null +++ b/chrome/icons/screen.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/screenshot.svg b/chrome/icons/screenshot.svg index 1f27aa5..65e9cff 100644 --- a/chrome/icons/screenshot.svg +++ b/chrome/icons/screenshot.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/icons/search-file.svg b/chrome/icons/search-file.svg deleted file mode 100644 index 00688ff..0000000 --- a/chrome/icons/search-file.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/search-glass.svg b/chrome/icons/search-glass.svg new file mode 100644 index 0000000..79a5001 --- /dev/null +++ b/chrome/icons/search-glass.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/search-page.svg b/chrome/icons/search-page.svg new file mode 100755 index 0000000..05c3b53 --- /dev/null +++ b/chrome/icons/search-page.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/search.svg b/chrome/icons/search.svg deleted file mode 100644 index cf81067..0000000 --- a/chrome/icons/search.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/security-broken.svg b/chrome/icons/security-broken.svg new file mode 100644 index 0000000..e931dc1 --- /dev/null +++ b/chrome/icons/security-broken.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/security-warning.svg b/chrome/icons/security-warning.svg new file mode 100644 index 0000000..467d5aa --- /dev/null +++ b/chrome/icons/security-warning.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/security.svg b/chrome/icons/security.svg new file mode 100644 index 0000000..c79b8c2 --- /dev/null +++ b/chrome/icons/security.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/send-to-device.svg b/chrome/icons/send-to-device.svg new file mode 100644 index 0000000..2d77ac2 --- /dev/null +++ b/chrome/icons/send-to-device.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/settings.svg b/chrome/icons/settings.svg index 54b4abc..de58959 100644 --- a/chrome/icons/settings.svg +++ b/chrome/icons/settings.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/icons/share.svg b/chrome/icons/share.svg index 00d5748..1d135f4 100644 --- a/chrome/icons/share.svg +++ b/chrome/icons/share.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/icons/sidebar-fill.svg b/chrome/icons/sidebar-fill.svg deleted file mode 100644 index b7ec631..0000000 --- a/chrome/icons/sidebar-fill.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/sidebar.svg b/chrome/icons/sidebar.svg deleted file mode 100644 index 5d53990..0000000 --- a/chrome/icons/sidebar.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/sidebars-right.svg b/chrome/icons/sidebars-right.svg new file mode 100644 index 0000000..626ee35 --- /dev/null +++ b/chrome/icons/sidebars-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/sidebars.svg b/chrome/icons/sidebars.svg new file mode 100644 index 0000000..ab58502 --- /dev/null +++ b/chrome/icons/sidebars.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/source-code.svg b/chrome/icons/source-code.svg new file mode 100755 index 0000000..a65f35d --- /dev/null +++ b/chrome/icons/source-code.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/star-fill.svg b/chrome/icons/star-fill.svg deleted file mode 100644 index 65485e7..0000000 --- a/chrome/icons/star-fill.svg +++ /dev/null @@ -1,54 +0,0 @@ - - - - - image/svg+xml - - - - - - - - diff --git a/chrome/icons/star.svg b/chrome/icons/star.svg deleted file mode 100644 index 7251ccf..0000000 --- a/chrome/icons/star.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/stop-to-reload.svg b/chrome/icons/stop-to-reload.svg index 7a62c85..0f9d2d1 100644 --- a/chrome/icons/stop-to-reload.svg +++ b/chrome/icons/stop-to-reload.svg @@ -1,9 +1,35 @@ - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/chrome/icons/stop.svg b/chrome/icons/stop.svg deleted file mode 100644 index f8513a1..0000000 --- a/chrome/icons/stop.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/sync.svg b/chrome/icons/sync.svg deleted file mode 100644 index 41e1e34..0000000 --- a/chrome/icons/sync.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/synced-tabs.svg b/chrome/icons/synced-tabs.svg deleted file mode 100644 index bf8768f..0000000 --- a/chrome/icons/synced-tabs.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/tab-audio-blocked-small.svg b/chrome/icons/tab-audio-blocked-small.svg new file mode 100644 index 0000000..f5af4d4 --- /dev/null +++ b/chrome/icons/tab-audio-blocked-small.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/tab-audio-muted-small.svg b/chrome/icons/tab-audio-muted-small.svg new file mode 100644 index 0000000..442fd7f --- /dev/null +++ b/chrome/icons/tab-audio-muted-small.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/tab-audio-playing-small.svg b/chrome/icons/tab-audio-playing-small.svg new file mode 100644 index 0000000..896a890 --- /dev/null +++ b/chrome/icons/tab-audio-playing-small.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/tab.svg b/chrome/icons/tab.svg new file mode 100644 index 0000000..d21577b --- /dev/null +++ b/chrome/icons/tab.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/tag.svg b/chrome/icons/tag.svg new file mode 100644 index 0000000..8864d48 --- /dev/null +++ b/chrome/icons/tag.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/tool-profiler.svg b/chrome/icons/tool-profiler.svg new file mode 100644 index 0000000..8760328 --- /dev/null +++ b/chrome/icons/tool-profiler.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/tracking-protection.svg b/chrome/icons/tracking-protection.svg index 14a21c8..8491ded 100644 --- a/chrome/icons/tracking-protection.svg +++ b/chrome/icons/tracking-protection.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/icons/translate.svg b/chrome/icons/translate.svg new file mode 100644 index 0000000..58e8c43 --- /dev/null +++ b/chrome/icons/translate.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/video-open.svg b/chrome/icons/video-open.svg new file mode 100644 index 0000000..5aba487 --- /dev/null +++ b/chrome/icons/video-open.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/video-save.svg b/chrome/icons/video-save.svg new file mode 100644 index 0000000..9523d94 --- /dev/null +++ b/chrome/icons/video-save.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/webdeveloper.svg b/chrome/icons/webdeveloper.svg deleted file mode 100644 index b066ab4..0000000 --- a/chrome/icons/webdeveloper.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/whatsnew.svg b/chrome/icons/whatsnew.svg deleted file mode 100644 index 9bd094d..0000000 --- a/chrome/icons/whatsnew.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/win11-close-dark.svg b/chrome/icons/win11-close-dark.svg new file mode 100644 index 0000000..ccc02b4 --- /dev/null +++ b/chrome/icons/win11-close-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/win11-close.svg b/chrome/icons/win11-close.svg new file mode 100644 index 0000000..8fa6779 --- /dev/null +++ b/chrome/icons/win11-close.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/win11-maximize.svg b/chrome/icons/win11-maximize.svg new file mode 100644 index 0000000..81f1254 --- /dev/null +++ b/chrome/icons/win11-maximize.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/win11-minimize.svg b/chrome/icons/win11-minimize.svg new file mode 100644 index 0000000..ee4807a --- /dev/null +++ b/chrome/icons/win11-minimize.svg @@ -0,0 +1,4 @@ + + + + diff --git a/chrome/icons/win11-restore.svg b/chrome/icons/win11-restore.svg new file mode 100644 index 0000000..09f94a2 --- /dev/null +++ b/chrome/icons/win11-restore.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/window.svg b/chrome/icons/window.svg new file mode 100644 index 0000000..f5d3426 --- /dev/null +++ b/chrome/icons/window.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/xr-blocked.svg b/chrome/icons/xr-blocked.svg new file mode 100644 index 0000000..b4df6f3 --- /dev/null +++ b/chrome/icons/xr-blocked.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/chrome/icons/xr.svg b/chrome/icons/xr.svg new file mode 100644 index 0000000..80772b3 --- /dev/null +++ b/chrome/icons/xr.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/zoom-in.svg b/chrome/icons/zoom-in.svg deleted file mode 100644 index efb33f1..0000000 --- a/chrome/icons/zoom-in.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/icons/zoom-out.svg b/chrome/icons/zoom-out.svg index 825451d..9023b66 100644 --- a/chrome/icons/zoom-out.svg +++ b/chrome/icons/zoom-out.svg @@ -1,5 +1,3 @@ - - + + diff --git a/chrome/navbar/navbar.css b/chrome/navbar/navbar.css deleted file mode 100644 index 6569d17..0000000 --- a/chrome/navbar/navbar.css +++ /dev/null @@ -1,114 +0,0 @@ -#nav-bar -{ - min-height: 38px !important; - box-shadow: none !important; - padding-inline: 6px !important; - background-color: var(--toolbar-bgcolor) !important; -} - -#reload-button[disabled]:not(:-moz-window-inactive) > .toolbarbutton-icon -{ - opacity: 1 !important; -} - -.toolbarbutton-badge -{ - box-shadow: 0 0 0 1px #0001 !important; - margin: 10px 0 0 !important; - margin-inline-end: -6px !important; -} - -#nav-bar .toolbarbutton-badge -{ - box-shadow: 0 0 0 1px var(--toolbar-bgcolor) !important; - margin: 10px 0 0 !important; - margin-inline-end: -6px !important; -} - -panel .toolbarbutton-badge -{ - box-shadow: 0 0 0 1px var(--arrowpanel-background) !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; -} - -#navigator-toolbox #fxa-toolbar-menu-button { - margin-inline: 5px !important; - border-radius: 99px !important; - margin-block: -2px !important; -} - -#navigator-toolbox #fxa-toolbar-menu-button > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) -{ - width: 30px !important; - height: 30px !important; -} - -#navigator-toolbox #fxa-toolbar-menu-button > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) -{ - padding: 3px !important; - background: 0 !important; -} - -#fxa-avatar-image { - width: 24px !important; - height: 24px !important; -} - -/* show "Private" label for en languages only */ -:root[privatebrowsingmode] #fxa-toolbar-menu-button::before -{ - content: "Private" !important; - display: -moz-box !important; - margin-inline-start: 12px !important; - margin-inline-end: 6px !important; -} -:root[privatebrowsingmode] #navigator-toolbox #fxa-toolbar-menu-button { - background-color: var(--private-browsing-indicator, #006cbe) !important; - color: white !important; - margin-inline: 0 !important; -} - -#nav-bar-customization-target -{ - overflow: visible !important; -} - -/* Compact mode */ -:root[uidensity="compact"] { - --button-padding: 8px !important; -} -:root[uidensity="compact"] #nav-bar { - padding-inline: 4px !important; -} -:root[uidensity="compact"] :is(#navigator-toolbox .webextension-browser-action > :is(.toolbarbutton-badge-stack, .toolbarbutton-icon), -#navigator-toolbox #nav-bar .toolbarbutton-1:not(#fxa-toolbar-menu-button) > :is(.toolbarbutton-badge-stack, .toolbarbutton-icon)) { - padding-inline: var(--button-padding) !important; - width: calc(16px + var(--button-padding) * 2) !important; -} -:root[uidensity="compact"] #fxa-toolbar-menu-button { - margin-inline: 1px !important; -} -:root[uidensity="compact"] :is(#reload-button > .toolbarbutton-animatable-box, #stop-button > .toolbarbutton-animatable-box, -#nav-bar-overflow-button > .toolbarbutton-animatable-box) { - margin-inline-start: calc((16px + 2 * var(--button-padding) - 18px) / 2) !important; -} -:root[uidensity="compact"] #PersonalToolbar { - padding-inline: 2px; -} \ No newline at end of file diff --git a/chrome/personalbar/personalbar.css b/chrome/personalbar/personalbar.css deleted file mode 100644 index 4b5b81f..0000000 --- a/chrome/personalbar/personalbar.css +++ /dev/null @@ -1,25 +0,0 @@ -#navigator-toolbox toolbarbutton.bookmark-item:not(.subviewbutton) -{ - padding: 6px !important; -} -#PersonalToolbar -{ - padding-top: 0 !important; - padding-inline: 6px 12px !important; - margin-top: -2px !important; - background: var(--toolbar-bgcolor) !important; - clip-path: inset(2px 0 0 0); -} -#navigator-toolbox #PersonalToolbar .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) -{ - width: 28px !important; - height: 28px !important; -} -#navigator-toolbox #PersonalToolbar .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) -{ - padding: 6px !important; - background: 0 !important; -} -:root[uidensity="compact"] #PersonalToolbar { - padding-inline: 4px 6px !important; -} \ No newline at end of file diff --git a/chrome/popup/checkmark.svg b/chrome/popup/checkmark.svg deleted file mode 100644 index 3c2cb1e..0000000 --- a/chrome/popup/checkmark.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/accessibility.svg b/chrome/popup/icons/accessibility.svg deleted file mode 100644 index 095af58..0000000 --- a/chrome/popup/icons/accessibility.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/audio-mute.svg b/chrome/popup/icons/audio-mute.svg deleted file mode 100644 index d634f52..0000000 --- a/chrome/popup/icons/audio-mute.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/audio.svg b/chrome/popup/icons/audio.svg deleted file mode 100644 index 708a532..0000000 --- a/chrome/popup/icons/audio.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/brush.svg b/chrome/popup/icons/brush.svg deleted file mode 100644 index 7023b3b..0000000 --- a/chrome/popup/icons/brush.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/close-tabs.svg b/chrome/popup/icons/close-tabs.svg deleted file mode 100644 index d051315..0000000 --- a/chrome/popup/icons/close-tabs.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/close.svg b/chrome/popup/icons/close.svg deleted file mode 100644 index f8513a1..0000000 --- a/chrome/popup/icons/close.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/copy-image.svg b/chrome/popup/icons/copy-image.svg deleted file mode 100644 index 4acd65a..0000000 --- a/chrome/popup/icons/copy-image.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/copy-tab.svg b/chrome/popup/icons/copy-tab.svg deleted file mode 100644 index 5405fb2..0000000 --- a/chrome/popup/icons/copy-tab.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/copy.svg b/chrome/popup/icons/copy.svg deleted file mode 100644 index 9302ea7..0000000 --- a/chrome/popup/icons/copy.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/cut.svg b/chrome/popup/icons/cut.svg deleted file mode 100644 index c8ef566..0000000 --- a/chrome/popup/icons/cut.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/delete.svg b/chrome/popup/icons/delete.svg deleted file mode 100644 index 7728966..0000000 --- a/chrome/popup/icons/delete.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/fullscreen-enter.svg b/chrome/popup/icons/fullscreen-enter.svg deleted file mode 100644 index 4c68d89..0000000 --- a/chrome/popup/icons/fullscreen-enter.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/fullscreen-exit.svg b/chrome/popup/icons/fullscreen-exit.svg deleted file mode 100644 index b0eed03..0000000 --- a/chrome/popup/icons/fullscreen-exit.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/hide-controls.svg b/chrome/popup/icons/hide-controls.svg deleted file mode 100644 index 4fe3ccc..0000000 --- a/chrome/popup/icons/hide-controls.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/image.svg b/chrome/popup/icons/image.svg deleted file mode 100644 index af9e5d8..0000000 --- a/chrome/popup/icons/image.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/info.svg b/chrome/popup/icons/info.svg deleted file mode 100644 index f148e66..0000000 --- a/chrome/popup/icons/info.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/inspect.svg b/chrome/popup/icons/inspect.svg deleted file mode 100644 index b69fd22..0000000 --- a/chrome/popup/icons/inspect.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/loop.svg b/chrome/popup/icons/loop.svg deleted file mode 100644 index 76ad31f..0000000 --- a/chrome/popup/icons/loop.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/mail.svg b/chrome/popup/icons/mail.svg deleted file mode 100644 index a5b1598..0000000 --- a/chrome/popup/icons/mail.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/move-tab.svg b/chrome/popup/icons/move-tab.svg deleted file mode 100644 index 8eabdf9..0000000 --- a/chrome/popup/icons/move-tab.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/mute.svg b/chrome/popup/icons/mute.svg deleted file mode 100644 index d634f52..0000000 --- a/chrome/popup/icons/mute.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/open-link-newtab.svg b/chrome/popup/icons/open-link-newtab.svg deleted file mode 100644 index 64ce4b5..0000000 --- a/chrome/popup/icons/open-link-newtab.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/open-link-private-window.svg b/chrome/popup/icons/open-link-private-window.svg deleted file mode 100644 index babbaf2..0000000 --- a/chrome/popup/icons/open-link-private-window.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/open-link-window.svg b/chrome/popup/icons/open-link-window.svg deleted file mode 100644 index 3c8bd92..0000000 --- a/chrome/popup/icons/open-link-window.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/open.svg b/chrome/popup/icons/open.svg deleted file mode 100644 index a8ea96b..0000000 --- a/chrome/popup/icons/open.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/paste-and-go.svg b/chrome/popup/icons/paste-and-go.svg deleted file mode 100644 index d894f67..0000000 --- a/chrome/popup/icons/paste-and-go.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/paste.svg b/chrome/popup/icons/paste.svg deleted file mode 100644 index 5349d4e..0000000 --- a/chrome/popup/icons/paste.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/pause.svg b/chrome/popup/icons/pause.svg deleted file mode 100644 index a86f92d..0000000 --- a/chrome/popup/icons/pause.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/picture-in-picture.svg b/chrome/popup/icons/picture-in-picture.svg deleted file mode 100644 index d26e86c..0000000 --- a/chrome/popup/icons/picture-in-picture.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/pin.svg b/chrome/popup/icons/pin.svg deleted file mode 100644 index feb590e..0000000 --- a/chrome/popup/icons/pin.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/play.svg b/chrome/popup/icons/play.svg deleted file mode 100644 index ef843d8..0000000 --- a/chrome/popup/icons/play.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/print.svg b/chrome/popup/icons/print.svg deleted file mode 100644 index ffd4c3c..0000000 --- a/chrome/popup/icons/print.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/refresh.svg b/chrome/popup/icons/refresh.svg deleted file mode 100644 index 2052714..0000000 --- a/chrome/popup/icons/refresh.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/report.svg b/chrome/popup/icons/report.svg deleted file mode 100644 index 9c14bb4..0000000 --- a/chrome/popup/icons/report.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/save-link.svg b/chrome/popup/icons/save-link.svg deleted file mode 100644 index d627e46..0000000 --- a/chrome/popup/icons/save-link.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/save-pocket.svg b/chrome/popup/icons/save-pocket.svg deleted file mode 100644 index 6fcc640..0000000 --- a/chrome/popup/icons/save-pocket.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/savefile.svg b/chrome/popup/icons/savefile.svg deleted file mode 100644 index 812e6db..0000000 --- a/chrome/popup/icons/savefile.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/search.svg b/chrome/popup/icons/search.svg deleted file mode 100644 index cf81067..0000000 --- a/chrome/popup/icons/search.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/select-all.svg b/chrome/popup/icons/select-all.svg deleted file mode 100644 index 8de923d..0000000 --- a/chrome/popup/icons/select-all.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/send-to-device.svg b/chrome/popup/icons/send-to-device.svg deleted file mode 100644 index 8aea5a0..0000000 --- a/chrome/popup/icons/send-to-device.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/settings.svg b/chrome/popup/icons/settings.svg deleted file mode 100644 index 54b4abc..0000000 --- a/chrome/popup/icons/settings.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/show-controls.svg b/chrome/popup/icons/show-controls.svg deleted file mode 100644 index 8424100..0000000 --- a/chrome/popup/icons/show-controls.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/source.svg b/chrome/popup/icons/source.svg deleted file mode 100644 index bc5f433..0000000 --- a/chrome/popup/icons/source.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/speed.svg b/chrome/popup/icons/speed.svg deleted file mode 100644 index ddcd3c8..0000000 --- a/chrome/popup/icons/speed.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/star.svg b/chrome/popup/icons/star.svg deleted file mode 100644 index 7251ccf..0000000 --- a/chrome/popup/icons/star.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/undo.svg b/chrome/popup/icons/undo.svg deleted file mode 100644 index 08fb37f..0000000 --- a/chrome/popup/icons/undo.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/video-clip.svg b/chrome/popup/icons/video-clip.svg deleted file mode 100644 index c7ec8d5..0000000 --- a/chrome/popup/icons/video-clip.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/icons/video-snapshot.svg b/chrome/popup/icons/video-snapshot.svg deleted file mode 100644 index 18cff02..0000000 --- a/chrome/popup/icons/video-snapshot.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/menu-right.svg b/chrome/popup/menu-right.svg deleted file mode 100644 index 2472e92..0000000 --- a/chrome/popup/menu-right.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/popup/popup.css b/chrome/popup/popup.css deleted file mode 100644 index 999868d..0000000 --- a/chrome/popup/popup.css +++ /dev/null @@ -1,1399 +0,0 @@ -menupopup, -menupopup menuitem, -menupopup menu, -menupopup menuseparator, -panel -{ - -moz-appearance: none !important; -} - -menupopup, panel -{ - --menu-border-radius: 6px; - --menu-border: 0; - --menu-shadow: - 0 1px 2px 1px rgba(0,0,0,.1), - 0 5px 5px -3px rgba(0,0,0,.2), - 0 6px 10px 1px rgba(0,0,0,.14), - 0 4px 12px 2px rgba(0,0,0,.12); -} -:root[lwthemetextcolor="bright"] :-moz-any(menupopup, panel) { - --menu-border: 0; - --menu-shadow: - 0 1px 2px 1px rgba(0,0,0,.1), - 0 5px 5px -3px rgba(0,0,0,.2), - 0 6px 10px 1px rgba(0,0,0,.14), - 0 4px 12px 2px rgba(0,0,0,.12); -} - -menupopup, -panel[type="autocomplete-richlistbox"], -menulist > menupopup > menucaption -{ - -moz-window-shadow: none !important; - background: 0 !important; - border: 0 !important; - color: var(--arrowpanel-color) !important; - box-sizing: content-box !important; -} - -menucaption { - padding-inline: 20px !important; -} - -menupopup -{ - padding: 11px 14px 18px !important; - margin: -19px -14px 0 !important; -} - -/* needs to align with textbox/bookmark-button but can't overlap it */ -panel[type="autocomplete-richlistbox"], -.bookmark-item:not(menu) > menupopup[placespopup] -{ - padding: 1px 14px 18px !important; - margin: 0 -14px 0 !important; -} - -.panel-arrowcontent -{ - background: 0 !important; - padding: 0 !important; - box-shadow: none !important; - font: -moz-pull-down-menu !important; - border: 0 !important; -} - -.popup-internal-box, -panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox, -#PopupSearchAutoComplete > *, -.menupopup-arrowscrollbox -{ - background: var(--arrowpanel-background) !important; -} - -/* themes a menupopup (or other root level / shadow dom popup) as a panel */ -/* Mozilla's use of shadow dom means we can't use a menupopup > .popup-internal-box */ -.popup-internal-box, -panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox, -.menupopup-arrowscrollbox -{ - margin: 0 !important; - padding: 4px 0 !important; - border-radius: var(--menu-border-radius) !important; - color: inherit !important; -} - -.popup-internal-box, -.menupopup-arrowscrollbox -{ - box-shadow: var(--menu-shadow) !important; - border: var(--menu-border) !important; -} - -#PopupSearchAutoComplete > * -{ - border-radius: 0 !important; -} - -#PopupSearchAutoComplete > :first-child -{ - border-radius: 4px 4px 0 0 !important; -} - -#PopupSearchAutoComplete > :last-child -{ - border-radius: 0 0 4px 4px !important; -} - -/* autocomplete panel can't overlap the textbox, so shadow can't go up - more than 1px */ -panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox -{ - box-shadow: var(--menu-shadow) !important; - border: var(--menu-border) !important -} - -/* search panel gets special treatment; it has multiple children */ -#PopupSearchAutoComplete > .autocomplete-richlistbox -{ - box-shadow: none !important; -} - -#PopupSearchAutoComplete -{ - filter: - drop-shadow(0 8px 6px rgba(0, 0, 0, .25)) - drop-shadow(0 1px 1px rgba(0, 0, 0, .125)) !important; -} - -/* reset non-layout props when embedded in a panel - (panel handles panel theming in this case) */ -.panel-arrowcontent > .popup-internal-box -{ - background: 0 !important; - border-radius: 0 !important; - box-shadow: none !important; -} - -/* shotgun approach to undo this selector... - #BMB_bookmarksPopup menupopup[placespopup="true"]:-moz-lwtheme::part(innerbox) - ...without being able to use ::part() in userChrome.css */ -[part="innerbox"] -{ - /* this could cause side effects elsewhere */ - box-shadow: none !important; - margin: 0 !important; -} - -menupopup menuseparator -{ - margin: 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:not(#context-navigation .menu-iconic-left) -{ - -moz-appearance: none !important; - margin-inline: -4px 0 !important; - padding: 0 !important; -} - -.menu-iconic-icon -{ - margin-inline-start: 0 !important; - margin-inline-end: 8px !important; - width: 24px !important; - height: 24px !important; - padding: 4px !important; -} - -menucaption > .menu-iconic-left { - display: none !important; -} - -.menu-text, .menu-iconic-text -{ - -moz-appearance: none !important; - padding: 0 !important; - margin: 0 !important; -} - -.menu-right -{ - -moz-appearance: none !important; - -moz-context-properties: fill !important; - fill: currentColor !important; - list-style-image: url(menu-right.svg) !important; - margin-inline-end: 0 !important; - margin-inline-start: 16px !important; - height: 16px !important; -} - -menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon, -menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon, -menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon, -menuitem[selected="true"] > .menu-iconic-left > .menu-iconic-icon -{ - display: -moz-box !important; - padding: 4px !important; -} - -menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon, -menuitem[selected="true"] > .menu-iconic-left > .menu-iconic-icon -{ - /* checkmark is 18px, not 16px, hence reduced padding */ - list-style-image: url(checkmark.svg) !important; -} - -menulist > menupopup > menuitem[checked="true"]::before, menulist > menupopup > menuitem[selected="true"]::before -{ - display: none !important; -} - -#context-navigation -{ - background: 0 !important; - margin: 0 2px !important; -} - -#context-navigation .menuitem-iconic -{ - background: 0 !important; - padding: 0 !important; - margin: 0 2px !important; - border-radius: 4px !important; -} - -#context-navigation .menu-iconic-left -{ - border-radius: 50% !important; - padding: 0px !important; -} - -#context-navigation .menu-iconic-icon -{ - padding: 0 !important; - margin: 0 2px !important; - width: 16px !important; - height: 16px !important; -} - -#context-navigation .menuitem-iconic:hover:not([disabled]) -{ - background-color: var(--arrowpanel-dimmed) !important; -} - -#context-navigation .menuitem-iconic:hover:active:not([disabled]) -{ - background-color: var(--arrowpanel-dimmed-further) !important; -} - -panel[type="arrow"] -{ - -moz-window-shadow: none !important; - - margin: 0 -14px -18px !important; - padding: 0 14px 18px !important; -} - -panel[type="arrow"][side="top"], -panel[type="arrow"][side="bottom"] -{ - margin-left: -39px !important; - margin-right: -39px !important; -} - -panel[type="arrow"][side="left"], -panel[type="arrow"][side="right"] -{ - margin-top: -44px; - margin-bottom: -44px; -} - -.panel-arrowcontent -{ - background: var(--arrowpanel-background) !important; - border: var(--menu-border) !important; - border-radius: var(--menu-border-radius) !important; - box-shadow: var(--menu-shadow) !important; - color: var(--arrowpanel-color) !important; -} - -.panel-arrowbox, -.cui-widget-panel .panel-arrowbox -{ - display: none !important; -} - -/* .subview-subheader, */ -panelview .toolbarbutton-1, -.subviewbutton, -.widget-overflow-list .toolbarbutton-1, -.panel-banner-item -{ - min-height: 32px !important; - padding: 0 12px !important; -} - -.subviewbutton .toolbarbutton-icon, -.panel-banner-item .toolbarbutton-icon -{ - margin-inline-end: 8px !important; - width: 24px !important; - height: 24px !important; - padding: 4px !important; -} - -.subviewbutton label, -.panel-banner-item label -{ - padding-inline-start: 0 !important; -} - -#appMenu-zoom-controls > .subviewbutton, -#appMenu-edit-controls > .subviewbutton -{ - min-width: 42px !important; - max-width: 46px !important; - border-radius: 0 !important; - border: 0 !important; - padding: 0 !important; - margin-inline-start: 0 !important; - background-clip: padding-box !important; -} - -#appMenu-zoom-controls > .subviewbutton-iconic, -#appMenu-edit-controls > .subviewbutton-iconic -{ - padding: 0 !important; - width: 42px !important; -} - -#appMenu-zoomReset-button { - width: 46px !important; -} - -#appMenu-edit-controls > .subviewbutton, -#appMenu-zoom-controls > #appMenu-fullscreen-button, -#appMenu-zoom-controls > #appMenu-zoomReduce-button -{ - border-left: 1px solid var(--panel-separator-color) !important; - padding-left: 1px !important; -} - -#appMenu-zoom-controls > toolbarseparator[orient="vertical"] + .subviewbutton -{ - margin-inline-start: 0 !important; -} - -#appMenu-zoomReset-button -{ - background-color: transparent !important; -} - -#appMenu-zoomReset-button:not([disabled], [open], :active):is(:hover, :focus), #appMenu-zoomReset-button2:not([disabled], [open], :active):is(:hover, :focus) -{ - background-color: var(--panelview-toolbarbutton-hover-bgcolor) !important; -} - -#appMenu-zoomReset-button:not([disabled]):is([open], :hover:active), #appMenu-zoomReset-button2:not([disabled]):is([open], :hover:active) -{ - background-color: var(--panelview-toolbarbutton-active-bgcolor) !important; -} - -panelview .toolbarbutton-1:not([disabled]):is([open], :hover:active), toolbarbutton.subviewbutton:not([disabled]):is([open], :hover:active), .navigable.subviewbutton:not([disabled]):is([open], :hover:active), menu.subviewbutton:not([disabled])[_moz-menuactive]:active, menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active, .widget-overflow-list .toolbarbutton-1:not([disabled]):is([open], :hover:active), .toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton:not([disabled]):is([open], :hover:active) -{ - box-shadow: none !important; -} - -.toolbaritem-combined-buttons:not([widget-type="button-and-view"]), .toolbaritem-menu-buttons { - padding-inline-start: 24px !important; - margin-block: -6px !important; - margin-inline-end: 0 !important; -} - -.toolbaritem-combined-buttons toolbarseparator { - display: none !important; -} - -.panel-banner-item -{ - border: 0 !important; -} - -#appMenu-addon-banners:not(:empty) ~ #appMenu-fxa-status, -.panel-banner-item:not([hidden]) + #appMenu-fxa-status -{ - border-top: 1px solid var(--panel-separator-color) !important; - margin-top: 5px !important; - padding-top: 5px !important; -} - -#appMenu-fxa-avatar -{ - display: none !important; -} - -:root[fxastatus="signedin"] #appMenu-fxa-label -{ - list-style-image: var(--avatar-image-url) !important; - margin: 0 !important; -} - -:root[fxastatus="signedin"] #appMenu-fxa-label > .toolbarbutton-icon -{ - display: -moz-box !important; - border-radius: 99px !important; - padding: 2px !important; -} - -.panel-banner-item[notificationid="update-restart"]::after -{ - display: none !important; -} - -.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), -[overflowedItem="true"]) > toolbarbutton > .toolbarbutton-icon -{ - margin: 0 !important; -} - -panelmultiview .toolbaritem-combined-buttons > spacer.before-label -{ - width: 20px !important; -} - -panelmultiview .toolbaritem-combined-buttons > spacer.after-label -{ - width: 14px !important; -} - -.subviewbutton-back -{ - padding: 4px !important; - border-radius: 16px !important; -} - -.subviewbutton-back .toolbarbutton-icon -{ - margin: 0 !important; -} - -.subviewbutton[type="highlight-history"]::after -{ - transform: none !important; -} - -.subviewbutton[type="highlight-history"]::after, -.subviewbutton[shortcut]::after, -.PanelUI-subView .subviewbutton-nav::after -{ - margin-inline-start: 14px !important; -} - -.PanelUI-subView .subviewbutton-nav::after -{ - transform: none !important; - content: url(menu-right.svg) !important; - fill-opacity: 1 !important; -} - -#identity-popup > .panel-arrowcontainer > .panel-arrowcontent -{ - fill-opacity: inherit !important; -} - -.identity-popup-preferences-button -{ - border-radius: 16px !important; - background-image: none !important; -} - -.identity-popup-preferences-button > .toolbarbutton-icon -{ - margin: 0 !important; -} - -#identity-popup-permission-preferences-button -{ - padding: 0 !important; -} - -#tracking-protection-preferences-button > .toolbarbutton-icon -{ - margin-inline-end: -8px !important; -} - -#tracking-protection-preferences-button > .toolbarbutton-text -{ - padding-inline-end: 4px !important; - -moz-box-ordinal-group: 0 !important; -} - -.identity-popup-section -{ - padding: 16px !important; - display: flex !important; -} - -.identity-popup-security-content, -#identity-popup-content-blocking-content, -#identity-popup-permissions-content -{ - padding: 0 !important; - background: 0 !important; - fill-opacity: inherit !important; -} - -.identity-popup-expander -{ - border-radius: 16px !important; - width: 32px !important; - max-height: 32px !important; - margin-inline-start: auto !important; - -moz-box-pack: center !important; - -moz-box-align: center !important; - background-image: none !important; -} - -.identity-popup-expander > .button-box -{ - border: 0 !important; - display: flex !important; - justify-content: center !important; -} - -.identity-popup-expander .button-icon -{ - margin: 0 !important; -} - -.identity-popup-expander .button-text -{ - display: none !important; -} - -.identity-popup-headline -{ - margin: 0 !important; -} - -.PanelUI-subView > .identity-popup-security-content, -#identity-popup-securityView-body -{ - padding: 16px !important; -} - -#identity-popup-mainView-panel-header -{ - -moz-box-align: start !important; - padding: 16px !important; -} - -#identity-popup-securityView-body -{ - margin: 0 !important; -} - -#identity-popup-content-blocking-content, -#identity-popup-permissions-content -{ - display: flex !important; - flex-direction: column !important; - width: 100% !important; -} - -#identity-popup-content-blocking-content > hbox:first-child, -#identity-popup-permissions-content > hbox:first-child -{ - display: flex !important; -} - -#identity-popup-content-blocking-category-list, -#identity-popup-permission-list -{ - display: flex !important; - flex-direction: column !important; - margin: 0 -16px !important; - width: calc(100% + 32px) !important; - padding-top: 8px !important; -} - -.identity-popup-permission-item -{ - display: flex !important; - align-items: center !important; -} - -.identity-popup-permission-label, -#identity-popup-content-blocking-report-breakage -{ - flex: 1 !important; - text-decoration: none !important; - cursor: auto !important; - color: inherit !important; -} - -.identity-popup-content-blocking-category, -.identity-popup-permission-item -{ - height: 32px !important; - padding: 0 16px !important; -} - -.identity-popup-content-blocking-category-icon, -.identity-popup-permission-icon -{ - margin: 0 !important; - margin-inline-end: 16px !important; -} - -.popup-notification-icon, -.identity-popup-permission-icon -{ - fill-opacity: 1 !important; -} - -.identity-popup-content-blocking-category-label, -.identity-popup-permission-label -{ - margin: 0 !important; -} - -.identity-popup-content-blocking-category::after -{ - transform: translateY(1px) !important; - content: url(menu-right.svg) !important; - margin: 0 !important; -} - -.identity-popup-preferences-button -{ - margin-inline-start: auto !important; -} - -.identity-popup-permission-remove-button -{ - opacity: 1 !important; -} - -.tracking-protection-button, -#identity-popup-content-blocking-report-breakage -{ - margin: 0 -16px !important; - height: 32px !important; - padding: 0 16px !important; - background: 0 !important; - color: inherit !important; - line-height: 32px !important; -} - -#identity-popup-content-blocking-report-breakage -{ - padding-inline-start: 50px !important; -} - -.tracking-protection-button > .button-box -{ - padding: 0 !important; -} - -.tracking-protection-button .button-icon -{ - margin: 0 !important; -} - -#customization-lwtheme-menu-header -{ - height: 8px !important; - font-size: 0 !important; - padding: 0 !important; - margin: 0 !important; - border: 0 !important; - visibility: hidden !important; -} - -#identity-popup-content-blocking-report-breakage -{ - padding-inline-start: 48px !important; - line-height: 32px !important; - text-decoration: none !important; - cursor: auto !important; -} - -.tracking-protection-button:hover:not([disabled=true]), -#identity-popup-content-blocking-report-breakage:hover, -#blocked-popup-indicator-item:hover, -.customization-lwtheme-menu-theme:hover, -#customization-lwtheme-menu-footer toolbarbutton:hover -{ - background-color: var(--arrowpanel-dimmed) !important; -} - -.tracking-protection-button:hover:active:not([disabled=true]), -#identity-popup-content-blocking-report-breakage:hover:active, -#blocked-popup-indicator-item:hover:active, -.customization-lwtheme-menu-theme:hover:active, -#customization-lwtheme-menu-footer toolbarbutton:hover:active -{ - background-color: var(--arrowpanel-dimmed-further) !important; -} - -.identity-popup-content-blocking-empty-label, -#tracking-protection-preferences-button > .toolbarbutton-text, -.tracking-protection-button, -#identity-popup-trackersView-strict-info > label, -.identity-popup-cookiesView-list-header, -.identity-popup-content-blocking-list-item > label, -#identity-popup-mainView-panel-header > label, -#identity-popup-trackersView > .panel-header, -#identity-popup-securityView > .panel-header, -#identity-popup-breakageReportView > .panel-header, -#identity-popup-content-blocking-report-breakage, -.identity-popup-content-blocking-category-label, -.identity-popup-content-blocking-category-state-label, -.identity-popup-permission-label, -.identity-popup-permission-state-label, -#identity-popup-security-descriptions > description, -#identity-popup-securityView-body > description, -#identity-popup-permissions-content > description, -#identity-popup-content-blocking-content > description -{ - font-size: 100% !important; -} - -.panel-header > label -{ - text-align: start !important; - margin-inline-start: 4px !important; -} - -.identity-popup-headline -{ - font-size: 110% !important; -} - -.identity-popup-security-content > description, -#identity-popup-content-blocking-content > description, -#identity-popup-permissions-content > description, -.identity-popup-content-blocking-category-state-label, -.identity-popup-permission-state-label -{ - font-size: 85% !important; -} - -#identity-popup-permissions-content > description, -#identity-popup-content-blocking-content > description -{ - color: inherit !important; - opacity: .6 !important; -} - -.identity-popup-content-blocking-category-state-label -{ - transform: translateY(1px) !important; -} - -.tracking-protection-button > .button-box, -.panel-footer button > .button-box -{ - display: flex !important; - align-items: center !important; -} - -.tracking-protection-button .button-icon, -.panel-footer button .button-icon -{ - padding-inline-end: 16px !important; -} - -.tracking-protection-button .button-text, -.panel-footer button .button-text -{ - margin: 0 !important; -} - -#downloadsPanel-multiView -{ - padding-top: 8px !important; -} - -#downloadsListBox .download-state -{ - display: flex !important; - width: 100% !important; - align-items: center !important; -} - -#downloadsListBox .downloadMainArea -{ - padding: 0 !important; - display: flex !important; - flex: 1 !important; - margin-inline-end: -48px !important; - padding-inline-end: 48px !important; - padding-inline-start: 16px !important; - height: 100% !important; - align-items: center !important; -} - -#downloadsListBox .downloadContainer -{ - display: flex !important; - flex-direction: column !important; - flex: 1 !important; -} - -#downloadsListBox .downloadTypeIcon -{ - margin: 0 !important; - margin-inline-end: 16px !important; -} - -#downloadsListBox .downloadTarget -{ - font-size: 100% !important; -} - -#downloadsListBox .downloadDetails -{ - font-size: 85% !important; -} - -#downloadsListBox > richlistitem > toolbarseparator -{ - display: none !important; -} - -#downloadsListBox .downloadButton -{ - margin-inline-end: 16px !important; - height: 32px !important; - min-width: 32px !important; - border-radius: 16px !important; - fill: currentColor !important; - -moz-context-properties: fill, fill-opacity !important; - display: block !important; -} - -#downloadsListBox .downloadButton .button-box -{ - display: flex !important; - align-items: center !important; - justify-content: center !important; - max-width: 32px !important; -} - -#confirmation-hint .panel-arrowcontent, -#UITourTooltip .panel-arrowcontent, -#customization-lwtheme-menu .panel-arrowcontent, -#customization-uidensity-menu .panel-arrowcontent -{ - padding: 16px !important; -} - -#customization-uidensity-menu .panel-arrowcontent, -#customization-lwtheme-menu .panel-arrowcontent -{ - padding-top: 8px !important; -} - -#customization-lwtheme-menu, -#customization-uidensity-menu -{ - margin-inline: -60px 0 !important; - margin-block-end: -20px !important; -} - -.customization-lwtheme-menu-theme, -.customization-uidensity-menuitem -{ - padding: 0 16px !important; - margin: 0 !important; - border: 0 !important; - height: 48px !important; -} - -.customization-lwtheme-menu-theme .toolbarbutton-icon, -.customization-uidensity-menuitem .menu-iconic-icon -{ - margin: 0 !important; - margin-inline-end: 16px !important; - padding: 0 !important; - width: 24px !important; - height: 24px !important; -} - -.customization-lwtheme-menu-theme[active]:not(:hover):not(:active), -.customization-uidensity-menuitem[active]:not(:hover):not(:active) -{ - background: 0 !important; -} - -.customization-lwtheme-menu-theme[active]::after, -.customization-uidensity-menuitem[active]::after -{ - content: url(checkmark.svg) !important; - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; - display: -moz-box !important; - width: 18px !important; - height: 18px !important; - margin-inline-start: 16px !important; -} - -.customization-uidensity-menuitem:first-of-type -{ - margin-block-start: 8px !important; -} - -.customization-uidensity-menuitem:last-of-type -{ - margin-block-end: 8px !important; -} - -#customization-lwtheme-menu-footer -{ - padding: 0 0 8px !important; - margin: 0 !important; - background: 0 !important; - border: 0 !important; - display: flex !important; - flex-direction: column !important; -} - -#customization-lwtheme-menu-footer toolbarbutton -{ - border: 0 !important; - margin: 0 !important; - height: 48px !important; - padding: 0 16px !important; - display: flex !important; - background-image: none !important; -} - -#customization-lwtheme-menu-footer toolbarbutton .toolbarbutton-text -{ - text-align: start !important; -} - -.panel-footer -{ - padding: 4px !important; - background: 0 !important; - border-top: 1px solid var(--panel-separator-color) !important; - justify-content: end !important; - display: flex !important; -} - -.panel-footer button -{ - border: 0 !important; - border-radius: 4px !important; - margin: 4px !important; - height: 32px !important; - padding: 0 !important; - flex: 0 0 auto !important; - position: relative !important; - outline: 0 !important; -} - -.panel-footer button > .button-box -{ - -moz-appearance: none !important; - position: relative !important; - padding-inline-end: 16px !important; -} - -.panel-footer button .button-menu-dropmarker -{ - margin-inline-start: 8px !important; - margin-inline-end: -8px !important; -} - -.panel-footer button:not([default]) > .button-box::before -{ - content: "" !important; - display: block !important; - border-radius: 2px !important; - position: absolute !important; - left: 0 !important; - top: 0 !important; - width: 100% !important; - height: 100% !important; - border: 1px solid currentColor !important; - opacity: .2 !important; - box-sizing: border-box !important; -} - -panel menulist -{ - appearance: none !important; - color: var(--arrowpanel-color) !important; - height: 30px !important; - padding-inline: 6px 10px !important; - border-radius: 2px !important; - box-shadow: 0 0 0 1px var(--panel-separator-color) inset, 0 0 0 1px var(--panel-separator-color) inset !important; -} - -panel menulist:not(.panel-button)::after -{ - content: ""; - width: 16px !important; - height: 16px !important; - display: block !important; - -moz-context-properties: fill, fill-opacity !important; - background-image: url(menu-right.svg) !important; - background-size: 16px !important; - background-position: center !important; - background-repeat: no-repeat !important; - margin-inline-start: 8px !important; - transform: rotate(90deg) !important; - opacity: .7 !important; -} - -.panel-footer button:not([default]):hover:active:not([disabled]) > .button-box::before -{ - border-width: 0 !important; -} - -.panel-footer button:not([default]):hover:active:not([disabled]) -{ - border-width: 0 !important; - background: #002275 !important; - color: #FFF !important; -} - -#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] -{ - height: 48px !important; -} - -richlistitem[originaltype="loginsFooter"], -richlistitem[originaltype="generatedPassword"] > .two-line-wrapper -{ - display: flex !important; - align-items: center !important; -} - -richlistitem:-moz-any( - [originaltype="generatedPassword"], - [originaltype="loginWithOrigin"], - [originaltype="login"], - [originaltype="loginsFooter"]) .ac-site-icon -{ - display: block !important; - align-self: center !important; - margin-inline: 0 16px !important; - fill: currentColor !important; -} - -richlistitem[originaltype="loginsFooter"] .ac-site-icon -{ - visibility: hidden !important; -} - -richlistitem:-moz-any( - [originaltype="generatedPassword"], - [originaltype="loginWithOrigin"], - [originaltype="login"], - [originaltype="loginsFooter"]) .ac-title -{ - margin: 0 !important; -} - -#confirmation-hint-message-container, -#confirmation-hint-checkmark-animation-container -{ - margin-block: 8px !important; - margin-inline: 8px !important; -} - -#confirmation-hint-checkmark-animation-container -{ - margin-inline-end: 0 !important; -} - -.contentSelectDropdown-ingroup { - padding-inline-start: 2em !important; -} - -/* Picture In Picture */ -#controls-bottom { - left: calc(-1 * var(--resize-margin)) !important; - bottom: calc(-1 * var(--resize-margin)) !important; - width: calc(100% + var(--resize-margin) * 2) !important; -} -.control-item { - background-size: 20px !important; - min-height: 24px !important; - min-width: 24px !important; - background-position: center !important; - -moz-context-properties: fill !important; - fill: #fff !important; - margin-block: 8px !important; - opacity: 1 !important; - --close-btn-bg-color: #0006 !important; - --btn-bg-color: #0000 !important; -} -.control-item:hover { - --btn-bg-color: #fff8 !important; -} -#controls-bottom { - background-color: #0006 !important; -} -#controls { - opacity: 0 !important;; -} -#controls:hover { - opacity: 1 !important;; -} -#unpip { - background-image: url(icons/open.svg) !important; -} -#controls:not(.playing) #playpause { - background-image: url(icons/play.svg) !important; -} -#controls.playing #playpause { - background-image: url(icons/pause.svg) !important; -} -#controls:not(.muted) #audio { - background-image: url(icons/audio.svg) !important; -} -#controls.muted #audio { - background-image: url(icons/audio-mute.svg) !important; -} -#close { - background-image: url(icons/close.svg) !important; - margin: 0 !important; - box-shadow: 0 0 0 99px inset var(--btn-bg-color) !important; -} - -/* Popup Icons */ - -#allTabsMenu-undoCloseTab { - list-style-image: url(icons/undo.svg) !important; -} -#allTabsMenu-searchTabs { - list-style-image: url(icons/search.svg) !important; -} -#context-media-loop:not([checked="true"]) { - list-style-image: url(icons/loop.svg) !important; -} -#context-video-pictureinpicture:not([checked="true"]) { - list-style-image: url(icons/picture-in-picture.svg) !important; -} - -/* -menupopup:not(#ContentSelectDropdown > menupopup) :is(menuitem:not(.menuitem-iconic, [type], menu menuitem, .in-menulist menuitem), menu:not(.menu-iconic, menu menu)) { - padding-inline-start: 40px !important; - background-size: 16px !important; - background-repeat: no-repeat !important; - background-position: 12px center !important; - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; -} -*/ - -:not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, [type="checkbox"], .in-menulist), -:not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, [type="checkbox"], .in-menulist) -{ - padding-inline-start: 40px !important; - background-size: 16px !important; - background-repeat: no-repeat !important; - background-position: 12px center !important; - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; - - background-image: var(--menuitem-image) !important; - /* list-style-image: var(--menuitem-image) !important; */ /* For native context menus on macOS (Firefox Nightly 89: widget.macos.native-context-menus) */ -} - -#context-inspect { - --menuitem-image: url(icons/inspect.svg) !important; -} -#context-savepage, #context-saveimage, #context-savevideo, #context-saveaudio { - --menuitem-image: url(icons/savefile.svg) !important; -} -#context-viewbgimage, #context-viewimage { - --menuitem-image: url(icons/image.svg) !important; -} -#context-viewinfo, #context-viewimageinfo, #context-viewimagedesc { - --menuitem-image: url(icons/info.svg) !important; -} -#context-viewsource, #context-viewpartialsource-selection { - --menuitem-image: url(icons/source.svg) !important; -} -#context-inspect-a11y { - --menuitem-image: url(icons/accessibility.svg) !important; -} -#context-undo, .textbox-contextmenu menuitem[cmd*="undo"] { - --menuitem-image: url(icons/undo.svg) !important; -} -#context-selectall, .textbox-contextmenu menuitem[cmd*="selectAll"] { - --menuitem-image: url(icons/select-all.svg) !important; -} -#context-cut, .textbox-contextmenu menuitem[cmd*="cut"] { - --menuitem-image: url(icons/cut.svg) !important; -} -#context-copy, #context-copylink, #context-copyimage, .textbox-contextmenu menuitem[cmd*="copy"], #context-copyvideourl, #context-copyaudiourl { - --menuitem-image: url(icons/copy.svg) !important; -} -#context-paste, .textbox-contextmenu menuitem[cmd*="paste"], #placesContext_paste { - --menuitem-image: url(icons/paste.svg) !important; -} -#paste-and-go { - --menuitem-image: url(icons/paste-and-go.svg) !important; -} -#context-delete, .textbox-contextmenu menuitem[cmd*="delete"], .customize-context-removeExtension, .customize-context-removeFromToolbar { - --menuitem-image: url(icons/delete.svg) !important; -} -#context-searchselect { - --menuitem-image: url(icons/search.svg) !important; -} -#context-print-selection { - --menuitem-image: url(icons/print.svg) !important; -} -#context-openlinkintab { - --menuitem-image: url(icons/open-link-newtab.svg) !important; -} -#context-openlink { - --menuitem-image: url(icons/open-link-window.svg) !important; -} -#context-openlinkprivate { - --menuitem-image: url(icons/open-link-private-window.svg) !important; -} -#context-bookmarklink { - --menuitem-image: url(icons/star.svg) !important; -} -#context-savelink { - --menuitem-image: url(icons/save-link.svg) !important; -} -#context-savelinktopocket, #context-pocket { - --menuitem-image: url(icons/save-pocket.svg) !important; -} -#context-copyimage-contents { - --menuitem-image: url(icons/copy-image.svg) !important; -} -#context-sendimage, #context-sendvideo, #context-sendaudio { - --menuitem-image: url(icons/mail.svg) !important; -} -#context-setDesktopBackground, .viewCustomizeToolbar { - --menuitem-image: url(icons/brush.svg) !important; -} -#context-reloadimage { - --menuitem-image: url(icons/refresh.svg) !important; -} -menuitem[id*="placesContext_open"] { - --menuitem-image: url(icons/open.svg) !important; -} -#context_reloadTab, #context_reloadSelectedTabs, #toolbar-context-reloadSelectedTab, #toolbar-context-reloadSelectedTabs { - --menuitem-image: url(icons/refresh.svg) !important; -} -#context_toggleMuteTab, #context_toggleMuteSelectedTabs { - --menuitem-image: url(icons/mute.svg) !important; -} -#context_pinTab, #context_unpinTab, #context_pinSelectedTabs, #context_unpinSelectedTabs, .customize-context-moveToPanel { - --menuitem-image: url(icons/pin.svg) !important; -} -#context_duplicateTab, #context_duplicateTabs { - --menuitem-image: url(icons/copy-tab.svg) !important; -} -#context_selectAllTabs, #toolbar-context-selectAllTabs { - --menuitem-image: url(icons/select-all.svg) !important; -} -#context_bookmarkTab, #context_bookmarkSelectedTabs, #toolbar-context-bookmarkSelectedTab, #toolbar-context-bookmarkSelectedTabs, menuitem[id="#placesContext_new:bookmark"], #toggle_PersonalToolbar { - --menuitem-image: url(icons/star.svg) !important; -} -#context_undoCloseTab, #toolbar-context-undoCloseTab { - --menuitem-image: url(icons/undo.svg) !important; -} -#context_closeTab { - --menuitem-image: url(icons/close.svg) !important; -} -.customize-context-manageExtension { - --menuitem-image: url(icons/settings.svg) !important; -} -.customize-context-reportExtension { - --menuitem-image: url(icons/report.svg) !important; -} -#context_sendTabToDevice, #context-sendpagetodevice, #context-sendlinktodevice { - --menuitem-image: url(icons/send-to-device.svg) !important; -} -#context_moveTabOptions { - --menuitem-image: url(icons/move-tab.svg) !important; -} -#context_closeTabOptions { - --menuitem-image: url(icons/close-tabs.svg) !important; -} -#context-media-play { - --menuitem-image: url(icons/play.svg) !important; -} -#context-media-pause { - --menuitem-image: url(icons/pause.svg) !important; -} -#context-media-mute { - --menuitem-image: url(icons/audio-mute.svg) !important; -} -#context-media-unmute { - --menuitem-image: url(icons/audio.svg) !important; -} -#context-media-playbackrate { - --menuitem-image: url(icons/speed.svg) !important; -} -#context-media-showcontrols { - --menuitem-image: url(icons/show-controls.svg) !important; -} -#context-media-hidecontrols { - --menuitem-image: url(icons/hide-controls.svg) !important; -} -#context-video-fullscreen { - --menuitem-image: url(icons/fullscreen-enter.svg) !important; -} -#context-leave-dom-fullscreen { - --menuitem-image: url(icons/fullscreen-exit.svg) !important; -} -#context-video-saveimage { - --menuitem-image: url(icons/video-snapshot.svg) !important; -} -#context-viewvideo { - --menuitem-image: url(icons/video-clip.svg) !important; -} diff --git a/chrome/popup/urlbar-results.css b/chrome/popup/urlbar-results.css deleted file mode 100644 index b25d1ee..0000000 --- a/chrome/popup/urlbar-results.css +++ /dev/null @@ -1,582 +0,0 @@ -.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 deleted file mode 100644 index 8cafd65..0000000 --- a/chrome/tabbar/EdgeStyleTabShadow.css +++ /dev/null @@ -1,24 +0,0 @@ -/* Edge Style Tabs */ -#nav-bar { - box-shadow: 0 -1px 2px -1px #0004 !important; -} -:root[lwthemetextcolor="bright"] #nav-bar { - box-shadow: 0 -1px 2px -1px #0006 !important; -} -.tabbrowser-tab[visuallyselected] .tab-background { - box-shadow: 0 2px 4px #0005, 0 -1px 2px -1px #0004 !important; -} -:root[lwthemetextcolor="bright"] .tabbrowser-tab[visuallyselected] .tab-background, :root[lwthemetextcolor="bright"] { - box-shadow: 0 2px 4px #0008, 0 -1px 2px -1px #0006 !important; -} - -#TabsToolbar > .toolbar-items { - margin-top: -2px !important; -} - -.tabbrowser-tab, -#TabsToolbar-customization-target > :not(#tabbrowser-tabs), -#TabsToolbar #tabs-newtab-button -{ - margin-top: 2px !important; -} \ No newline at end of file diff --git a/chrome/tabbar/close-tab.svg b/chrome/tabbar/close-tab.svg deleted file mode 100644 index 9b0750f..0000000 --- a/chrome/tabbar/close-tab.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/tabbar/spinner-busy.svg b/chrome/tabbar/spinner-busy.svg deleted file mode 100644 index 1955a19..0000000 --- a/chrome/tabbar/spinner-busy.svg +++ /dev/null @@ -1,28 +0,0 @@ - - - - \ No newline at end of file diff --git a/chrome/tabbar/spinner-progress.svg b/chrome/tabbar/spinner-progress.svg deleted file mode 100644 index 894b0b2..0000000 --- a/chrome/tabbar/spinner-progress.svg +++ /dev/null @@ -1,43 +0,0 @@ - - - - \ No newline at end of file diff --git a/chrome/tabbar/tabbar.css b/chrome/tabbar/tabbar.css deleted file mode 100644 index 2813a44..0000000 --- a/chrome/tabbar/tabbar.css +++ /dev/null @@ -1,551 +0,0 @@ -:-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=pre-tabs] -{ - width: 0 !important; -} -#main-window { - background-color: var(--lwt-accent-color) !important; -} - -#navigator-toolbox { - background-color: var(--lwt-accent-color) !important; -} - -:root[lwtheme-image] #navigator-toolbox { - background-image: var(--lwt-header-image), var(--lwt-additional-images) !important; - background-repeat: no-repeat, var(--lwt-background-tiling) !important; - background-position: right top, var(--lwt-background-alignment) !important; -} - -:root:not([style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"], [style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"])[lwtheme] #navigator-toolbox:-moz-window-inactive { - opacity: 0.9 !important; -} - -#TabsToolbar -{ - -moz-appearance: none !important; - -moz-default-appearance: none !important; - background-color: transparent !important; - color: var(--lwt-text-color) !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; - padding: 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: 11px !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 var(--tab-transition-duration) 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 -{ - display: none !important; -} - -/* tab background color */ - -.tabbrowser-tab -{ - --tab-opacity: 0; - --tab-bgcolor: #fff; - --tab-transition-duration: .2s; -} - -#TabsToolbar[brighttext] .tabbrowser-tab -{ - --tab-opacity: 0; - --tab-bgcolor: #fff; -} - -.tabbrowser-tab:not([selected=true]):hover, -.tabbrowser-tab[multiselected]:not([selected=true]) -{ - --tab-opacity: .3; -} - -#TabsToolbar[brighttext] .tabbrowser-tab:not([selected=true]):hover, -#TabsToolbar[brighttext] .tabbrowser-tab[multiselected]:not([selected=true]) -{ - --tab-opacity: .06; -} - -:-moz-any(#TabsToolbar) .tabbrowser-tab[visuallyselected] -{ - --tab-bgcolor: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor)); - --tab-opacity: 1; -} - -.tab-background -{ - --tab-border-radius: 4px; - background: var(--tab-bgcolor) !important; - /* rounded top corners */ - border-radius: var(--tab-border-radius) var(--tab-border-radius) 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; - margin: 0 !important; -} -.tab-line { - height: 8px !important; - border-radius: var(--tab-border-radius) var(--tab-border-radius) 0 0 !important; - clip-path: inset(0 0 6px 0); - display: none !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; - clip-path: inset(0); -} - -.tab-background::before -{ - border-bottom-right-radius: var(--tab-border-radius) !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: var(--tab-border-radius) !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; - opacity: 1 !important; -} - -.tab-label-container -{ - margin-top: 0 !important; - opacity: 1 !important; -} - -.tab-label { - margin-block: 0 !important; -} - -.tabbrowser-tab[image] .tab-label-container, -.tabbrowser-tab:-moz-any([progress], [busy]) .tab-label-container -{ - padding-inline-start: 10px !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[activemedia-blocked], -.tab-icon-sound -{ - border-radius: 2px !important; - color: inherit !important; - -moz-context-properties: fill, fill-opacity !important; - transition-property: fill-opacity, background-color !important; - transition-duration: .15s !important; - transition-timing-function: var(--ease-basic) !important; - fill-opacity: 1 !important; - opacity: 1 !important; -} - -.tab-close-button:hover, -.tab-icon-overlay:-moz-any([soundplaying], [muted], [activemedia-blocked]):hover, -.tab-icon-sound:hover -{ - background-color: var(--toolbarbutton-hover-background) !important; -} - -.tab-close-button:hover:active, -.tab-icon-overlay:-moz-any([soundplaying], [muted], [activemedia-blocked]):hover:active, -.tab-icon-sound:hover:active -{ - background-color: var(--toolbarbutton-active-background) !important; -} - -.tab-icon-overlay[pinned] -{ - margin: 0 !important; - margin-inline-start: -16px !important; -} - -@keyframes rotate-360 -{ - 0% { transform: rotate(0); } - 100% { transform: rotate(1turn); } -} - -.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: 40px !important; - padding: 0 !important; - padding-inline-start: 12px !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/toolbar/findbar.css b/chrome/toolbar/findbar.css new file mode 100644 index 0000000..482985c --- /dev/null +++ b/chrome/toolbar/findbar.css @@ -0,0 +1,42 @@ +/* Edge-Frfox - findbar.css */ + +.findbar-find-previous, +.findbar-find-next, +.close-icon { + border-radius: var(--toolbarbutton-border-radius) !important; +} + +.findbar-textbox { + border: 0 !important; + border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important; +} + +.findbar-textbox:-moz-lwtheme { + background-color: var(--toolbar-field-background-color) !important; +} + +.findbar-textbox:focus { + outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important; + outline-offset: -1px !important; +} + +.findbar-textbox[status="notfound"] { + outline: 2px solid var(--input-error-border-color, #E22850) !important; + outline-offset: -1px !important; +} + +.findbar-container { + overflow-inline: visible !important; +} + +.close-icon:not([disabled]):hover, +.findbar-find-previous:not([disabled]):hover, +.findbar-find-next:not([disabled]):hover { + background: var(--toolbarbutton-hover-background, rgb(190 190 190 / .2)) !important; +} + +.close-icon:not([disabled]):hover:active, +.findbar-find-previous:not([disabled]):hover:active, +.findbar-find-next:not([disabled]):hover:active { + background: var(--toolbarbutton-active-background, rgb(190 190 190 / .4)) !important; +} diff --git a/chrome/toolbar/navbar.css b/chrome/toolbar/navbar.css new file mode 100644 index 0000000..ef37b6c --- /dev/null +++ b/chrome/toolbar/navbar.css @@ -0,0 +1,88 @@ +/* Edge-Frfox - navbar.css */ + +:root { + --toolbarbutton-border-radius: 4px !important; + --toolbarbutton-inner-padding: 7px !important; + --uc-toolbarbutton-inner-inline-padding: 10px !important; + --tabs-navbar-shadow-size: 0 !important; +} + +#nav-bar .toolbarbutton-1>.toolbarbutton-icon { + width: calc(2 * var(--uc-toolbarbutton-inner-inline-padding) + 16px) !important; +} + +#nav-bar .toolbarbutton-1>.toolbarbutton-icon, +#nav-bar .toolbarbutton-1>.toolbarbutton-text, +#nav-bar .toolbarbutton-1>.toolbarbutton-badge-stack { + padding-inline: var(--uc-toolbarbutton-inner-inline-padding) !important; +} + +/* move reload/stop icon to middle of button */ +#reload-button>.toolbarbutton-animatable-box, +#stop-button>.toolbarbutton-animatable-box { + top: calc(50% - 10px) !important; +} + +#nav-bar-customization-target :where(#reload-button, #stop-button)>.toolbarbutton-icon { + padding: var(--toolbarbutton-inner-padding) var(--uc-toolbarbutton-inner-inline-padding) !important; +} + +@media (-moz-bool-pref: "uc.tweak.rounded-corners") { + #navigator-toolbox { + border-bottom: none !important; + } +} + +/* account button */ +#navigator-toolbox>toolbar #fxa-toolbar-menu-button, +#navigator-toolbox>toolbar #fxa-toolbar-menu-button>.toolbarbutton-badge-stack, +#fxa-avatar-image { + border-radius: 99px !important; +} + +#nav-bar #fxa-toolbar-menu-button>.toolbarbutton-badge-stack { + padding: var(--toolbarbutton-inner-padding) !important; + margin-inline: calc(var(--uc-toolbarbutton-inner-inline-padding) - var(--toolbarbutton-inner-padding)) !important; +} + +#fxa-toolbar-menu-button { + display: flex !important; + display: -moz-box !important; +} + +#widget-overflow-list>#fxa-toolbar-menu-button #fxa-avatar-image { + scale: 1.25 !important; +} + +#nav-bar-customization-target>#fxa-toolbar-menu-button #fxa-avatar-image { + scale: 1.5 !important; +} + +/* button background transition */ +@media not (prefers-reduced-motion) { + .toolbarbutton-1>.toolbarbutton-icon, + .toolbarbutton-1>.toolbarbutton-text, + .toolbarbutton-1>.toolbarbutton-badge-stack, + :not(.panel-subview-body>toolbaritem)>.bookmark-item:not(menu, menuitem), + .urlbar-page-action, + .identity-box-button, + #tracking-protection-icon-container, + panel button, + panel menulist, + .titlebar-button { + transition: background-color 0.25s ease !important; + } + + .toolbarbutton-1:not([disabled=true]):is([open], [checked], :hover:active)>.toolbarbutton-icon, + .toolbarbutton-1:not([disabled=true]):is([open], [checked], :hover:active)>.toolbarbutton-text, + .toolbarbutton-1:not([disabled=true]):is([open], [checked], :hover:active)>.toolbarbutton-badge-stack, + :not(.panel-subview-body>toolbaritem)>.bookmark-item:not(menu, menuitem):not([disabled=true]):is([open], [checked], :hover:active), + .urlbar-page-action:not([disabled=true]):is([open], [checked], :hover:active), + .identity-box-button:not([disabled=true]):is([open], [checked], :hover:active), + #tracking-protection-icon-container:not([disabled=true]):is([open], [checked], :hover:active), + panel button:not([disabled=true]):is([open], [checked], :hover:active), + panel menulist:not([disabled=true]):is([open], [checked], :hover:active), + .titlebar-button:not([disabled=true]):hover:active { + transition-duration: 0s !important; + } +} diff --git a/chrome/toolbar/personalbar.css b/chrome/toolbar/personalbar.css new file mode 100644 index 0000000..0215c1c --- /dev/null +++ b/chrome/toolbar/personalbar.css @@ -0,0 +1,63 @@ +/* Edge-Frfox - personalbar.css */ + +#PersonalToolbar { + --bookmark-block-padding: 6px !important; +} + +/* Bookmarks bar item sizing */ +#personal-toolbar-empty-description, +#PersonalToolbar .toolbarbutton-1, +toolbarbutton.bookmark-item:not(.subviewbutton) { + margin-block: 2px 4px !important; + padding-block: var(--bookmark-block-padding) !important; + padding-inline: 6px !important; + font-size: 12px !important; + + /* Adjust vertical label position on Windows */ + @media (-moz-platform: windows) { + & .toolbarbutton-text { + margin-block: -1px 0 !important; + } + } +} + +#PersonalToolbar .toolbarbutton-1 { + padding: 0 !important; +} + +/* Bookmarks bar separators */ +#PlacesToolbarItems > toolbarseparator { + padding-inline: 1px !important; + + &::before { + content: ""; + display: block; + border-inline-start: 1px solid var(--toolbarseparator-color) !important; + margin-block: 8px 10px !important; + border-image-source: none !important; + } +} + +/* Left and Right padding of bookmarks bar */ +#PersonalToolbar { + padding-inline: calc(var(--toolbar-start-end-padding) - 2px) calc(var(--toolbar-start-end-padding) + 6px) !important; +} + +/* Spacing between icon and label for bookmarks bar items */ +#managed-bookmarks>.toolbarbutton-icon, +#bookmarks-toolbar-placeholder>.toolbarbutton-icon, +#PlacesToolbarItems>.bookmark-item>.toolbarbutton-icon[label]:not([label=""]), +#OtherBookmarks.bookmark-item[container]>.toolbarbutton-icon { + margin-inline-end: 8px !important; +} + +/* Sizing for bookmarks bar icons */ +#PersonalToolbar .toolbarbutton-1>.toolbarbutton-icon { + width: calc(2 * var(--bookmark-block-padding) + 16px) !important; + height: calc(2 * var(--bookmark-block-padding) + 16px) !important; + padding: var(--bookmark-block-padding) !important; +} + +:root { + --bookmarks-toolbar-overlapping-browser-height: 34px !important; +} diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css new file mode 100644 index 0000000..9e4a820 --- /dev/null +++ b/chrome/toolbar/tabbar.css @@ -0,0 +1,517 @@ +/* Edge-Frfox - tabbar.css */ + +:root { + --tab-block-margin: 8px !important; + + & #titlebar { + --tab-min-height: 32px !important; + --inline-tab-padding: 11px !important; + --tab-border-radius: 4px !important; + + --uc-toolbarbutton-inner-padding: 6px !important; + --toolbarbutton-border-radius: 4px !important; + --toolbarbutton-tabsline-border-radius: 8px !important; + --tabs-navbar-shadow-size: 0 !important; + --tab-shadow-max-size: 0 !important; + } + + @media (-moz-bool-pref: "uc.tweak.floating-tabs.equal-margin") and (-moz-bool-pref: "uc.tweak.floating-tabs") { + --tab-block-margin: 5px !important; + } +} + +/* tab open/close transition */ +.tabbrowser-tab:not([pinned]) { + transition-property: min-width, max-width !important; + transition-duration: 150ms !important; + transition-timing-function: cubic-bezier(0, .75, .25, 1) !important; +} + +#tabbrowser-tabs[movingtab]>#tabbrowser-arrowscrollbox>.tabbrowser-tab[fadein]:not([selected]):not([multiselected]), +.tabbrowser-tab[tab-grouping], +.tabbrowser-tab[tabdrop-samewindow] { + transition: transform 200ms cubic-bezier(0, .75, .25, 1) !important; +} + +:root:is([inFullscreen], :not([tabsintitlebar])) { + --tab-block-margin: 0px !important; +} + +/* hide space above tabs when maximised for non-macOS versions of Firefox */ +@media not (-moz-platform: macos) { + :root:is([inFullscreen], :not([tabsintitlebar]), [sizemode="maximized"]), + #toolbar-menubar:not([inactive])+#TabsToolbar { + --tab-block-margin: 0px !important; + } +} + +.tab-background { + border-radius: var(--tab-border-radius); + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; + margin-block: 0 !important; + border: 0 !important; + position: relative !important; + --uc-tab-corner-bg: transparent; + + /* Rounded bottom corners */ + &::before, + &::after { + content: "" !important; + display: block !important; + position: absolute !important; + width: 8px !important; + height: 8px !important; + bottom: 0 !important; + pointer-events: none !important; + clip-path: inset(0); + } + + &::before { + border-bottom-right-radius: var(--tab-border-radius) !important; + left: 0 !important; + transform: translateX(-8px) !important; + box-shadow: 4px 4px 0 4px var(--uc-tab-corner-bg) !important; + } + + &::after { + border-bottom-left-radius: var(--tab-border-radius) !important; + right: 0 !important; + transform: translateX(8px) !important; + box-shadow: -4px 4px 0 4px var(--uc-tab-corner-bg) !important; + } +} + +.tabbrowser-tab:where([selected], [multiselected], :hover) + .tabbrowser-tab:not([selected]) .tab-background { + border-bottom-left-radius: var(--tab-border-radius) !important; + + &::before { + --uc-tab-corner-bg: transparent !important; + } +} + +.tab-background:is([selected], [multiselected]) { + --uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor))); +} + +.tabbrowser-tab:hover .tab-background:not([selected], [multiselected]) { + background-color: color-mix(in srgb, currentColor 8%, transparent) !important; + --uc-tab-corner-bg: color-mix(in srgb, currentColor 8%, transparent) !important; +} + +@media not (-moz-bool-pref: "uc.tweak.floating-tabs") { + #Tabstoolbar:not([brighttext]) .tabbrowser-tab:hover .tab-background:not([selected], [multiselected]) { + background-color: color-mix(in srgb, white 30%, transparent) !important; + --uc-tab-corner-bg: color-mix(in srgb, white 30%, transparent) !important; + } +} + +.tab-background:is([selected], [multiselected]) { + outline: none !important; +} + +#tabbrowser-tabs .tab-background[multiselected]:not([selected]) { + box-shadow: none !important; + opacity: 0.7 !important; +} + +#tabbrowser-tabs, +#TabsToolbar #TabsToolbar-customization-target>.toolbarbutton-1 { + margin-top: var(--tab-block-margin) !important; +} + +#TabsToolbar .toolbarbutton-1 { + margin: 0 !important; +} + +/* fix window background colours */ +@media not (-moz-gtk-csd-available) { + :root:not(:-moz-lwtheme) #navigator-toolbox { + background-color: var(--lwt-accent-color) !important; + color: var(--lwt-text-color) !important; + } + + :root:not(:-moz-lwtheme) #navigator-toolbox:-moz-window-inactive { + background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important; + } +} + +.tab-label-container:not([selected="true"], [multiselected]) { + opacity: 1 !important; +} + +#TabsToolbar .toolbarbutton-animatable-box, +#TabsToolbar .toolbarbutton-1 { + fill: currentColor !important; +} + +.tabbrowser-tab[multiselected]:not(:-moz-lwtheme), +.tabbrowser-tab[visuallyselected="true"]:not(:-moz-lwtheme) { + color: var(--lwt-tab-text, var(--toolbar-color)) !important; +} + +.tabbrowser-tab:is([selected], [multiselected]):-moz-lwtheme { + z-index: 1; +} + +.tab-close-button { + margin-inline-end: 8px !important; + width: 17px !important; + height: 17px !important; + padding: 4px !important; + border-radius: 2px !important; +} + +.tab-throbber:not([pinned]), +.tab-icon-pending:not([pinned]), +.tab-icon-image:not([pinned]), +.tab-sharing-icon-overlay:not([pinned]) { + margin-inline-end: 10px !important; +} + +/* tab volume icon/text */ +.tab-secondary-label { + display: none !important; +} + +#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container { + height: var(--tab-min-height) !important; +} + +.tab-icon-stack:is([soundplaying], [muted], [activemedia-blocked])>.tab-icon-overlay, +.tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])> :not(.tab-icon-overlay) { + opacity: 1 !important; +} + +#tabbrowser-tabs:not([closebuttons="activetab"]) .tab-icon-overlay:not([pinned]) { + margin-inline: 22px 6px !important; +} + +.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned]) { + margin-inline: 0px 6px !important; +} + +/* move sound playing icon on top of favicon when there isn't enough space */ +.tab-icon-overlay:not([crashed]):is([pinned], [sharing]), +#tabbrowser-tabs[closebuttons="activetab"] .tab-icon-overlay:not([crashed]) { + top: -5.5px !important; + inset-inline-end: -6px !important; +} + +#tabbrowser-tabs[closebuttons="activetab"] :is(.tab-icon-overlay[soundplaying]:not([crashed]), + .tab-icon-overlay[muted]:not([crashed]), + .tab-icon-overlay[activemedia-blocked]:not([crashed])) { + stroke: var(--tab-icon-overlay-stroke, white) !important; + color: var(--tab-icon-overlay-fill, black) !important; + fill-opacity: 1 !important; +} + +#TabsToolbar[brighttext] #tabbrowser-tabs[closebuttons="activetab"] :is(.tab-icon-overlay[soundplaying]:not([crashed]), + .tab-icon-overlay[muted]:not([crashed]), + .tab-icon-overlay[activemedia-blocked]:not([crashed])) { + stroke: var(--tab-icon-overlay-stroke, black) !important; + color: var(--tab-icon-overlay-fill, white) !important; +} + +#tabbrowser-tabs[closebuttons="activetab"] :is(.tab-icon-overlay:not([crashed])[soundplaying]:hover, + .tab-icon-overlay:not([crashed])[muted]:hover, + .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover) { + background-color: var(--tab-icon-overlay-stroke, white) !important; +} + +#TabsToolbar[brighttext] #tabbrowser-tabs[closebuttons="activetab"] :is(.tab-icon-overlay:not([crashed])[soundplaying]:hover, + .tab-icon-overlay:not([crashed])[muted]:hover, + .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover) { + background-color: var(--tab-icon-overlay-stroke, black) !important; +} + +.tab-icon-overlay[soundplaying]:not([crashed]), +.tab-icon-overlay[muted]:not([crashed]), +.tab-icon-overlay[activemedia-blocked]:not([crashed]) { + border-radius: 4px !important; + padding: 0 !important; +} + +.tabbrowser-tab { + font-size: 12px !important; + padding-inline: 0 !important; + overflow-clip-margin: 8px !important; +} + +#TabsToolbar .toolbarbutton-1>.toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1>.toolbarbutton-badge-stack { + border-radius: var(--toolbarbutton-border-radius) !important; + padding: var(--uc-toolbarbutton-inner-padding) calc(var(--uc-toolbarbutton-inner-padding) + 2px) !important; +} + +#tabbrowser-tabs .toolbarbutton-1>.toolbarbutton-icon, +#tabbrowser-tabs .toolbarbutton-1>.toolbarbutton-badge-stack { + border-radius: var(--toolbarbutton-tabsline-border-radius) !important; +} + +#TabsToolbar .toolbarbutton-1>.toolbarbutton-icon { + width: calc(2 * (var(--uc-toolbarbutton-inner-padding) + 2px) + 16px) !important; + height: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important; +} + +#TabsToolbar #tabs-newtab-button>.toolbarbutton-icon, +#TabsToolbar #alltabs-button>.toolbarbutton-badge-stack, +#TabsToolbar #tabbrowser-tabs[hasadjacentnewtabbutton][overflow="true"]~#new-tab-button>.toolbarbutton-icon { + padding: var(--uc-toolbarbutton-inner-padding) !important; + width: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important; +} + +#tabbrowser-tabs #tabs-newtab-button { + margin-inline-start: 2px !important; +} + +.tab-content[pinned] { + padding: 0 12px !important; +} + +/* Tab container indicator */ +.tabbrowser-tab[usercontextid] .tab-background .tab-context-line { + height: 2px !important; + border-radius: 2px !important; + margin: 2px 7px 0 !important; +} + +.tabbrowser-tab[selected][usercontextid] .tab-background .tab-context-line { + margin-inline: 9px !important; +} + +.titlebar-spacer[type="post-tabs"] { + display: flex !important; +} + +.titlebar-spacer[type="pre-tabs"], +.private-browsing-indicator { + display: none !important; +} + +toolbarbutton[part="scrollbutton-up"], +toolbarbutton[part="scrollbutton-down"] { + border-width: 2px !important; + border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important; + margin-inline: 2px !important; +} + +.tabbrowser-tab:not([pinned], [style*="max-width"])[fadein] { + max-width: 240px !important; +} + +/* Tab separators */ +.tabbrowser-tab .tab-stack { + &::before, + &::after { + content: ""; + position: absolute; + height: 20px; + inset: 0 auto; + margin-block: auto; + border-left: 1px solid transparent; + } + + &::before { + left: 0; + } + + &::after { + right: 0; + } +} + +/* Set separator color */ +.tabbrowser-tab:not([selected], [multiselected], :hover) { + & .tab-stack::before, + &:last-of-type .tab-stack::after { + border-color: color-mix(in srgb, currentColor 34%, transparent); + } +} + +/* Hide separator when previous sibling is hovered or selected */ +.tabbrowser-tab:where([selected], [multiselected], :hover) + .tabbrowser-tab:not([selected], [multiselected], :hover) .tab-stack::before { + border-color: transparent !important; +} + +/* Hide first tab separator if there are no buttons before it (Such as Firefox View) */ +#TabsToolbar-customization-target > #tabbrowser-tabs:not(toolbarbutton:not(#fxa-toolbar-menu-button) + #tabbrowser-tabs) .tabbrowser-tab:first-of-type .tab-stack::before { + border-color: transparent !important; +} + +/* .tabbrowser-tab:not([last-visible-tab="true"]) { + margin-inline-end: -1px !important; +} */ + +#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])>#tabbrowser-arrowscrollbox>.tabbrowser-tab[first-visible-unpinned-tab] { + margin-inline-start: 0 !important; +} + +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) { + border-block-width: 2px !important; + padding-inline: calc(var(--uc-toolbarbutton-inner-padding) - 4px) !important; + padding-block: calc(var(--uc-toolbarbutton-inner-padding) - 0px) !important; +} + +/* mac titlebar buttons */ +@media (-moz-platform: macos) { + .titlebar-buttonbox { + margin-inline: calc((var(--tab-min-height) + var(--tab-block-margin) - 14px) / 2) !important; + } + + .titlebar-buttonbox-container { + margin-inline-start: -6px !important; + margin-inline-end: -2px !important; + } +} + +/* Tab Shadows */ +#TabsToolbar>.toolbar-items { + margin-top: -2px !important; +} + +.tabbrowser-tab, +#TabsToolbar #tabs-newtab-button, +/* 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: 2px !important; +} + +#TabsToolbar #TabsToolbar-customization-target> :not(#tabbrowser-tabs) { + margin-top: calc(2px + var(--tab-block-margin)) !important; +} + +/* add margin to tabs if they are the first or last tab */ +#tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab { + &:first-of-type { + margin-inline-start: 14px !important; + } + + &:last-of-type { + margin-inline-end: 6px !important; + } +} + +/* remove gap between pinned and unpinned tabs */ +#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) { + margin-inline-start: 0 !important; +} + +#tabbrowser-tabs { + margin-inline-start: -6px !important; + border-inline: none !important; +} + +#TabsToolbar { + padding-inline-start: 6px !important; +} + +#tabbrowser-tabs[positionpinnedtabs]>#tabbrowser-arrowscrollbox { + margin-inline-start: 8px !important; +} + +#tabbrowser-tabs[positionpinnedtabs]>#tabbrowser-arrowscrollbox>.tabbrowser-tab[pinned] { + clip-path: inset(-8px -8px 0) !important; +} + +:root { + --uc-titlebar-shadow: 0 -3px 2px -3px rgb(0 0 0 / .2) inset; + --uc-tab-shadow: + 0 0 0 1px var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent)), + 0px 2px 4px rgb(0 0 0 / .2), 0 4px 8px rgb(0 0 0 / .1); +} + +:root[lwtheme-brighttext="true"] { + --uc-titlebar-shadow: 0 -3px 2px -3px rgb(0 0 0 / .75) inset inset; + --uc-tab-shadow: + 0 0 0 1px var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent)), + 0 2px 4px rgb(0 0 0 / .45), 0 0px 2px rgb(0 0 0 / .2); +} + +#tabbrowser-tabs .tab-background:is([selected], [multiselected]), +#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon { + box-shadow: var(--uc-tab-shadow) !important; +} + +#titlebar { + box-shadow: var(--uc-titlebar-shadow) !important; +} + +#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab .tab-label-container { + --tab-label-mask-size: 1em !important; +} + +#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned]) .tab-content { + padding-inline: calc(var(--inline-tab-padding) - 4px) 0 !important; +} + +.tab-content { + padding-inline: var(--inline-tab-padding) 0 !important; +} + +/* new private browsing indicator */ +:root[privatebrowsingmode="temporary"] #TabsToolbar .toolbar-items, +:root[privatebrowsingmode="temporary"] #TabsToolbar .titlebar-buttonbox-container { + position: relative; + z-index: 1; +} + +:root[privatebrowsingmode="temporary"] .titlebar-spacer[type="post-tabs"] { + display: none !important; +} + +#private-browsing-indicator-with-label { + position: relative !important; + isolation: isolate; + margin-inline: -16px -16px !important; + padding-inline: 32px 24px !important; + font-size: 12px; + color: var(--uc-private-browsing-indicator-text, var(--toolbar-bgcolor)) !important; + --uc-bg-color: var(--uc-private-browsing-indicator, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention))); + --uc-gradient: linear-gradient(to right, transparent, var(--uc-bg-color) 35%); + --uc-gradient-alt: linear-gradient(to right, transparent, var(--uc-bg-color) 25%, var(--uc-bg-color) 75%, transparent); + background: var(--uc-gradient); +} + +@media (-moz-gtk-csd-available) { + :root[privatebrowsingmode] #fxa-toolbar-menu-button:not(:-moz-lwtheme) { + --uc-bg-color: -moz-accent-color !important; + color: -moz-accent-color-foreground !important; + } +} + +@media (-moz-platform: windows), +(-moz-gtk-csd-available) { + @media not (-moz-gtk-csd-reversed-placement) { + :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"])~#TabsToolbar #private-browsing-indicator-with-label { + background: var(--uc-gradient-alt); + } + } +} + +#private-browsing-indicator-with-label .private-browsing-indicator-icon { + height: 24px !important; + width: 24px !important; +} + +:root, +:root[lang^="en"] { + --uc-string-private: "Private"; +} + +/* Change "Private Browsing" text to "Private" (English locale only) */ +:root:is([lang^="en"]) #private-browsing-indicator-with-label>label { + display: none !important; +} + +:root:is([lang^="en"]) #private-browsing-indicator-with-label::after { + content: var(--uc-string-private); + margin-block: 1px 2px; + margin-inline: 6px 5px; +} + +#tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) { + opacity: 1 !important; +} diff --git a/chrome/toolbar/urlbar.css b/chrome/toolbar/urlbar.css new file mode 100644 index 0000000..d9871fc --- /dev/null +++ b/chrome/toolbar/urlbar.css @@ -0,0 +1,247 @@ +/* Edge-Frfox - urlbar.css */ + +:root { + --urlbar-min-height: 30px !important; + --urlbarView-item-inline-padding: 14px !important; + --urlbar-icon-border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important; + --urlbar-icon-padding: calc(var(--toolbarbutton-inner-padding) - 2px) !important; + --uc-urlbar-icon-inline-padding: calc(var(--uc-toolbarbutton-inner-inline-padding) - 2px) !important; + --identity-box-margin-inline: 2px !important; +} + +:root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background, +:root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #searchbar:focus-within { + outline-color: color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) !important; +} + +@media not (-moz-gtk-csd-available) { + #urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background:not(:-moz-lwtheme), + #searchbar:not(:-moz-lwtheme):focus-within { + --uc-outline-dimmed: color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent); + outline-color: light-dark(var(--uc-outline-dimmed), var(--toolbar-field-focus-border-color)) !important; + } +} + +:root:not([lwtheme-brighttext="true"]) #urlbar-background { + box-shadow: var(--uc-urlbar-shadow, none); +} + +#urlbar[open]>#urlbar-background { + border-color: transparent !important; + box-shadow: 0 10px 16px #0005, 0 0 1px #0006 !important; +} + +.urlbarView { + margin-inline: 0 !important; + width: 100% !important; + border-inline: 0 !important; +} + +.urlbarView-row { + padding-block: 0 !important; +} + +.urlbarView-row-inner { + border-radius: 0 !important; + padding-block: 8px !important; +} + +.urlbarView-row:not([type="tip"], [type="dynamic"])[selected]>.urlbarView-row-inner, +.urlbarView-row-inner[selected] { + box-shadow: 3px 0 var(--toolbar-field-focus-border-color) inset !important; +} + +#urlbar-anon-search-settings { + margin-inline-end: 8px !important; +} + +#urlbar .search-one-offs:not([hidden]) { + padding-block: 8px 0 !important; +} + +/* breakout */ +#urlbar[breakout][breakout-extend] { + left: 0 !important; + width: 100% !important; +} + +#urlbar[breakout][breakout-extend]>#urlbar-input-container { + padding-inline: var(--urlbar-container-padding) !important; +} + +.urlbarView-results { + padding-block: 0 !important; +} + +#urlbar[open]>.urlbarView>.urlbarView-body-outer>.urlbarView-body-inner, +.urlbarView:not([noresults])>.search-one-offs:not([hidden]) { + border-top: 0 !important; +} + +/* urlbar spacing */ +#urlbar-container { + --urlbar-container-height: calc(8px + 16px + var(--toolbarbutton-inner-padding) * 2) !important; +} + +#urlbar { + --urlbar-toolbar-height: calc(8px + 16px + var(--toolbarbutton-inner-padding) * 2) !important; + --urlbar-height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important; +} + +#urlbar-container, +#search-container { + margin-inline: 6px !important; +} + +.urlbar-page-action, +#urlbar-go-button, +.search-go-button, +#tracking-protection-icon-container, +#identity-icon-box { + padding-inline: var(--uc-urlbar-icon-inline-padding) !important; + width: calc(var(--uc-urlbar-icon-inline-padding) * 2 + 16px) !important; +} + +#identity-box[pageproxystate="valid"].notSecureText>.identity-box-button, +#identity-box[pageproxystate="valid"].chromeUI>.identity-box-button, +#identity-box[pageproxystate="valid"].extensionPage>.identity-box-button, +#urlbar-label-box { + width: unset !important; +} + +#identity-icon-box, +#identity-permission-box, +.notification-anchor-icon { + padding-inline: var(--uc-urlbar-icon-inline-padding) !important; +} + +#urlbar-background, +#searchbar { + border-radius: var(--urlbar-icon-border-radius) !important; +} + +#urlbar:hover:not([suppress-focus-border])>#urlbar-background, +#searchbar:hover { + outline: 1.5px solid var(--urlbar-hover-highlight-color); +} + +/* move tracking protection button */ +#tracking-protection-icon-container, +#page-action-buttons { + -moz-box-ordinal-group: 2 !important; + order: 2 !important; +} + +#urlbar, #searchbar { + padding: 0 4px !important; +} + +#urlbar-container:not(:hover) #tracking-protection-icon-container:not([open]) { + visibility: collapse !important; +} + +@media (max-width: 450px) { + #urlbar-container:not(:hover) #pageActionButton { + visibility: collapse !important; + } +} + +@media (max-width: 570px) { + #urlbar-container { + min-width: 206px !important; + } + + #nav-bar-customization-target:not(:hover) #downloads-button:not([open]) { + visibility: collapse !important; + } +} + +#urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background, +#searchbar:focus-within { + outline-offset: calc(var(--focus-outline-width) * -1 + 1px) !important; +} + +.urlbarView { + padding-block-end: 8px !important; +} + +.urlbarView-row[pinned]>.urlbarView-row-inner>.urlbarView-no-wrap>.urlbarView-type-icon { + fill: var(--toolbar-field-color) !important; +} + +#userContext-icons, +#urlbar-zoom-button { + padding-inline: var(--uc-urlbar-icon-inline-padding) !important; + margin-block: 0 !important; + margin-inline: 0 !important; +} + +/* make urlbar icons opaque in default theme */ +#urlbar-input::placeholder, +.searchbar-textbox::placeholder { + opacity: 0.6 !important; +} + +:is(:root:not(:-moz-lwtheme), :root[style*="--lwt-accent-color: rgb(240, 240, 244)"]) #identity-icon-label { + opacity: var(--urlbar-icon-fill-opacity) !important; +} + +#notification-popup-box:hover { + background-color: var(--urlbar-box-hover-bgcolor) !important; +} + +#notification-popup-box:hover:active, +#notification-popup-box[open] { + background-color: var(--urlbar-box-active-bgcolor) !important; +} + +/* remove background from urlbar box */ +#identity-box[pageproxystate="valid"].notSecureText>.identity-box-button:not(:hover, [open]), +#identity-box[pageproxystate="valid"].chromeUI>.identity-box-button:not(:hover, [open]), +#identity-box[pageproxystate="valid"].extensionPage>.identity-box-button:not(:hover, [open]) { + background-color: transparent !important; +} + +:is(:root:not(:-moz-lwtheme), + :root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #urlbar[focused="true"], + :root[lwt-default-theme-in-dark-mode="true"], + :root[style*="--lwt-accent-color: rgb(28, 27, 34)"]) #urlbar-search-mode-indicator { + background-color: var(--urlbar-box-hover-bgcolor) !important; +} + +/* increase space between icon and text */ +#identity-icon-label { + padding-inline-start: 8px !important; +} + +/* separator for urlbar box */ +#identity-box { + position: relative; +} + +:is(#identity-box[pageproxystate="valid"].notSecureText>.identity-box-button, + #identity-box[pageproxystate="valid"].chromeUI>.identity-box-button, + #identity-box[pageproxystate="valid"].extensionPage>.identity-box-button)::after { + content: ""; + position: absolute; + display: block; + height: 16px; + border-right: 1px solid currentColor; + right: 0; + top: calc((var(--urlbar-height) / 2 - 1px - var(--urlbar-container-padding)) - 8px); + opacity: 0; +} + +@media not (prefers-reduced-motion) { + :is(#identity-box[pageproxystate="valid"].notSecureText>.identity-box-button, + #identity-box[pageproxystate="valid"].chromeUI>.identity-box-button, + #identity-box[pageproxystate="valid"].extensionPage>.identity-box-button)::after { + transition: opacity 0.2s ease; + } +} + +:is(#identity-box[pageproxystate="valid"].notSecureText>.identity-box-button:not(:hover, [open]), + #identity-box[pageproxystate="valid"].chromeUI>.identity-box-button:not(:hover, [open]), + #identity-box[pageproxystate="valid"].extensionPage>.identity-box-button:not(:hover, [open]))::after { + opacity: 0.375; +} diff --git a/chrome/urlbar/connection-warning.svg b/chrome/urlbar/connection-warning.svg deleted file mode 100644 index 700f729..0000000 --- a/chrome/urlbar/connection-warning.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/chrome/urlbar/connection.svg b/chrome/urlbar/connection.svg deleted file mode 100644 index 1329d18..0000000 --- a/chrome/urlbar/connection.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/chrome/urlbar/document.svg b/chrome/urlbar/document.svg deleted file mode 100644 index f6c3fe5..0000000 --- a/chrome/urlbar/document.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/go.svg b/chrome/urlbar/go.svg deleted file mode 100644 index 51f9a4c..0000000 --- a/chrome/urlbar/go.svg +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/chrome/urlbar/info.svg b/chrome/urlbar/info.svg deleted file mode 100644 index f148e66..0000000 --- a/chrome/urlbar/info.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/naughty-shield.svg b/chrome/urlbar/naughty-shield.svg deleted file mode 100644 index 59327d5..0000000 --- a/chrome/urlbar/naughty-shield.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/chrome/urlbar/permissions.svg b/chrome/urlbar/permissions.svg deleted file mode 100644 index 67fc928..0000000 --- a/chrome/urlbar/permissions.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/addon-install-blocked.svg b/chrome/urlbar/permissions/addon-install-blocked.svg deleted file mode 100644 index ec1f4d2..0000000 --- a/chrome/urlbar/permissions/addon-install-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/addon-install.svg b/chrome/urlbar/permissions/addon-install.svg deleted file mode 100644 index bfefc2f..0000000 --- a/chrome/urlbar/permissions/addon-install.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/autoplay-media-blocked.svg b/chrome/urlbar/permissions/autoplay-media-blocked.svg deleted file mode 100644 index 9c45be8..0000000 --- a/chrome/urlbar/permissions/autoplay-media-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/autoplay-media.svg b/chrome/urlbar/permissions/autoplay-media.svg deleted file mode 100644 index dec88b0..0000000 --- a/chrome/urlbar/permissions/autoplay-media.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/camera-blocked.svg b/chrome/urlbar/permissions/camera-blocked.svg deleted file mode 100644 index 2812ffc..0000000 --- a/chrome/urlbar/permissions/camera-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/camera.svg b/chrome/urlbar/permissions/camera.svg deleted file mode 100644 index 76677d5..0000000 --- a/chrome/urlbar/permissions/camera.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/canvas-blocked.svg b/chrome/urlbar/permissions/canvas-blocked.svg deleted file mode 100644 index 02d6603..0000000 --- a/chrome/urlbar/permissions/canvas-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/canvas.svg b/chrome/urlbar/permissions/canvas.svg deleted file mode 100644 index af9e5d8..0000000 --- a/chrome/urlbar/permissions/canvas.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/desktop-notification-blocked.svg b/chrome/urlbar/permissions/desktop-notification-blocked.svg deleted file mode 100644 index 4835ad5..0000000 --- a/chrome/urlbar/permissions/desktop-notification-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/desktop-notification.svg b/chrome/urlbar/permissions/desktop-notification.svg deleted file mode 100644 index 1e88858..0000000 --- a/chrome/urlbar/permissions/desktop-notification.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/geo-blocked.svg b/chrome/urlbar/permissions/geo-blocked.svg deleted file mode 100644 index f5152d2..0000000 --- a/chrome/urlbar/permissions/geo-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/geo.svg b/chrome/urlbar/permissions/geo.svg deleted file mode 100644 index 98f1a9e..0000000 --- a/chrome/urlbar/permissions/geo.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/microphone-blocked.svg b/chrome/urlbar/permissions/microphone-blocked.svg deleted file mode 100644 index 1c078b6..0000000 --- a/chrome/urlbar/permissions/microphone-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/microphone.svg b/chrome/urlbar/permissions/microphone.svg deleted file mode 100644 index df1e065..0000000 --- a/chrome/urlbar/permissions/microphone.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/midi.svg b/chrome/urlbar/permissions/midi.svg deleted file mode 100644 index 0b7a67b..0000000 --- a/chrome/urlbar/permissions/midi.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/persistent-storage-blocked.svg b/chrome/urlbar/permissions/persistent-storage-blocked.svg deleted file mode 100644 index f82ba39..0000000 --- a/chrome/urlbar/permissions/persistent-storage-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/persistent-storage.svg b/chrome/urlbar/permissions/persistent-storage.svg deleted file mode 100644 index 28d28ec..0000000 --- a/chrome/urlbar/permissions/persistent-storage.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/popup.svg b/chrome/urlbar/permissions/popup.svg deleted file mode 100644 index 9b6aa3d..0000000 --- a/chrome/urlbar/permissions/popup.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/screen-blocked.svg b/chrome/urlbar/permissions/screen-blocked.svg deleted file mode 100644 index fd9200e..0000000 --- a/chrome/urlbar/permissions/screen-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/screen.svg b/chrome/urlbar/permissions/screen.svg deleted file mode 100644 index a9cd96d..0000000 --- a/chrome/urlbar/permissions/screen.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/xr-blocked.svg b/chrome/urlbar/permissions/xr-blocked.svg deleted file mode 100644 index 9ad24d0..0000000 --- a/chrome/urlbar/permissions/xr-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/permissions/xr.svg b/chrome/urlbar/permissions/xr.svg deleted file mode 100644 index 9a8f216..0000000 --- a/chrome/urlbar/permissions/xr.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/chrome/urlbar/urlbar.css b/chrome/urlbar/urlbar.css deleted file mode 100644 index c37ba25..0000000 --- a/chrome/urlbar/urlbar.css +++ /dev/null @@ -1,941 +0,0 @@ -.urlbarView-body-inner -{ - border: 0 !important; -} - -.urlbarView-row -{ - padding: 0 !important; - border-radius: 0 !important; -} - -.urlbarView-row:last-of-type { - margin-bottom: 8px !important; -} - -.urlbarView-row-inner -{ - align-items: center !important; - position: relative !important; - padding: 10px 0 !important; - padding-inline: 41px 16px !important; - max-width: 100% !important; - width: auto !important; - border-radius: 0 !important; - border-left: 3px solid transparent !important; -} - -.urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, .urlbarView-row-inner[selected] { - border-color: var(--urlbar-popup-url-color) !important; -} - -.urlbarView-no-wrap -{ - height: 16px !important; - align-items: center !important; - margin-inline-start: 0 !important; - max-width: 100% !important; -} - -.urlbarView-row[type="tabtosearch"] .urlbarView-no-wrap -{ - height: 32px !important; -} - -.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-row-inner -{ - flex-direction: column !important; - align-items: flex-start !important; -} - -.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-no-wrap -{ - height: auto !important; - align-self: flex-start !important; - width: 100% !important; -} - -.urlbarView-title-separator -{ - visibility: visible !important; -} - -.urlbarView-title-separator::before -{ - content: "-" !important; - color: inherit !important; -} - -.urlbarView-title-separator, -.urlbarView-action -{ - opacity: .6 !important; - color: inherit !important; - font-size: revert !important; -} - -.urlbarView-favicon -{ - position: absolute !important; - left: 11px !important; - top: 50% !important; - transform: translateY(-50%) !important; - fill-opacity: .6 !important; - flex: unset !important; - margin: unset !important; -} - -.urlbarView-title, -.urlbarView-url -{ - text-overflow: ellipsis !important; - mask-image: none !important; -} - -.urlbarView-title -{ - flex: 1 !important; - flex-basis: unset !important; -} - -.urlbarView-url -{ - max-width: 100% !important; - font-size: revert !important; - color: var(--urlbar-popup-url-color) !important; - padding: 0 !important; -} - -.urlbarView-url:not(:empty) -{ - visibility: visible !important; -} - -.urlbarView-action:not(:empty) -{ - display: flex !important; -} - -.urlbarView-row[type=search] ~ .urlbarView-row[type=search] .urlbarView-title-separator, -.urlbarView-row[type=search] ~ .urlbarView-row[type=search] .urlbarView-action, -.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-title-separator, -.urlbarView-type-icon -{ - display: none !important; -} - -.urlbarView-row[type=tip] > .urlbarView-row-inner > .urlbarView-favicon, -.urlbarView-row[type=tip] > .urlbarView-row-inner > .urlbarView-title, -.urlbarView-tip-button, -.urlbarView-tip-help -{ - margin-block-end: 0 !important; -} - -.urlbarView .search-one-offs -{ - padding: 4px !important; - display: flex !important; - margin-top: -8px !important; -} - -.urlbarView .search-panel-one-offs-header -{ - margin-inline-start: 12px !important; - line-height: 40px !important; - transform: translateY(-1px) !important; -} - -.urlbarView .search-panel-one-offs -{ - border-radius: 0 0 8px 8px !important; - display: inline-flex !important; - flex-direction: row !important; - padding: 0 !important; - margin: 0 !important; - float: left !important; - max-width: none !important; - height: auto !important; -} - -.urlbarView .searchbar-engine-one-off-item -{ - height: 32px !important; - border-radius: 16px !important; - padding: 0 8px !important; - margin: 4px !important; - background-image: none !important; - color: inherit !important; - border: 0 !important; -} - -#urlbar-container -{ - max-height: 36px !important; -} - -#urlbar, -#searchbar -{ - --urlbar-shadow: 0 1px 5px 0 #0001; - font-size: 14px !important; - border-radius: 4px !important; - background-color: var(--toolbar-field-background-color) !important; - border: 0 !important; - box-shadow: var(--urlbar-shadow) !important; - padding: 2px !important; - background-clip: padding-box !important; - transition: background-color .1s var(--ease-basic) !important; - -moz-box-align: center !important; - display: block !important; - margin: 0 !important; - top: 0 !important; - color: inherit !important; - - --urlbar-height: 30px !important; - - min-height: var(--urlbar-height) !important; -} - -#urlbar:not(:-moz-lwtheme), -#searchbar:not(:-moz-lwtheme) -{ - color: inherit !important; -} - -#urlbar:hover, -#searchbar:hover -{ - background-color: var(--toolbar-field-hover-background-color) !important; - box-shadow: 0 0 0 1px inset var(--toolbar-field-hover-border-color, transparent), var(--urlbar-shadow) !important; -} - -#urlbar[focused], -#urlbar[open], -#searchbar[focused], -#searchbar[open] -{ - background-color: var(--toolbar-field-focus-background-color) !important; -} - -#urlbar[focused], -#searchbar[focused] -{ - box-shadow: 0 0 0 1px var(--toolbar-field-focus-border-color), inset 0 0 0 1px var(--toolbar-field-focus-border-color), var(--urlbar-shadow) !important; - border: 0 !important; - padding: 2px !important; - margin: 0 !important; -} - -/* if only focused, don't break out the urlbar */ -#urlbar[focused]:not([open]) -{ - width: 100% !important; - left: 0 !important; - right: 0 !important; -} - -#urlbar[open], -#searchbar[open] -{ - border: 0 !important; - padding: 0 !important; - border-radius: 6px !important; - min-height: 37px !important; - margin: -4px 0 -1px !important; - box-shadow: - 0 1px 2px 1px rgba(0,0,0,0.1), - 0 5px 5px -3px rgba(0,0,0,.2), - 0 6px 10px 1px rgba(0,0,0,.14), - 0 3px 14px 2px rgba(0,0,0,.12) !important; - z-index: 99999 !important; -} -#urlbar[breakout][breakout-extend] { - top: -2px; - left: 0 !important; - width: 100% !important; -} -#urlbar[open] #urlbar-input { - margin-right: 10px !important; -} - -/* 71+ */ -#urlbar-background -{ - display: none !important; -} - -#urlbar-input-container, -#searchbar -{ - display: flex !important; - align-items: center !important; -} - -#urlbar-input-container -{ - height: auto !important; - padding: 0 !important; - border: 0 !important; - border-radius: 0 !important; -} - -.urlbar-input-box, -.searchbar-textbox -{ - flex: 1 !important; -} - -#urlbar-input -{ - width: 100% !important; -} - -#urlbar-input, -.searchbar-textbox -{ - color: var(--lwt-toolbar-field-color) !important; -} -#urlbar[focused], -#urlbar[focused] #urlbar-input, -.searchbar-textbox:focus -{ - color: var(--lwt-toolbar-field-focus-color) !important; -} - -#urlbar-input::placeholder, -.searchbar-textbox::placeholder -{ - opacity: .66 !important; -} - -#urlbar[open] #urlbar-input-container -{ - height: 38px !important; - margin-inline: 1px !important; -} - -#urlbar[open] #identity-box -{ - margin-inline-start: 1px !important; - margin-inline-end: 0px !important; -} - -.urlbarView -{ - top: 0 !important; - left: 0 !important; - right: 0 !important; - position: relative !important; - box-shadow: none !important; - border: 0 !important; - background: 0 !important; - margin: 0 !important; -} - -#urlbar[open] .urlbarView -{ - display: block !important; - width: 100% !important; -} - -#urlbar-results -{ - padding: 0 !important; -} - -#urlbar-container, -#searchbar-container -{ - overflow: visible !important; - padding: 0 !important; - margin-inline: 6px !important; -} - -#identity-icon -{ - fill-opacity: 1 !important; -} - -#identity-icon-label -{ - color: inherit !important; - opacity: 1 !important; - padding: 0 !important; - margin-inline-start: 8px !important; - margin-block-start: -1px !important; - display: none !important; - align-items: center !important; -} - -#identity-box -{ - display: flex !important; - position: relative !important; -} - -#urlbar-label-box -{ - border: 0 !important; - padding: 0 !important; -} - -/* separator */ -#identity-icon-label::after -{ - content: "" !important; - display: block !important; - position: absolute !important; - height: 16px !important; - right: 0 !important; - background: #9d9e9f !important; - width: 1px !important; - transition: opacity .2s var(--ease-basic) !important; -} - -#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden), -#urlbar-label-box -{ - margin-inline-end: 8px !important; -} - -#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden) #identity-icon-label -{ - display: flex !important; -} - - -#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):not(.no-hover):-moz-any([open], :hover) #identity-icon-label::after -{ - opacity: 0 !important; -} - -#urlbar[pageproxystate=valid] #identity-box.extensionPage > #identity-icon -{ - list-style-image: none !important; - margin-inline-end: -16px !important; -} - -/* no longer used as a connection icon */ -#connection-icon -{ - display: none !important; -} - -#urlbar[pageproxystate=valid] #identity-box:-moz-any( - .mixedActiveBlocked, - .mixedDisplayContentLoadedActiveBlocked, - .mixedActiveContent -) > #connection-icon -{ - display: -moz-box !important; -} - -#urlbar[pageproxystate=valid] #identity-box:-moz-any(.weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent) -{ - color: #c94031 !important; -} - -.urlbar-input -{ - padding: 0 !important; -} - -.searchbar-textbox -{ - border: 0 !important; - background: 0 !important; - box-shadow: none !important; - margin: 0 !important; - -moz-appearance: none !important; -} - -.searchbar-search-icon -{ - margin: 0 !important; - fill-opacity: 1 !important; -} - -.searchbar-search-icon-overlay -{ - margin-inline-start: -11px !important; - margin-inline-end: 0 !important; - - /* not really useful anyway */ - display: none !important; -} - -#page-action-buttons > #pageActionSeparator, -.urlbar-history-dropmarker -{ - display: none !important; -} - -#pageActionSeparator -{ - height: 24px !important; -} - -.urlbar-icon-wrapper -{ - background: 0 !important; -} - -.urlbar-icon, -#page-action-buttons > toolbarbutton, -.searchbar-search-button, -#tracking-protection-icon-box, -#identity-icon-box, -#identity-permission-box -{ - min-width: 36px !important; - height: 26px !important; - min-height: 26px !important; - padding: 5px 10px !important; - margin: 0 !important; - border: 0 !important; - border-radius: 2px !important; - fill-opacity: 1 !important; - transition: background-color .2s var(--ease-basic) !important; - background: 0 !important; - background-color: transparent !important; -} - -#identity-box -{ - margin: 0 !important; -} - -#identity-icon-box -{ - min-width: 40px !important; - padding: 5px 12px !important; -} - -#identity-permission-box -{ - min-width: 28px !important; - padding: 5px 0px !important; - padding-inline-end: 12px !important; - margin: 0 0 0 -8px !important; -} - -#tracking-protection-icon-container -{ - background: 0 !important; - border: 0 !important; - margin: 0 !important; - padding: 0 !important; - width: auto !important; - order: 97 !important; -} - -#tracking-protection-icon-box -{ - display: block !important; - width: 32px !important; -} - -#tracking-protection-icon-box -{ - transition: - background-color .2s var(--ease-basic), - width .15s var(--ease-in), - opacity .15s var(--ease-basic), - visibility 0s .2s !important; - opacity: 0 !important; - visibility: hidden !important; - width: 0 !important; -} - -#urlbar:hover #tracking-protection-icon-box, -#tracking-protection-icon-container[open] #tracking-protection-icon-box, -#tracking-protection-icon-box[active] -{ - transition: - background-color .2s var(--ease-basic), - width .3s var(--ease-out), - opacity .3s var(--ease-basic) !important; - opacity: 1 !important; - visibility: visible !important; - width: 36px !important; -} - -#tracking-protection-icon -{ - display: block !important; -} - -#tracking-protection-icon-animatable-box -{ - display: none !important; -} - -#identity-box #notification-popup-box -{ - padding: 0 !important; - margin: 0 !important; -} - -#page-action-buttons -{ - height: 26px !important; - display: flex !important; - order: 99 !important; -} - -#urlbar[open] #page-action-buttons, -#urlbar[open] #tracking-protection-icon-container -{ - display: none !important; -} - -.urlbar-icon:hover:not([disabled]), -#page-action-buttons > toolbarbutton:hover:not([disabled]), -.searchbar-search-button:hover, -#identity-icon-box:hover, #identity-permission-box:hover, -#tracking-protection-icon-container:hover #tracking-protection-icon-box -{ - background-color: var(--toolbarbutton-hover-background) !important; -} - -.urlbar-icon:hover:active:not([disabled]), -.urlbar-icon[open], -#page-action-buttons > toolbarbutton:hover:active:not([disabled]), -.searchbar-search-button:hover:active, -:-moz-any(#identity-icon-box, #identity-permission-box):-moz-any(:active, [open]), -#identity-box[open]:not(.no-hover), -#tracking-protection-icon-container[open] #tracking-protection-icon-box -{ - background-color: var(--toolbarbutton-active-background) !important; - transition-duration: 0 !important; -} - -#contextual-feature-recommendation -{ - width: auto !important; -} - -.urlbar-page-action:-moz-any( - #reader-mode-button, - #pageActionButton, - #pocket-button-box, - #pageAction-urlbar-screenshots_mozilla_org, - #pageAction-urlbar-sendToDevice, - #pageAction-urlbar-emailLink, - #pageAction-urlbar-copyURL, - #pageAction-urlbar-shareURL, - #pageAction-urlbar-addSearchEngine -) -{ - transition: - background-color .2s var(--ease-basic), - margin .15s var(--ease-in), - opacity .15s var(--ease-basic), - visibility 0s 4s !important; - opacity: 0 !important; - visibility: hidden !important; - margin-inline-start: -36px !important; -} - -#urlbar:hover .urlbar-page-action:-moz-any( - #reader-mode-button, - #pageActionButton, - #pocket-button-box, - #pageAction-urlbar-screenshots_mozilla_org, - #pageAction-urlbar-sendToDevice, - #pageAction-urlbar-emailLink, - #pageAction-urlbar-copyURL, - #pageAction-urlbar-shareURL, - #pageAction-urlbar-addSearchEngine -), -.urlbar-page-action:-moz-any( - #reader-mode-button, - #pageActionButton, - #pocket-button-box, - #pageAction-urlbar-screenshots_mozilla_org, - #pageAction-urlbar-sendToDevice, - #pageAction-urlbar-emailLink, - #pageAction-urlbar-copyURL, - #pageAction-urlbar-shareURL, - #pageAction-urlbar-addSearchEngine -):-moz-any(:hover, [open], [readeractive]), -.urlbar-page-action:-moz-any(:hover, [open]) ~ .urlbar-page-action:-moz-any( - #reader-mode-button, - #pageActionButton, - #pocket-button-box, - #pageAction-urlbar-screenshots_mozilla_org, - #pageAction-urlbar-sendToDevice, - #pageAction-urlbar-emailLink, - #pageAction-urlbar-copyURL, - #pageAction-urlbar-shareURL, - #pageAction-urlbar-addSearchEngine), -#tracking-protection-icon-container[open] ~ #page-action-buttons .urlbar-page-action:-moz-any( - #reader-mode-button, - #pageActionButton, - #pocket-button-box, - #pageAction-urlbar-screenshots_mozilla_org, - #pageAction-urlbar-sendToDevice, - #pageAction-urlbar-emailLink, - #pageAction-urlbar-copyURL, - #pageAction-urlbar-shareURL, - #pageAction-urlbar-addSearchEngine) -{ - transition: - background-color .2s var(--ease-basic), - margin .3s var(--ease-out), - opacity .3s var(--ease-basic) !important; - opacity: 1 !important; - visibility: visible !important; - margin-inline-start: 0 !important; -} - -.urlbar-display -{ - color: inherit !important; - margin: 0 !important; -} - -#pocket-button-box[animate] > #pocket-animatable-box -{ - margin-inline-start: 6px !important; -} - -#star-button-animatable-box -{ - display: none !important; -} - -#userContext-icons -{ - flex-direction: row !important; - align-items: center !important; - justify-content: center !important; - position: relative !important; - padding-inline: 8px !important; - margin: 0 !important; - color: var(--identity-tab-color) !important; -} - -#userContext-icons:not([hidden]) -{ - display: flex !important; -} - -#userContext-icons > * -{ - z-index: 1 !important; - color: inherit !important; - fill: currentColor !important; -} - -#userContext-label -{ - margin: 0 !important; -} - -#userContext-label + #userContext-indicator -{ - margin-inline-start: 6px !important; -} - -#userContext-icons::before -{ - content: '' !important; - position: absolute !important; - left: 0 !important; - right: 0 !important; - top: 0 !important; - bottom: 0 !important; - background: var(--identity-tab-color) !important; - border-radius: 1px !important; - opacity: .1 !important; -} - -#cfr-label-container -{ - background: 0 !important; -} - -#cfr-label -{ - display: none !important; -} - -#cfr-button -{ - fill: currentColor !important; -} - -#urlbar[open] #urlbar-go-button, -#searchbar[open] #search-go-button, -/* < 71 */ -#urlbar[open] .urlbar-go-button, -#searchbar[open] .search-go-button -{ - height: 32px !important; -} - -#urlbar-go-button, -#search-go-button, -/* < 71 */ -.urlbar-go-button, -.search-go-button -{ - list-style-image: url(go.svg) !important; -} - -.search-go-container -{ - display: flex !important; -} - -#searchbar .textbox-input -{ - padding: 0 !important; -} - -/* lock (secure) */ -#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon -{ - list-style-image: url(connection.svg) !important; -} -#identity-popup[connection^="secure"] .identity-popup-security-connection -{ - background-image: url(connection.svg) !important; -} - -/* info (not secure) */ -#identity-box[pageproxystate="valid"].notSecure #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon, #identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon -{ - list-style-image: url(info.svg) !important; -} - -.identity-popup-security-connection { - background-image: url(info.svg) !important; -} - -/* warning (dangerous) */ -#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent) > #identity-icon -{ - list-style-image: url(connection-warning.svg) !important; -} - -/* local file */ -#identity-box[pageproxystate="valid"].localResource #identity-icon { - list-style-image: url(document.svg) !important; -} - -#identity-popup[connection="file"] .identity-popup-security-connection -{ - background-image: url(document.svg) !important; -} - -/* permissions */ -#permissions-granted-icon -{ - list-style-image: url(permissions.svg) !important; -} - -.geo-icon -{ - list-style-image: url(permissions/geo.svg) !important; -} -.geo-icon.blocked-permission-icon -{ - list-style-image: url(permissions/geo-blocked.svg) !important; -} - -.xr-icon { - list-style-image: url(permissions/xr.svg) !important; -} - -.xr-icon.blocked-permission-icon { - list-style-image: url(permissions/xr-blocked.svg) !important; -} - -.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon { - list-style-image: url(permissions/desktop-notification.svg) !important; -} - -.desktop-notification-icon.blocked-permission-icon { - list-style-image: url(permissions/desktop-notification-blocked.svg) !important; -} - -.camera-icon { - list-style-image: url(permissions/camera.svg) !important; -} - -.camera-icon.blocked-permission-icon { - list-style-image: url(permissions/camera-blocked.svg) !important; -} - -.microphone-icon { - list-style-image: url(permissions/microphone.svg) !important; -} - -.microphone-icon.blocked-permission-icon { - list-style-image: url(permissions/microphone-blocked.svg) !important; -} - -.screen-icon { - list-style-image: url(permissions/screen.svg) !important; -} - -.screen-icon.blocked-permission-icon { - list-style-image: url(permissions/screen-blocked.svg) !important; -} - -.popup-notification-icon[popupid="persistent-storage"], .persistent-storage-icon { - list-style-image: url(permissions/persistent-storage.svg) !important; -} - -.persistent-storage-icon.blocked-permission-icon { - list-style-image: url(permissions/persistent-storage-blocked.svg) !important; -} - -.popup-icon { - list-style-image: url(permissions/popup.svg) !important; -} - -.autoplay-media-icon { - list-style-image: url(permissions/autoplay-media.svg) !important; -} - -.autoplay-media-icon.blocked-permission-icon { - list-style-image: url(permissions/autoplay-media-blocked.svg) !important; -} - -#canvas-notification-icon, .popup-notification-icon[popupid="canvas-permissions-prompt"], .canvas-icon { - list-style-image: url(permissions/canvas.svg) !important; -} - -.canvas-icon.blocked-permission-icon { - list-style-image: url(permissions/canvas-blocked.svg) !important; -} - -.midi-icon, .midi-sysex-icon, .popup-notification-icon[popupid="midi"], .popup-notification-icon[popupid="midi-sysex"] { - list-style-image: url(permissions/midi.svg) !important; -} - -.install-icon { - list-style-image: url(permissions/addon-install.svg) !important; -} - -.install-icon.blocked-permission-icon, .popup-notification-icon[popupid="xpinstall-disabled"], .popup-notification-icon[popupid="addon-install-blocked"], .popup-notification-icon[popupid="addon-install-origin-blocked"] { - list-style-image: url(permissions/addon-install-blocked.svg) !important; -} - -#urlbar-input, -#searchbar-input, -.searchbar-textbox /* < 71 */ -{ - transform: translateY(var(--input-offset)) !important; - line-height: 1.745em !important; -} - -#urlbar, -#searchbar -{ - --input-offset: -1px; -} \ No newline at end of file diff --git a/chrome/userChrome.css b/chrome/userChrome.css index e6783ec..a43d558 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -1,43 +1,15 @@ -@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"; +/* Edge-Frfox */ +@import url("icons/icons.css"); +@import url("toolbar/tabbar.css"); +@import url("toolbar/navbar.css"); +@import url("toolbar/personalbar.css"); +@import url("toolbar/findbar.css"); +@import url("toolbar/urlbar.css"); +@import url("global/colors.css"); +@import url("global/popup.css"); +@import url("global/tweaks.css"); +@import url("global/browser.css"); +@import url("global/tree.css"); -/* Optional Extras (uncomment/comment to enable/disable) */ - -@import "extras/accessibility.css"; /* High Contrast theme and reduced motion (Only used on OS setting) */ -/* @import "extras/vibrancy.css"; */ /* (MACOS ONLY!) Enable window vibrancy behind tabs */ -/* @import "extras/hidetoolbarbuttons.css"; */ /* (BUGGY: USE AT OWN RISK!) Hide toolbar buttons other than extensions */ -/* @import "extras/swapaccount-overflow.css"; */ /* (BUGGY: USE AT OWN RISK!) Swap Account icon and Overflow icon (must be placed next to each other) */ -/* @import "extras/customColorTheme.css"; */ /* Custom Color Theme Template, Modify colors more easily */ -/* @import "extras/hidetabclosebutton.css"; */ /* Hide tab close button when mouse not hovering over it */ -/* @import "extras/addIconsToMenubarPopups.css"; */ /* (UNFINISHED) (TESTED ON MACOS ONLY!) Add icons to menubar popups */ - -/* Display tab-line above tabs */ -/* -.tab-line { display: -moz-box !important; } -*/ - -/* (MACOS ONLY!) Adjust window controls position to make the spacing even */ -/* -.titlebar-buttonbox { margin-inline: calc(var(--space-above-tabbar) / 2 + 9px) calc(var(--space-above-tabbar) / 2 + 1px) !important; } -*/ - -/* Hide scrollbox icons in tabbar */ -/* -#scrollbutton-up[part], #scrollbutton-down[part] { display: none !important; } -*/ - -#urlbarView-row-162, #urlbarView-row-19, #urlbar .urlbarView .search-one-offs, /* Hide search engine selector on the urlbar dropdown */ -/* .urlbarView-row[type="tabtosearch"], */ /* Hide Tab to Search Panels in urlbar */ -/* #urlbar:not([usertyping]) .urlbarView, */ /* Hide search suggestions until typing */ -#context-sendpagetodevice, #context-sep-sendpagetodevice, /* Hide send page to device menu */ -#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; } +/* import custom stylesheet instead of modifying Edge-Frfox theme files */ +@import url("custom.css"); diff --git a/chrome/userContent.css b/chrome/userContent.css index 1c5332d..3c5ab07 100644 --- a/chrome/userContent.css +++ b/chrome/userContent.css @@ -1,6 +1,3 @@ -@import "userContent/NewTab.css"; -@import "userContent/Preferences.css"; - -img.transparent { - background: transparent !important; -} \ No newline at end of file +/* Edge-Frfox */ +@import url("content/common.css"); +@import url("content/newtab.css"); diff --git a/chrome/userContent/NewTab.css b/chrome/userContent/NewTab.css deleted file mode 100644 index f2425a2..0000000 --- a/chrome/userContent/NewTab.css +++ /dev/null @@ -1,107 +0,0 @@ -@-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 { - 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; - } - #searchSubmit:hover { - background-color: var(--search-button-bg-hover) !important; - } - .top-site-outer .tile, .screenshot, .top-site-icon { - border-radius: 8px !important; - } - - body:not([lwt-newtab], [style*="color"]) { - --newtab-background-color: #f5f5f5 !important; - --newtab-text-primary-color: #000 !important; - --newtab-textbox-background-color: #fff !important; - --newtab-topsites-background-color: #fff !important; - - --search-button-bg: #0078D4; - --search-button-bg-hover: #006CBE; - --newtab-search-icon-color: #fff !important; - } - body[style*="--newtab-background-color:rgba(42, 42, 46, 1); --newtab-text-primary-color:rgba(249, 249, 250, 1);"] { - --newtab-background-color: #242424 !important; - --newtab-text-primary-color: #fff !important; - --newtab-textbox-background-color: #424242 !important; - --newtab-topsites-background-color: #424242 !important; - - --search-button-bg: #006CBE; - --search-button-bg-hover: #0078D4; - --newtab-search-icon-color: #fff !important; - } -} - -@-moz-document url(about:privatebrowsing) { - html.private { - --in-content-page-color: #000d !important; - --in-content-text-color: #000 !important; - --in-content-page-background: #f5f5f5 !important; - } - .wordmark { - fill: #737373 !important; - } - .info { - background-color: #fff !important; - background-image: url(../icons/incognito.svg) !important; - } - .search-handoff-button { - background-color: #fff !important; - color: #000 !important; - } - @media (prefers-color-scheme: dark) { - html.private { - --in-content-page-color: #fffd !important; - --in-content-text-color: #fff !important; - --in-content-page-background: #242424 !important; - } - .wordmark { - fill: #f5f5f5 !important; - } - .info { - background-color: #2b2b2b !important; - } - .search-handoff-button { - background-color: #424242 !important; - color: #fff !important; - } - } - .fake-textbox { - color: inherit !important; - } - .search-handoff-button { - border: 0 !important; - border-radius: 4px !important; - height: 44px !important; - 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-handoff-button:hover { - box-shadow: 0px 3.2px 7.2px rgb(0 0 0 / 13%), 0px 0px 3.8px rgb(0 0 0 / 11%) !important; - } -} \ No newline at end of file diff --git a/chrome/userContent/Preferences.css b/chrome/userContent/Preferences.css deleted file mode 100644 index 40c315e..0000000 --- a/chrome/userContent/Preferences.css +++ /dev/null @@ -1,334 +0,0 @@ -@-moz-document url-prefix(about:preferences) { - /* Icons */ - - /* Categories */ - #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; - } - - /* Permissions */ - .geo-icon { - list-style-image: url(../urlbar/permissions/geo.svg) !important; - } - .camera-icon { - list-style-image: url(../urlbar/permissions/camera.svg) !important; - } - .microphone-icon { - list-style-image: url(../urlbar/permissions/microphone.svg) !important; - } - .desktop-notification-icon { - list-style-image: url(../urlbar/permissions/desktop-notification.svg) !important; - } - .autoplay-icon { - list-style-image: url(../urlbar/permissions/autoplay-media.svg) !important; - } - .xr-icon { - list-style-image: url(../urlbar/permissions/xr.svg) !important; - } - - /* Sync Items */ - .sync-engine-bookmarks .checkbox-icon, .sync-engine-bookmarks.sync-engine-image { - list-style-image: url(../icons/bookmark.svg) !important; - } - .sync-engine-history .checkbox-icon, .sync-engine-history.sync-engine-image { - list-style-image: url(../icons/history.svg) !important; - } - .sync-engine-tabs .checkbox-icon, .sync-engine-tabs.sync-engine-image { - list-style-image: url(../icons/new-tab-image.svg) !important; - } - .sync-engine-passwords .checkbox-icon, .sync-engine-passwords.sync-engine-image { - list-style-image: url(../icons/key.svg) !important; - } - .sync-engine-addons .checkbox-icon, .sync-engine-addons.sync-engine-image { - list-style-image: url(../icons/addons.svg) !important; - } - .sync-engine-prefs .checkbox-icon, .sync-engine-prefs.sync-engine-image { - list-style-image: url(../icons/settings.svg) !important; - } - - /* Profile Picture */ - .fxaProfileImage:not([style*="list-style-image"]) { - list-style-image: url(../icons/profile.svg) !important; - } - - /* links */ - .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; - } - - /* Visual Ajustments */ - :root { - --in-content-page-background: #f7f7f7 !important; - --in-content-text-color: #262626 !important; - --in-content-page-color: #262626 !important; - --card-background: #fff; - --card-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px, rgb(0 0 0 / 11%) 0px 0px 2.9px !important; - --sidebar-border-color: #bebebe; - --category-active: #0078d4; - --in-content-category-text-selected: #0078d4 !important; - --category-selected: #0001; - --in-content-link-color: #0078d4 !important; - --section-highlight-background-color: #0078d420 !important; - - --search-bgcolor: #fff; - --input-border-color: var(--sidebar-border-color); - --input-border-color-focused: #888; - - --checkbox-bgcolor: #f7f7f7; - --checkbox-border-color: #8D8D8D; - --checkbox-hover-border-color: #666; - --checkbox-fill-color: #262626; - --checkbox-checked-bgcolor: #0078D4; - --checkbox-checked-fill-color: #fff; - } - .content-blocking-category.selected { - border-color: #0078d4 !important; - } - .content-blocking-category.expanded:not(.selected) .content-blocking-warning { - background-color: #f7f7f7 !important; - } - @media (prefers-color-scheme: dark) { - :root { - --in-content-page-background: #333 !important; - --in-content-text-color: #fff !important; - --in-content-page-color: #fff !important; - --card-background: #3b3b3b; - --card-shadow: 0px 1.6px 3.6px rgb(0 0 0 / 25%), 0px 0px 2.9px rgb(0 0 0 / 22%) !important; - --sidebar-border-color: #6b6b6b; - --category-active: #63ade5; - --in-content-category-text-selected: #63ade5 !important; - --category-selected: #fff1; - --in-content-link-color: #63ade5 !important; - --section-highlight-background-color: #63ade520 !important; - - --search-bgcolor: #2b2b2b; - --input-border-color-focused: #808080; - - --checkbox-bgcolor: #333; - --checkbox-border-color: #7d7d7d; - --checkbox-hover-border-color: #A4A4A4; - --checkbox-fill-color: #fff; - --checkbox-checked-bgcolor: #006CBE; - --checkbox-checked-fill-color: #fff; - } - .content-blocking-category.selected { - border-color: #63ade5 !important; - } - .content-blocking-category.expanded:not(.selected) .content-blocking-warning { - background-color: #333 !important; - } - } - - /* Cards For Certain Sections */ - #fxaGroup, .sync-group, #trackingGroup, #searchbarGroup, #homeContentsGroup, #permissionsGroup, #httpsOnlyBox, #applicationsGroup, #oneClickSearchProvidersGroup { - padding: 12px 16px !important; - background: var(--card-background) !important; - box-shadow: var(--card-shadow) !important; - border-radius: 4px !important; - border: 0 !important; - } - :is(.sync-group, #trackingGroup, #searchbarGroup, #homeContentsGroup, #permissionsGroup, #httpsOnlyBox, #applicationsGroup, #oneClickSearchProvidersGroup) h2 { - margin-top: 2px !important; - } - h1 { - margin: 0 0 16px !important; - font-weight: 600 !important; - font-size: 20px !important; - } - #openChangeProfileImage { - height: 64px !important; - width: 64px !important; - margin: 10px !important; - margin-inline: 6px 20px !important; - } - menulist { - max-width: 400px !important; - } - - - search-textbox, input[type="text"] { - background-color: transparent !important; - border: 1px solid var(--input-border-color) !important; - transition: all .2s ease-in-out !important; - } - search-textbox:hover, search-textbox[focused], input[type="text"]:focus, input[type="text"]:hover { - --input-border-color: var(--input-border-color-focused) !important; - } - search-textbox[focused], input[type="text"]:focus { - box-shadow: 0 0 0 1px inset var(--input-border-color) !important; - } - search-textbox { - background-color: var(--search-bgcolor) !important; - padding: 2px 8px !important; - margin: 16px 0 !important; - min-height: 34px !important; - } - #policies-container { - margin: 17px 0 17px 0 !important; - position: relative !important; - z-index: 99 !important; - background-color: var(--in-content-page-background) !important; -} - - button, menulist { - background-color: transparent !important; - border: 1px solid var(--input-border-color) !important; - border-radius: 2px !important; - transition: all .2s ease-in-out !important; - } - button:hover, menulist:hover { - border-color: var(--input-border-color-focused) !important; - } - - dropmarker { - list-style-image: url(../popup/menu-right.svg) !important; - transform: rotate(90deg) scale(calc(16 / 12)) !important; - margin: 0 4px 0 0 !important; - max-width: 12px !important; - } - - .navigation { - border-right: 1px solid var(--sidebar-border-color) !important; - } - .sticky-container { - border-bottom: 1px solid var(--sidebar-border-color) !important; - } - .sticky-container::before { - content: "Preferences"; - font-size: 24px; - font-weight: 600; - position: absolute !important; - min-height: 34px; - top: 16px; - left: 4px; - } - #mainPrefPane { - margin-top: 16px !important; - } - .checkbox-check { - /* Move Checkboxes to Right */ - -moz-box-ordinal-group: 2 !important; - - width: 40px !important; - height: 20px !important; - padding: 4px !important; - padding-inline: 0 24px !important; - list-style-image: none !important; - border-radius: 99px !important; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='5' fill='context-fill'/%3E%3C/svg%3E") !important; - background-position: 4px 4px !important; - background-repeat: no-repeat !important; - background-size: 10px !important; - transition: all 0.1s ease-in-out !important; - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; - background-color: var(--checkbox-bgcolor) !important; - color: var(--checkbox-fill-color) !important; - border: 1px solid var(--checkbox-border-color) !important; - margin: 3px 8px !important; - } - .indent > checkbox > .checkbox-check { - margin-inline-start: 32px !important; - } - .checkbox-check:hover { - border-color: var(--checkbox-hover-border-color) !important; - } - .checkbox-check[checked] { - background-position: 24px 4px !important; - background-color: var(--checkbox-checked-bgcolor) !important; - color: var(--checkbox-checked-fill-color) !important; - border-color: transparent !important; - } - - .radio-check { - background-color: var(--checkbox-bgcolor) !important; - border: 1px solid var(--checkbox-border-color) !important; - } - .radio-check:hover { - background-color: var(--checkbox-bgcolor) !important; - border-color: var(--checkbox-hover-border-color) !important; - } - .radio-check[selected] { - background-color: var(--checkbox-border-color) !important; - border-color: transparent !important; - color: var(--checkbox-bgcolor) !important; - } - .radio-check[selected]:hover { - background-color: var(--checkbox-hover-border-color) !important; - } - - #categories { - padding-inline: 16px !important; - margin: 16px 0 0 !important; - } - - .category { - position: relative !important; - margin: 0 !important; - padding-inline: 12px !important; - } - - .sidebar-footer-link, .sidebar-footer-button > .text-link { - margin-inline: 16px !important; - } - - .sidebar-footer-icon { - margin: 16px !important; - height: 16px !important; - width: 16px !important; - } - - .sidebar-footer-button:last-of-type { - margin-bottom: 16px !important; - } - - @media (max-width: 830px) { - :root { - --in-content-sidebar-width: 80px !important; - } - - .navigation { - margin-inline-end: 16px !important; - } - } - - .category::before { - content: ""; - height: calc(100% - 24px) !important; - position: absolute !important; - top: 12px; - left: 0; - border-left: 3px solid transparent !important; - } - - .category[selected]::before { - border-color: var(--category-active) !important; - } -} \ No newline at end of file diff --git a/screenshots/Edge-FrFox-theme.png b/screenshots/Edge-FrFox-theme.png deleted file mode 100644 index 4094ae3..0000000 Binary files a/screenshots/Edge-FrFox-theme.png and /dev/null differ diff --git a/screenshots/Edge-FrFox.png b/screenshots/Edge-FrFox.png deleted file mode 100644 index cca5ce5..0000000 Binary files a/screenshots/Edge-FrFox.png and /dev/null differ diff --git a/screenshots/colorways-dark.png b/screenshots/colorways-dark.png new file mode 100755 index 0000000..6cc5a5a Binary files /dev/null and b/screenshots/colorways-dark.png differ diff --git a/screenshots/colorways-light.png b/screenshots/colorways-light.png new file mode 100755 index 0000000..5e0ab6b Binary files /dev/null and b/screenshots/colorways-light.png differ diff --git a/screenshots/dark-floating-tabs.png b/screenshots/dark-floating-tabs.png new file mode 100644 index 0000000..85e6d8d Binary files /dev/null and b/screenshots/dark-floating-tabs.png differ diff --git a/screenshots/dark.png b/screenshots/dark.png new file mode 100644 index 0000000..74bb0e1 Binary files /dev/null and b/screenshots/dark.png differ diff --git a/screenshots/force-tab-colour.svg b/screenshots/force-tab-colour.svg new file mode 100644 index 0000000..440b26d --- /dev/null +++ b/screenshots/force-tab-colour.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/screenshots/gtk-dark.png b/screenshots/gtk-dark.png new file mode 100644 index 0000000..ae69701 Binary files /dev/null and b/screenshots/gtk-dark.png differ diff --git a/screenshots/gtk-light.png b/screenshots/gtk-light.png new file mode 100644 index 0000000..fb76432 Binary files /dev/null and b/screenshots/gtk-light.png differ diff --git a/screenshots/light-floating-tabs.png b/screenshots/light-floating-tabs.png new file mode 100644 index 0000000..c35af07 Binary files /dev/null and b/screenshots/light-floating-tabs.png differ diff --git a/screenshots/light.png b/screenshots/light.png new file mode 100644 index 0000000..4efd75e Binary files /dev/null and b/screenshots/light.png differ diff --git a/screenshots/right-click-alpenglow.png b/screenshots/right-click-alpenglow.png deleted file mode 100644 index 6885e4f..0000000 Binary files a/screenshots/right-click-alpenglow.png and /dev/null differ diff --git a/screenshots/right-click-dark.png b/screenshots/right-click-dark.png deleted file mode 100644 index 3de86fa..0000000 Binary files a/screenshots/right-click-dark.png and /dev/null differ diff --git a/screenshots/right-click-light.png b/screenshots/right-click-light.png deleted file mode 100644 index d61ddf5..0000000 Binary files a/screenshots/right-click-light.png and /dev/null differ diff --git a/screenshots/screenshot-alpenglow-dark.png b/screenshots/screenshot-alpenglow-dark.png deleted file mode 100644 index 0face44..0000000 Binary files a/screenshots/screenshot-alpenglow-dark.png and /dev/null differ diff --git a/screenshots/screenshot-alpenglow-light.png b/screenshots/screenshot-alpenglow-light.png deleted file mode 100644 index 963b947..0000000 Binary files a/screenshots/screenshot-alpenglow-light.png and /dev/null differ diff --git a/screenshots/screenshot-dark.png b/screenshots/screenshot-dark.png deleted file mode 100644 index 17b3b86..0000000 Binary files a/screenshots/screenshot-dark.png and /dev/null differ diff --git a/screenshots/screenshot-light.png b/screenshots/screenshot-light.png deleted file mode 100644 index 2e6cf38..0000000 Binary files a/screenshots/screenshot-light.png and /dev/null differ diff --git a/screenshots/thumbnail.png b/screenshots/thumbnail.png new file mode 100644 index 0000000..1feb17a Binary files /dev/null and b/screenshots/thumbnail.png differ