diff --git a/.github/ISSUE_TEMPLATE/bug.md b/.github/ISSUE_TEMPLATE/bug.md deleted file mode 100644 index de532d9..0000000 --- a/.github/ISSUE_TEMPLATE/bug.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -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 deleted file mode 100644 index d85f754..0000000 --- a/.github/ISSUE_TEMPLATE/feature.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -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 deleted file mode 100644 index dd2cc3f..0000000 --- a/.gitignore +++ /dev/null @@ -1,11 +0,0 @@ -.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 f0673db..bd9ff66 100644 --- a/README.md +++ b/README.md @@ -1,133 +1,29 @@ -# Edge-Frfox -A Firefox userChrome.css theme that aims to recreate the look and feel of the Chromium version of Microsoft Edge. +# Edge-FrFox +A userChrome.css theme for Firefox that replicates Microsoft Edge and adds icons to the right click menus. - -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: - - ### For all operating systems: - * `toolkit.legacyUserProfileCustomizations.stylesheets` = `true` - * `svg.context-properties.content.enabled` = `true` - * `layout.css.color-mix.enabled` = `true` - - ### 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** +![thumbnail](screenshots/Edge-FrFox-theme.png) ## 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] | +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) -## 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. +## How to install -To disable a tweak, set the key to `false` or delete it, then restart the browser. +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` -| 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 +**Note: Only properly tested on macOS 11 Big Sur** ## 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 deleted file mode 100644 index 7491148..0000000 --- a/chrome/content/common.css +++ /dev/null @@ -1,105 +0,0 @@ -/* 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 deleted file mode 100644 index d8ec514..0000000 --- a/chrome/content/newtab.css +++ /dev/null @@ -1,316 +0,0 @@ -/* 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 new file mode 100644 index 0000000..20646fe --- /dev/null +++ b/chrome/extras/accessibility.css @@ -0,0 +1,173 @@ +/* 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 new file mode 100644 index 0000000..b9a3936 --- /dev/null +++ b/chrome/extras/addIconsToMenubarPopups.css @@ -0,0 +1,71 @@ +/* (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 new file mode 100644 index 0000000..a1ba098 --- /dev/null +++ b/chrome/extras/customColorTheme.css @@ -0,0 +1,166 @@ +/* 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 new file mode 100644 index 0000000..93338ad --- /dev/null +++ b/chrome/extras/hidetabclosebutton.css @@ -0,0 +1,12 @@ +/* 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 new file mode 100644 index 0000000..7accb9c --- /dev/null +++ b/chrome/extras/hidetoolbarbuttons.css @@ -0,0 +1,23 @@ +/* (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 new file mode 100644 index 0000000..fa07aa3 --- /dev/null +++ b/chrome/extras/swapaccount-overflow.css @@ -0,0 +1,12 @@ +/* (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 new file mode 100644 index 0000000..de0681c --- /dev/null +++ b/chrome/extras/vibrancy.css @@ -0,0 +1,26 @@ +/* (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 new file mode 100644 index 0000000..1091790 --- /dev/null +++ b/chrome/findbar/findbar.css @@ -0,0 +1,87 @@ +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 deleted file mode 100644 index dab9cb5..0000000 --- a/chrome/global/browser.css +++ /dev/null @@ -1,79 +0,0 @@ -/* 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 deleted file mode 100644 index 1254ddf..0000000 --- a/chrome/global/colors.css +++ /dev/null @@ -1,312 +0,0 @@ -/* 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 new file mode 100644 index 0000000..3630a1b --- /dev/null +++ b/chrome/global/global.css @@ -0,0 +1,330 @@ +@media (-moz-windows-compositor) +{ + @media not (-moz-os-version: windows-win7) + { + @media not (-moz-os-version: windows-win8) + { + @media (-moz-windows-default-theme) + { + :root[tabsintitlebar] .titlebar-buttonbox-container + { + height: 32px !important; + margin: 0 !important; + } + + :root[tabsintitlebar][sizemode=normal] .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) + { + margin-block-start: calc(0px - (var(--space-above-tabbar) + 1px)) !important; + } + + :root[tabsintitlebar][sizemode=maximized] #toolbar-menubar .titlebar-buttonbox-container + { + height: 30px !important; + margin-top: -4px !important; + margin-bottom: -4px !important; + } + :root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) { + height: 24px !important; + } + :root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) .titlebar-button { + padding-block: 4px !important; + } + :root[tabsintitlebar][sizemode=maximized]:not([extradragspace]) .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) + { + -moz-box-align: start !important; + margin-block-start: -5px !important; + } + + @media (-moz-windows-accent-color-in-titlebar: 0) + { + :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) + { + background-color: #dee1e6 !important; + color: #3c4043 !important; + } + + :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]):-moz-window-inactive + { + background-color: #e7eaed !important; + color: #666a6d !important; + } + } + } + } + } +} + +#navigator-toolbox :-moz-any(toolbar, #nav-bar-customization-target):not(#toolbar-menubar) +{ + -moz-box-align: center !important; +} + +#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) +{ + border-radius: 4px !important; + transition: background-color .2s var(--ease-basic) !important; +} + +#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) +{ + font-size: 12px !important; + padding: 0 !important; + margin: 0 !important; + border: 2px solid transparent !important; + background-clip: padding-box !important; +} + +/* +#navigator-toolbox :-moz-any(.toolbarbutton-1, .scrollbutton-up, .scrollbutton-down), +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) +{ + max-height: 32px !important; + height: 32px !important; + min-height: 32px !important; +} +*/ + +#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton))[disabled], +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)[disabled], +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)[disabled] +{ + opacity: .42 !important; +} + +#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):hover:not([disabled]), +#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:not([disabled]), +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:not([disabled]) +{ + background-color: var(--toolbarbutton-hover-background) !important; +} + +#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:active:not([disabled]), +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:active:not([disabled]) +{ + background-color: var(--toolbarbutton-active-background) !important; + transition: none !important; +} + +#navigator-toolbox :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon, +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon +{ + fill-opacity: 1 !important; + border: 0 !important; + box-shadow: none !important; +} + +#navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) +{ + width: 40px !important; + height: 30px !important; +} + +#navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack), +/* no ::part workaround - may have side effects */ +#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon, +#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon +{ + padding: 7px 12px !important; + background: 0 !important; +} + +#TabsToolbar .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) +{ + padding: 6px !important; + width: 28px !important; + height: 28px !important; +} + +/* + hack: fix customization screen popping bug when changing ui density + icon size is enforced and it doesn't like it when the normal density + nav-bar height is less than 38px (it's 36px due to smaller back icon) +*/ +:root:not([uidensity=compact]) #customization-content-container +{ + padding-top: 1px !important; +} + +:root:not([uidensity=compact]) :-moz-any(#customization-palette-container, #customization-panel-container) +{ + margin-top: -1px !important; +} + +.menu-iconic, +.menuitem-iconic +{ + fill: currentColor !important; +} + +/* legacy */ +#navigator-toolbox +{ + border-bottom: 1px solid var(--chrome-content-separator-color, var(--toolbox-border-bottom-color)) !important; +} + +/* legacy */ +#navigator-toolbox::after +{ + display: none !important; +} + +.pointerlockfswarning +{ + display: flex !important; + border-radius: 4px !important; + padding: 6px !important; + background: #333 !important; + border: 0 !important; + font-size: 14px !important; + box-shadow: + 0 3px 5px -1px rgba(0,0,0,.2), + 0 6px 10px 0 rgba(0,0,0,.14), + 0 1px 18px 0 rgba(0,0,0,.12) !important; + color: hsla(0,0%,100%,.87) !important; + transition-timing-function: var(--ease-out), linear !important; + transition-property: transform, top !important; +} + +#fullscreen-warning +{ + flex-direction: column !important; + min-width: 344px !important; +} + +.pointerlockfswarning[hidden] +{ + visibility: hidden !important; +} + +/* hack to keep it in same place as [ontop] */ +/* probably doesn't work for single-line */ +.pointerlockfswarning:not([hidden]):not([ontop]) +{ + top: -32px !important; +} + +.pointerlockfswarning[ontop] +{ + top: 28px !important; +} + +.pointerlockfswarning::before +{ + display: none !important; +} + +.pointerlockfswarning-domain-text +{ + margin-block: 8px 18px !important; + margin-inline: 10px !important; + font-size: unset !important; + font-weight: unset !important; + align-self: start !important; +} + +.pointerlockfswarning-domain +{ + font-weight: unset !important; +} + +#fullscreen-exit-button +{ + -moz-appearance: none !important; + border: 0 !important; + height: 32px !important; + display: flex !important; + align-items: center !important; + margin-inline: 8px 0 !important; + text-transform: uppercase !important; + font-weight: 500 !important; + letter-spacing: .0892857143em !important; + background: 0 !important; + position: relative !important; + color: var(--toolbarbutton-icon-fill-attention) !important; + align-self: end !important; + font-family: Roboto, inherit !important; +} + +#fullscreen-exit-button::before +{ + content: "" !important; + display: block !important; + z-index: -1 !important; + position: absolute !important; + left: 0 !important; + right: 0 !important; + top: 0 !important; + bottom: 0 !important; + border-radius: 4px !important; + background: currentColor !important; + opacity: 0 !important; + transition: opacity .3s var(--ease-basic) !important; +} + +#fullscreen-exit-button:hover::before +{ + opacity: .12 !important; +} + +#fullscreen-exit-button:hover:active::before +{ + opacity: .24 !important; + transition-duration: .1s !important; +} + +/* note: use Firefox account button instead */ +#TabsToolbar .private-browsing-indicator +{ + display: none !important; +} + +.toolbarbutton-1:not(:hover):-moz-window-inactive, .bookmark-item:not(:hover):-moz-window-inactive, :root:not([customizing]) .toolbarbutton-1:-moz-window-inactive[disabled="true"] { + opacity: 1 !important; +} + +/* high DPI adjustments */ +@media (min--moz-device-pixel-ratio: 2) +{ + #navigator-toolbox + { + border-bottom-width: .5px !important; + padding-bottom: .5px !important; + box-shadow: inset 0 -.5px var(--toolbar-bgcolor) !important; + } +} + +#sidebar-box, #sidebar { + appearance: none !important; +} +.sidebar-placesTree, #viewButton { + color: #000 !important; +} +:root[lwt-sidebar-brighttext] :-moz-any(.sidebar-placesTree, #viewButton) { + color: #fff !important; +} + +#statuspanel { + clip-path: inset(0) !important; +} + +#statuspanel-label { + background-color: var(--toolbar-bgcolor) !important; + color: var(--toolbar-color) !important; + border: 0 !important; + box-shadow: 0 0 0 1px #0004, 0 4px 6px #0004 !important; + padding: 3px 6px !important; +} diff --git a/chrome/global/popup.css b/chrome/global/popup.css deleted file mode 100644 index 49d949b..0000000 --- a/chrome/global/popup.css +++ /dev/null @@ -1,640 +0,0 @@ -/* 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 deleted file mode 100644 index 2bbffb4..0000000 --- a/chrome/global/tree.css +++ /dev/null @@ -1,87 +0,0 @@ -/* 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 deleted file mode 100644 index 126e378..0000000 --- a/chrome/global/tweaks.css +++ /dev/null @@ -1,308 +0,0 @@ -/* 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 new file mode 100644 index 0000000..e8cbdeb --- /dev/null +++ b/chrome/global/variables.css @@ -0,0 +1,264 @@ +:root +{ + --toolbar-field-background-color: var(--lwt-toolbar-field-background-color) !important; + --toolbar-field-hover-background-color: var(--lwt-toolbar-field-background-color) !important; + --toolbar-field-focus-background-color: var(--lwt-toolbar-field-focus) !important; + --toolbar-field-hover-border-color: var(--lwt-toolbar-field-border-color) !important; +} + +/* Light Mode */ +:root:not([style]), +:root:not([lwtheme]), +:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"], +:root[style*="--lwt-accent-color:rgb(240, 240, 244); --lwt-text-color:rgba(21, 20, 26);"] /* Used for Proton (May be changed in future) */ +{ + /* accentcolor */ + --lwt-accent-color: #cecece !important; + + /* textcolor */ + --lwt-text-color: #000 !important; + + /* toolbar */ + --toolbar-bgcolor: #f7f7f7 !important; + + /* Force tabs to match --toolbar-bgcolor */ + --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important; + + /* toolbar_text */ + --toolbar-color: #000 !important; + + /* toolbar_bottom_separator */ + --toolbox-border-bottom-color: #d2d2d2 !important; /* legacy */ + --chrome-content-separator-color: #d2d2d2 !important; + + /* icons */ + --lwt-toolbarbutton-icon-fill: #000 !important; + + /* icons_attention */ + --lwt-toolbarbutton-icon-fill-attention: #0078d4 !important; + + /* button_background_hover */ + --lwt-toolbarbutton-hover-background: #0000001a !important; + + /* button_background_active */ + --lwt-toolbarbutton-active-background: #0000002a !important; + + --lwt-toolbar-field-color: #000 !important; + --lwt-toolbar-field-focus-color: #000 !important; + + /* popup_highlight */ + --autocomplete-popup-highlight-background: #0001 !important; + + /* popup_highlight_text */ + --autocomplete-popup-highlight-color: #000 !important; + + --urlbar-popup-url-color: #0172C9 !important; + --lwt-toolbar-field-background-color: #fff !important; + --lwt-toolbar-field-focus: #fff !important; + --lwt-toolbar-field-border-color: #ccc !important; + + --tab-line-col: #0078d4 !important; + --toolbar-field-focus-border-color: #0078d4a0 !important; + --private-browsing-indicator: #0078d4 !important; +} +/* Dark Mode */ +:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"], +:root[style*="--lwt-accent-color:rgb(28, 27, 34); --lwt-text-color:rgba(251, 251, 254);"] /* Used for Proton (May be changed in future) */ +{ + /* accentcolor */ + --lwt-accent-color: #1b1b1b !important; + + /* textcolor */ + --lwt-text-color: #fff !important; + + /* toolbar */ + --toolbar-bgcolor: #3b3b3b !important; + + /* Force tabs to match --toolbar-bgcolor */ + --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important; + + /* toolbar_text */ + --toolbar-color: #fff !important; + + /* toolbar_bottom_separator */ + --toolbox-border-bottom-color: #5B5B5B !important; /* legacy */ + --chrome-content-separator-color: #5B5B5B !important; + + /* icons */ + --lwt-toolbarbutton-icon-fill: #fff !important; + + /* icons_attention */ + --lwt-toolbarbutton-icon-fill-attention: #4C98D1 !important; + + /* button_background_hover */ + --lwt-toolbarbutton-hover-background: #ffffff1a !important; + + /* button_background_active */ + --lwt-toolbarbutton-active-background: #ffffff2a !important; + + --lwt-toolbar-field-color: #fff !important; + --lwt-toolbar-field-focus-color: #fff !important; + + /* popup */ + --arrowpanel-background: #4a4a4a !important; + + /* popup_text */ + --arrowpanel-color: #fff !important; + --autocomplete-popup-color: #fff !important; + --panel-disabled-color: hsla(0, 0%, 100%, .5) !important; + + /* popup_border */ + --arrowpanel-border-color: #63636363 !important; + --autocomplete-popup-border-color: #636363 !important; + + /* popup_highlight */ + --autocomplete-popup-highlight-background: #fff1 !important; + + /* popup_highlight_text */ + --autocomplete-popup-highlight-color: #fff !important; + + --urlbar-popup-url-color: #75B6E8 !important; + --lwt-toolbar-field-background-color: #2b2b2b !important; + --lwt-toolbar-field-focus: #2b2b2b !important; + --lwt-toolbar-field-border-color: #656565 !important; + + --tab-line-col: #4C98D1 !important; + --toolbar-field-focus-border-color: #4c97d1a0 !important; + --private-browsing-indicator: #006cbe !important; +} + +/* Inactive Window Light Mode */ +:-moz-any(:root:not([style]), :root:not([lwtheme]), :root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"]):-moz-window-inactive :-moz-any(#TabsToolbar, #navigator-toolbox) { + --lwt-accent-color: #e8e8e8 !important; + --lwt-text-color: #3a3a3a !important; + --toolbar-color: #3a3a3a !important; +} + +/* Inactive Window Dark Mode */ +:-moz-any(:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]):-moz-window-inactive :-moz-any(#TabsToolbar, #navigator-toolbox) { + --lwt-accent-color: #2e2e2e !important; + --lwt-text-color: #b7b7b7 !important; + --toolbar-color: #cecece !important; +} + +/* Sidebar Light Mode */ +:-moz-any(#sidebar-box, #sidebar), +:-moz-any(.sidebar-panel, body) +{ + /* sidebar */ + --sidebar-background-color: #f5f5f5 !important; + --lwt-sidebar-background-color: var(--sidebar-background-color) !important; + + /* sidebar_text */ + --sidebar-text-color: #000 !important; + --lwt-sidebar-text-color: var(--sidebar-text-color) !important; +} + +/* Sidebar Dark Mode */ +:-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"], :-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"], +:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] +{ + /* sidebar */ + --sidebar-background-color: #3b3b3b !important; + --lwt-sidebar-background-color: var(--sidebar-background-color) !important; + + /* sidebar_text */ + --sidebar-text-color: #fff !important; + --lwt-sidebar-text-color: var(--sidebar-text-color) !important; +} + +:root +{ + --ease-in: cubic-bezier(.4, 0, 1, 1); + --ease-out: cubic-bezier(0, 0, .2, 1); + --ease-basic: linear; + + --button-size: 32px; /* is this used? */ + --icon-size: 24px; /* is this used? */ + + --downloads-item-height: 48px !important; + + --toolbar-non-lwt-bgcolor: #f7f7f7 !important; + --toolbar-non-lwt-textcolor: #000 !important; + + --tab-separator-opacity: .5 !important; +} + +@media (-moz-proton) { + :root { + --arrowpanel-menuitem-margin: 0 !important; /* used to get rid of the left/right margins in Proton */ + --space-above-tabbar: 0; + } +} + +#titlebar, +#tabbrowser-tabs +{ + --tab-min-height: 32px !important; +} + +@supports -moz-bool-pref("materialFox.reduceTabOverflow") +{ + #tabbrowser-tabs + { + --tab-min-width: 32px !important; + } +} + +@media (-moz-mac-yosemite-theme) +{ + :root[extradragspace] + { + --space-above-tabbar: 8px !important; + } +} + +/* Ubuntu */ +@media (-moz-gtk-csd-available) +{ + :root:not(:-moz-lwtheme) + { + --toolbar-bgcolor: -moz-dialog !important; + --toolbar-color: -moz-dialogtext !important; + } +} + +:root:-moz-lwtheme-darktext, +:root toolbar:not([brighttext]), +.tabbrowser-tab[visuallyselected] +{ + --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 0%, .07)) !important; + --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 0%, .11)) !important; +} + +:root:-moz-lwtheme-brighttext, +:root toolbar[brighttext], +.tabbrowser-tab[visuallyselected]:-moz-lwtheme-brighttext +{ + --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 100%, .1)) !important; + --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 100%, .17)) !important; +} + +/* special case for urlbar buttons */ +:-moz-any(#urlbar, #searchbar) +{ + --toolbarbutton-hover-background: #0001 !important; + --toolbarbutton-active-background: #0002 !important; +} + +:root:-moz-lwtheme-brighttext :-moz-any(#urlbar, #searchbar) +{ + --toolbarbutton-hover-background: #fff1 !important; + --toolbarbutton-active-background: #fff2 !important; +} + +#TabsToolbar .toolbarbutton-1 { + fill: var(--lwt-text-color) !important; +} + +:-moz-any(:root:not([style]), +:root:not([lwtheme]), +:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"], +:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]) #tabbrowser-tabs { + --tab-line-color: var(--tab-line-col) !important; +} diff --git a/chrome/icons/accessibility.svg b/chrome/icons/accessibility.svg deleted file mode 100755 index bfcf02a..0000000 --- a/chrome/icons/accessibility.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/account-private.svg b/chrome/icons/account-private.svg deleted file mode 100644 index 4c3040e..0000000 --- a/chrome/icons/account-private.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - - - diff --git a/chrome/icons/account.svg b/chrome/icons/account.svg deleted file mode 100644 index 1400006..0000000 --- a/chrome/icons/account.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/chrome/icons/add-to-dictionary.svg b/chrome/icons/add-to-dictionary.svg deleted file mode 100644 index ebcb80f..0000000 --- a/chrome/icons/add-to-dictionary.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/addons.svg b/chrome/icons/addons.svg new file mode 100644 index 0000000..663df4f --- /dev/null +++ b/chrome/icons/addons.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/arrow-back.svg b/chrome/icons/arrow-back.svg new file mode 100644 index 0000000..17922db --- /dev/null +++ b/chrome/icons/arrow-back.svg @@ -0,0 +1,12 @@ + + + + diff --git a/chrome/icons/arrow-down.svg b/chrome/icons/arrow-down.svg deleted file mode 100644 index ddf8622..0000000 --- a/chrome/icons/arrow-down.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/arrow-filled-down.svg b/chrome/icons/arrow-filled-down.svg deleted file mode 100644 index bd111a7..0000000 --- a/chrome/icons/arrow-filled-down.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/arrow-filled-left.svg b/chrome/icons/arrow-filled-left.svg deleted file mode 100644 index c0f6945..0000000 --- a/chrome/icons/arrow-filled-left.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/arrow-filled-right.svg b/chrome/icons/arrow-filled-right.svg deleted file mode 100644 index 2f65f5e..0000000 --- a/chrome/icons/arrow-filled-right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/arrow-left.svg b/chrome/icons/arrow-left.svg deleted file mode 100644 index 1da2ba2..0000000 --- a/chrome/icons/arrow-left.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/arrow-right.svg b/chrome/icons/arrow-right.svg deleted file mode 100644 index a7b1606..0000000 --- a/chrome/icons/arrow-right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/arrow-up.svg b/chrome/icons/arrow-up.svg deleted file mode 100644 index a3bfad7..0000000 --- a/chrome/icons/arrow-up.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/audio-muted.svg b/chrome/icons/audio-muted.svg new file mode 100644 index 0000000..fadc010 --- /dev/null +++ b/chrome/icons/audio-muted.svg @@ -0,0 +1,9 @@ + + + + + diff --git a/chrome/icons/audio-save.svg b/chrome/icons/audio-save.svg deleted file mode 100644 index 21b6752..0000000 --- a/chrome/icons/audio-save.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/audio.svg b/chrome/icons/audio.svg new file mode 100644 index 0000000..a0a9f39 --- /dev/null +++ b/chrome/icons/audio.svg @@ -0,0 +1,9 @@ + + + + + diff --git a/chrome/icons/autoplay-media-blocked.svg b/chrome/icons/autoplay-media-blocked.svg deleted file mode 100644 index 0de5a38..0000000 --- a/chrome/icons/autoplay-media-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/autoplay-media.svg b/chrome/icons/autoplay-media.svg deleted file mode 100644 index 8df77df..0000000 --- a/chrome/icons/autoplay-media.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/back.svg b/chrome/icons/back.svg deleted file mode 100644 index b6e67d7..0000000 --- a/chrome/icons/back.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/blank.svg b/chrome/icons/blank.svg new file mode 100644 index 0000000..51f9a4c --- /dev/null +++ b/chrome/icons/blank.svg @@ -0,0 +1,2 @@ + + diff --git a/chrome/icons/bookmark-hollow.svg b/chrome/icons/bookmark-hollow.svg deleted file mode 100644 index 47e2f1d..0000000 --- a/chrome/icons/bookmark-hollow.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/bookmark-star-on-tray.svg b/chrome/icons/bookmark-star-on-tray.svg deleted file mode 100644 index e35453e..0000000 --- a/chrome/icons/bookmark-star-on-tray.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/bookmark.svg b/chrome/icons/bookmark.svg index c5ff2e0..7251ccf 100644 --- a/chrome/icons/bookmark.svg +++ b/chrome/icons/bookmark.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/icons/brush.svg b/chrome/icons/brush.svg new file mode 100644 index 0000000..7023b3b --- /dev/null +++ b/chrome/icons/brush.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/bug.svg b/chrome/icons/bug.svg new file mode 100644 index 0000000..4ee7ba9 --- /dev/null +++ b/chrome/icons/bug.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/camera-blocked.svg b/chrome/icons/camera-blocked.svg deleted file mode 100644 index 7d6aa1a..0000000 --- a/chrome/icons/camera-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/camera.svg b/chrome/icons/camera.svg deleted file mode 100644 index 23e2384..0000000 --- a/chrome/icons/camera.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/canvas-blocked.svg b/chrome/icons/canvas-blocked.svg deleted file mode 100644 index f6fba0f..0000000 --- a/chrome/icons/canvas-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/canvas.svg b/chrome/icons/canvas.svg deleted file mode 100644 index e71396f..0000000 --- a/chrome/icons/canvas.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/checkmark.svg b/chrome/icons/checkmark.svg deleted file mode 100644 index ade387a..0000000 --- a/chrome/icons/checkmark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/chevron-animation.svg b/chrome/icons/chevron-animation.svg new file mode 100644 index 0000000..36e3ad5 --- /dev/null +++ b/chrome/icons/chevron-animation.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/chevron-down.svg b/chrome/icons/chevron-down.svg new file mode 100644 index 0000000..88240ce --- /dev/null +++ b/chrome/icons/chevron-down.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/chevron-up.svg b/chrome/icons/chevron-up.svg new file mode 100644 index 0000000..12da97b --- /dev/null +++ b/chrome/icons/chevron-up.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/chevron.svg b/chrome/icons/chevron.svg deleted file mode 100644 index c61ab0a..0000000 --- a/chrome/icons/chevron.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/close-9px.svg b/chrome/icons/close-9px.svg deleted file mode 100644 index c567b9a..0000000 --- a/chrome/icons/close-9px.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/close.svg b/chrome/icons/close.svg index 4aa95d0..f8513a1 100644 --- a/chrome/icons/close.svg +++ b/chrome/icons/close.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/icons/container-tab.svg b/chrome/icons/container-tab.svg deleted file mode 100644 index 3a11413..0000000 --- a/chrome/icons/container-tab.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/copy.svg b/chrome/icons/copy.svg new file mode 100644 index 0000000..9302ea7 --- /dev/null +++ b/chrome/icons/copy.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/customize.svg b/chrome/icons/customize.svg deleted file mode 100644 index 0087061..0000000 --- a/chrome/icons/customize.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/cut.svg b/chrome/icons/cut.svg new file mode 100644 index 0000000..c8ef566 --- /dev/null +++ b/chrome/icons/cut.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/desktop-notification-blocked.svg b/chrome/icons/desktop-notification-blocked.svg deleted file mode 100644 index 5e6dd9c..0000000 --- a/chrome/icons/desktop-notification-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/desktop-notification.svg b/chrome/icons/desktop-notification.svg deleted file mode 100644 index d09f0df..0000000 --- a/chrome/icons/desktop-notification.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/developer.svg b/chrome/icons/developer.svg index bf2f355..b066ab4 100644 --- a/chrome/icons/developer.svg +++ b/chrome/icons/developer.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/icons/download.svg b/chrome/icons/download.svg new file mode 100644 index 0000000..34cbeb8 --- /dev/null +++ b/chrome/icons/download.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/chrome/icons/downloads.svg b/chrome/icons/downloads.svg deleted file mode 100644 index e9cd7c6..0000000 --- a/chrome/icons/downloads.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/duplicate-tab.svg b/chrome/icons/duplicate-tab.svg deleted file mode 100644 index 5c80180..0000000 --- a/chrome/icons/duplicate-tab.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/edge.svg b/chrome/icons/edge.svg new file mode 100644 index 0000000..8debfca --- /dev/null +++ b/chrome/icons/edge.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/edit-copy.svg b/chrome/icons/edit-copy.svg deleted file mode 100644 index 079c113..0000000 --- a/chrome/icons/edit-copy.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/edit-cut.svg b/chrome/icons/edit-cut.svg deleted file mode 100644 index dea6b9e..0000000 --- a/chrome/icons/edit-cut.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/edit-delete.svg b/chrome/icons/edit-delete.svg deleted file mode 100755 index cf851d6..0000000 --- a/chrome/icons/edit-delete.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/edit-paste.svg b/chrome/icons/edit-paste.svg deleted file mode 100644 index 2b1c074..0000000 --- a/chrome/icons/edit-paste.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/edit-redo.svg b/chrome/icons/edit-redo.svg deleted file mode 100644 index 4fd020f..0000000 --- a/chrome/icons/edit-redo.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/edit-select-all.svg b/chrome/icons/edit-select-all.svg deleted file mode 100755 index f39494d..0000000 --- a/chrome/icons/edit-select-all.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/edit-undo.svg b/chrome/icons/edit-undo.svg deleted file mode 100755 index 7595ba6..0000000 --- a/chrome/icons/edit-undo.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/edit.svg b/chrome/icons/edit.svg deleted file mode 100644 index f77c003..0000000 --- a/chrome/icons/edit.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/email.svg b/chrome/icons/email.svg new file mode 100644 index 0000000..a5b1598 --- /dev/null +++ b/chrome/icons/email.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/extension-blocked.svg b/chrome/icons/extension-blocked.svg deleted file mode 100644 index 3ebb9a9..0000000 --- a/chrome/icons/extension-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/extension.svg b/chrome/icons/extension.svg deleted file mode 100644 index 8671aad..0000000 --- a/chrome/icons/extension.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/firefox-view.svg b/chrome/icons/firefox-view.svg deleted file mode 100644 index 6288a1e..0000000 --- a/chrome/icons/firefox-view.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/firefox.svg b/chrome/icons/firefox.svg deleted file mode 100644 index 31a468b..0000000 --- a/chrome/icons/firefox.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/folder-bookmarks.svg b/chrome/icons/folder-bookmarks.svg new file mode 100644 index 0000000..012b09d --- /dev/null +++ b/chrome/icons/folder-bookmarks.svg @@ -0,0 +1,15 @@ + + + + + + + + diff --git a/chrome/icons/folder.svg b/chrome/icons/folder.svg index 766d6f0..3aa3fb1 100644 --- a/chrome/icons/folder.svg +++ b/chrome/icons/folder.svg @@ -1,4 +1,5 @@ - - - + + diff --git a/chrome/icons/forget.svg b/chrome/icons/forget.svg index cf23a92..cb05d99 100644 --- a/chrome/icons/forget.svg +++ b/chrome/icons/forget.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/icons/forward.svg b/chrome/icons/forward.svg deleted file mode 100644 index e7fd370..0000000 --- a/chrome/icons/forward.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/fullscreen-enter.svg b/chrome/icons/fullscreen-enter.svg new file mode 100644 index 0000000..4c68d89 --- /dev/null +++ b/chrome/icons/fullscreen-enter.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/fullscreen-exit.svg b/chrome/icons/fullscreen-exit.svg index 38d42d9..b0eed03 100644 --- a/chrome/icons/fullscreen-exit.svg +++ b/chrome/icons/fullscreen-exit.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/icons/fullscreen.svg b/chrome/icons/fullscreen.svg deleted file mode 100644 index 109ce72..0000000 --- a/chrome/icons/fullscreen.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/geo-blocked.svg b/chrome/icons/geo-blocked.svg deleted file mode 100644 index 1576b8d..0000000 --- a/chrome/icons/geo-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/geo.svg b/chrome/icons/geo.svg deleted file mode 100644 index 2899170..0000000 --- a/chrome/icons/geo.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/globe.svg b/chrome/icons/globe.svg new file mode 100644 index 0000000..75943ab --- /dev/null +++ b/chrome/icons/globe.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/help.svg b/chrome/icons/help.svg deleted file mode 100644 index e01d242..0000000 --- a/chrome/icons/help.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/history.svg b/chrome/icons/history.svg index cd06463..153772d 100644 --- a/chrome/icons/history.svg +++ b/chrome/icons/history.svg @@ -1,4 +1,5 @@ - - - + + diff --git a/chrome/icons/home.svg b/chrome/icons/home.svg index f9ecfaf..3342aef 100644 --- a/chrome/icons/home.svg +++ b/chrome/icons/home.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/icons/hyperlink.svg b/chrome/icons/hyperlink.svg new file mode 100644 index 0000000..ec106e1 --- /dev/null +++ b/chrome/icons/hyperlink.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/icons.css b/chrome/icons/icons.css index e99d62c..31947b5 100644 --- a/chrome/icons/icons.css +++ b/chrome/icons/icons.css @@ -1,1010 +1,464 @@ -/* 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; +.subviewbutton > .toolbarbutton-icon { + width: 16px; + height: 16px; + -moz-context-properties: fill; + fill: currentColor; } - .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#back-button, +#context-back, +.subviewbutton-back, +.identity-popup-expander +{ + list-style-image: url(arrow-back.svg) !important; } -.subviewbutton { - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; +.toolbarbutton-1#forward-button, +#context-forward +{ + list-style-image: url(arrow-back.svg#flip) !important; } -:root[fxastatus="not_configured"] #fxa-avatar-image { - list-style-image: url("account.svg") !important; +#PanelUI-menu-button +{ + list-style-image: url(menu.svg) !important; } -.private-browsing-indicator-icon { - list-style-image: url("account-private.svg") !important; - border-radius: 100% !important; +#reload-button, +#context-reload +{ + list-style-image: url(refresh.svg) !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; - } +#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; } -#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-reload-button[animate] > #reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image { + background-image: url(reload-to-stop.svg) !important; } #stop-button, -.close-icon { - list-style-image: url("close.svg") !important; +#context-stop +{ + list-style-image: url(stop.svg) !important; } -.tab-close-button { - list-style-image: url("close-9px.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; } -#sidebar-button { - list-style-image: url("sidebars-right.svg") !important; +#nav-bar-overflow-button[animate] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image { + background-image: url(chevron-animation.svg) !important; } -#sidebar-button:-moz-locale-dir(ltr):not([positionend]), -#sidebar-button:-moz-locale-dir(rtl)[positionend] { - list-style-image: url("sidebars.svg") !important; +#home-button +{ + list-style-image: url(home.svg) !important; } -#downloads-button, -#downloads-indicator-anchor, -#appMenu-downloads-button, -#appMenu-library-downloads-button { - list-style-image: url("downloads.svg") !important; +#star-button, +#context-bookmarkpage, +#pageAction-panel-bookmark, +#panelMenuBookmarkThisPage +{ + list-style-image: url(star.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; +#star-button[starred], +#tracking-protection-icon-box[active] +{ + fill: var(--toolbarbutton-icon-fill-attention) !important; } -#nav-bar-overflow-button { - list-style-image: url("chevron.svg") !important; -} - -#PanelUI-menu-button, -#appMenu-more-button2 { - list-style-image: url("menu.svg") !important; -} - -#appMenu-help-button2 { - list-style-image: url("help.svg") !important; -} - -#new-tab-button { - list-style-image: url("new-tab.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, -.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; -} - -#save-page-button, -#appMenu-save-file-button2 { - list-style-image: url("save.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-extensions-themes-button, -#unified-extensions-button { - list-style-image: url("extension.svg") !important; -} - -#zoom-out-button, -#appMenu-zoomReduce-button2 { - list-style-image: url("zoom-out.svg") !important; -} - -#zoom-in-button, -#tabs-newtab-button, -#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; -} - -#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; -} - -#new-window-button, -#appMenu-new-window-button2 { - list-style-image: url("window.svg") !important; -} - -#restore-button, -#fullscreen-button, -#appMenu-fullscreen-button2 { - list-style-image: url("fullscreen.svg") !important; -} - -#restore-button[checked], -#fullscreen-button[checked], -#appMenu-fullscreen-button2[checked] { - list-style-image: url("fullscreen-exit.svg") !important; +#star-button[starred], +#context-bookmarkpage[starred], +#panelMenuBookmarkThisPage +{ + list-style-image: url(star-fill.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; +#panelMenu_toggleBookmarksMenu +{ + list-style-image: url(star.svg) !important; } -#home-button { - list-style-image: url("home.svg") !important; +#library-button, +#appMenu-library-button +{ + list-style-image: url(library.svg) !important; } -#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; } -/* identity icons */ -#identity-icon { - list-style-image: url("info.svg") !important; +#appMenu-new-window-button, #new-window-button { + list-style-image: url(new-window.svg) !important; } -#identity-box[pageproxystate="valid"].chromeUI #identity-icon { - list-style-image: url("firefox.svg") !important; +#appMenu-private-window-button, #privatebrowsing-button { + list-style-image: url(new-private-window.svg) !important; } -#identity-box[pageproxystate="valid"].localResource #identity-icon { - list-style-image: url("page-portrait.svg") !important; +#appMenu-fullscreen-button, #fullscreen-button { + list-style-image: url(fullscreen-enter.svg) !important; } -#urlbar:not(.searchButton)>#urlbar-input-container>#identity-box[pageproxystate="invalid"] #identity-icon { - list-style-image: url("search-glass.svg") !important; +#appMenu-fullscreen-button[checked], #fullscreen-button[checked] { + list-style-image: url(fullscreen-exit.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-zoomEnlarge-button, #zoom-in-button { + list-style-image: url(zoom-in.svg) !important; } -#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon, -#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon { - list-style-image: url("security.svg") !important; +#appMenu-zoomReduce-button, #zoom-out-button { + list-style-image: url(zoom-out.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-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; } -/* security */ -.identity-popup-security-connection { - list-style-image: url("security-broken.svg") !important; +#downloads-button[progress] > .toolbarbutton-badge-stack > #downloads-indicator-anchor > #downloads-indicator-progress-outer { + background-image: url(download.svg#progress-bar-bg) !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; +#PanelUI-fxa-menu-remotetabs-button, #appMenuRecentlyClosedTabs, #appMenu-library-remotetabs-button, #sync-button { + list-style-image: url(synced-tabs.svg) !important; } -#identity-popup[connection=chrome] .identity-popup-security-connection { - list-style-image: url("firefox.svg") !important; +#appMenu-library-pocket-button, #pocket-button, #pageAction-panel-pocket { + list-style-image: url(save-pocket.svg) !important; } -#identity-popup[connection="file"] .identity-popup-security-connection { - list-style-image: url("page-portrait.svg") !important; +#PanelUI-remotetabs-view-sidebar, +#sidebar-button { + list-style-image: url(sidebar.svg) !important; } -#identity-popup[connection^=secure] .identity-popup-security-connection { - list-style-image: url("security.svg") !important; +#sidebar-button[positionend] { + transform: scaleX(-1) !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; +#sidebar-button[checked] { + list-style-image: url(sidebar-fill.svg) !important; } -#identity-popup[connection=net-error-page] .identity-popup-security-connection { - list-style-image: url("info.svg") !important; +#nav-bar-overflow-button, #alltabs-button { + list-style-image: url(overflow.svg) !important; } -#identity-popup[connection=extension] .identity-popup-security-connection { - list-style-image: url("extension.svg") !important; +#PlacesChevron { + list-style-image: url(menu-right.svg) !important; } -#appMenu-new-tab-button2 { - list-style-image: url("new-tab-image.svg") !important; +#appMenu-customize-button, #overflowMenu-customize-button { + list-style-image: url(brush.svg) !important; } -.findbar-find-previous { - list-style-image: url("arrow-up.svg") !important; +#appMenu-print-button, #print-button { + list-style-image: url(print.svg) !important; } -.findbar-find-next { - list-style-image: url("arrow-down.svg") !important; +#appMenu-save-file-button, #save-page-button { + list-style-image: url(savefile.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; +#appMenu-open-file-button, #open-file-button { + list-style-image: url(openfile.svg) !important; } -#PlacesChevron, -#urlbar-go-button { - list-style-image: url("arrow-right.svg") !important; +#history-panelmenu, +#appMenu-library-history-button +{ + list-style-image: url(history.svg) !important; } -.panel-header>.subviewbutton-back { - list-style-image: url("arrow-left.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; } -#overflowMenu-customize-button, -#appmenu-moreTools-button { - list-style-image: url("customize.svg") !important; +.subviewbutton[type="highlight-history"]::after +{ + content: url(history.svg) !important; } -.bookmark-item[container] { - list-style-image: url("folder.svg") !important; +#add-ons-button, +#appMenu-addons-button +{ + list-style-image: url(addons.svg) !important; } -#pageAction-panel-bookmark, -#star-button { - list-style-image: url("bookmark-hollow.svg") !important; +#email-link-button, +#pageAction-panel-emailLink, #pageAction-urlbar-emailLink +{ + list-style-image: url(email.svg) !important; } -#pageAction-panel-bookmark[starred], -#star-button[starred] { - list-style-image: url("bookmark.svg") !important; +#pageAction-panel-copyURL, #pageAction-urlbar-copyURL +{ + list-style-image: url(hyperlink.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; +#reader-mode-button { + list-style-image: url(readerMode.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; +#pageAction-panel-webcompat-reporter_mozilla_org +{ + list-style-image: url(bug.svg) !important; +} + +#pageAction-panel-webcompat-reporter_mozilla_org > .toolbarbutton-icon +{ + list-style-image: inherit !important; +} + +#screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-left +{ + background-image: url(screenshot.svg) !important; + background-position: 4px center !important; + background-repeat: no-repeat !important; +} + +#screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-icon +{ + visibility: hidden !important; +} + +#pageAction-panel-screenshots_mozilla_org .toolbarbutton-icon, +#pageAction-urlbar-screenshots_mozilla_org +{ + list-style-image: url(screenshot.svg) !important; +} + +#tabs-newtab-button, +#new-tab-button +{ + list-style-image: url(new-tab.svg) !important; +} + +#panic-button { + list-style-image: url(forget.svg) !important; +} + +#developer-button { + list-style-image: url(developer.svg) !important; +} + +:root:not([fxastatus=signedin]) #fxa-avatar-image, +:root[fxastatus=signedin]:not([style*="--avatar-image-url"]) :-moz-any(#fxa-avatar-image, #fxa-menu-avatar, #appMenu-fxa-label) +{ + list-style-image: url(profile.svg) !important; +} + +:-moz-any(:root[privatebrowsingmode], :root[privatebrowsingmode][fxastatus=signedin]:not([style*="--avatar-image-url"])) #fxa-avatar-image +{ + list-style-image: url(incognito.svg) !important; +} + +#tracking-protection-icon +{ + list-style-image: url(tracking-protection.svg) !important; +} + +#appMenu-protection-report-icon { + list-style-image: url(protections.svg) !important; +} + +#pageActionButton +{ + list-style-image: url(menu.svg) !important; +} + +#urlbar[pageproxystate="invalid"] #identity-icon, +.searchbar-search-icon, +#PopupAutoCompleteRichResult .ac-type-icon[type="keyword"], +#PopupAutoCompleteRichResult .ac-site-icon[type="searchengine"], +#panelMenu_searchBookmarks +{ + list-style-image: url(search.svg) !important; +} + +#appMenu-find-button, #find-button { + list-style-image: url(search-file.svg) !important; +} + +#appMenu-whatsnew-button { + list-style-image: url(whatsnew.svg) !important; +} + +#appMenu-developer-button { + list-style-image: url(webdeveloper.svg) !important; +} + +#appMenu-more-button { + list-style-image: url(menu.svg) !important; +} + +#appMenu-cut-button, #cut-button +{ + list-style-image: url(cut.svg) !important; +} + +#appMenu-copy-button, #copy-button +{ + list-style-image: url(copy.svg) !important; +} + +#appMenu-paste-button, #paste-button +{ + list-style-image: url(paste.svg) !important; +} + +#appMenu-fxa-label, +#PanelUI-fxa-menu-syncnow-button, +#appMenu-fxa-icon, +#PanelUI-remotetabs-syncnow +{ + list-style-image: url(sync.svg) !important; +} + +.tab-icon-image, .bookmark-item +{ + list-style-image: url(globe.svg) !important; } .tab-icon-image[src="chrome://global/skin/icons/settings.svg"] { - content: url("settings.svg") !important; + background-image: url(settings.svg) !important; + padding-left: 16px !important; +} + +.tab-icon-image:-moz-any([src="chrome://branding/content/icon32.png"], [src="chrome://browser/skin/privatebrowsing/favicon.svg"]):not([busy]) { + background-image: url(new-tab-image.svg) !important; + padding-left: 16px !important; } .tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"] { - content: url("extension.svg") !important; + background-image: url(addons.svg) !important; + padding-left: 16px !important; } .tab-icon-image[src="chrome://browser/skin/customize.svg"] { - content: url("customize.svg") !important; + background-image: url(brush.svg) !important; + padding-left: 16px !important; } -/* permissions */ -#permissions-granted-icon { - list-style-image: url("permissions.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; } -.geo-icon { - list-style-image: url("geo.svg") !important; +.tab-icon-sound[muted] +{ + list-style-image: url(audio-muted.svg) !important; } -.geo-icon.blocked-permission-icon { - list-style-image: url("geo-blocked.svg") !important; +.tab-icon-sound[pictureinpicture] { + list-style-image: url(picture-in-picture.svg) !important; + width: 16px !important; + height: 16px !important; } -.xr-icon { - list-style-image: url("xr.svg") !important; +.tab-icon-overlay { + border-radius: 2px !important; + margin-inline: -10px -6px !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("tab-audio-playing-small.svg") !important; + list-style-image: url(audio.svg#overlayStroke) !important; + -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important; + fill: var(--toolbar-color) !important; + stroke: var(--toolbar-bgcolor) !important; } .tab-icon-overlay[muted] { - list-style-image: url("tab-audio-muted-small.svg") !important; + 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; } -.tab-icon-overlay[activemedia-blocked] { - list-style-image: url("tab-audio-blocked-small.svg") !important; +#pageAction-panel-pinTab, #pageAction-urlbar-pinTab { + list-style-image: url(pin.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; +#pageAction-urlbar-shareURL, #pageAction-panel-shareURL { + list-style-image: url(share.svg) !important; } -#stop-reload-button[animate]>#reload-button>.toolbarbutton-animatable-box>.toolbarbutton-animatable-image { - background-image: url("stop-to-reload.svg") !important; +.tab-icon-overlay[activemedia-blocked], +.tab-icon-sound[activemedia-blocked] +{ + list-style-image: url(media-blocked.svg) !important; } -#reader-mode-button>.urlbar-icon { - list-style-image: url("reader-mode.svg") !important; +.downloadIconShow .button-icon +{ + list-style-image: url(folder.svg) !important; } -#unified-extensions-manage-extensions { - list-style-image: url("manage.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; } -/* 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"); - } +.panel-banner-item[notificationid^="update"] +{ + list-style-image: url(menu-update.svg) !important; + -moz-context-properties: fill, fill-opacity !important; + fill: currentColor !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"], .urlbarView-favicon[src*="search-glass.svg"] +{ + padding-left: 16px !important; + box-sizing: border-box !important; + width: 0 !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*="history.svg"] +{ + background-image: url(history.svg) !important; } -#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; -} +.urlbarView-favicon[src*="search-glass.svg"] +{ + background-image: url(search.svg) !important; +} \ No newline at end of file diff --git a/chrome/icons/image-copy.svg b/chrome/icons/image-copy.svg deleted file mode 100644 index 8266f7c..0000000 --- a/chrome/icons/image-copy.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/image-open.svg b/chrome/icons/image-open.svg deleted file mode 100644 index b17d039..0000000 --- a/chrome/icons/image-open.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/chrome/icons/image-save.svg b/chrome/icons/image-save.svg deleted file mode 100644 index 4ed3345..0000000 --- a/chrome/icons/image-save.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/incognito.svg b/chrome/icons/incognito.svg new file mode 100644 index 0000000..4581a8e --- /dev/null +++ b/chrome/icons/incognito.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + diff --git a/chrome/icons/info.svg b/chrome/icons/info.svg deleted file mode 100644 index 50f7757..0000000 --- a/chrome/icons/info.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/inspect.svg b/chrome/icons/inspect.svg deleted file mode 100755 index 8f29365..0000000 --- a/chrome/icons/inspect.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/key.svg b/chrome/icons/key.svg new file mode 100644 index 0000000..33626d6 --- /dev/null +++ b/chrome/icons/key.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/library.svg b/chrome/icons/library.svg index f1e0c01..f8b75b5 100644 --- a/chrome/icons/library.svg +++ b/chrome/icons/library.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/icons/link.svg b/chrome/icons/link.svg deleted file mode 100644 index 4509293..0000000 --- a/chrome/icons/link.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/lock.svg b/chrome/icons/lock.svg new file mode 100644 index 0000000..1329d18 --- /dev/null +++ b/chrome/icons/lock.svg @@ -0,0 +1,6 @@ + + + + diff --git a/chrome/icons/mail.svg b/chrome/icons/mail.svg deleted file mode 100644 index a8c9112..0000000 --- a/chrome/icons/mail.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/manage.svg b/chrome/icons/manage.svg deleted file mode 100644 index 59e1249..0000000 --- a/chrome/icons/manage.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/media-blocked.svg b/chrome/icons/media-blocked.svg new file mode 100644 index 0000000..9c45be8 --- /dev/null +++ b/chrome/icons/media-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/media-loop.svg b/chrome/icons/media-loop.svg deleted file mode 100644 index 0ff335c..0000000 --- a/chrome/icons/media-loop.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/media-mute.svg b/chrome/icons/media-mute.svg deleted file mode 100644 index bfcc81f..0000000 --- a/chrome/icons/media-mute.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/media-pause.svg b/chrome/icons/media-pause.svg deleted file mode 100644 index 6212a20..0000000 --- a/chrome/icons/media-pause.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/media-pip.svg b/chrome/icons/media-pip.svg deleted file mode 100644 index a83fb54..0000000 --- a/chrome/icons/media-pip.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/media-play.svg b/chrome/icons/media-play.svg deleted file mode 100644 index da95f78..0000000 --- a/chrome/icons/media-play.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/media-speed.svg b/chrome/icons/media-speed.svg deleted file mode 100644 index a7767c7..0000000 --- a/chrome/icons/media-speed.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/media-unmute.svg b/chrome/icons/media-unmute.svg deleted file mode 100644 index 9a7d4b7..0000000 --- a/chrome/icons/media-unmute.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/menu-update.svg b/chrome/icons/menu-update.svg new file mode 100644 index 0000000..78314cc --- /dev/null +++ b/chrome/icons/menu-update.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/menu.svg b/chrome/icons/menu.svg index 44b77db..b95a69e 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 deleted file mode 100644 index 36663f2..0000000 --- a/chrome/icons/microphone-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/microphone.svg b/chrome/icons/microphone.svg deleted file mode 100644 index e93a61d..0000000 --- a/chrome/icons/microphone.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/midi.svg b/chrome/icons/midi.svg deleted file mode 100644 index 8f8bd4e..0000000 --- a/chrome/icons/midi.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/move-tab.svg b/chrome/icons/move-tab.svg deleted file mode 100644 index 9c5d46f..0000000 --- a/chrome/icons/move-tab.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/new-private-window.svg b/chrome/icons/new-private-window.svg new file mode 100644 index 0000000..f035c22 --- /dev/null +++ b/chrome/icons/new-private-window.svg @@ -0,0 +1,5 @@ + + + \ No newline at end of file diff --git a/chrome/icons/new-tab-image.svg b/chrome/icons/new-tab-image.svg index f1201ed..7eb3ee7 100644 --- a/chrome/icons/new-tab-image.svg +++ b/chrome/icons/new-tab-image.svg @@ -1,6 +1,5 @@ - - - - - + + diff --git a/chrome/icons/new-tab.svg b/chrome/icons/new-tab.svg index 062c3c6..efb33f1 100644 --- a/chrome/icons/new-tab.svg +++ b/chrome/icons/new-tab.svg @@ -1,4 +1,5 @@ - - - + + diff --git a/chrome/icons/new-window.svg b/chrome/icons/new-window.svg new file mode 100644 index 0000000..5e775c6 --- /dev/null +++ b/chrome/icons/new-window.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/open.svg b/chrome/icons/open.svg deleted file mode 100644 index 067f3ae..0000000 --- a/chrome/icons/open.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/openfile.svg b/chrome/icons/openfile.svg new file mode 100644 index 0000000..3aa3fb1 --- /dev/null +++ b/chrome/icons/openfile.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/overflow.svg b/chrome/icons/overflow.svg new file mode 100644 index 0000000..88240ce --- /dev/null +++ b/chrome/icons/overflow.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/page-portrait.svg b/chrome/icons/page-portrait.svg deleted file mode 100644 index 8ed9c54..0000000 --- a/chrome/icons/page-portrait.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/passwords.svg b/chrome/icons/passwords.svg deleted file mode 100644 index 099f498..0000000 --- a/chrome/icons/passwords.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/paste-and-go.svg b/chrome/icons/paste-and-go.svg deleted file mode 100644 index 119cac8..0000000 --- a/chrome/icons/paste-and-go.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/paste.svg b/chrome/icons/paste.svg new file mode 100644 index 0000000..5349d4e --- /dev/null +++ b/chrome/icons/paste.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/permissions.svg b/chrome/icons/permissions.svg deleted file mode 100644 index 0df27b3..0000000 --- a/chrome/icons/permissions.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/persistent-storage-blocked.svg b/chrome/icons/persistent-storage-blocked.svg deleted file mode 100644 index 23caa39..0000000 --- a/chrome/icons/persistent-storage-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/persistent-storage.svg b/chrome/icons/persistent-storage.svg deleted file mode 100644 index 0746caa..0000000 --- a/chrome/icons/persistent-storage.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/picture-in-picture.svg b/chrome/icons/picture-in-picture.svg new file mode 100644 index 0000000..d5b5391 --- /dev/null +++ b/chrome/icons/picture-in-picture.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/pin.svg b/chrome/icons/pin.svg deleted file mode 100644 index fbfc31c..0000000 --- a/chrome/icons/pin.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/plus.svg b/chrome/icons/plus.svg deleted file mode 100644 index 7072c1c..0000000 --- a/chrome/icons/plus.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/pocket-outline.svg b/chrome/icons/pocket-outline.svg deleted file mode 100644 index 24c7a41..0000000 --- a/chrome/icons/pocket-outline.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/popup.svg b/chrome/icons/popup.svg deleted file mode 100644 index 1f8a8cf..0000000 --- a/chrome/icons/popup.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/print.svg b/chrome/icons/print.svg index ed311c7..ffd4c3c 100644 --- a/chrome/icons/print.svg +++ b/chrome/icons/print.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/icons/private-window.svg b/chrome/icons/private-window.svg deleted file mode 100644 index 59126a2..0000000 --- a/chrome/icons/private-window.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/privateBrowsing.svg b/chrome/icons/privateBrowsing.svg deleted file mode 100644 index d576a31..0000000 --- a/chrome/icons/privateBrowsing.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/profile.svg b/chrome/icons/profile.svg new file mode 100644 index 0000000..420a252 --- /dev/null +++ b/chrome/icons/profile.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + diff --git a/chrome/icons/protections.svg b/chrome/icons/protections.svg new file mode 100644 index 0000000..7aa7901 --- /dev/null +++ b/chrome/icons/protections.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/reader-mode.svg b/chrome/icons/reader-mode.svg deleted file mode 100644 index 370fda6..0000000 --- a/chrome/icons/reader-mode.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/readerMode.svg b/chrome/icons/readerMode.svg new file mode 100644 index 0000000..361b2be --- /dev/null +++ b/chrome/icons/readerMode.svg @@ -0,0 +1,3 @@ + + + diff --git a/chrome/icons/refresh.svg b/chrome/icons/refresh.svg new file mode 100644 index 0000000..2052714 --- /dev/null +++ b/chrome/icons/refresh.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/reload-to-stop.svg b/chrome/icons/reload-to-stop.svg index 13b1bd9..38c2664 100644 --- a/chrome/icons/reload-to-stop.svg +++ b/chrome/icons/reload-to-stop.svg @@ -1,28 +1,11 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + diff --git a/chrome/icons/reload.svg b/chrome/icons/reload.svg deleted file mode 100644 index 772c9bd..0000000 --- a/chrome/icons/reload.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/report.svg b/chrome/icons/report.svg deleted file mode 100644 index 7b7517f..0000000 --- a/chrome/icons/report.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/save-pocket.svg b/chrome/icons/save-pocket.svg new file mode 100644 index 0000000..42691ae --- /dev/null +++ b/chrome/icons/save-pocket.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/save.svg b/chrome/icons/save.svg deleted file mode 100644 index e3179f3..0000000 --- a/chrome/icons/save.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/savefile.svg b/chrome/icons/savefile.svg new file mode 100644 index 0000000..812e6db --- /dev/null +++ b/chrome/icons/savefile.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/screen-blocked.svg b/chrome/icons/screen-blocked.svg deleted file mode 100644 index 1a9f603..0000000 --- a/chrome/icons/screen-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/screen.svg b/chrome/icons/screen.svg deleted file mode 100644 index 9aec149..0000000 --- a/chrome/icons/screen.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/screenshot.svg b/chrome/icons/screenshot.svg index 65e9cff..1f27aa5 100644 --- a/chrome/icons/screenshot.svg +++ b/chrome/icons/screenshot.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/icons/search-file.svg b/chrome/icons/search-file.svg new file mode 100644 index 0000000..00688ff --- /dev/null +++ b/chrome/icons/search-file.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/search-glass.svg b/chrome/icons/search-glass.svg deleted file mode 100644 index 79a5001..0000000 --- a/chrome/icons/search-glass.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/search-page.svg b/chrome/icons/search-page.svg deleted file mode 100755 index 05c3b53..0000000 --- a/chrome/icons/search-page.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/search.svg b/chrome/icons/search.svg new file mode 100644 index 0000000..cf81067 --- /dev/null +++ b/chrome/icons/search.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/security-broken.svg b/chrome/icons/security-broken.svg deleted file mode 100644 index e931dc1..0000000 --- a/chrome/icons/security-broken.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/security-warning.svg b/chrome/icons/security-warning.svg deleted file mode 100644 index 467d5aa..0000000 --- a/chrome/icons/security-warning.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/security.svg b/chrome/icons/security.svg deleted file mode 100644 index c79b8c2..0000000 --- a/chrome/icons/security.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/send-to-device.svg b/chrome/icons/send-to-device.svg deleted file mode 100644 index 2d77ac2..0000000 --- a/chrome/icons/send-to-device.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/settings.svg b/chrome/icons/settings.svg index de58959..54b4abc 100644 --- a/chrome/icons/settings.svg +++ b/chrome/icons/settings.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/icons/share.svg b/chrome/icons/share.svg index 1d135f4..00d5748 100644 --- a/chrome/icons/share.svg +++ b/chrome/icons/share.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/icons/sidebar-fill.svg b/chrome/icons/sidebar-fill.svg new file mode 100644 index 0000000..b7ec631 --- /dev/null +++ b/chrome/icons/sidebar-fill.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/sidebar.svg b/chrome/icons/sidebar.svg new file mode 100644 index 0000000..5d53990 --- /dev/null +++ b/chrome/icons/sidebar.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/sidebars-right.svg b/chrome/icons/sidebars-right.svg deleted file mode 100644 index 626ee35..0000000 --- a/chrome/icons/sidebars-right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/sidebars.svg b/chrome/icons/sidebars.svg deleted file mode 100644 index ab58502..0000000 --- a/chrome/icons/sidebars.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/source-code.svg b/chrome/icons/source-code.svg deleted file mode 100755 index a65f35d..0000000 --- a/chrome/icons/source-code.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/star-fill.svg b/chrome/icons/star-fill.svg new file mode 100644 index 0000000..65485e7 --- /dev/null +++ b/chrome/icons/star-fill.svg @@ -0,0 +1,54 @@ + + + + + image/svg+xml + + + + + + + + diff --git a/chrome/icons/star.svg b/chrome/icons/star.svg new file mode 100644 index 0000000..7251ccf --- /dev/null +++ b/chrome/icons/star.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/stop-to-reload.svg b/chrome/icons/stop-to-reload.svg index 0f9d2d1..7a62c85 100644 --- a/chrome/icons/stop-to-reload.svg +++ b/chrome/icons/stop-to-reload.svg @@ -1,35 +1,9 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + diff --git a/chrome/icons/stop.svg b/chrome/icons/stop.svg new file mode 100644 index 0000000..f8513a1 --- /dev/null +++ b/chrome/icons/stop.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/sync.svg b/chrome/icons/sync.svg new file mode 100644 index 0000000..41e1e34 --- /dev/null +++ b/chrome/icons/sync.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/synced-tabs.svg b/chrome/icons/synced-tabs.svg new file mode 100644 index 0000000..bf8768f --- /dev/null +++ b/chrome/icons/synced-tabs.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/tab-audio-blocked-small.svg b/chrome/icons/tab-audio-blocked-small.svg deleted file mode 100644 index f5af4d4..0000000 --- a/chrome/icons/tab-audio-blocked-small.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/tab-audio-muted-small.svg b/chrome/icons/tab-audio-muted-small.svg deleted file mode 100644 index 442fd7f..0000000 --- a/chrome/icons/tab-audio-muted-small.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/tab-audio-playing-small.svg b/chrome/icons/tab-audio-playing-small.svg deleted file mode 100644 index 896a890..0000000 --- a/chrome/icons/tab-audio-playing-small.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/tab.svg b/chrome/icons/tab.svg deleted file mode 100644 index d21577b..0000000 --- a/chrome/icons/tab.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/tag.svg b/chrome/icons/tag.svg deleted file mode 100644 index 8864d48..0000000 --- a/chrome/icons/tag.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/tool-profiler.svg b/chrome/icons/tool-profiler.svg deleted file mode 100644 index 8760328..0000000 --- a/chrome/icons/tool-profiler.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/tracking-protection.svg b/chrome/icons/tracking-protection.svg index 8491ded..14a21c8 100644 --- a/chrome/icons/tracking-protection.svg +++ b/chrome/icons/tracking-protection.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/icons/translate.svg b/chrome/icons/translate.svg deleted file mode 100644 index 58e8c43..0000000 --- a/chrome/icons/translate.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/video-open.svg b/chrome/icons/video-open.svg deleted file mode 100644 index 5aba487..0000000 --- a/chrome/icons/video-open.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/video-save.svg b/chrome/icons/video-save.svg deleted file mode 100644 index 9523d94..0000000 --- a/chrome/icons/video-save.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/webdeveloper.svg b/chrome/icons/webdeveloper.svg new file mode 100644 index 0000000..b066ab4 --- /dev/null +++ b/chrome/icons/webdeveloper.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/whatsnew.svg b/chrome/icons/whatsnew.svg new file mode 100644 index 0000000..9bd094d --- /dev/null +++ b/chrome/icons/whatsnew.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/win11-close-dark.svg b/chrome/icons/win11-close-dark.svg deleted file mode 100644 index ccc02b4..0000000 --- a/chrome/icons/win11-close-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/win11-close.svg b/chrome/icons/win11-close.svg deleted file mode 100644 index 8fa6779..0000000 --- a/chrome/icons/win11-close.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/win11-maximize.svg b/chrome/icons/win11-maximize.svg deleted file mode 100644 index 81f1254..0000000 --- a/chrome/icons/win11-maximize.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/win11-minimize.svg b/chrome/icons/win11-minimize.svg deleted file mode 100644 index ee4807a..0000000 --- a/chrome/icons/win11-minimize.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/chrome/icons/win11-restore.svg b/chrome/icons/win11-restore.svg deleted file mode 100644 index 09f94a2..0000000 --- a/chrome/icons/win11-restore.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/window.svg b/chrome/icons/window.svg deleted file mode 100644 index f5d3426..0000000 --- a/chrome/icons/window.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/xr-blocked.svg b/chrome/icons/xr-blocked.svg deleted file mode 100644 index b4df6f3..0000000 --- a/chrome/icons/xr-blocked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/chrome/icons/xr.svg b/chrome/icons/xr.svg deleted file mode 100644 index 80772b3..0000000 --- a/chrome/icons/xr.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/chrome/icons/zoom-in.svg b/chrome/icons/zoom-in.svg new file mode 100644 index 0000000..efb33f1 --- /dev/null +++ b/chrome/icons/zoom-in.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/icons/zoom-out.svg b/chrome/icons/zoom-out.svg index 9023b66..825451d 100644 --- a/chrome/icons/zoom-out.svg +++ b/chrome/icons/zoom-out.svg @@ -1,3 +1,5 @@ - - + + diff --git a/chrome/navbar/navbar.css b/chrome/navbar/navbar.css new file mode 100644 index 0000000..6569d17 --- /dev/null +++ b/chrome/navbar/navbar.css @@ -0,0 +1,114 @@ +#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 new file mode 100644 index 0000000..4b5b81f --- /dev/null +++ b/chrome/personalbar/personalbar.css @@ -0,0 +1,25 @@ +#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 new file mode 100644 index 0000000..3c2cb1e --- /dev/null +++ b/chrome/popup/checkmark.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/accessibility.svg b/chrome/popup/icons/accessibility.svg new file mode 100644 index 0000000..095af58 --- /dev/null +++ b/chrome/popup/icons/accessibility.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/audio-mute.svg b/chrome/popup/icons/audio-mute.svg new file mode 100644 index 0000000..d634f52 --- /dev/null +++ b/chrome/popup/icons/audio-mute.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/audio.svg b/chrome/popup/icons/audio.svg new file mode 100644 index 0000000..708a532 --- /dev/null +++ b/chrome/popup/icons/audio.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/brush.svg b/chrome/popup/icons/brush.svg new file mode 100644 index 0000000..7023b3b --- /dev/null +++ b/chrome/popup/icons/brush.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/close-tabs.svg b/chrome/popup/icons/close-tabs.svg new file mode 100644 index 0000000..d051315 --- /dev/null +++ b/chrome/popup/icons/close-tabs.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/close.svg b/chrome/popup/icons/close.svg new file mode 100644 index 0000000..f8513a1 --- /dev/null +++ b/chrome/popup/icons/close.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/copy-image.svg b/chrome/popup/icons/copy-image.svg new file mode 100644 index 0000000..4acd65a --- /dev/null +++ b/chrome/popup/icons/copy-image.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/copy-tab.svg b/chrome/popup/icons/copy-tab.svg new file mode 100644 index 0000000..5405fb2 --- /dev/null +++ b/chrome/popup/icons/copy-tab.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/copy.svg b/chrome/popup/icons/copy.svg new file mode 100644 index 0000000..9302ea7 --- /dev/null +++ b/chrome/popup/icons/copy.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/cut.svg b/chrome/popup/icons/cut.svg new file mode 100644 index 0000000..c8ef566 --- /dev/null +++ b/chrome/popup/icons/cut.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/delete.svg b/chrome/popup/icons/delete.svg new file mode 100644 index 0000000..7728966 --- /dev/null +++ b/chrome/popup/icons/delete.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/fullscreen-enter.svg b/chrome/popup/icons/fullscreen-enter.svg new file mode 100644 index 0000000..4c68d89 --- /dev/null +++ b/chrome/popup/icons/fullscreen-enter.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/fullscreen-exit.svg b/chrome/popup/icons/fullscreen-exit.svg new file mode 100644 index 0000000..b0eed03 --- /dev/null +++ b/chrome/popup/icons/fullscreen-exit.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/hide-controls.svg b/chrome/popup/icons/hide-controls.svg new file mode 100644 index 0000000..4fe3ccc --- /dev/null +++ b/chrome/popup/icons/hide-controls.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/image.svg b/chrome/popup/icons/image.svg new file mode 100644 index 0000000..af9e5d8 --- /dev/null +++ b/chrome/popup/icons/image.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/info.svg b/chrome/popup/icons/info.svg new file mode 100644 index 0000000..f148e66 --- /dev/null +++ b/chrome/popup/icons/info.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/inspect.svg b/chrome/popup/icons/inspect.svg new file mode 100644 index 0000000..b69fd22 --- /dev/null +++ b/chrome/popup/icons/inspect.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/loop.svg b/chrome/popup/icons/loop.svg new file mode 100644 index 0000000..76ad31f --- /dev/null +++ b/chrome/popup/icons/loop.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/mail.svg b/chrome/popup/icons/mail.svg new file mode 100644 index 0000000..a5b1598 --- /dev/null +++ b/chrome/popup/icons/mail.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/move-tab.svg b/chrome/popup/icons/move-tab.svg new file mode 100644 index 0000000..8eabdf9 --- /dev/null +++ b/chrome/popup/icons/move-tab.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/mute.svg b/chrome/popup/icons/mute.svg new file mode 100644 index 0000000..d634f52 --- /dev/null +++ b/chrome/popup/icons/mute.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/open-link-newtab.svg b/chrome/popup/icons/open-link-newtab.svg new file mode 100644 index 0000000..64ce4b5 --- /dev/null +++ b/chrome/popup/icons/open-link-newtab.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/open-link-private-window.svg b/chrome/popup/icons/open-link-private-window.svg new file mode 100644 index 0000000..babbaf2 --- /dev/null +++ b/chrome/popup/icons/open-link-private-window.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/open-link-window.svg b/chrome/popup/icons/open-link-window.svg new file mode 100644 index 0000000..3c8bd92 --- /dev/null +++ b/chrome/popup/icons/open-link-window.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/open.svg b/chrome/popup/icons/open.svg new file mode 100644 index 0000000..a8ea96b --- /dev/null +++ b/chrome/popup/icons/open.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/paste-and-go.svg b/chrome/popup/icons/paste-and-go.svg new file mode 100644 index 0000000..d894f67 --- /dev/null +++ b/chrome/popup/icons/paste-and-go.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/paste.svg b/chrome/popup/icons/paste.svg new file mode 100644 index 0000000..5349d4e --- /dev/null +++ b/chrome/popup/icons/paste.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/pause.svg b/chrome/popup/icons/pause.svg new file mode 100644 index 0000000..a86f92d --- /dev/null +++ b/chrome/popup/icons/pause.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/picture-in-picture.svg b/chrome/popup/icons/picture-in-picture.svg new file mode 100644 index 0000000..d26e86c --- /dev/null +++ b/chrome/popup/icons/picture-in-picture.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/pin.svg b/chrome/popup/icons/pin.svg new file mode 100644 index 0000000..feb590e --- /dev/null +++ b/chrome/popup/icons/pin.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/play.svg b/chrome/popup/icons/play.svg new file mode 100644 index 0000000..ef843d8 --- /dev/null +++ b/chrome/popup/icons/play.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/print.svg b/chrome/popup/icons/print.svg new file mode 100644 index 0000000..ffd4c3c --- /dev/null +++ b/chrome/popup/icons/print.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/refresh.svg b/chrome/popup/icons/refresh.svg new file mode 100644 index 0000000..2052714 --- /dev/null +++ b/chrome/popup/icons/refresh.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/report.svg b/chrome/popup/icons/report.svg new file mode 100644 index 0000000..9c14bb4 --- /dev/null +++ b/chrome/popup/icons/report.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/save-link.svg b/chrome/popup/icons/save-link.svg new file mode 100644 index 0000000..d627e46 --- /dev/null +++ b/chrome/popup/icons/save-link.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/save-pocket.svg b/chrome/popup/icons/save-pocket.svg new file mode 100644 index 0000000..6fcc640 --- /dev/null +++ b/chrome/popup/icons/save-pocket.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/savefile.svg b/chrome/popup/icons/savefile.svg new file mode 100644 index 0000000..812e6db --- /dev/null +++ b/chrome/popup/icons/savefile.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/search.svg b/chrome/popup/icons/search.svg new file mode 100644 index 0000000..cf81067 --- /dev/null +++ b/chrome/popup/icons/search.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/select-all.svg b/chrome/popup/icons/select-all.svg new file mode 100644 index 0000000..8de923d --- /dev/null +++ b/chrome/popup/icons/select-all.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/send-to-device.svg b/chrome/popup/icons/send-to-device.svg new file mode 100644 index 0000000..8aea5a0 --- /dev/null +++ b/chrome/popup/icons/send-to-device.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/settings.svg b/chrome/popup/icons/settings.svg new file mode 100644 index 0000000..54b4abc --- /dev/null +++ b/chrome/popup/icons/settings.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/show-controls.svg b/chrome/popup/icons/show-controls.svg new file mode 100644 index 0000000..8424100 --- /dev/null +++ b/chrome/popup/icons/show-controls.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/source.svg b/chrome/popup/icons/source.svg new file mode 100644 index 0000000..bc5f433 --- /dev/null +++ b/chrome/popup/icons/source.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/speed.svg b/chrome/popup/icons/speed.svg new file mode 100644 index 0000000..ddcd3c8 --- /dev/null +++ b/chrome/popup/icons/speed.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/star.svg b/chrome/popup/icons/star.svg new file mode 100644 index 0000000..7251ccf --- /dev/null +++ b/chrome/popup/icons/star.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/undo.svg b/chrome/popup/icons/undo.svg new file mode 100644 index 0000000..08fb37f --- /dev/null +++ b/chrome/popup/icons/undo.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/video-clip.svg b/chrome/popup/icons/video-clip.svg new file mode 100644 index 0000000..c7ec8d5 --- /dev/null +++ b/chrome/popup/icons/video-clip.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/icons/video-snapshot.svg b/chrome/popup/icons/video-snapshot.svg new file mode 100644 index 0000000..18cff02 --- /dev/null +++ b/chrome/popup/icons/video-snapshot.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/menu-right.svg b/chrome/popup/menu-right.svg new file mode 100644 index 0000000..2472e92 --- /dev/null +++ b/chrome/popup/menu-right.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/popup/popup.css b/chrome/popup/popup.css new file mode 100644 index 0000000..999868d --- /dev/null +++ b/chrome/popup/popup.css @@ -0,0 +1,1399 @@ +menupopup, +menupopup menuitem, +menupopup menu, +menupopup menuseparator, +panel +{ + -moz-appearance: none !important; +} + +menupopup, panel +{ + --menu-border-radius: 6px; + --menu-border: 0; + --menu-shadow: + 0 1px 2px 1px rgba(0,0,0,.1), + 0 5px 5px -3px rgba(0,0,0,.2), + 0 6px 10px 1px rgba(0,0,0,.14), + 0 4px 12px 2px rgba(0,0,0,.12); +} +:root[lwthemetextcolor="bright"] :-moz-any(menupopup, panel) { + --menu-border: 0; + --menu-shadow: + 0 1px 2px 1px rgba(0,0,0,.1), + 0 5px 5px -3px rgba(0,0,0,.2), + 0 6px 10px 1px rgba(0,0,0,.14), + 0 4px 12px 2px rgba(0,0,0,.12); +} + +menupopup, +panel[type="autocomplete-richlistbox"], +menulist > menupopup > menucaption +{ + -moz-window-shadow: none !important; + background: 0 !important; + border: 0 !important; + color: var(--arrowpanel-color) !important; + box-sizing: content-box !important; +} + +menucaption { + padding-inline: 20px !important; +} + +menupopup +{ + padding: 11px 14px 18px !important; + margin: -19px -14px 0 !important; +} + +/* needs to align with textbox/bookmark-button but can't overlap it */ +panel[type="autocomplete-richlistbox"], +.bookmark-item:not(menu) > menupopup[placespopup] +{ + padding: 1px 14px 18px !important; + margin: 0 -14px 0 !important; +} + +.panel-arrowcontent +{ + background: 0 !important; + padding: 0 !important; + box-shadow: none !important; + font: -moz-pull-down-menu !important; + border: 0 !important; +} + +.popup-internal-box, +panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox, +#PopupSearchAutoComplete > *, +.menupopup-arrowscrollbox +{ + background: var(--arrowpanel-background) !important; +} + +/* themes a menupopup (or other root level / shadow dom popup) as a panel */ +/* Mozilla's use of shadow dom means we can't use a menupopup > .popup-internal-box */ +.popup-internal-box, +panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox, +.menupopup-arrowscrollbox +{ + margin: 0 !important; + padding: 4px 0 !important; + border-radius: var(--menu-border-radius) !important; + color: inherit !important; +} + +.popup-internal-box, +.menupopup-arrowscrollbox +{ + box-shadow: var(--menu-shadow) !important; + border: var(--menu-border) !important; +} + +#PopupSearchAutoComplete > * +{ + border-radius: 0 !important; +} + +#PopupSearchAutoComplete > :first-child +{ + border-radius: 4px 4px 0 0 !important; +} + +#PopupSearchAutoComplete > :last-child +{ + border-radius: 0 0 4px 4px !important; +} + +/* autocomplete panel can't overlap the textbox, so shadow can't go up + more than 1px */ +panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox +{ + box-shadow: var(--menu-shadow) !important; + border: var(--menu-border) !important +} + +/* search panel gets special treatment; it has multiple children */ +#PopupSearchAutoComplete > .autocomplete-richlistbox +{ + box-shadow: none !important; +} + +#PopupSearchAutoComplete +{ + filter: + drop-shadow(0 8px 6px rgba(0, 0, 0, .25)) + drop-shadow(0 1px 1px rgba(0, 0, 0, .125)) !important; +} + +/* reset non-layout props when embedded in a panel + (panel handles panel theming in this case) */ +.panel-arrowcontent > .popup-internal-box +{ + background: 0 !important; + border-radius: 0 !important; + box-shadow: none !important; +} + +/* shotgun approach to undo this selector... + #BMB_bookmarksPopup menupopup[placespopup="true"]:-moz-lwtheme::part(innerbox) + ...without being able to use ::part() in userChrome.css */ +[part="innerbox"] +{ + /* this could cause side effects elsewhere */ + box-shadow: none !important; + margin: 0 !important; +} + +menupopup menuseparator +{ + margin: 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 new file mode 100644 index 0000000..b25d1ee --- /dev/null +++ b/chrome/popup/urlbar-results.css @@ -0,0 +1,582 @@ +.ac-type-icon +{ + order: 9 !important; + margin-inline-start: 16px !important; + margin-inline-end: 0 !important; +} + +.ac-site-icon +{ + margin-inline-end: 16px !important; +} + +.ac-separator +{ + display: none !important; +} + +.ac-title, +.ac-url +{ + flex: 1 !important; +} + +.search-panel-one-offs +{ + border-radius: 0 0 8px 8px !important; + margin-bottom: 18px !important; +} + +.search-one-offs +{ + display: block !important; +} + +#urlbarView-results +{ + padding: 0 !important; +} + +.urlbarView-row +{ + padding: 0 16px !important; + height: 32px !important; + border-radius: 0 !important; +} + +.urlbarView-row-inner +{ + height: 100% !important; + align-items: center !important; +} + +.urlbarView-favicon +{ + margin-inline-end: 16px !important; +} + +.urlbarView-title-separator +{ + flex: 1 !important; +} + +.urlbarView-title-separator::before +{ + display: none !important; +} + +.urlbarView-type-icon +{ + order: 1 !important; + margin-inline-start: 16px !important; + margin-inline-end: 0 !important; +} + +/* .search-one-offs +{ + padding: 4px !important; + display: flex !important; + flex-direction: column !important; +} + +.search-panel-one-offs +{ + display: flex !important; + flex-direction: row !important; + padding: 0 !important; +} + +.searchbar-engine-one-off-item +{ + height: 32px !important; + border-radius: 16px !important; + padding: 0 8px !important; + margin: 4px !important; + background-image: none !important; + color: inherit !important; + border: 0 !important; + display: flex !important; + justify-content: center !important; + align-items: center !important; + align-content: center !important; +} + +.searchbar-engine-one-off-item > .button-box +{ + width: 16px !important; + max-height: 16px !important; + transform: translateY(50%) !important; +} + +.searchbar-engine-one-off-item::after +{ + margin-inline-start: 8px !important; + content: attr(tooltiptext) !important; + line-height: 16px !important; + transform: translateY(calc(50% - 1px)) !important; +} + + +.searchbar-engine-one-off-item.dummy +{ + display: none !important; +} */ + +/* 70+ */ + +#urlbar-container +{ + max-height: 37px !important; +} + +#urlbar, +#searchbar +{ + font-size: 14px !important; + border-radius: 99px !important; + background-color: var(--toolbar-field-background-color) !important; + border: 0 !important; + box-shadow: none !important; + padding: 2px !important; + background-clip: padding-box !important; + min-height: 28px !important; + transition: background-color .1s var(--ease-basic) !important; + -moz-box-align: center !important; + + display: block !important; + margin: 0 !important; +} + +#urlbar:not(:-moz-lwtheme), +#searchbar:not(:-moz-lwtheme) +{ + color: inherit !important; +} + +#urlbar:hover, +#searchbar:hover +{ + background-color: var(--toolbar-field-hover-background-color) !important; +} + +#urlbar[focused], +#urlbar[open], +#searchbar[focused], +#searchbar[open] +{ + background-color: var(--toolbar-field-focus-background-color) !important; +} + +#urlbar[focused], +#searchbar[focused] +{ + border: 2px solid var(--toolbar-field-focus-border-color) !important; + padding: 0 !important; + margin: 0 !important; +} + +#urlbar[open], +#searchbar[open] +{ + border: 0 !important; + padding: 0 !important; + border-radius: 8px 8px 0 0 !important; + min-height: 37px !important; + margin: 0 -5px -1px !important; + box-shadow: + 0 5px 5px -3px rgba(0,0,0,.2), + 0 8px 10px 1px rgba(0,0,0,.14), + 0 3px 14px 2px rgba(0,0,0,.12) !important; + position: relative !important; + z-index: 99999 !important; +} + +#urlbar-input-container +{ + width: 100% !important; + display: flex !important; + align-items: center !important; +} + +.urlbar-input-box +{ + flex: 1 !important; +} + +#urlbar-input +{ + width: 100% !important; +} + +#urlbar[open] #urlbar-input-container +{ + height: 37px !important; +} + +#urlbar[open] #identity-box +{ + margin-inline-start: 8px !important; + margin-inline-end: 8px !important; +} + +.urlbarView +{ + top: 0 !important; + left: 0 !important; + right: 0 !important; + position: relative !important; + box-shadow: none !important; + background: 0 !important; + border: 0 !important; + background: white !important; +} + +#urlbar[open] .urlbarView +{ + display: block !important; + width: 100% !important; +} + +#urlbar-results +{ + padding: 0 !important; +} + +#urlbar-container, +#searchbar-container +{ + overflow: visible !important; + padding: 0 5px !important; +} + +.searchbar-textbox +{ + color: inherit !important; + font-size: inherit !important; + min-height: auto !important; +} + +#urlbar[pageproxystate=valid] > #identity-box:not(.no-hover) > #identity-icon +{ + fill-opacity: 1 !important; +} + +#identity-icon-labels +{ + transform: translateY(-3px) !important; + color: inherit !important; + opacity: 1 !important; + padding: 0 !important; + margin-inline-start: 8px !important; + display: none !important; +} + +#identity-box, +#urlbar-display-box +{ + position: relative !important; +} + +/* separator */ +#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)::after, +#urlbar-display-box::after +{ + content: "" !important; + display: -moz-box !important; + position: absolute !important; + top: 4px !important; + bottom: 4px !important; + right: 0 !important; + background: #9d9e9f !important; + width: 1px !important; + transition: opacity .2s var(--ease-basic) !important; +} + +#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden), +#urlbar-display-box +{ + margin-inline-end: 8px !important; +} + +#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden) #identity-icon-labels +{ + display: -moz-box !important; +} + + +#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):hover:not(.no-hover)::after, +#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)[open]::after +{ + opacity: 0 !important; +} + +#identity-box.extensionPage > #identity-icon +{ + list-style-image: none !important; + margin-inline-end: -16px !important; +} + +/* no longer used as a connection icon */ +#connection-icon +{ + display: none !important; +} + +#identity-box:-moz-any( + .mixedActiveBlocked, + .mixedDisplayContentLoadedActiveBlocked, + .mixedActiveContent +) > #connection-icon +{ + display: -moz-box !important; +} + +#identity-box:-moz-any(.certUserOverridden, .unknownIdentity) +{ + color: #c94031 !important; +} + +.urlbar-input +{ + padding: 0 !important; +} + +.searchbar-textbox +{ + border: 0 !important; + background: 0 !important; + box-shadow: none !important; + margin: 0 !important; +} + +#page-action-buttons > #pageActionSeparator, +.urlbar-history-dropmarker +{ + display: none !important; +} + +#pageActionSeparator +{ + height: 24px !important; +} + +.urlbar-icon-wrapper +{ + background: 0 !important; +} + +.urlbar-icon, +#identity-box, +#tracking-protection-icon-container +{ + min-width: 32px !important; + height: 24px !important; + padding: 4px 8px !important; + margin: 0 !important; + border: 0 !important; + border-radius: 99px !important; + fill-opacity: 1 !important; + transition: background-color .2s var(--ease-basic) !important; + background: 0 !important; + background-color: transparent !important; +} + +#identity-box #notification-popup-box +{ + padding: 0 !important; + margin: 0 !important; +} + +#page-action-buttons +{ + height: 24px !important; +} + +#urlbar[open] #page-action-buttons +{ + display: none !important; +} + +.urlbar-icon:hover:not([disabled]), +#identity-box:hover:not(.no-hover), +#tracking-protection-icon-container:hover +{ + background-color: var(--toolbarbutton-hover-background) !important; +} + +.urlbar-icon:hover:active:not([disabled]), +.urlbar-icon[open], +#identity-box:hover:active:not(.no-hover), +#identity-box[open]:not(.no-hover), +#tracking-protection-icon-container[open] +{ + background-color: var(--toolbarbutton-active-background) !important; + transition-duration: 0 !important; +} + +#star-button-box +{ + -moz-box-ordinal-group: 99 !important; +} + +#pageActionButton +{ + -moz-box-ordinal-group: 98 !important; +} + +#contextual-feature-recommendation +{ + -moz-box-ordinal-group: 97 !important; + width: auto !important; +} + +.urlbar-page-action:-moz-any( + #reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine +) +{ + transition: + background-color .2s var(--ease-basic), + margin .15s var(--ease-in), + opacity .15s var(--ease-basic), + visibility 0s .2s !important; + opacity: 0 !important; + visibility: hidden !important; + margin-inline-start: -32px !important; +} + +#urlbar:hover .urlbar-page-action:-moz-any( + #reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine +), +.urlbar-page-action:-moz-any( + #reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine +):-moz-any(:hover, [open], [readeractive]) +{ + transition: + background-color .2s var(--ease-basic), + margin .3s var(--ease-out), + opacity .3s var(--ease-basic) !important; + opacity: 1 !important; + visibility: visible !important; + margin-inline-start: 0 !important; +} + +.urlbar-display +{ + color: inherit !important; + margin: 0 !important; +} + +#pocket-button-box[animate] > #pocket-animatable-box +{ + margin-inline-start: 6px !important; +} + +#star-button-animatable-box +{ + display: none !important; +} + +#cfr-label-container +{ + background: 0 !important; +} + +#cfr-label +{ + display: none !important; +} + +#cfr-button +{ + fill: currentColor !important; +} + +#urlbar[open] .urlbar-go-button, +#searchbar[open] .search-go-button +{ + height: 32px !important; +} + +/* icons 1x */ +#urlbar +{ + --info-icon: url(../navbar/info-1x.svg); + --lock-icon: url(../navbar/connection-1x.svg); + --warning-icon: url(../navbar/connection-warning-1x.svg); +} + +/* icons 2x */ +@media (min--moz-device-pixel-ratio: 2) +{ + #urlbar + { + --info-icon: url(../navbar/info-2x.svg); + --lock-icon: url(../navbar/connection-2x.svg); + --warning-icon: url(../navbar/connection-warning-2x.svg); + } +} + +/* info (not secure) */ +#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .insecureLoginForms, .mixedActiveContent) > #identity-icon +{ + list-style-image: var(--info-icon) !important; +} + +#identity-box[pageproxystate="valid"]:-moz-any( + .certUserOverridden, + .weakCipher, + .unknownIdentity) > #identity-icon +{ + list-style-image: var(--warning-icon) !important; +} + +/* lock (secure) */ +#identity-box[pageproxystate="valid"]:-moz-any(.verifiedDomain, .verifiedIdentity, .mixedActiveBlocked) > #identity-icon +{ + list-style-image: var(--lock-icon) !important; +} + +/* high DPI adjustments */ +@media (min--moz-device-pixel-ratio: 2) +{ + #identity-icon-labels + { + padding-inline-end: .5px !important; + } + + #urlbar[pageproxystate=valid] > #identity-box:-moz-any(.unknownIdentity, .notSecure) > #identity-icon + { + transform: translate(.5px, .5px) !important; + } + + #identity-icon-labels, + .urlbar-input, + .searchbar-textbox + { + transform: translateY(-.5px) !important; + } +} \ No newline at end of file diff --git a/chrome/tabbar/EdgeStyleTabShadow.css b/chrome/tabbar/EdgeStyleTabShadow.css new file mode 100644 index 0000000..8cafd65 --- /dev/null +++ b/chrome/tabbar/EdgeStyleTabShadow.css @@ -0,0 +1,24 @@ +/* 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 new file mode 100644 index 0000000..9b0750f --- /dev/null +++ b/chrome/tabbar/close-tab.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/tabbar/spinner-busy.svg b/chrome/tabbar/spinner-busy.svg new file mode 100644 index 0000000..1955a19 --- /dev/null +++ b/chrome/tabbar/spinner-busy.svg @@ -0,0 +1,28 @@ + + + + \ No newline at end of file diff --git a/chrome/tabbar/spinner-progress.svg b/chrome/tabbar/spinner-progress.svg new file mode 100644 index 0000000..894b0b2 --- /dev/null +++ b/chrome/tabbar/spinner-progress.svg @@ -0,0 +1,43 @@ + + + + \ No newline at end of file diff --git a/chrome/tabbar/tabbar.css b/chrome/tabbar/tabbar.css new file mode 100644 index 0000000..2813a44 --- /dev/null +++ b/chrome/tabbar/tabbar.css @@ -0,0 +1,551 @@ +:-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 deleted file mode 100644 index 482985c..0000000 --- a/chrome/toolbar/findbar.css +++ /dev/null @@ -1,42 +0,0 @@ -/* 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 deleted file mode 100644 index ef37b6c..0000000 --- a/chrome/toolbar/navbar.css +++ /dev/null @@ -1,88 +0,0 @@ -/* 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 deleted file mode 100644 index 0215c1c..0000000 --- a/chrome/toolbar/personalbar.css +++ /dev/null @@ -1,63 +0,0 @@ -/* 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 deleted file mode 100644 index 9e4a820..0000000 --- a/chrome/toolbar/tabbar.css +++ /dev/null @@ -1,517 +0,0 @@ -/* 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 deleted file mode 100644 index d9871fc..0000000 --- a/chrome/toolbar/urlbar.css +++ /dev/null @@ -1,247 +0,0 @@ -/* 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 new file mode 100644 index 0000000..700f729 --- /dev/null +++ b/chrome/urlbar/connection-warning.svg @@ -0,0 +1,6 @@ + + + + diff --git a/chrome/urlbar/connection.svg b/chrome/urlbar/connection.svg new file mode 100644 index 0000000..1329d18 --- /dev/null +++ b/chrome/urlbar/connection.svg @@ -0,0 +1,6 @@ + + + + diff --git a/chrome/urlbar/document.svg b/chrome/urlbar/document.svg new file mode 100644 index 0000000..f6c3fe5 --- /dev/null +++ b/chrome/urlbar/document.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/go.svg b/chrome/urlbar/go.svg new file mode 100644 index 0000000..51f9a4c --- /dev/null +++ b/chrome/urlbar/go.svg @@ -0,0 +1,2 @@ + + diff --git a/chrome/urlbar/info.svg b/chrome/urlbar/info.svg new file mode 100644 index 0000000..f148e66 --- /dev/null +++ b/chrome/urlbar/info.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/naughty-shield.svg b/chrome/urlbar/naughty-shield.svg new file mode 100644 index 0000000..59327d5 --- /dev/null +++ b/chrome/urlbar/naughty-shield.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/chrome/urlbar/permissions.svg b/chrome/urlbar/permissions.svg new file mode 100644 index 0000000..67fc928 --- /dev/null +++ b/chrome/urlbar/permissions.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/addon-install-blocked.svg b/chrome/urlbar/permissions/addon-install-blocked.svg new file mode 100644 index 0000000..ec1f4d2 --- /dev/null +++ b/chrome/urlbar/permissions/addon-install-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/addon-install.svg b/chrome/urlbar/permissions/addon-install.svg new file mode 100644 index 0000000..bfefc2f --- /dev/null +++ b/chrome/urlbar/permissions/addon-install.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/autoplay-media-blocked.svg b/chrome/urlbar/permissions/autoplay-media-blocked.svg new file mode 100644 index 0000000..9c45be8 --- /dev/null +++ b/chrome/urlbar/permissions/autoplay-media-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/autoplay-media.svg b/chrome/urlbar/permissions/autoplay-media.svg new file mode 100644 index 0000000..dec88b0 --- /dev/null +++ b/chrome/urlbar/permissions/autoplay-media.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/camera-blocked.svg b/chrome/urlbar/permissions/camera-blocked.svg new file mode 100644 index 0000000..2812ffc --- /dev/null +++ b/chrome/urlbar/permissions/camera-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/camera.svg b/chrome/urlbar/permissions/camera.svg new file mode 100644 index 0000000..76677d5 --- /dev/null +++ b/chrome/urlbar/permissions/camera.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/canvas-blocked.svg b/chrome/urlbar/permissions/canvas-blocked.svg new file mode 100644 index 0000000..02d6603 --- /dev/null +++ b/chrome/urlbar/permissions/canvas-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/canvas.svg b/chrome/urlbar/permissions/canvas.svg new file mode 100644 index 0000000..af9e5d8 --- /dev/null +++ b/chrome/urlbar/permissions/canvas.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/desktop-notification-blocked.svg b/chrome/urlbar/permissions/desktop-notification-blocked.svg new file mode 100644 index 0000000..4835ad5 --- /dev/null +++ b/chrome/urlbar/permissions/desktop-notification-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/desktop-notification.svg b/chrome/urlbar/permissions/desktop-notification.svg new file mode 100644 index 0000000..1e88858 --- /dev/null +++ b/chrome/urlbar/permissions/desktop-notification.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/geo-blocked.svg b/chrome/urlbar/permissions/geo-blocked.svg new file mode 100644 index 0000000..f5152d2 --- /dev/null +++ b/chrome/urlbar/permissions/geo-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/geo.svg b/chrome/urlbar/permissions/geo.svg new file mode 100644 index 0000000..98f1a9e --- /dev/null +++ b/chrome/urlbar/permissions/geo.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/microphone-blocked.svg b/chrome/urlbar/permissions/microphone-blocked.svg new file mode 100644 index 0000000..1c078b6 --- /dev/null +++ b/chrome/urlbar/permissions/microphone-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/microphone.svg b/chrome/urlbar/permissions/microphone.svg new file mode 100644 index 0000000..df1e065 --- /dev/null +++ b/chrome/urlbar/permissions/microphone.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/midi.svg b/chrome/urlbar/permissions/midi.svg new file mode 100644 index 0000000..0b7a67b --- /dev/null +++ b/chrome/urlbar/permissions/midi.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/persistent-storage-blocked.svg b/chrome/urlbar/permissions/persistent-storage-blocked.svg new file mode 100644 index 0000000..f82ba39 --- /dev/null +++ b/chrome/urlbar/permissions/persistent-storage-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/persistent-storage.svg b/chrome/urlbar/permissions/persistent-storage.svg new file mode 100644 index 0000000..28d28ec --- /dev/null +++ b/chrome/urlbar/permissions/persistent-storage.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/popup.svg b/chrome/urlbar/permissions/popup.svg new file mode 100644 index 0000000..9b6aa3d --- /dev/null +++ b/chrome/urlbar/permissions/popup.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/screen-blocked.svg b/chrome/urlbar/permissions/screen-blocked.svg new file mode 100644 index 0000000..fd9200e --- /dev/null +++ b/chrome/urlbar/permissions/screen-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/screen.svg b/chrome/urlbar/permissions/screen.svg new file mode 100644 index 0000000..a9cd96d --- /dev/null +++ b/chrome/urlbar/permissions/screen.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/xr-blocked.svg b/chrome/urlbar/permissions/xr-blocked.svg new file mode 100644 index 0000000..9ad24d0 --- /dev/null +++ b/chrome/urlbar/permissions/xr-blocked.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/permissions/xr.svg b/chrome/urlbar/permissions/xr.svg new file mode 100644 index 0000000..9a8f216 --- /dev/null +++ b/chrome/urlbar/permissions/xr.svg @@ -0,0 +1,5 @@ + + + diff --git a/chrome/urlbar/urlbar.css b/chrome/urlbar/urlbar.css new file mode 100644 index 0000000..c37ba25 --- /dev/null +++ b/chrome/urlbar/urlbar.css @@ -0,0 +1,941 @@ +.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 a43d558..e6783ec 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -1,15 +1,43 @@ -/* 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"); +@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"; -/* import custom stylesheet instead of modifying Edge-Frfox theme files */ -@import url("custom.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; } diff --git a/chrome/userContent.css b/chrome/userContent.css index 3c5ab07..1c5332d 100644 --- a/chrome/userContent.css +++ b/chrome/userContent.css @@ -1,3 +1,6 @@ -/* Edge-Frfox */ -@import url("content/common.css"); -@import url("content/newtab.css"); +@import "userContent/NewTab.css"; +@import "userContent/Preferences.css"; + +img.transparent { + background: transparent !important; +} \ No newline at end of file diff --git a/chrome/userContent/NewTab.css b/chrome/userContent/NewTab.css new file mode 100644 index 0000000..f2425a2 --- /dev/null +++ b/chrome/userContent/NewTab.css @@ -0,0 +1,107 @@ +@-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 new file mode 100644 index 0000000..40c315e --- /dev/null +++ b/chrome/userContent/Preferences.css @@ -0,0 +1,334 @@ +@-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 new file mode 100644 index 0000000..4094ae3 Binary files /dev/null and b/screenshots/Edge-FrFox-theme.png differ diff --git a/screenshots/Edge-FrFox.png b/screenshots/Edge-FrFox.png new file mode 100644 index 0000000..cca5ce5 Binary files /dev/null and b/screenshots/Edge-FrFox.png differ diff --git a/screenshots/colorways-dark.png b/screenshots/colorways-dark.png deleted file mode 100755 index 6cc5a5a..0000000 Binary files a/screenshots/colorways-dark.png and /dev/null differ diff --git a/screenshots/colorways-light.png b/screenshots/colorways-light.png deleted file mode 100755 index 5e0ab6b..0000000 Binary files a/screenshots/colorways-light.png and /dev/null differ diff --git a/screenshots/dark-floating-tabs.png b/screenshots/dark-floating-tabs.png deleted file mode 100644 index 85e6d8d..0000000 Binary files a/screenshots/dark-floating-tabs.png and /dev/null differ diff --git a/screenshots/dark.png b/screenshots/dark.png deleted file mode 100644 index 74bb0e1..0000000 Binary files a/screenshots/dark.png and /dev/null differ diff --git a/screenshots/force-tab-colour.svg b/screenshots/force-tab-colour.svg deleted file mode 100644 index 440b26d..0000000 --- a/screenshots/force-tab-colour.svg +++ /dev/null @@ -1,35 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/screenshots/gtk-dark.png b/screenshots/gtk-dark.png deleted file mode 100644 index ae69701..0000000 Binary files a/screenshots/gtk-dark.png and /dev/null differ diff --git a/screenshots/gtk-light.png b/screenshots/gtk-light.png deleted file mode 100644 index fb76432..0000000 Binary files a/screenshots/gtk-light.png and /dev/null differ diff --git a/screenshots/light-floating-tabs.png b/screenshots/light-floating-tabs.png deleted file mode 100644 index c35af07..0000000 Binary files a/screenshots/light-floating-tabs.png and /dev/null differ diff --git a/screenshots/light.png b/screenshots/light.png deleted file mode 100644 index 4efd75e..0000000 Binary files a/screenshots/light.png and /dev/null differ diff --git a/screenshots/right-click-alpenglow.png b/screenshots/right-click-alpenglow.png new file mode 100644 index 0000000..6885e4f Binary files /dev/null and b/screenshots/right-click-alpenglow.png differ diff --git a/screenshots/right-click-dark.png b/screenshots/right-click-dark.png new file mode 100644 index 0000000..3de86fa Binary files /dev/null and b/screenshots/right-click-dark.png differ diff --git a/screenshots/right-click-light.png b/screenshots/right-click-light.png new file mode 100644 index 0000000..d61ddf5 Binary files /dev/null and b/screenshots/right-click-light.png differ diff --git a/screenshots/screenshot-alpenglow-dark.png b/screenshots/screenshot-alpenglow-dark.png new file mode 100644 index 0000000..0face44 Binary files /dev/null and b/screenshots/screenshot-alpenglow-dark.png differ diff --git a/screenshots/screenshot-alpenglow-light.png b/screenshots/screenshot-alpenglow-light.png new file mode 100644 index 0000000..963b947 Binary files /dev/null and b/screenshots/screenshot-alpenglow-light.png differ diff --git a/screenshots/screenshot-dark.png b/screenshots/screenshot-dark.png new file mode 100644 index 0000000..17b3b86 Binary files /dev/null and b/screenshots/screenshot-dark.png differ diff --git a/screenshots/screenshot-light.png b/screenshots/screenshot-light.png new file mode 100644 index 0000000..2e6cf38 Binary files /dev/null and b/screenshots/screenshot-light.png differ diff --git a/screenshots/thumbnail.png b/screenshots/thumbnail.png deleted file mode 100644 index 1feb17a..0000000 Binary files a/screenshots/thumbnail.png and /dev/null differ