diff --git a/.gitignore b/.gitignore
index 4d4cee2..29bc542 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@ inkscape-template.svg
/userChrome.css
/userContent.css
.vscode
+/icons
diff --git a/README.md b/README.md
index dac9c0f..cbe079f 100644
--- a/README.md
+++ b/README.md
@@ -1,34 +1,26 @@
-# Edge-FrFox
-A userChrome.css theme for Firefox that replicates Microsoft Edge and adds icons to the right click menus.
+# Edge-FrFox rewrite
+A Firefox userChrome.css theme that aims to recreate the look and feel of the Chromium version of Microsoft Edge.
-
+This branch is for a new version that is rewritten from scratch. Old version can be found in the [`main`](https://github.com/bmFtZQ/Edge-FrFox/tree/main) branch.
-## Screenshots
-**(Screenshots from macOS Big Sur / Firefox 89.0)**
-Newtab Page Light|Newtab Page Dark|Firefox Alpenglow Light
--|-|-
- |  | 
-Right Click Menu Light | Right Click Menu Dark | Firefox Alpenglow Dark
- |  | 
+#### This version of the theme has only been test on Firefox Nightly 96 but should work on Firefox 94.
+
+
+###### Screenshot taken with macOS Monterey / Firefox Nightly 96.0a1 (2021-11-30)
## How to install
-
-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. Go to `about:support` and click the "Show in File Explorer/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:
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`
+ 3. `layout.css.color-mix.enabled` = `true`
+
+ ###### On macOS:
+ 1. To use the Edge style context menu on macOS then set `widget.macos.native-context-menus` = `false` **(Not Implemented Yet!)**
- ###### Firefox 88 or higher:
- 1. `layout.css.color-mix.enabled` = `true`
-
- ###### Firefox 89 or higher:
- 1. To use the Edge style context menu on macOS then make sure `widget.macos.native-context-menus` = `false`
-
-**Note: Only properly tested on macOS 11 Big Sur**
+**Note: Most frequently tested on macOS**
## Acknowledgements
[muckSponge](https://github.com/muckSponge) - [MaterialFox](https://github.com/muckSponge/MaterialFox)
diff --git a/chrome/content/common.css b/chrome/content/common.css
new file mode 100644
index 0000000..510184d
--- /dev/null
+++ b/chrome/content/common.css
@@ -0,0 +1,108 @@
+/* EdgeFr-Fox by bmFtZQ - content/common.css */
+
+/* colours */
+@-moz-document url-prefix(about:) {
+ :root {
+ --in-content-page-color: #252525 !important;
+ --in-content-page-background: #f7f7f7 !important;
+ --in-content-deemphasized-text: #666 !important;
+ --in-content-box-background: #fff !important;
+ --in-content-box-background-odd: rgba(0, 0, 0, 0.05) !important;
+ --in-content-box-info-background: #f7f7f7 !important;
+ --in-content-icon-color: #666 !important;
+ --in-content-accent-color: #006CBE !important;
+ --in-content-accent-color-active: #1683D8 !important;
+ --in-content-border-hover: rgba(0,0,0,0.5) !important;
+ --in-content-border-invalid: var(--red-50) !important;
+ --in-content-border-color: #bebebe !important;
+ --in-content-error-text-color: #FF848A !important;
+ --in-content-link-color: #0078D4 !important;
+ --in-content-link-color-hover: #006CBE !important;
+ --in-content-link-color-active: #0749AC !important;
+ --in-content-link-color-visited: #0078D4 !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: #EDEDED !important;
+ --in-content-button-background-hover: #e5e5e5 !important;
+ --in-content-button-background-active: #d5d5d5 !important;
+ --in-content-primary-button-text-color: #fff !important;
+ --in-content-primary-button-background: #0061e0 !important;
+ --in-content-primary-button-background-hover: #0250bb !important;
+ --in-content-primary-button-background-active: #053e94 !important;
+ --in-content-danger-button-background: #DF4951 !important;
+ --in-content-danger-button-background-hover: #EA656C !important;
+ --in-content-danger-button-background-active: #BB353C !important;
+ --in-content-focus-outline-color: color-mix(in srgb, #0055D7 50%, transparent) !important;
+ --in-content-table-background: #f7f7f7 !important;
+ scrollbar-color: rgba(37, 37, 37, 0.4) #f7f7f7 !important;
+ }
+
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --in-content-page-background: #252525 !important;
+ --in-content-page-color: #fff !important;
+ --in-content-deemphasized-text: #bbb !important;
+ --in-content-box-background: #333 !important;
+ --in-content-box-background-odd: rgba(255, 255, 255, 0.05) !important;
+ --in-content-box-info-background: rgba(255, 255, 255, 0.15) !important;
+ --in-content-border-color: rgba(255, 255, 255, 0.2) !important;
+ --in-content-border-hover: rgba(255, 255, 255, 0.3) !important;
+ --in-content-border-invalid: rgb(255,132,139) !important;
+ --in-content-error-text-color: #FF9AA2 !important;
+ --in-content-button-background: #3B3B3B !important;
+ --in-content-button-background-hover: #545454 !important;
+ --in-content-button-background-active: #606060 !important;
+ --in-content-icon-color: #fff !important;
+ --in-content-primary-button-text-color: #fff !important;
+ --in-content-primary-button-background: #006CBE !important;
+ --in-content-primary-button-background-hover: #0078D4 !important;
+ --in-content-primary-button-background-active: #005CA3 !important;
+ --in-content-danger-button-background: #E12424 !important;
+ --in-content-danger-button-background-hover: #F94343 !important;
+ --in-content-danger-button-background-active: #AA1E1E !important;
+ --in-content-focus-outline-color: #63ADE5 !important;
+ --in-content-table-background: #252525 !important;
+ --in-content-accent-color: #75B6E8 !important;
+ --in-content-accent-color-active: #4C98D1 !important;
+ --in-content-link-color: #75B6E8 !important;
+ --in-content-link-color-hover: #63ADE5 !important;
+ --in-content-link-color-active: #4C98D1 !important;
+ --in-content-link-color-visited: var(--in-content-link-color) !important;
+ --card-outline-color: #555 !important;
+ --dialog-warning-text-color: var(--red-40) !important;
+ scrollbar-color: rgba(255,255,255,.4) #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;
+ border-left: 3px solid var(--in-content-accent-color);
+ height: 24px;
+ position: absolute;
+ left: 0;
+ top: 12px;
+ }
+
+ 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;
+ }
+}
diff --git a/chrome/content/newtab.css b/chrome/content/newtab.css
new file mode 100644
index 0000000..e2f1479
--- /dev/null
+++ b/chrome/content/newtab.css
@@ -0,0 +1,132 @@
+/* EdgeFr-Fox by bmFtZQ - content/newtab.css */
+
+/* colours */
+@-moz-document url-prefix("about:newtab"), url-prefix("about:home") {
+ body:not([lwt-newtab], [lwt-newtab-brighttext]) {
+ --newtab-background-color: #F7F7F7 !important;
+ --newtab-background-color-secondary: #fff !important;
+ --newtab-text-primary-color: #000 !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: rgba(0, 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;
+ }
+
+ body[style*="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1);"]:not([style*="--newtab-background-color-secondary"])[lwt-newtab-brighttext],
+ body: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.6 !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) rgba(0, 0, 0, 0.11), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, 0.13) !important;
+ }
+
+ .search-handoff-button:hover {
+ --elevation: 6;
+ box-shadow: 0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(0, 0, 0, 0.11), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, 0.13) !important;
+ }
+
+ .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: 24px !important;
+ height: 24px !important;
+ width: 24px !important;
+ }
+
+ .top-site-outer .tile .icon-wrapper.letter-fallback::before {
+ font-size: 32px !important;
+ }
+
+ /* card */
+ .card-outer .card,
+ .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
+ border-radius: 4px !important;
+ box-shadow: 0 1px 4px rgba(0, 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: 4px 4px 0 0 !important
+ }
+}
diff --git a/chrome/extras/accessibility.css b/chrome/extras/accessibility.css
deleted file mode 100644
index fdf5191..0000000
--- a/chrome/extras/accessibility.css
+++ /dev/null
@@ -1,182 +0,0 @@
-/* High Contrast Theme */
-@media (prefers-contrast) {
- :root,
- :root #navigator-toolbox,
- findbar {
- --highContrastTheme-border-color: #777 !important;
- --highContrastTheme-urlbar-border-color: #000a;
-
- --highContrastTheme-menuitem-selected-background: #444;
- --highContrastTheme-menuitem-selected-background-active: #222;
- --highContrastTheme-menuitem-selected-color: #fff;
- --highContrastTheme-urlbar-URL-selected-color: #81c2ff;
-
- --panel-separator-color: rgba(0, 0, 0, 0.8) !important;
- --toolbarbutton-icon-fill-attention: #003aa5 !important;
-
- --chrome-content-separator-color: var(--highContrastTheme-border-color) !important;
- --autocomplete-popup-highlight-background: var(--highContrastTheme-menuitem-selected-background) !important;
- --autocomplete-popup-highlight-color: var(--highContrastTheme-menuitem-selected-color) !important;
- --panelview-toolbarbutton-hover-bgcolor: var(--highContrastTheme-menuitem-selected-background) !important;
- --panelview-toolbarbutton-hover-color: var(--highContrastTheme-menuitem-selected-color) !important;
- --panelview-toolbarbutton-active-bgcolor: var(--highContrastTheme-menuitem-selected-background-active) !important;
- --panelview-toolbarbutton-active-color: var(--highContrastTheme-menuitem-selected-color) !important;
- }
-
- :root[lwthemetextcolor="bright"],
- :root[lwthemetextcolor="bright"] #navigator-toolbox,
- :root[lwthemetextcolor="bright"] findbar {
- --highContrastTheme-border-color: #999 !important;
- --highContrastTheme-urlbar-border-color: #fffa;
-
- --highContrastTheme-menuitem-selected-background: #ccc;
- --highContrastTheme-menuitem-selected-color: #000;
- --highContrastTheme-urlbar-URL-selected-color: #004da5;
-
- --panel-separator-color: rgba(255, 255, 255, 0.8) !important;
- --lwt-toolbarbutton-icon-fill-attention: #55befc !important;
- }
-
- menupopup,
- panel {
- --menu-border-radius: 2px;
- --menu-border: 1px solid #fff;
- --menu-shadow: 0 0 0 2px #000, 0 3px 10px 4px rgba(0, 0, 0, .3);
- }
-
- :root[lwthemetextcolor="bright"] :-moz-any(menupopup, panel) {
- --menu-border: 1px solid #fff;
- --menu-shadow: 0 0 0 1px #000, 0 3px 10px 4px rgba(0, 0, 0, .3);
- }
-
- menupopup menuseparator {
- opacity: 1 !important;
- color: var(--panel-separator-color) !important;
- }
-
- menupopup menuitem:hover:not([disabled=true]),
- menupopup menu:hover:not([disabled=true]),
- .autocomplete-richlistitem:hover:not([disabled=true]):not([selected=true]),
- #context-navigation .menuitem-iconic:hover:not([disabled]) {
- background-color: var(--highContrastTheme-menuitem-selected-background) !important;
- color: var(--highContrastTheme-menuitem-selected-color) !important;
- }
-
- menupopup menuitem:hover:active:not([disabled="true"]),
- menupopup menu:hover:active:not([disabled="true"]),
- .autocomplete-richlistitem:hover:active:not([disabled="true"]),
- .autocomplete-richlistitem[selected="true"] {
- background-color: var(--highContrastTheme-menuitem-selected-background-active) !important;
- color: var(--highContrastTheme-menuitem-selected-color) !important;
- }
-
- #urlbar,
- #searchbar,
- hbox[anonid="findbar-textbox-wrapper"] {
- box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important;
- }
-
- #urlbar:hover,
- #searchbar:hover,
- hbox[anonid="findbar-textbox-wrapper"]:hover:not(:focus-within) {
- box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset, 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important;
- }
-
- #urlbar[open],
- #searchbar[open] {
- box-shadow: 0 0 0 1px #000, 0 3px 10px 4px rgba(0, 0, 0, .3), 0 0 0 1px #fff inset !important;
- border-radius: 2px !important;
- }
-
- .urlbarView-row[selected] {
- --urlbar-popup-url-color: var(--highContrastTheme-urlbar-URL-selected-color) !important;
- }
-
- :is(:root, :root[lwthemetextcolor="bright"]) #nav-bar {
- box-shadow: 0 -1px var(--highContrastTheme-border-color) !important;
- }
-
- :is(:root, :root[lwthemetextcolor="bright"]) .tabbrowser-tab[visuallyselected] .tab-background {
- box-shadow: 0 0 0 1px var(--highContrastTheme-border-color) !important;
- }
-
- .tab-background::before {
- box-shadow: -1px -1px 0 var(--highContrastTheme-border-color) inset, 4px 4px 0 4px var(--tab-bgcolor) !important;
- }
-
- .tab-background::after {
- box-shadow: 1px -1px 0 var(--highContrastTheme-border-color) inset, -4px 4px 0 4px var(--tab-bgcolor) !important;
- }
-
- .tabbrowser-tab:not([selected=true]):hover,
- .tabbrowser-tab[multiselected]:not([selected=true]) {
- --tab-opacity: .6;
- }
-
- #TabsToolbar[brighttext] .tabbrowser-tab:not([selected=true]):hover,
- #TabsToolbar[brighttext] .tabbrowser-tab[multiselected]:not([selected=true]) {
- --tab-opacity: .2;
- }
-}
-
-/* Reduce Motion */
-@media (prefers-reduced-motion) {
- .tabbrowser-tab {
- --tab-transition-duration: 0s !important;
- }
-
- #navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)),
- .tab-close-button,
- .tab-icon-overlay[activemedia-blocked],
- .tab-icon-sound,
- .urlbar-icon,
- #page-action-buttons>toolbarbutton,
- .searchbar-search-button,
- #tracking-protection-icon-box,
- #identity-icon-box,
- #identity-permission-box,
- #tracking-protection-icon-box,
- #urlbar:hover #tracking-protection-icon-box,
- #tracking-protection-icon-container[open] #tracking-protection-icon-box,
- #tracking-protection-icon-box[active],
- #urlbar:is(:hover, :not(:hover)) .urlbar-page-action:-moz-any(#reader-mode-button,
- #pageActionButton,
- #pocket-button-box,
- #pageAction-urlbar-screenshots_mozilla_org,
- #pageAction-urlbar-sendToDevice,
- #pageAction-urlbar-emailLink,
- #pageAction-urlbar-copyURL,
- #pageAction-urlbar-shareURL,
- #pageAction-urlbar-addSearchEngine),
- .urlbar-page-action:-moz-any(#reader-mode-button,
- #pageActionButton,
- #pocket-button-box,
- #pageAction-urlbar-screenshots_mozilla_org,
- #pageAction-urlbar-sendToDevice,
- #pageAction-urlbar-emailLink,
- #pageAction-urlbar-copyURL,
- #pageAction-urlbar-shareURL,
- #pageAction-urlbar-addSearchEngine):-moz-any(:hover, [open], [readeractive]),
- .urlbar-page-action:-moz-any(:hover, [open])~.urlbar-page-action:-moz-any(#reader-mode-button,
- #pageActionButton,
- #pocket-button-box,
- #pageAction-urlbar-screenshots_mozilla_org,
- #pageAction-urlbar-sendToDevice,
- #pageAction-urlbar-emailLink,
- #pageAction-urlbar-copyURL,
- #pageAction-urlbar-shareURL,
- #pageAction-urlbar-addSearchEngine),
- #tracking-protection-icon-container[open]~#page-action-buttons .urlbar-page-action:-moz-any(#reader-mode-button,
- #pageActionButton,
- #pocket-button-box,
- #pageAction-urlbar-screenshots_mozilla_org,
- #pageAction-urlbar-sendToDevice,
- #pageAction-urlbar-emailLink,
- #pageAction-urlbar-copyURL,
- #pageAction-urlbar-shareURL,
- #pageAction-urlbar-addSearchEngine),
- hbox[anonid="findbar-textbox-wrapper"] toolbarbutton,
- hbox[anonid="findbar-textbox-wrapper"] {
- transition-duration: 0s, 0s, 0s, 0s, 0s !important;
- }
-}
\ No newline at end of file
diff --git a/chrome/extras/addIconsToMenubarPopups.css b/chrome/extras/addIconsToMenubarPopups.css
deleted file mode 100644
index b9a3936..0000000
--- a/chrome/extras/addIconsToMenubarPopups.css
+++ /dev/null
@@ -1,71 +0,0 @@
-/* (UNFINISHED) (TESTED ON MACOS ONLY!) Add icons to menubar popups */
-
-#menu_newNavigatorTab {
- list-style-image: url(../icons/new-tab-image.svg) !important;
-}
-#menu_newNavigator {
- list-style-image: url(../icons/new-window.svg) !important;
-}
-#menu_newPrivateWindow {
- list-style-image: url(../icons/new-private-window.svg) !important;
-}
-#menu_openLocation {
- list-style-image: url(../icons/globe.svg) !important;
-}
-#menu_openFile {
- list-style-image: url(../icons/folder.svg) !important;
-}
-#menu_close, #menu_closeWindow, #menu_findAgain, #historyRestoreLastSession, #hiddenTabsMenu, #historyUndoMenu, #historyUndoWindowMenu {
- list-style-image: url(../icons/blank.svg) !important;
-}
-#menu_savePage {
- list-style-image: url(../icons/savefile.svg) !important;
-}
-#menu_sendLink {
- list-style-image: url(../icons/email.svg) !important;
-}
-#menu_printSetup, #menu_print {
- list-style-image: url(../icons/print.svg) !important;
-}
-#menu_undo {
- list-style-image: url(../popup/icons/undo.svg) !important;
-}
-#menu_redo {
- list-style-image: url(../popup/icons/redo.svg) !important;
-}
-#menu_cut {
- list-style-image: url(../popup/icons/cut.svg) !important;
-}
-#menu_copy {
- list-style-image: url(../popup/icons/copy.svg) !important;
-}
-#menu_paste {
- list-style-image: url(../popup/icons/paste.svg) !important;
-}
-#menu_delete {
- list-style-image: url(../popup/icons/delete.svg) !important;
-}
-#menu_selectAll {
- list-style-image: url(../popup/icons/select-all.svg) !important;
-}
-#menu_find {
- list-style-image: url(../icons/search-file.svg) !important;
-}
-#toggle_PersonalToolbar, #menu_bookmarksSidebar {
- list-style-image: url(../icons/bookmark.svg) !important;
-}
-#menu_customizeToolbars {
- list-style-image: url(../icons/brush.svg) !important;
-}
-#menu_historySidebar {
- list-style-image: url(../icons/history.svg) !important;
-}
-#menu_tabsSidebar, #sync-tabs-menuitem {
- list-style-image: url(../icons/synced-tabs.svg) !important;
-}
-#menu_showAllHistory {
- list-style-image: url(../icons/history.svg) !important;
-}
-#sanitizeItem {
- list-style-image: url(../icons/forget.svg) !important;
-}
\ No newline at end of file
diff --git a/chrome/extras/customColorTheme.css b/chrome/extras/customColorTheme.css
deleted file mode 100644
index 5a20689..0000000
--- a/chrome/extras/customColorTheme.css
+++ /dev/null
@@ -1,167 +0,0 @@
-/* Light Mode */
-:root:not([style]),
-:root:not([lwtheme]),
-:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"] {
- /* accentcolor */
- --lwt-accent-color: #cecece !important;
-
- /* textcolor */
- --lwt-text-color: #000 !important;
-
- /* toolbar */
- --toolbar-bgcolor: #f7f7f7 !important;
-
- /* tab background (unset to match toolbar-bgcolor) */
- --lwt-selected-tab-background-color: unset !important;
-
- /* toolbar_text */
- --toolbar-color: #000 !important;
-
- /* toolbar_bottom_separator */
- --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;
-
- /* tab background (unset to match toolbar-bgcolor) */
- --lwt-selected-tab-background-color: unset !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);"] {
- /* sidebar */
- --sidebar-background-color: #3b3b3b !important;
- --lwt-sidebar-background-color: var(--sidebar-background-color) !important;
-
- /* sidebar_text */
- --sidebar-text-color: #fff !important;
- --lwt-sidebar-text-color: var(--sidebar-text-color) !important;
-}
-
-/* Urlbar Button Backgrounds Light Mode */
-:-moz-any(#urlbar, #searchbar) {
- --toolbarbutton-hover-background: #0001 !important;
- --toolbarbutton-active-background: #0002 !important;
-}
-
-/* Urlbar Button Backgrounds Dark Mode */
-:root:-moz-lwtheme-brighttext :-moz-any(#urlbar, #searchbar) {
- --toolbarbutton-hover-background: #fff1 !important;
- --toolbarbutton-active-background: #fff2 !important;
-}
\ No newline at end of file
diff --git a/chrome/extras/hidetabclosebutton.css b/chrome/extras/hidetabclosebutton.css
deleted file mode 100644
index 8e8f193..0000000
--- a/chrome/extras/hidetabclosebutton.css
+++ /dev/null
@@ -1,13 +0,0 @@
-/* Hide tab close button when mouse not hovering over it */
-.tab-close-button {
- transform: translateY(32px) !important;
- margin-inline-start: -16px !important;
- transition-property: margin, transform !important;
- transition-duration: 200ms !important;
- transition-timing-function: cubic-bezier(1, 0, 0, 1) !important;
-}
-
-:-moz-any(.tabbrowser-tab:hover:hover, .tabbrowser-tab[visuallyselected]) .tab-close-button {
- transform: none !important;
- margin-inline-start: 0 !important;
-}
\ No newline at end of file
diff --git a/chrome/extras/hidetoolbarbuttons.css b/chrome/extras/hidetoolbarbuttons.css
deleted file mode 100644
index 2bd3950..0000000
--- a/chrome/extras/hidetoolbarbuttons.css
+++ /dev/null
@@ -1,23 +0,0 @@
-/* (BUGGY: USE AT OWN RISK!) Hide toolbar buttons other than extensions */
-
-.toolbarbutton-icon,
-.toolbarbutton-badge-stack,
-#nav-bar .toolbarbutton-1 {
- transition-duration: 0.1s !important;
- transition-property: width, padding, border !important;
-}
-
-:root:not([customizing]) #navigator-toolbox:not(:hover)>#nav-bar:not([urlbar-exceeds-toolbar-bounds="true"]) .toolbarbutton-1:not(.webextension-browser-action, [open], [checked]) :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) {
- width: 0 !important;
- padding: 0 !important;
-}
-
-:root:not([customizing]) #navigator-toolbox:not(:hover)>#nav-bar:not([urlbar-exceeds-toolbar-bounds="true"]) .toolbarbutton-1:not(.webextension-browser-action, [open], [checked]) {
- border-width: 0 !important;
-}
-
-/* Also Hide urlbar background */
-/*
-:root:not([customizing]) #navigator-toolbox:not(:hover) > #nav-bar
-{ --toolbar-field-background-color: transparent !important; }
-*/
\ No newline at end of file
diff --git a/chrome/extras/swapaccount-overflow.css b/chrome/extras/swapaccount-overflow.css
deleted file mode 100644
index db36a91..0000000
--- a/chrome/extras/swapaccount-overflow.css
+++ /dev/null
@@ -1,11 +0,0 @@
-/* (BUGGY: USE AT OWN RISK!) Swap Account icon and Overflow icon (must be placed next to each other) */
-
-@media (min-width: 687px) {
- :root:not([customizing]) #nav-bar-overflow-button {
- transform: translateX(-44px);
- }
-
- :root:not([customizing]) #fxa-toolbar-menu-button {
- transform: translateX(44px);
- }
-}
\ No newline at end of file
diff --git a/chrome/extras/vibrancy.css b/chrome/extras/vibrancy.css
deleted file mode 100644
index daeef9f..0000000
--- a/chrome/extras/vibrancy.css
+++ /dev/null
@@ -1,22 +0,0 @@
-/* (MACOS ONLY!) Enable window vibrancy behind tabs */
-
-#navigator-toolbox:not(:-moz-window-inactive) {
- background-color: #0001 !important;
-}
-
-#main-window[lwthemetextcolor="bright"] #navigator-toolbox:not(:-moz-window-inactive) {
- background-color: #1114 !important;
-}
-
-#main-window {
- appearance: -moz-mac-vibrant-titlebar-light !important;
-}
-
-#main-window[lwthemetextcolor="bright"] {
- appearance: -moz-mac-vibrant-titlebar-dark !important;
-}
-
-:-moz-any(#main-window, #navigator-toolbox):-moz-any([inFullscreen="true"], :-moz-window-inactive) {
- appearance: none !important;
- background-color: var(--lwt-accent-color) !important;
-}
\ No newline at end of file
diff --git a/chrome/findbar/findbar.css b/chrome/findbar/findbar.css
deleted file mode 100644
index 4a80b81..0000000
--- a/chrome/findbar/findbar.css
+++ /dev/null
@@ -1,79 +0,0 @@
-findbar {
- background: var(--toolbar-bgcolor) !important;
- border-top-color: var(--chrome-content-separator-color) !important;
- color: var(--toolbar-color) !important;
-}
-
-.findbar-find-previous {
- list-style-image: url(../icons/chevron-up.svg) !important;
-}
-
-.findbar-find-next {
- list-style-image: url(../icons/chevron-down.svg) !important;
-}
-
-.findbar-textbox {
- color: inherit !important;
- background-color: transparent !important;
- background-image: url(../icons/search.svg) !important;
- background-repeat: no-repeat !important;
- background-position: 5px center !important;
- fill-opacity: 1 !important;
- border: 0 !important;
- box-shadow: none !important;
- margin-inline-start: 2px !important;
- padding-inline-start: 28px !important;
-}
-
-hbox[anonid="findbar-textbox-wrapper"] {
- background-color: var(--toolbar-field-background-color) !important;
- color: var(--lwt-toolbar-field-color) !important;
- border-radius: 4px !important;
- position: relative !important;
- display: flex !important;
- padding: 2px !important;
- height: 28px !important;
- transition: background-color .1s var(--ease-basic) !important;
- box-shadow: 0 1px 5px 0 #0001 !important;
-}
-
-hbox[anonid="findbar-textbox-wrapper"]:hover:not(:focus-within) {
- background-color: var(--toolbar-field-hover-background-color) !important;
- box-shadow: 0 0 0 1px inset var(--toolbar-field-hover-border-color) !important;
-}
-
-hbox[anonid="findbar-textbox-wrapper"]:focus-within {
- background-color: var(--toolbar-field-focus-background-color) !important;
- color: var(--lwt-toolbar-field-focus-color) !important;
- box-shadow: 0 0 0 1px inset var(--toolbar-field-focus-border-color), 0 0 0 1px var(--toolbar-field-focus-border-color) !important;
-}
-
-hbox[anonid="findbar-textbox-wrapper"] toolbarbutton {
- border-radius: 4px !important;
- border: 0 !important;
- width: 24px !important;
- height: 24px !important;
- padding: 0 !important;
- display: flex !important;
- background: 0 !important;
- transition: background-color .2s var(--ease-basic) !important;
- margin: 0 !important;
- box-shadow: none !important;
-}
-
-hbox[anonid="findbar-textbox-wrapper"] toolbarbutton[disabled] {
- display: none !important;
-}
-
-hbox[anonid="findbar-textbox-wrapper"] toolbarbutton .toolbarbutton-text {
- visibility: collapse !important;
-}
-
-hbox[anonid="findbar-textbox-wrapper"] toolbarbutton:not([disabled]):hover {
- background-color: var(--toolbarbutton-hover-background) !important;
-}
-
-hbox[anonid="findbar-textbox-wrapper"] toolbarbutton:not([disabled]):hover:active {
- background-color: var(--toolbarbutton-active-background) !important;
- transition-duration: 0 !important;
-}
diff --git a/chrome/global/colors.css b/chrome/global/colors.css
new file mode 100644
index 0000000..25dd6af
--- /dev/null
+++ b/chrome/global/colors.css
@@ -0,0 +1,126 @@
+/* EdgeFr-Fox by bmFtZQ - colors.css */
+
+/* light */
+:root:not(:-moz-lwtheme) {
+ --lwt-accent-color: #cecece !important;
+ --lwt-accent-color-inactive: #e8e8e8 !important;
+ --lwt-text-color: #000 !important;
+ --toolbar-bgcolor: #f7f7f7 !important;
+ --toolbar-color: #000 !important;
+ --toolbarbutton-icon-fill: #000 !important;
+ --chrome-content-separator-color: #bfbfbf !important;
+ --lwt-toolbarbutton-icon-fill-attention: #0078D4 !important;
+ --toolbarbutton-icon-fill-attention: #0078D4 !important;
+ --lwt-tab-text: var(--toolbar-color) !important;
+ --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important;
+ --tab-selected-bgcolor: var(--toolbar-bgcolor) !important;
+ --toolbar-field-background-color: #fff !important;
+ --toolbar-field-color: #000 !important;
+ --toolbar-field-border-color: #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: #0055D7 !important;
+ --urlbar-icon-fill-opacity: 1 !important;
+ --urlbar-popup-url-color: #0072C9 !important;
+ --lwt-brighttext-url-color: var(--urlbar-popup-url-color) !important;
+ --urlbar-box-bgcolor: #f7f7f7 !important;
+ --autocomplete-popup-background: #fff !important;
+ --autocomplete-popup-color: #fff !important;
+ --autocomplete-popup-highlight-background: #f2f2f2 !important;
+ --autocomplete-popup-hover-background: #e5e5e5 !important;
+ --autocomplete-popup-separator-color: #dadada00 !important;
+ --toolbarbutton-hover-background: #e0e0e0 !important;
+ --toolbarbutton-active-background: #d5d5d5 !important;
+ --button-bgcolor: #EDEDED !important;
+ --button-hover-bgcolor: #e5e5e5 !important;
+ --button-active-bgcolor: #d5d5d5 !important;
+ --button-primary-bgcolor: #0078D4 !important;
+ --button-primary-hover-bgcolor: #006CBE !important;
+ --button-primary-active-bgcolor: #1683D8 !important;
+ --button-primary-color: #fff !important;
+ --error-text-color: #FF9AA2 !important;
+ --input-bgcolor: #fff !important;
+ --input-color: #2b2b2b !important;
+ --input-border-color: #bebebe !important;
+ --input-error-border-color: #FF848A !important;
+ --zoom-controls-bgcolor: #4A4A4A !important;
+ --arrowpanel-background: #fff !important;
+ --arrowpanel-color: #000 !important;
+ --panel-description-color: #0009 !important;
+ --panel-disabled-color: #000 !important;
+ --arrowpanel-dimmed: #565656 !important;
+ --arrowpanel-dimmed-further: #707070 !important;
+ --panel-item-hover-bgcolor: #eee !important;
+ --panel-item-active-bgcolor: #ddd !important;
+ --arrowpanel-border-color: #dadada !important;
+ --panel-separator-color: #dadada !important;
+ --panel-banner-item-update-supported-bgcolor: #50B080 !important;
+ --focus-outline-color: #0055D7 !important;
+ --panel-shortcut-color: inherit !important;
+ --uc-urlbar-shadow: 0 0 4px #0002;
+}
+
+/* dark */
+:root[lwt-default-theme-in-dark-mode="true"] {
+ --lwt-accent-color: #1C1C1C !important;
+ --lwt-accent-color-inactive: #2e2e2e !important;
+ --lwt-text-color: #E5E5E5 !important;
+ --toolbar-bgcolor: #3B3B3B !important;
+ --toolbar-color: #fff !important;
+ --toolbarbutton-icon-fill: #fff !important;
+ --chrome-content-separator-color: #686868 !important;
+ --lwt-toolbarbutton-icon-fill-attention: #4C98D1 !important;
+ --toolbarbutton-icon-fill-attention: #4C98D1 !important;
+ --lwt-tab-text: var(--toolbar-color) !important;
+ --lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important;
+ --tab-selected-bgcolor: var(--toolbar-bgcolor) !important;
+ --toolbar-field-background-color: #2B2B2B !important;
+ --toolbar-field-color: #fff !important;
+ --toolbar-field-border-color: #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: #63ADE5 !important;
+ --urlbar-icon-fill-opacity: 1 !important;
+ --urlbar-popup-url-color: #75B6E8 !important;
+ --lwt-brighttext-url-color: var(--urlbar-popup-url-color) !important;
+ --urlbar-box-bgcolor: #3B3B3B !important;
+ --autocomplete-popup-background: #4A4A4A !important;
+ --autocomplete-popup-color: #fff !important;
+ --autocomplete-popup-highlight-background: #383838 !important;
+ --autocomplete-popup-hover-background: #444444 !important;
+ --autocomplete-popup-separator-color: #63636300 !important;
+ --button-bgcolor: #3B3B3B !important;
+ --button-hover-bgcolor: #545454 !important;
+ --button-active-bgcolor: #606060 !important;
+ --button-primary-bgcolor: #006CBE !important;
+ --button-primary-hover-bgcolor: #0078D4 !important;
+ --button-primary-active-bgcolor: #005CA3 !important;
+ --button-primary-color: #fff !important;
+ --error-text-color: #FF9AA2 !important;
+ --input-bgcolor: #4A4A4A !important;
+ --input-color: #fff !important;
+ --input-border-color: #8A8A8A !important;
+ --input-error-border-color: #FF848A !important;
+ --zoom-controls-bgcolor: #4A4A4A !important;
+ --arrowpanel-background: #4A4A4A !important;
+ --arrowpanel-color: #fff !important;
+ --panel-description-color: #fffb !important;
+ --panel-disabled-color: #ABABAA !important;
+ --arrowpanel-dimmed: #565656 !important;
+ --arrowpanel-dimmed-further: #707070 !important;
+ --panel-item-hover-bgcolor: #646464 !important;
+ --panel-item-active-bgcolor: #747474 !important;
+ --arrowpanel-border-color: #636363 !important;
+ --panel-separator-color: #636363 !important;
+ --panel-banner-item-update-supported-bgcolor: #50B080 !important;
+ --focus-outline-color: #63ADE5 !important;
+ --panel-shortcut-color: inherit !important;
+}
+
+/* Change Colour of page when loading */
+:root:not(:-moz-lwtheme) #tabbrowser-tabpanels {
+ background-color: var(--toolbar-bgcolor) !important;
+}
+:root[lwt-default-theme-in-dark-mode="true"] #tabbrowser-tabpanels {
+ background-color: var(--lwt-accent-color) !important;
+}
diff --git a/chrome/global/global.css b/chrome/global/global.css
deleted file mode 100644
index e5ed8af..0000000
--- a/chrome/global/global.css
+++ /dev/null
@@ -1,337 +0,0 @@
-@media not (-moz-os-version: windows-win7) {
- @media not (-moz-os-version: windows-win8) {
- :root[windowtype="navigator:browser"] {
- background-color: var(--lwt-accent-color) !important;
- appearance: none !important;
- }
-
- :root:not(:-moz-lwtheme) #navigator-toolbox {
- background-color: transparent !important;
- }
- }
-}
-
-@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: #cecece !important;
- color: #000 !important;
- }
-
- :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]):-moz-window-inactive {
- background-color: #e8e8e8 !important;
- color: #3a3a3a !important;
- }
- }
- }
- }
- }
-}
-
-@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
- :root[tabsintitlebar] .titlebar-buttonbox-container {
- height: calc(32px + var(--space-above-tabbar)) !important;
- margin: 0 !important;
- }
-
- :root[windowtype="navigator:browser"]:not([style*="image"]) {
- background-color: #0000 !important;
- }
-
- :root[lwtheme]:not([style*="image"]) .tabbrowser-tab {
- background-color: var(--lwt-accent-color) !important;
- }
-}
-
-/* Change Colour of page when loading */
-#tabbrowser-tabpanels {
- background-color: #f7f7f7 !important;
-}
-:root[lwthemetextcolor="bright"] #tabbrowser-tabpanels {
- background-color: #242424 !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) {
- padding: 7px 12px !important;
- background: 0 !important;
-}
-
-#TabsToolbar .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: 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-box {
- background-color: var(--sidebar-background-color) !important;
-}
-
-.sidebar-placesTree,
-#viewButton {
- color: #000 !important;
-}
-
-:root[lwt-sidebar-brighttext] :-moz-any(.sidebar-placesTree, #viewButton) {
- color: #fff !important;
-}
-
-#statuspanel {
- clip-path: inset(0) !important;
-}
-
-#statuspanel-label {
- background-color: var(--toolbar-bgcolor) !important;
- color: var(--toolbar-color) !important;
- border: 0 !important;
- box-shadow: 0 0 0 1px #0004, 0 4px 6px #0004 !important;
- padding: 3px 6px !important;
-}
diff --git a/chrome/global/popup.css b/chrome/global/popup.css
new file mode 100644
index 0000000..f4dc98b
--- /dev/null
+++ b/chrome/global/popup.css
@@ -0,0 +1,190 @@
+/* EdgeFr-Fox by bmFtZQ - popup.css */
+
+:root {
+ --arrowpanel-border-radius: 4px !important;
+ --panel-subview-body-padding: 4px 0 !important;
+ --arrowpanel-menuitem-border-radius: 0 !important;
+ --arrowpanel-menuitem-margin: 0 !important;
+ --arrowpanel-menuitem-padding-block: 8px !important;
+ --arrowpanel-menuitem-padding-inline: 14px !important;
+ --uc-arrowpanel-menuicon-margin-inline: 14px;
+ --panel-separator-margin-vertical: 4px !important;
+ --panel-separator-margin-horizontal: 0 !important;
+ --uc-panel-zoom-button-padding: 8px;
+ --uc-panel-zoom-button-inline-padding: 13px;
+}
+
+/* app menu */
+.addon-banner-item, .panel-banner-item {
+ margin: 0 4px 4px !important;
+ padding-inline: 4px 12px !important;
+ border-radius: 2px !important;
+}
+
+#appMenu-fxa-label2 > vbox > label {
+ margin-block: 0 !important;
+}
+
+.widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined) > .toolbarbutton-text,
+.subviewbutton:not(#appMenu-zoom-controls2 > .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-controls2 > .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: -moz-box;
+ 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;
+}
+
+/* zoom controls */
+#appMenu-zoom-controls2 {
+ border-top: 1px solid var(--panel-separator-color) !important;
+ padding: 0 0 0 var(--arrowpanel-menuitem-padding-inline) !important;
+ margin: var(--panel-separator-margin-vertical) 0 calc(var(--panel-separator-margin-vertical) * -1) !important;
+}
+
+#appMenu-zoom-controls2 > .subviewbutton {
+ padding: var(--uc-panel-zoom-button-padding) var(--uc-panel-zoom-button-inline-padding) !important;
+ margin: 0 !important;
+}
+
+#appMenu-zoom-controls2 > #appMenu-zoomReset-button2 {
+ padding: var(--uc-panel-zoom-button-padding) calc(var(--uc-panel-zoom-button-padding) / 2) !important;
+}
+
+#appMenu-zoomReduce-button2,
+#appMenu-fullscreen-button2 {
+ border-inline-start: 1px solid var(--panel-separator-color) !important;
+}
+
+#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-zoomReset-button2:not([disabled], [open], :active):is(:hover) {
+ background-color: var(--panel-item-hover-bgcolor) !important;
+}
+
+#appMenu-zoomReset-button2:not([disabled]):is([open], :hover:active) {
+ background-color: var(--panel-item-active-bgcolor) !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) {
+ 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) {
+ 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-fullscreen-button2 > .toolbarbutton-icon {
+ background-color: transparent !important;
+}
+
+/* URL bar popup */
+.panel-footer > button {
+ border-radius: 2px !important;
+}
+
+#identity-popup-security-button {
+ padding-inline: calc(var(--arrowpanel-menuitem-padding-inline) - 4px) !important;
+}
+
+.identity-popup-security-connection > hbox {
+ margin-inline-start: calc(20px + var(--uc-arrowpanel-menuicon-margin-inline)) !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;
+}
+
+/* subview */
+.panel-header {
+ padding: 4px;
+ padding-top: 4px !important;
+}
+
+.panel-header + toolbarseparator {
+ margin-block-start: 0 !important;
+}
+
+.subviewbutton-back {
+ margin: 0 !important;
+ border-radius: 2px !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: 0 !important;
+}
+
+#downloadsPanel-blockedSubview, #downloadsPanel-mainView {
+ padding: var(--panel-separator-margin-vertical) 0 0 !important;
+}
+
+#emptyDownloads {
+ padding: 1.5em 16px 1.7em !important;
+}
\ No newline at end of file
diff --git a/chrome/global/variables.css b/chrome/global/variables.css
deleted file mode 100644
index 340f62f..0000000
--- a/chrome/global/variables.css
+++ /dev/null
@@ -1,278 +0,0 @@
-/* Light Mode */
-:root:not([style]),
-:root:not(:-moz-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) */
-:root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] /* Mozilla added spaces to the style string in Nightly 91 */
-{
- /* accentcolor */
- --lwt-accent-color: #cecece !important;
-
- /* textcolor */
- --lwt-text-color: #000 !important;
-
- /* toolbar */
- --toolbar-bgcolor: #f7f7f7 !important;
-
- /* tab background (unset to match toolbar-bgcolor) */
- --lwt-selected-tab-background-color: unset !important;
-
- /* toolbar_text */
- --toolbar-color: #000 !important;
-
- /* toolbar_bottom_separator */
- --toolbox-border-bottom-color: #d2d2d2 !important; /* legacy */
- --chrome-content-separator-color: #d2d2d2 !important;
-
- /* icons */
- --toolbarbutton-icon-fill: #000 !important;
- --lwt-toolbarbutton-icon-fill: var(--toolbarbutton-icon-fill) !important;
-
- /* icons_attention */
- --toolbarbutton-icon-fill-attention: #0078d4 !important;
- --lwt-toolbarbutton-icon-fill-attention: var(--toolbarbutton-icon-fill-attention) !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;
- --toolbar-field-icon-color: color-mix(in srgb, var(--toolbar-color) 60%, transparent) !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) */
-:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] /* Mozilla added spaces to the style string in Nightly 91 */
-{
- /* accentcolor */
- --lwt-accent-color: #1b1b1b !important;
-
- /* textcolor */
- --lwt-text-color: #e5e5e5 !important;
-
- /* toolbar */
- --toolbar-bgcolor: #3b3b3b !important;
-
- /* tab background (unset to match toolbar-bgcolor) */
- --lwt-selected-tab-background-color: unset !important;
-
- /* toolbar_text */
- --toolbar-color: #fff !important;
-
- /* toolbar_bottom_separator */
- --toolbox-border-bottom-color: #5B5B5B !important; /* legacy */
- --chrome-content-separator-color: #5B5B5B !important;
-
- /* icons */
- --toolbarbutton-icon-fill: #fff !important;
- --lwt-toolbarbutton-icon-fill: var(--toolbarbutton-icon-fill) !important;
-
- /* icons_attention */
- --toolbarbutton-icon-fill-attention: #4C98D1 !important;
- --lwt-toolbarbutton-icon-fill-attention: var(--toolbarbutton-icon-fill-attention) !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;
- --toolbar-field-icon-color: var(--toolbar-color) !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 {
- --lwt-accent-color: #e8e8e8 !important;
- --lwt-text-color: #3a3a3a !important;
- --toolbar-color: #3a3a3a !important;
-}
-
-/* Inactive Window Dark Mode */
-:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]:-moz-window-inactive {
- --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: #f7f7f7 !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);"] {
- /* sidebar */
- --sidebar-background-color: #3b3b3b !important;
- --lwt-sidebar-background-color: #3b3b3b !important;
-
- /* sidebar_text */
- --sidebar-text-color: #fff !important;
- --lwt-sidebar-text-color: #fff !important;
-}
-
-#browser {
- --sidebar-border-color: var(--chrome-content-separator-color) !important;
-}
-
-: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;
-}
-
-: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;
-
- --urlbar-min-height: 30px !important;
-
- --arrowpanel-dimmed: color-mix(in srgb, currentColor 9%, transparent) !important;
- --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 14%, transparent) !important;
- --arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 25%, transparent) !important;
-
- --button-hover-bgcolor: var(--arrowpanel-dimmed) !important;
- --button-active-bgcolor: var(--arrowpanel-dimmed-further) !important;
-
- --panelview-toolbarbutton-hover-bgcolor: var(--arrowpanel-dimmed) !important;
- --panelview-toolbarbutton-active-bgcolor: var(--arrowpanel-dimmed-further) !important;
-}
-
-@media (-moz-proton) {
- :root {
- --arrowpanel-menuitem-margin: 0 !important; /* used to get rid of the left/right margins in Proton */
- --space-above-tabbar: 0px;
- }
-}
-
-#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;
-}
-
-#urlbar-container {
- color: var(--toolbar-field-icon-color, var(--toolbar-color)) !important;
-}
diff --git a/chrome/icons/accessibility.svg b/chrome/icons/accessibility.svg
deleted file mode 100644
index acfb359..0000000
--- a/chrome/icons/accessibility.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/chrome/icons/addons.svg b/chrome/icons/addons.svg
deleted file mode 100644
index aebb77d..0000000
--- a/chrome/icons/addons.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/chrome/icons/arrow-back.svg b/chrome/icons/arrow-back.svg
deleted file mode 100644
index 8e746da..0000000
--- a/chrome/icons/arrow-back.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
diff --git a/chrome/icons/arrow-down.svg b/chrome/icons/arrow-down.svg
new file mode 100644
index 0000000..ddf8622
--- /dev/null
+++ b/chrome/icons/arrow-down.svg
@@ -0,0 +1,3 @@
+
diff --git a/chrome/icons/arrow-right.svg b/chrome/icons/arrow-right.svg
new file mode 100644
index 0000000..a7b1606
--- /dev/null
+++ b/chrome/icons/arrow-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/chrome/icons/arrow-up.svg b/chrome/icons/arrow-up.svg
new file mode 100644
index 0000000..a3bfad7
--- /dev/null
+++ b/chrome/icons/arrow-up.svg
@@ -0,0 +1,3 @@
+
diff --git a/chrome/icons/audio-muted.svg b/chrome/icons/audio-muted.svg
deleted file mode 100644
index c2f26d1..0000000
--- a/chrome/icons/audio-muted.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
diff --git a/chrome/icons/audio.svg b/chrome/icons/audio.svg
deleted file mode 100644
index 70def17..0000000
--- a/chrome/icons/audio.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
diff --git a/chrome/icons/autoplay-media-blocked.svg b/chrome/icons/autoplay-media-blocked.svg
new file mode 100644
index 0000000..0de5a38
--- /dev/null
+++ b/chrome/icons/autoplay-media-blocked.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/icons/autoplay-media.svg b/chrome/icons/autoplay-media.svg
new file mode 100644
index 0000000..8df77df
--- /dev/null
+++ b/chrome/icons/autoplay-media.svg
@@ -0,0 +1,3 @@
+
diff --git a/chrome/icons/back.svg b/chrome/icons/back.svg
new file mode 100644
index 0000000..b6e67d7
--- /dev/null
+++ b/chrome/icons/back.svg
@@ -0,0 +1,3 @@
+
diff --git a/chrome/icons/bookmark-hollow.svg b/chrome/icons/bookmark-hollow.svg
new file mode 100644
index 0000000..47e2f1d
--- /dev/null
+++ b/chrome/icons/bookmark-hollow.svg
@@ -0,0 +1,3 @@
+
diff --git a/chrome/icons/bookmark-star-on-tray.svg b/chrome/icons/bookmark-star-on-tray.svg
new file mode 100644
index 0000000..912cdc9
--- /dev/null
+++ b/chrome/icons/bookmark-star-on-tray.svg
@@ -0,0 +1,4 @@
+
diff --git a/chrome/icons/bookmark.svg b/chrome/icons/bookmark.svg
new file mode 100644
index 0000000..c5ff2e0
--- /dev/null
+++ b/chrome/icons/bookmark.svg
@@ -0,0 +1,3 @@
+
diff --git a/chrome/icons/brush.svg b/chrome/icons/brush.svg
deleted file mode 100644
index c39534e..0000000
--- a/chrome/icons/brush.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/chrome/icons/bug.svg b/chrome/icons/bug.svg
deleted file mode 100644
index 68d4f72..0000000
--- a/chrome/icons/bug.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/chrome/icons/camera-blocked.svg b/chrome/icons/camera-blocked.svg
new file mode 100644
index 0000000..7d6aa1a
--- /dev/null
+++ b/chrome/icons/camera-blocked.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/icons/camera.svg b/chrome/icons/camera.svg
new file mode 100644
index 0000000..23e2384
--- /dev/null
+++ b/chrome/icons/camera.svg
@@ -0,0 +1,3 @@
+
diff --git a/chrome/icons/canvas-blocked.svg b/chrome/icons/canvas-blocked.svg
new file mode 100644
index 0000000..f6fba0f
--- /dev/null
+++ b/chrome/icons/canvas-blocked.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/icons/canvas.svg b/chrome/icons/canvas.svg
new file mode 100644
index 0000000..e71396f
--- /dev/null
+++ b/chrome/icons/canvas.svg
@@ -0,0 +1,3 @@
+
diff --git a/chrome/icons/chevron-down.svg b/chrome/icons/chevron-down.svg
deleted file mode 100644
index f35c36a..0000000
--- a/chrome/icons/chevron-down.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/chrome/icons/chevron-up.svg b/chrome/icons/chevron-up.svg
deleted file mode 100644
index 4d04847..0000000
--- a/chrome/icons/chevron-up.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/chrome/icons/chevron.svg b/chrome/icons/chevron.svg
new file mode 100644
index 0000000..c61ab0a
--- /dev/null
+++ b/chrome/icons/chevron.svg
@@ -0,0 +1,4 @@
+
diff --git a/chrome/icons/close-9px.svg b/chrome/icons/close-9px.svg
new file mode 100644
index 0000000..c567b9a
--- /dev/null
+++ b/chrome/icons/close-9px.svg
@@ -0,0 +1,3 @@
+
diff --git a/chrome/icons/close.svg b/chrome/icons/close.svg
index 4d1b405..4aa95d0 100644
--- a/chrome/icons/close.svg
+++ b/chrome/icons/close.svg
@@ -1,9 +1,3 @@
-