diff --git a/chrome/findbar/findbar.css b/chrome/findbar/findbar.css
new file mode 100644
index 0000000..e266189
--- /dev/null
+++ b/chrome/findbar/findbar.css
@@ -0,0 +1,86 @@
+findbar {
+ background: var(--toolbar-bgcolor) !important;
+ border-top-color: var(--chrome-content-separator-color) !important;
+}
+
+.findbar-find-previous {
+ list-style-image: url(../icons/chevron-up.svg) !important;
+}
+.findbar-find-next {
+ list-style-image: url(../icons/chevron-down.svg) !important;
+}
+
+.findbar-textbox
+{
+ background-color: transparent !important;
+ background-image: url(../icons/search.svg) !important;
+ background-repeat: no-repeat !important;
+ background-position: 5px center !important;
+ fill-opacity: 1 !important;
+ border: 0 !important;
+ box-shadow: none !important;
+ margin-inline-start: 2px !important;
+ padding-inline-start: 28px !important;
+}
+
+hbox[anonid="findbar-textbox-wrapper"]
+{
+ background-color: var(--toolbar-field-background-color) !important;
+ border-radius: 4px !important;
+ position: relative !important;
+ display: flex !important;
+ padding: 2px !important;
+ height: 28px !important;
+ transition: background-color .1s var(--ease-basic) !important;
+ box-shadow: 0 1px 6px 0 #00000008 !important;
+}
+
+hbox[anonid="findbar-textbox-wrapper"]:hover:not(:focus-within)
+{
+ background-color: var(--toolbar-field-hover-background-color) !important;
+ box-shadow: 0 0 0 1px inset var(--toolbar-field-hover-border-color) !important;
+}
+
+hbox[anonid="findbar-textbox-wrapper"]:focus-within
+{
+ background-color: var(--toolbar-field-focus-background-color) !important;
+ border: 2px solid var(--toolbar-field-focus-border-color) !important;
+ margin: -1px !important;
+ padding: 1px !important;
+ height: 30px !important;
+}
+
+hbox[anonid="findbar-textbox-wrapper"] toolbarbutton
+{
+ border-radius: 4px !important;
+ border: 0 !important;
+ width: 24px !important;
+ height: 24px !important;
+ padding: 0 !important;
+ display: flex !important;
+ background: 0 !important;
+ transition: background-color .2s var(--ease-basic) !important;
+ margin: 0 !important;
+ box-shadow: none !important;
+}
+
+hbox[anonid="findbar-textbox-wrapper"] toolbarbutton[disabled]
+{
+ display: none !important;
+}
+
+hbox[anonid="findbar-textbox-wrapper"] toolbarbutton .toolbarbutton-text
+{
+ visibility: collapse !important;
+}
+
+hbox[anonid="findbar-textbox-wrapper"] toolbarbutton:not([disabled]):hover
+{
+ background-color: var(--toolbarbutton-hover-background) !important;
+}
+
+hbox[anonid="findbar-textbox-wrapper"] toolbarbutton:not([disabled]):hover:active
+{
+ background-color: var(--toolbarbutton-active-background) !important;
+ transition-duration: 0 !important;
+}
\ No newline at end of file
diff --git a/chrome/global/global.css b/chrome/global/global.css
new file mode 100644
index 0000000..91ecd4f
--- /dev/null
+++ b/chrome/global/global.css
@@ -0,0 +1,308 @@
+@media (-moz-windows-compositor)
+{
+ @media not (-moz-os-version: windows-win7)
+ {
+ @media not (-moz-os-version: windows-win8)
+ {
+ @media (-moz-windows-default-theme)
+ {
+ :root[tabsintitlebar] .titlebar-buttonbox-container
+ {
+ height: 30px !important;
+ }
+
+ :root[tabsintitlebar][sizemode=normal] .titlebar-buttonbox-container
+ {
+ margin-block-start: calc(0px - (var(--space-above-tabbar) + 5px)) !important;
+ }
+
+ :root[tabsintitlebar][sizemode=maximized] .titlebar-buttonbox-container
+ {
+ margin-block-start: calc(2px - (var(--space-above-tabbar))) !important;
+ }
+
+ :root[tabsintitlebar][sizemode=maximized]:not([extradragspace]) .titlebar-buttonbox-container
+ {
+ -moz-box-align: start !important;
+ margin-block-start: -5px !important;
+ }
+
+ @media (-moz-windows-accent-color-in-titlebar: 0)
+ {
+ :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary])
+ {
+ background-color: #dee1e6 !important;
+ color: #3c4043 !important;
+ }
+
+ :root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]):-moz-window-inactive
+ {
+ background-color: #e7eaed !important;
+ color: #666a6d !important;
+ }
+ }
+ }
+ }
+ }
+}
+
+#navigator-toolbox :-moz-any(toolbar, #nav-bar-customization-target):not(#toolbar-menubar)
+{
+ -moz-box-align: center !important;
+}
+
+#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)),
+/* no ::part workaround - may have side effects */
+#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
+#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)
+{
+ border-radius: 4px !important;
+}
+
+#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)),
+/* no ::part workaround - may have side effects */
+#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
+#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)
+{
+ font-size: 12px !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ border: 2px solid transparent !important;
+ background-clip: padding-box !important;
+}
+
+#navigator-toolbox :-moz-any(.toolbarbutton-1, .scrollbutton-up, .scrollbutton-down),
+/* no ::part workaround - may have side effects */
+.#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
+.#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)
+{
+ max-height: 34px !important;
+ height: 34px !important;
+ min-height: 34px !important;
+}
+
+#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton))[disabled],
+/* no ::part workaround - may have side effects */
+#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)[disabled],
+#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)[disabled]
+{
+ opacity: .42 !important;
+}
+
+#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):hover:not([disabled]),
+#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]),
+/* no ::part workaround - may have side effects */
+#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:not([disabled]),
+#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:not([disabled])
+{
+ background-color: var(--toolbarbutton-hover-background) !important;
+}
+
+#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]),
+/* no ::part workaround - may have side effects */
+#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:active:not([disabled]),
+#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:active:not([disabled])
+{
+ background-color: var(--toolbarbutton-active-background) !important;
+}
+
+#navigator-toolbox :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack),
+/* no ::part workaround - may have side effects */
+#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon,
+#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon
+{
+ fill-opacity: 1 !important;
+ border: 0 !important;
+ box-shadow: none !important;
+}
+
+#navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack)
+{
+ width: 40px !important;
+ height: 30px !important;
+}
+
+#navigator-toolbox > #PersonalToolbar .toolbarbutton-1 > .toolbarbutton-icon,
+#navigator-toolbox .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack),
+/* no ::part workaround - may have side effects */
+#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon,
+#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) > .toolbarbutton-icon
+{
+ padding: 7px 12px !important;
+ background: 0 !important;
+}
+
+#TabsToolbar .toolbarbutton-1 > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack)
+{
+ padding: 6px !important;
+ width: 28px !important;
+ height: 28px !important;
+}
+
+/*
+ hack: fix customization screen popping bug when changing ui density
+ icon size is enforced and it doesn't like it when the normal density
+ nav-bar height is less than 38px (it's 36px due to smaller back icon)
+*/
+:root:not([uidensity=compact]) #customization-content-container
+{
+ padding-top: 1px !important;
+}
+
+:root:not([uidensity=compact]) :-moz-any(#customization-palette-container, #customization-panel-container)
+{
+ margin-top: -1px !important;
+}
+
+.menu-iconic,
+.menuitem-iconic
+{
+ fill: currentColor !important;
+}
+
+/* legacy */
+#navigator-toolbox
+{
+ border-bottom: 1px solid var(--chrome-content-separator-color, var(--toolbox-border-bottom-color)) !important;
+}
+
+/* legacy */
+#navigator-toolbox::after
+{
+ display: none !important;
+}
+
+.pointerlockfswarning
+{
+ display: flex !important;
+ border-radius: 4px !important;
+ padding: 6px !important;
+ background: #333 !important;
+ border: 0 !important;
+ font-size: 14px !important;
+ box-shadow:
+ 0 3px 5px -1px rgba(0,0,0,.2),
+ 0 6px 10px 0 rgba(0,0,0,.14),
+ 0 1px 18px 0 rgba(0,0,0,.12) !important;
+ color: hsla(0,0%,100%,.87) !important;
+ transition-timing-function: var(--ease-out), linear !important;
+ transition-property: transform, top !important;
+}
+
+#fullscreen-warning
+{
+ flex-direction: column !important;
+ min-width: 344px !important;
+}
+
+.pointerlockfswarning[hidden]
+{
+ visibility: hidden !important;
+}
+
+/* hack to keep it in same place as [ontop] */
+/* probably doesn't work for single-line */
+.pointerlockfswarning:not([hidden]):not([ontop])
+{
+ top: -32px !important;
+}
+
+.pointerlockfswarning[ontop]
+{
+ top: 28px !important;
+}
+
+.pointerlockfswarning::before
+{
+ display: none !important;
+}
+
+.pointerlockfswarning-domain-text
+{
+ margin-block: 8px 18px !important;
+ margin-inline: 10px !important;
+ font-size: unset !important;
+ font-weight: unset !important;
+ align-self: start !important;
+}
+
+.pointerlockfswarning-domain
+{
+ font-weight: unset !important;
+}
+
+#fullscreen-exit-button
+{
+ -moz-appearance: none !important;
+ border: 0 !important;
+ height: 32px !important;
+ display: flex !important;
+ align-items: center !important;
+ margin-inline: 8px 0 !important;
+ text-transform: uppercase !important;
+ font-weight: 500 !important;
+ letter-spacing: .0892857143em !important;
+ background: 0 !important;
+ position: relative !important;
+ color: var(--toolbarbutton-icon-fill-attention) !important;
+ align-self: end !important;
+ font-family: Roboto, inherit !important;
+}
+
+#fullscreen-exit-button::before
+{
+ content: "" !important;
+ display: block !important;
+ z-index: -1 !important;
+ position: absolute !important;
+ left: 0 !important;
+ right: 0 !important;
+ top: 0 !important;
+ bottom: 0 !important;
+ border-radius: 4px !important;
+ background: currentColor !important;
+ opacity: 0 !important;
+ transition: opacity .3s var(--ease-basic) !important;
+}
+
+#fullscreen-exit-button:hover::before
+{
+ opacity: .12 !important;
+}
+
+#fullscreen-exit-button:hover:active::before
+{
+ opacity: .24 !important;
+ transition-duration: .1s !important;
+}
+
+/* note: use Firefox account button instead */
+#TabsToolbar .private-browsing-indicator
+{
+ display: none !important;
+}
+
+.toolbarbutton-1:not(:hover):-moz-window-inactive, .bookmark-item:not(:hover):-moz-window-inactive, :root:not([customizing]) .toolbarbutton-1:-moz-window-inactive[disabled="true"] {
+ opacity: 1 !important;
+}
+
+/* high DPI adjustments */
+@media (min--moz-device-pixel-ratio: 2)
+{
+ #navigator-toolbox
+ {
+ border-bottom-width: .5px !important;
+ padding-bottom: .5px !important;
+ box-shadow: inset 0 -.5px var(--toolbar-bgcolor) !important;
+ }
+}
+
+#sidebar-box, #sidebar {
+ appearance: none !important;
+}
+.sidebar-placesTree, #viewButton {
+ color: #000 !important;
+}
+:root[lwt-sidebar-brighttext] :-moz-any(.sidebar-placesTree, #viewButton) {
+ color: #fff !important;
+}
\ No newline at end of file
diff --git a/chrome/global/variables.css b/chrome/global/variables.css
new file mode 100644
index 0000000..45901c6
--- /dev/null
+++ b/chrome/global/variables.css
@@ -0,0 +1,242 @@
+/* light mode */
+:root:not([style]),
+:root[style*="--lwt-accent-color:rgb(227, 228, 230);"],
+:root[style*="--lwt-accent-color:white;"]
+{
+ /* accentcolor */
+ --lwt-accent-color: #C3C3C3 !important;
+
+ /* textcolor */
+ --lwt-text-color: #000 !important;
+
+ /* toolbar */
+ --toolbar-bgcolor: #F5F5F5 !important;
+
+ /* toolbar_text */
+ --toolbar-color: #000 !important;
+
+ /* toolbar_bottom_separator */
+ --toolbox-border-bottom-color: #C8C8C8 !important; /* legacy */
+ --chrome-content-separator-color: #C8C8C8 !important;
+
+ /* icons */
+ --lwt-toolbarbutton-icon-fill: #000 !important;
+
+ /* icons_attention */
+ --lwt-toolbarbutton-icon-fill-attention: #0b61ca !important;
+
+ /* button_background_hover */
+ --lwt-toolbarbutton-hover-background: #0001 !important;
+
+ /* button_background_active */
+ --lwt-toolbarbutton-active-background: #0002 !important;
+
+ --lwt-toolbar-field-color: #000 !important;
+
+ /* popup_highlight */
+ --autocomplete-popup-highlight-background: #f2f2f2 !important;
+
+ /* popup_highlight_text */
+ --autocomplete-popup-highlight-color: #000 !important;
+}
+
+/* don't bother with sidebar in light mode */
+
+/* dark mode */
+:root[style*="--lwt-accent-color:rgb(12, 12, 13);"],
+:root[privatebrowsingmode=temporary]
+{
+ /* accentcolor */
+ --lwt-accent-color: #151515 !important;
+
+ /* textcolor */
+ --lwt-text-color: #fff !important;
+
+ /* toolbar */
+ --toolbar-bgcolor: #2D2D2D !important;
+
+ /* toolbar_text */
+ --toolbar-color: #fff !important;
+
+ /* toolbar_bottom_separator */
+ --toolbox-border-bottom-color: #494949 !important; /* legacy */
+ --chrome-content-separator-color: #494949 !important;
+
+ /* icons */
+ --lwt-toolbarbutton-icon-fill: #fff !important;
+
+ /* icons_attention */
+ --lwt-toolbarbutton-icon-fill-attention: #3e84c6 !important;
+
+ /* button_background_hover */
+ --lwt-toolbarbutton-hover-background: #fff1 !important;
+
+ /* button_background_active */
+ --lwt-toolbarbutton-active-background: #fff2 !important;
+
+ --lwt-toolbar-field-color: #fff !important;
+
+ /* popup */
+ --arrowpanel-background: #3a3a3a !important;
+
+ /* popup_text */
+ --arrowpanel-color: #fff !important;
+ --autocomplete-popup-color: #fff !important;
+ --panel-disabled-color: hsla(0, 0%, 100%, .5) !important;
+
+ /* popup_border */
+ --arrowpanel-border-color: #555 !important;
+ --autocomplete-popup-border-color: #555 !important;
+
+ /* popup_highlight */
+ --autocomplete-popup-highlight-background: #4c4f52 !important;
+
+ /* popup_highlight_text */
+ --autocomplete-popup-highlight-color: #fff !important;
+}
+
+:-moz-any(#sidebar-box, #sidebar)
+{
+ /* sidebar */
+ --sidebar-background-color: #f5f5f5 !important;
+
+ /* sidebar_text */
+ --sidebar-text-color: #000 !important;
+}
+
+:-moz-any(.sidebar-panel, body)
+{
+ /* sidebar */
+ --lwt-sidebar-background-color: #f5f5f5 !important;
+
+ /* sidebar_text */
+ --lwt-sidebar-text-color: #000 !important;
+}
+
+:-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"], :-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"]
+{
+ /* sidebar */
+ --sidebar-background-color: #2b2b2b !important;
+
+ /* sidebar_text */
+ --sidebar-text-color: #fff !important;
+}
+
+:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"]
+{
+ /* sidebar */
+ --lwt-sidebar-background-color: #2b2b2b !important;
+
+ /* sidebar_text */
+ --lwt-sidebar-text-color: #fff !important;
+}
+
+:root
+{
+ --ease-in: cubic-bezier(.4, 0, 1, 1);
+ --ease-out: cubic-bezier(0, 0, .2, 1);
+ --ease-basic: linear;
+
+ --button-size: 32px; /* is this used? */
+ --icon-size: 24px; /* is this used? */
+
+ --downloads-item-height: 48px !important;
+
+ --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor) !important;
+ --toolbar-non-lwt-textcolor: var(--toolbar-color) !important;
+}
+
+#titlebar,
+#tabbrowser-tabs
+{
+ --tab-min-height: 32px !important;
+}
+
+@supports -moz-bool-pref("materialFox.reduceTabOverflow")
+{
+ #tabbrowser-tabs
+ {
+ --tab-min-width: 32px !important;
+ }
+}
+
+:root
+{
+ --tab-separator-opacity: .35 !important;
+
+ --toolbar-field-background-color: #fff !important;
+ --toolbar-field-hover-background-color: #fff !important;
+ --toolbar-field-focus-background-color: #fff !important;
+ --toolbar-field-hover-border-color: #c1c1c1 !important;
+}
+
+:root:-moz-any(:-moz-lwtheme-brighttext, [privatebrowsingmode=temporary])
+{
+ --toolbar-field-background-color: #202020 !important;
+ --toolbar-field-hover-background-color: #202020 !important;
+ --toolbar-field-focus-background-color: #202020 !important;
+ --toolbar-field-hover-border-color: #525252 !important;
+}
+
+:root:not(:-moz-lwtheme):not([privatebrowsingmode=temporary])
+{
+ --toolbar-bgcolor: #f5f5f5 !important;
+ --toolbar-color: #000 !important;
+ --toolbox-border-bottom-color: #C8C8C8 !important;
+}
+
+@media (-moz-mac-yosemite-theme)
+{
+ :root[extradragspace]
+ {
+ --space-above-tabbar: 8px !important;
+ }
+}
+
+/* Ubuntu */
+@media (-moz-gtk-csd-available)
+{
+ :root:not(:-moz-lwtheme):not([privatebrowsingmode=temporary])
+ {
+ --toolbar-bgcolor: -moz-dialog !important;
+ --toolbar-color: -moz-dialogtext !important;
+ }
+}
+
+:root:-moz-lwtheme-darktext,
+:root toolbar:not([brighttext]),
+.tabbrowser-tab[visuallyselected]
+{
+ --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 0%, .07)) !important;
+ --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 0%, .11)) !important;
+}
+
+:root:-moz-lwtheme-brighttext,
+:root toolbar[brighttext],
+.tabbrowser-tab[visuallyselected]:-moz-lwtheme-brighttext
+{
+ --toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 100%, .1)) !important;
+ --toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 100%, .17)) !important;
+}
+
+/* special case for urlbar buttons */
+:-moz-any(#urlbar, #searchbar)
+{
+ --toolbarbutton-hover-background: #0001 !important;
+ --toolbarbutton-active-background: #0002 !important;
+}
+
+:root:-moz-any([privatebrowsingmode=temporary], :-moz-lwtheme-brighttext) :-moz-any(#urlbar, #searchbar)
+{
+ --toolbarbutton-hover-background: #fff1 !important;
+ --toolbarbutton-active-background: #fff2 !important;
+}
+
+:-moz-any(:root:not([style]), :root[style*="--lwt-accent-color:rgb(227, 228, 230);"], :root[style*="--lwt-accent-color:white;"]):-moz-window-inactive {
+ --lwt-accent-color: #e2e2e2 !important;
+ --lwt-text-color: #3a3a3a !important;
+}
+:-moz-any(:root[style*="--lwt-accent-color:rgb(12, 12, 13);"], :root[privatebrowsingmode=temporary]):-moz-window-inactive {
+ --lwt-accent-color: #232323 !important;
+ --lwt-text-color: #b7b7b7 !important;
+}
\ No newline at end of file
diff --git a/chrome/navbar/navbar.css b/chrome/navbar/navbar.css
new file mode 100644
index 0000000..34f3c16
--- /dev/null
+++ b/chrome/navbar/navbar.css
@@ -0,0 +1,44 @@
+#nav-bar
+{
+ min-height: 38px !important;
+ box-shadow: none !important;
+ padding-inline: 5px 6px !important;
+ background-color: var(--toolbar-bgcolor) !important;
+}
+
+#reload-button[disabled]:not(:-moz-window-inactive) > .toolbarbutton-icon
+{
+ opacity: 1 !important;
+}
+
+/* Windows */
+#PanelUI-button
+{
+ border: none !important;
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+#PanelUI-menu-button[badge-status|="update"] .toolbarbutton-badge
+{
+ display: none !important;
+}
+
+:root[privatebrowsingmode] #fxa-toolbar-menu-button
+{
+ pointer-events: none !important;
+}
+
+/* show "Private" label for en languages only */
+:root[titlemodifier="(Private Browsing)"] #fxa-toolbar-menu-button::before
+{
+ content: "Private" !important;
+ display: -moz-box !important;
+ margin-inline-start: 12px !important;
+ margin-inline-end: 6px !important;
+}
+
+#nav-bar-customization-target
+{
+ overflow: visible !important;
+}
\ No newline at end of file
diff --git a/chrome/personalbar/personalbar.css b/chrome/personalbar/personalbar.css
new file mode 100644
index 0000000..93d1b0e
--- /dev/null
+++ b/chrome/personalbar/personalbar.css
@@ -0,0 +1,8 @@
+#navigator-toolbox toolbarbutton.bookmark-item:not(.subviewbutton)
+{
+ padding: 6px !important;
+}
+#PersonalToolbar {
+ padding-top: 0 !important;
+ margin-top: -2px !important;
+}
\ No newline at end of file
diff --git a/chrome/popup/checkmark.svg b/chrome/popup/checkmark.svg
new file mode 100644
index 0000000..fec5b47
--- /dev/null
+++ b/chrome/popup/checkmark.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/accessibility.svg b/chrome/popup/icons/accessibility.svg
new file mode 100644
index 0000000..095af58
--- /dev/null
+++ b/chrome/popup/icons/accessibility.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/brush.svg b/chrome/popup/icons/brush.svg
new file mode 100644
index 0000000..7023b3b
--- /dev/null
+++ b/chrome/popup/icons/brush.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/close.svg b/chrome/popup/icons/close.svg
new file mode 100644
index 0000000..f8513a1
--- /dev/null
+++ b/chrome/popup/icons/close.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/copy-image.svg b/chrome/popup/icons/copy-image.svg
new file mode 100644
index 0000000..4acd65a
--- /dev/null
+++ b/chrome/popup/icons/copy-image.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/copy-tab.svg b/chrome/popup/icons/copy-tab.svg
new file mode 100644
index 0000000..5405fb2
--- /dev/null
+++ b/chrome/popup/icons/copy-tab.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/copy.svg b/chrome/popup/icons/copy.svg
new file mode 100644
index 0000000..9302ea7
--- /dev/null
+++ b/chrome/popup/icons/copy.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/cut.svg b/chrome/popup/icons/cut.svg
new file mode 100644
index 0000000..c8ef566
--- /dev/null
+++ b/chrome/popup/icons/cut.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/delete.svg b/chrome/popup/icons/delete.svg
new file mode 100644
index 0000000..7728966
--- /dev/null
+++ b/chrome/popup/icons/delete.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/image.svg b/chrome/popup/icons/image.svg
new file mode 100644
index 0000000..af9e5d8
--- /dev/null
+++ b/chrome/popup/icons/image.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/info.svg b/chrome/popup/icons/info.svg
new file mode 100644
index 0000000..f148e66
--- /dev/null
+++ b/chrome/popup/icons/info.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/inspect.svg b/chrome/popup/icons/inspect.svg
new file mode 100644
index 0000000..b69fd22
--- /dev/null
+++ b/chrome/popup/icons/inspect.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/mail.svg b/chrome/popup/icons/mail.svg
new file mode 100644
index 0000000..a5b1598
--- /dev/null
+++ b/chrome/popup/icons/mail.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/mute.svg b/chrome/popup/icons/mute.svg
new file mode 100644
index 0000000..d634f52
--- /dev/null
+++ b/chrome/popup/icons/mute.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/open-link-newtab.svg b/chrome/popup/icons/open-link-newtab.svg
new file mode 100644
index 0000000..64ce4b5
--- /dev/null
+++ b/chrome/popup/icons/open-link-newtab.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/open-link-private-window.svg b/chrome/popup/icons/open-link-private-window.svg
new file mode 100644
index 0000000..babbaf2
--- /dev/null
+++ b/chrome/popup/icons/open-link-private-window.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/open-link-window.svg b/chrome/popup/icons/open-link-window.svg
new file mode 100644
index 0000000..3c8bd92
--- /dev/null
+++ b/chrome/popup/icons/open-link-window.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/paste.svg b/chrome/popup/icons/paste.svg
new file mode 100644
index 0000000..5349d4e
--- /dev/null
+++ b/chrome/popup/icons/paste.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/pin.svg b/chrome/popup/icons/pin.svg
new file mode 100644
index 0000000..feb590e
--- /dev/null
+++ b/chrome/popup/icons/pin.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/print.svg b/chrome/popup/icons/print.svg
new file mode 100644
index 0000000..ffd4c3c
--- /dev/null
+++ b/chrome/popup/icons/print.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/refresh.svg b/chrome/popup/icons/refresh.svg
new file mode 100644
index 0000000..2052714
--- /dev/null
+++ b/chrome/popup/icons/refresh.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/save-link.svg b/chrome/popup/icons/save-link.svg
new file mode 100644
index 0000000..d627e46
--- /dev/null
+++ b/chrome/popup/icons/save-link.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/save-pocket.svg b/chrome/popup/icons/save-pocket.svg
new file mode 100644
index 0000000..6fcc640
--- /dev/null
+++ b/chrome/popup/icons/save-pocket.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/savefile.svg b/chrome/popup/icons/savefile.svg
new file mode 100644
index 0000000..812e6db
--- /dev/null
+++ b/chrome/popup/icons/savefile.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/search.svg b/chrome/popup/icons/search.svg
new file mode 100644
index 0000000..cf81067
--- /dev/null
+++ b/chrome/popup/icons/search.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/select-all.svg b/chrome/popup/icons/select-all.svg
new file mode 100644
index 0000000..8de923d
--- /dev/null
+++ b/chrome/popup/icons/select-all.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/source.svg b/chrome/popup/icons/source.svg
new file mode 100644
index 0000000..bc5f433
--- /dev/null
+++ b/chrome/popup/icons/source.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/star.svg b/chrome/popup/icons/star.svg
new file mode 100644
index 0000000..7251ccf
--- /dev/null
+++ b/chrome/popup/icons/star.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/icons/undo.svg b/chrome/popup/icons/undo.svg
new file mode 100644
index 0000000..08fb37f
--- /dev/null
+++ b/chrome/popup/icons/undo.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/menu-right.svg b/chrome/popup/menu-right.svg
new file mode 100644
index 0000000..2472e92
--- /dev/null
+++ b/chrome/popup/menu-right.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/popup/popup.css b/chrome/popup/popup.css
new file mode 100644
index 0000000..f06adfc
--- /dev/null
+++ b/chrome/popup/popup.css
@@ -0,0 +1,1167 @@
+menupopup,
+menupopup menuitem,
+menupopup menu,
+menupopup menuseparator,
+panel
+{
+ -moz-appearance: none !important;
+}
+
+menupopup, panel
+{
+ --menu-border: 1px solid #fff1;
+ --menu-shadow: 0 3px 10px #0004, 0 0 0 1px rgba(0,0,0,0.12);
+}
+:root[lwthemetextcolor="bright"] :-moz-any(menupopup, panel) {
+ --menu-border: 1px solid #fff3;
+ --menu-shadow: 0 3px 10px #0004, 0 0 0 1px rgba(0,0,0,0.8);
+}
+
+menupopup,
+panel[type="autocomplete-richlistbox"]
+{
+ -moz-window-shadow: none !important;
+ background: 0 !important;
+ border: 0 !important;
+ color: var(--arrowpanel-color) !important;
+ box-sizing: content-box !important;
+}
+
+menupopup
+{
+ padding: 11px 14px 18px !important;
+ margin: -19px -14px 0 !important;
+}
+
+/* needs to align with textbox/bookmark-button but can't overlap it */
+panel[type="autocomplete-richlistbox"],
+.bookmark-item:not(menu) > menupopup[placespopup]
+{
+ padding: 1px 14px 18px !important;
+ margin: 0 -14px 0 !important;
+}
+
+.panel-arrowcontent
+{
+ background: 0 !important;
+ padding: 0 !important;
+ box-shadow: none !important;
+ font: -moz-pull-down-menu !important;
+ border: 0 !important;
+}
+
+.popup-internal-box,
+panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox,
+#PopupSearchAutoComplete > *,
+.menupopup-arrowscrollbox
+{
+ background: var(--arrowpanel-background) !important;
+}
+
+/* themes a menupopup (or other root level / shadow dom popup) as a panel */
+/* Mozilla's use of shadow dom means we can't use a menupopup > .popup-internal-box */
+.popup-internal-box,
+panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox,
+.menupopup-arrowscrollbox
+{
+ margin: 0 !important;
+ padding: 4px 0 !important;
+ border-radius: 4px !important;
+ color: inherit !important;
+}
+
+.popup-internal-box,
+.menupopup-arrowscrollbox
+{
+ box-shadow: var(--menu-shadow) !important;
+ border: var(--menu-border) !important;
+}
+
+#PopupSearchAutoComplete > *
+{
+ border-radius: 0 !important;
+}
+
+#PopupSearchAutoComplete > :first-child
+{
+ border-radius: 4px 4px 0 0 !important;
+}
+
+#PopupSearchAutoComplete > :last-child
+{
+ border-radius: 0 0 4px 4px !important;
+}
+
+/* autocomplete panel can't overlap the textbox, so shadow can't go up
+ more than 1px */
+panel[type="autocomplete-richlistbox"] > .autocomplete-richlistbox
+{
+ box-shadow: var(--menu-shadow) !important;
+ border: var(--menu-border) !important
+}
+
+/* search panel gets special treatment; it has multiple children */
+#PopupSearchAutoComplete > .autocomplete-richlistbox
+{
+ box-shadow: none !important;
+}
+
+#PopupSearchAutoComplete
+{
+ filter:
+ drop-shadow(0 8px 6px rgba(0, 0, 0, .25))
+ drop-shadow(0 1px 1px rgba(0, 0, 0, .125)) !important;
+}
+
+/* reset non-layout props when embedded in a panel
+ (panel handles panel theming in this case) */
+.panel-arrowcontent > .popup-internal-box
+{
+ background: 0 !important;
+ border-radius: 0 !important;
+ box-shadow: none !important;
+}
+
+/* shotgun approach to undo this selector...
+ #BMB_bookmarksPopup menupopup[placespopup="true"]:-moz-lwtheme::part(innerbox)
+ ...without being able to use ::part() in userChrome.css */
+[part="innerbox"]
+{
+ /* this could cause side effects elsewhere */
+ box-shadow: none !important;
+ margin: 0 !important;
+}
+
+menupopup menuseparator
+{
+ margin: 4px 0 !important;
+ padding: 0 !important;
+ height: 1px !important;
+ background: currentColor !important;
+ opacity: .12 !important;
+}
+
+menupopup menuitem,
+menupopup menu,
+.autocomplete-richlistitem
+{
+ height: 32px !important;
+ padding: 0 12px !important;
+ border: 0 !important;
+ background: 0 !important;
+ color: inherit !important;
+ fill-opacity: initial !important;
+}
+
+menupopup menuitem:hover:not([disabled=true]),
+menupopup menu:hover:not([disabled=true]),
+.autocomplete-richlistitem:hover:not([disabled=true]):not([selected=true])
+{
+ background-color: var(--arrowpanel-dimmed) !important;
+}
+
+menupopup menuitem:hover:active:not([disabled=true]),
+menupopup menu:hover:active:not([disabled=true]),
+.autocomplete-richlistitem:hover:active:not([disabled=true]),
+.autocomplete-richlistitem[selected=true]
+{
+ background-color: var(--arrowpanel-dimmed-further) !important;
+}
+
+menupopup menuitem[disabled=true],
+menupopup menu[disabled=true],
+.autocomplete-richlistitem[disabled=true]
+{
+ opacity: .5 !important;
+}
+
+/* disable vertical menu scroll buttons and use a good ol' scrollbar */
+/* this is a shotgun approach, expect side effects */
+scrollbox[orient=vertical] /* >=71 */
+{
+ overflow-y: auto !important;
+}
+
+
+/* this is a bit depressing... */
+/* work around lack of ::part selector support */
+:root
+{
+ --scrollbutton-display: -moz-box !important;
+}
+
+/* hide ancient-looking scrollbuttons in menupopups */
+/* add other selectors here to disable more scrollbuttons */
+menupopup
+{
+ --scrollbutton-display: none !important;
+}
+
+#scrollbutton-up[part],
+#scrollbutton-down[part]
+{
+ display: var(--scrollbutton-display) !important;
+}
+
+.menuitem-iconic,
+.menu-iconic-icon /* .menu-iconic-icons not necessarily within a .menuitem-iconic (don't ask me why...) */
+{
+ fill: currentColor !important;
+ -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important;
+}
+
+.menuitem-iconic[class*="identity-color"] .menu-iconic-icon
+{
+ fill: var(--identity-icon-color) !important;
+}
+
+.menu-iconic-left
+{
+ -moz-appearance: none !important;
+}
+
+.menu-iconic-icon
+{
+ margin-inline-start: 0 !important;
+ margin-inline-end: 8px !important;
+ width: 24px !important;
+ height: 24px !important;
+ padding: 4px !important;
+}
+
+.menu-text
+{
+ -moz-appearance: none !important;
+ padding: 0 !important;
+}
+
+.menu-right
+{
+ -moz-appearance: none !important;
+ -moz-context-properties: fill !important;
+ fill: currentColor !important;
+ list-style-image: url(menu-right.svg) !important;
+ margin-inline-end: 0 !important;
+ margin-inline-start: 16px !important;
+}
+
+menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon,
+menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon,
+menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon
+{
+ display: -moz-box !important;
+ padding: 3px !important;
+}
+
+menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon
+{
+ /* checkmark is 18px, not 16px, hence reduced padding */
+ list-style-image: url(checkmark.svg) !important;
+}
+
+#context-navigation
+{
+ background: 0 !important;
+}
+
+#context-navigation .menuitem-iconic
+{
+ background: 0 !important;
+ padding: 0 !important;
+ margin: 0 !important;
+}
+
+#context-navigation .menu-iconic-left
+{
+ border-radius: 50% !important;
+ padding: 0px !important;
+}
+
+#context-navigation .menu-iconic-icon
+{
+ padding: 0 !important;
+ margin: 0 !important;
+ width: 16px !important;
+ height: 16px !important;
+}
+
+#context-navigation .menuitem-iconic:hover:not([disabled]) .menu-iconic-left
+{
+ background-color: var(--arrowpanel-dimmed) !important;
+}
+
+#context-navigation .menuitem-iconic:hover:active:not([disabled]) .menu-iconic-left
+{
+ background-color: var(--arrowpanel-dimmed-further) !important;
+}
+
+panel[type="arrow"]
+{
+ -moz-window-shadow: none !important;
+
+ margin: 0 -14px -18px !important;
+ padding: 0 14px 18px !important;
+}
+
+panel[type="arrow"][side="top"],
+panel[type="arrow"][side="bottom"]
+{
+ margin-left: -39px !important;
+ margin-right: -39px !important;
+}
+
+panel[type="arrow"][side="left"],
+panel[type="arrow"][side="right"]
+{
+ margin-top: -44px;
+ margin-bottom: -44px;
+}
+
+.panel-arrowcontent
+{
+ background: var(--arrowpanel-background) !important;
+ border: var(--menu-border) !important;
+ border-radius: 4px !important;
+ box-shadow: var(--menu-shadow) !important;
+ color: var(--arrowpanel-color) !important;
+}
+
+.panel-arrowbox,
+.cui-widget-panel .panel-arrowbox
+{
+ display: none !important;
+}
+
+/* .subview-subheader, */
+panelview .toolbarbutton-1,
+.subviewbutton,
+.widget-overflow-list .toolbarbutton-1,
+.panel-banner-item
+{
+ min-height: 32px !important;
+ padding: 0 16px !important;
+}
+
+.subviewbutton .toolbarbutton-icon,
+.panel-banner-item .toolbarbutton-icon
+{
+ margin-inline-end: 16px !important;
+ width: 24px !important;
+ height: 24px !important;
+ padding: 4px !important;
+}
+
+.subviewbutton label,
+.panel-banner-item label
+{
+ padding-inline-start: 0 !important;
+}
+
+#appMenu-zoom-controls > .subviewbutton,
+#appMenu-edit-controls > .subviewbutton
+{
+ min-width: 32px !important;
+ border-radius: 16px !important;
+ padding: 0 8px !important;
+ border: 0 !important;
+ margin-inline-start: 4px !important;
+}
+
+#appMenu-zoom-controls > toolbarseparator[orient="vertical"] + .subviewbutton
+{
+ margin-inline-start: 0 !important;
+}
+
+#appMenu-zoom-controls > .subviewbutton-iconic,
+#appMenu-edit-controls > .subviewbutton-iconic
+{
+ padding: 0 !important;
+}
+
+.panel-banner-item
+{
+ border: 0 !important;
+}
+
+#appMenu-addon-banners:not(:empty) ~ #appMenu-fxa-status,
+.panel-banner-item:not([hidden]) + #appMenu-fxa-status
+{
+ border-top: 1px solid var(--panel-separator-color) !important;
+ margin-top: 5px !important;
+ padding-top: 5px !important;
+}
+
+#appMenu-fxa-avatar
+{
+ display: none !important;
+}
+
+:root[fxastatus="signedin"] #appMenu-fxa-label
+{
+ list-style-image: var(--avatar-image-url) !important;
+ margin: 0 !important;
+}
+
+:root[fxastatus="signedin"] #appMenu-fxa-label > .toolbarbutton-icon
+{
+ display: -moz-box !important;
+ border-radius: 99px !important;
+ padding: 2px !important;
+}
+
+.panel-banner-item[notificationid="update-restart"]::after
+{
+ display: none !important;
+}
+
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),
+[overflowedItem="true"]) > toolbarbutton > .toolbarbutton-icon
+{
+ margin: 0 !important;
+}
+
+panelmultiview .toolbaritem-combined-buttons > spacer.before-label
+{
+ width: 20px !important;
+}
+
+panelmultiview .toolbaritem-combined-buttons > spacer.after-label
+{
+ width: 14px !important;
+}
+
+.subviewbutton-back
+{
+ padding: 4px !important;
+ border-radius: 16px !important;
+}
+
+.subviewbutton-back .toolbarbutton-icon
+{
+ margin: 0 !important;
+}
+
+.subviewbutton[type="highlight-history"]::after
+{
+ transform: none !important;
+}
+
+.subviewbutton[type="highlight-history"]::after,
+.subviewbutton[shortcut]::after,
+.PanelUI-subView .subviewbutton-nav::after
+{
+ margin-inline-start: 14px !important;
+}
+
+.PanelUI-subView .subviewbutton-nav::after
+{
+ transform: none !important;
+ content: url(menu-right.svg) !important;
+ fill-opacity: 1 !important;
+}
+
+#identity-popup > .panel-arrowcontainer > .panel-arrowcontent
+{
+ fill-opacity: inherit !important;
+}
+
+.identity-popup-preferences-button
+{
+ border-radius: 16px !important;
+ background-image: none !important;
+}
+
+.identity-popup-preferences-button > .toolbarbutton-icon
+{
+ margin: 0 !important;
+}
+
+#identity-popup-permission-preferences-button
+{
+ padding: 0 !important;
+}
+
+#tracking-protection-preferences-button > .toolbarbutton-icon
+{
+ margin-inline-end: -8px !important;
+}
+
+#tracking-protection-preferences-button > .toolbarbutton-text
+{
+ padding-inline-end: 4px !important;
+ -moz-box-ordinal-group: 0 !important;
+}
+
+.identity-popup-section
+{
+ padding: 16px !important;
+ display: flex !important;
+}
+
+.identity-popup-security-content,
+#identity-popup-content-blocking-content,
+#identity-popup-permissions-content
+{
+ padding: 0 !important;
+ background: 0 !important;
+ fill-opacity: inherit !important;
+}
+
+.identity-popup-expander
+{
+ border-radius: 16px !important;
+ width: 32px !important;
+ max-height: 32px !important;
+ margin-inline-start: auto !important;
+ -moz-box-pack: center !important;
+ -moz-box-align: center !important;
+ background-image: none !important;
+}
+
+.identity-popup-expander > .button-box
+{
+ border: 0 !important;
+ display: flex !important;
+ justify-content: center !important;
+}
+
+.identity-popup-expander .button-icon
+{
+ margin: 0 !important;
+}
+
+.identity-popup-expander .button-text
+{
+ display: none !important;
+}
+
+.identity-popup-headline
+{
+ margin: 0 !important;
+}
+
+.PanelUI-subView > .identity-popup-security-content,
+#identity-popup-securityView-body
+{
+ padding: 16px !important;
+}
+
+#identity-popup-mainView-panel-header
+{
+ -moz-box-align: start !important;
+ padding: 16px !important;
+}
+
+#identity-popup-securityView-body
+{
+ margin: 0 !important;
+}
+
+#identity-popup-content-blocking-content,
+#identity-popup-permissions-content
+{
+ display: flex !important;
+ flex-direction: column !important;
+ width: 100% !important;
+}
+
+#identity-popup-content-blocking-content > hbox:first-child,
+#identity-popup-permissions-content > hbox:first-child
+{
+ display: flex !important;
+}
+
+#identity-popup-content-blocking-category-list,
+#identity-popup-permission-list
+{
+ display: flex !important;
+ flex-direction: column !important;
+ margin: 0 -16px !important;
+ width: calc(100% + 32px) !important;
+ padding-top: 8px !important;
+}
+
+.identity-popup-permission-item
+{
+ display: flex !important;
+ align-items: center !important;
+}
+
+.identity-popup-permission-label,
+#identity-popup-content-blocking-report-breakage
+{
+ flex: 1 !important;
+ text-decoration: none !important;
+ cursor: auto !important;
+ color: inherit !important;
+}
+
+.identity-popup-content-blocking-category,
+.identity-popup-permission-item
+{
+ height: 32px !important;
+ padding: 0 16px !important;
+}
+
+.identity-popup-content-blocking-category-icon,
+.identity-popup-permission-icon
+{
+ margin: 0 !important;
+ margin-inline-end: 16px !important;
+}
+
+.popup-notification-icon,
+.identity-popup-permission-icon
+{
+ fill-opacity: 1 !important;
+}
+
+.identity-popup-content-blocking-category-label,
+.identity-popup-permission-label
+{
+ margin: 0 !important;
+}
+
+.identity-popup-content-blocking-category::after
+{
+ transform: translateY(1px) !important;
+ content: url(menu-right.svg) !important;
+ margin: 0 !important;
+}
+
+.identity-popup-preferences-button
+{
+ margin-inline-start: auto !important;
+}
+
+.identity-popup-permission-remove-button
+{
+ opacity: 1 !important;
+}
+
+.tracking-protection-button,
+#identity-popup-content-blocking-report-breakage
+{
+ margin: 0 -16px !important;
+ height: 32px !important;
+ padding: 0 16px !important;
+ background: 0 !important;
+ color: inherit !important;
+ line-height: 32px !important;
+}
+
+#identity-popup-content-blocking-report-breakage
+{
+ padding-inline-start: 50px !important;
+}
+
+.tracking-protection-button > .button-box
+{
+ padding: 0 !important;
+}
+
+.tracking-protection-button .button-icon
+{
+ margin: 0 !important;
+}
+
+#customization-lwtheme-menu-header
+{
+ height: 8px !important;
+ font-size: 0 !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ border: 0 !important;
+ visibility: hidden !important;
+}
+
+#identity-popup-content-blocking-report-breakage
+{
+ padding-inline-start: 48px !important;
+ line-height: 32px !important;
+ text-decoration: none !important;
+ cursor: auto !important;
+}
+
+.tracking-protection-button:hover:not([disabled=true]),
+#identity-popup-content-blocking-report-breakage:hover,
+#blocked-popup-indicator-item:hover,
+.customization-lwtheme-menu-theme:hover,
+#customization-lwtheme-menu-footer toolbarbutton:hover
+{
+ background-color: var(--arrowpanel-dimmed) !important;
+}
+
+.tracking-protection-button:hover:active:not([disabled=true]),
+#identity-popup-content-blocking-report-breakage:hover:active,
+#blocked-popup-indicator-item:hover:active,
+.customization-lwtheme-menu-theme:hover:active,
+#customization-lwtheme-menu-footer toolbarbutton:hover:active
+{
+ background-color: var(--arrowpanel-dimmed-further) !important;
+}
+
+.identity-popup-content-blocking-empty-label,
+#tracking-protection-preferences-button > .toolbarbutton-text,
+.tracking-protection-button,
+#identity-popup-trackersView-strict-info > label,
+.identity-popup-cookiesView-list-header,
+.identity-popup-content-blocking-list-item > label,
+#identity-popup-mainView-panel-header > label,
+#identity-popup-trackersView > .panel-header,
+#identity-popup-securityView > .panel-header,
+#identity-popup-breakageReportView > .panel-header,
+#identity-popup-content-blocking-report-breakage,
+.identity-popup-content-blocking-category-label,
+.identity-popup-content-blocking-category-state-label,
+.identity-popup-permission-label,
+.identity-popup-permission-state-label,
+#identity-popup-security-descriptions > description,
+#identity-popup-securityView-body > description,
+#identity-popup-permissions-content > description,
+#identity-popup-content-blocking-content > description
+{
+ font-size: 100% !important;
+}
+
+.panel-header > label
+{
+ text-align: start !important;
+ margin-inline-start: 4px !important;
+}
+
+.identity-popup-headline
+{
+ font-size: 110% !important;
+}
+
+.identity-popup-security-content > description,
+#identity-popup-content-blocking-content > description,
+#identity-popup-permissions-content > description,
+.identity-popup-content-blocking-category-state-label,
+.identity-popup-permission-state-label
+{
+ font-size: 85% !important;
+}
+
+#identity-popup-permissions-content > description,
+#identity-popup-content-blocking-content > description
+{
+ color: inherit !important;
+ opacity: .6 !important;
+}
+
+.identity-popup-content-blocking-category-state-label
+{
+ transform: translateY(1px) !important;
+}
+
+.tracking-protection-button > .button-box,
+.panel-footer button > .button-box
+{
+ display: flex !important;
+ align-items: center !important;
+}
+
+.tracking-protection-button .button-icon,
+.panel-footer button .button-icon
+{
+ padding-inline-end: 16px !important;
+}
+
+.tracking-protection-button .button-text,
+.panel-footer button .button-text
+{
+ margin: 0 !important;
+}
+
+#downloadsPanel-multiView
+{
+ padding-top: 8px !important;
+}
+
+#downloadsListBox .download-state
+{
+ display: flex !important;
+ width: 100% !important;
+ align-items: center !important;
+}
+
+#downloadsListBox .downloadMainArea
+{
+ padding: 0 !important;
+ display: flex !important;
+ flex: 1 !important;
+ margin-inline-end: -48px !important;
+ padding-inline-end: 48px !important;
+ padding-inline-start: 16px !important;
+ height: 100% !important;
+ align-items: center !important;
+}
+
+#downloadsListBox .downloadContainer
+{
+ display: flex !important;
+ flex-direction: column !important;
+ flex: 1 !important;
+}
+
+#downloadsListBox .downloadTypeIcon
+{
+ margin: 0 !important;
+ margin-inline-end: 16px !important;
+}
+
+#downloadsListBox .downloadTarget
+{
+ font-size: 100% !important;
+}
+
+#downloadsListBox .downloadDetails
+{
+ font-size: 85% !important;
+}
+
+#downloadsListBox > richlistitem > toolbarseparator
+{
+ display: none !important;
+}
+
+#downloadsListBox .downloadButton
+{
+ margin-inline-end: 16px !important;
+ height: 32px !important;
+ min-width: 32px !important;
+ border-radius: 16px !important;
+ fill: currentColor !important;
+ -moz-context-properties: fill, fill-opacity !important;
+ display: block !important;
+}
+
+#downloadsListBox .downloadButton .button-box
+{
+ display: flex !important;
+ align-items: center !important;
+ justify-content: center !important;
+ max-width: 32px !important;
+}
+
+#confirmation-hint .panel-arrowcontent,
+#UITourTooltip .panel-arrowcontent,
+#customization-lwtheme-menu .panel-arrowcontent,
+#customization-uidensity-menu .panel-arrowcontent
+{
+ padding: 16px !important;
+}
+
+#customization-uidensity-menu .panel-arrowcontent,
+#customization-lwtheme-menu .panel-arrowcontent
+{
+ padding-top: 8px !important;
+}
+
+#customization-lwtheme-menu,
+#customization-uidensity-menu
+{
+ margin-inline: -60px 0 !important;
+ margin-block-end: -20px !important;
+}
+
+.customization-lwtheme-menu-theme,
+.customization-uidensity-menuitem
+{
+ padding: 0 16px !important;
+ margin: 0 !important;
+ border: 0 !important;
+ height: 48px !important;
+}
+
+.customization-lwtheme-menu-theme .toolbarbutton-icon,
+.customization-uidensity-menuitem .menu-iconic-icon
+{
+ margin: 0 !important;
+ margin-inline-end: 16px !important;
+ padding: 0 !important;
+ width: 24px !important;
+ height: 24px !important;
+}
+
+.customization-lwtheme-menu-theme[active]:not(:hover):not(:active),
+.customization-uidensity-menuitem[active]:not(:hover):not(:active)
+{
+ background: 0 !important;
+}
+
+.customization-lwtheme-menu-theme[active]::after,
+.customization-uidensity-menuitem[active]::after
+{
+ content: url(checkmark-18dp.svg) !important;
+ -moz-context-properties: fill, fill-opacity !important;
+ fill: currentColor !important;
+ display: -moz-box !important;
+ width: 18px !important;
+ height: 18px !important;
+ margin-inline-start: 16px !important;
+}
+
+.customization-uidensity-menuitem:first-of-type
+{
+ margin-block-start: 8px !important;
+}
+
+.customization-uidensity-menuitem:last-of-type
+{
+ margin-block-end: 8px !important;
+}
+
+#customization-lwtheme-menu-footer
+{
+ padding: 0 0 8px !important;
+ margin: 0 !important;
+ background: 0 !important;
+ border: 0 !important;
+ display: flex !important;
+ flex-direction: column !important;
+}
+
+#customization-lwtheme-menu-footer toolbarbutton
+{
+ border: 0 !important;
+ margin: 0 !important;
+ height: 48px !important;
+ padding: 0 16px !important;
+ display: flex !important;
+ background-image: none !important;
+}
+
+#customization-lwtheme-menu-footer toolbarbutton .toolbarbutton-text
+{
+ text-align: start !important;
+}
+
+.panel-footer
+{
+ padding: 4px !important;
+ background: 0 !important;
+ border-top: 1px solid var(--panel-separator-color) !important;
+ justify-content: end !important;
+ display: flex !important;
+}
+
+.panel-footer button
+{
+ border: 0 !important;
+ border-radius: 4px !important;
+ margin: 4px !important;
+ height: 32px !important;
+ padding: 0 !important;
+ flex: 0 0 auto !important;
+ position: relative !important;
+ outline: 0 !important;
+}
+
+.panel-footer button > .button-box
+{
+ -moz-appearance: none !important;
+ position: relative !important;
+ padding-inline-end: 16px !important;
+}
+
+.panel-footer button .button-menu-dropmarker
+{
+ margin-inline-start: 8px !important;
+ margin-inline-end: -8px !important;
+}
+
+.panel-footer button:not([default]) > .button-box::before
+{
+ content: "" !important;
+ display: block !important;
+ border-radius: 4px !important;
+ position: absolute !important;
+ left: 0 !important;
+ top: 0 !important;
+ width: 100% !important;
+ height: 100% !important;
+ border: 1px solid currentColor !important;
+ opacity: .42 !important;
+ box-sizing: border-box !important;
+}
+
+.panel-footer button:not([default]):hover:active:not([disabled]) > .button-box::before
+{
+ border-width: 0 !important;
+}
+
+.panel-footer button:not([default]):hover:active:not([disabled])
+{
+ border-width: 0 !important;
+ background: #002275 !important;
+ color: #FFF !important;
+}
+
+#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"]
+{
+ height: 48px !important;
+}
+
+richlistitem[originaltype="loginsFooter"],
+richlistitem[originaltype="generatedPassword"] > .two-line-wrapper
+{
+ display: flex !important;
+ align-items: center !important;
+}
+
+richlistitem:-moz-any(
+ [originaltype="generatedPassword"],
+ [originaltype="loginWithOrigin"],
+ [originaltype="login"],
+ [originaltype="loginsFooter"]) .ac-site-icon
+{
+ display: block !important;
+ align-self: center !important;
+ margin-inline: 0 16px !important;
+ fill: currentColor !important;
+}
+
+richlistitem[originaltype="loginsFooter"] .ac-site-icon
+{
+ visibility: hidden !important;
+}
+
+richlistitem:-moz-any(
+ [originaltype="generatedPassword"],
+ [originaltype="loginWithOrigin"],
+ [originaltype="login"],
+ [originaltype="loginsFooter"]) .ac-title
+{
+ margin: 0 !important;
+}
+
+#confirmation-hint-message-container,
+#confirmation-hint-checkmark-animation-container
+{
+ margin-block: 8px !important;
+ margin-inline: 8px !important;
+}
+
+#confirmation-hint-checkmark-animation-container
+{
+ margin-inline-end: 0 !important;
+}
+
+
+/* Popup Icons */
+menupopup menuitem:not(.menuitem-iconic, [type], menu menuitem)::before {
+ content: "";
+ -moz-context-properties: fill, fill-opacity !important;
+ padding-inline: 12px !important;
+ margin-inline-end: 8px;
+ fill: currentColor;
+
+ background-size: 16px !important;
+ background-repeat: no-repeat !important;
+ background-position: center !important;
+}
+
+#context-inspect::before {
+ background-image: url(icons/inspect.svg);
+}
+:-moz-any(#context-savepage, #context-saveimage)::before {
+ background-image: url(icons/savefile.svg);
+}
+:-moz-any(#context-viewbgimage, #context-viewimage)::before {
+ background-image: url(icons/image.svg);
+}
+:-moz-any(#context-viewinfo, #context-viewimageinfo)::before {
+ background-image: url(icons/info.svg);
+}
+:-moz-any(#context-viewsource, #context-viewpartialsource-selection)::before {
+ background-image: url(icons/source.svg);
+}
+#context-inspect-a11y::before {
+ background-image: url(icons/accessibility.svg);
+}
+#context-undo::before {
+ background-image: url(icons/undo.svg);
+}
+#context-selectall::before {
+ background-image: url(icons/select-all.svg);
+}
+#context-cut::before {
+ background-image: url(icons/cut.svg);
+}
+:-moz-any(#context-copy, #context-copylink, #context-copyimage)::before {
+ background-image: url(icons/copy.svg);
+}
+#context-paste::before {
+ background-image: url(icons/paste.svg);
+}
+#context-delete::before {
+ background-image: url(icons/delete.svg);
+}
+#context-searchselect::before {
+ background-image: url(icons/search.svg);
+}
+#context-print-selection::before {
+ background-image: url(icons/print.svg);
+}
+#context-openlinkintab::before {
+ background-image: url(icons/open-link-newtab.svg);
+}
+#context-openlink::before {
+ background-image: url(icons/open-link-window.svg);
+}
+#context-openlinkprivate::before {
+ background-image: url(icons/open-link-private-window.svg);
+}
+#context-bookmarklink::before {
+ background-image: url(icons/star.svg);
+}
+#context-savelink::before {
+ background-image: url(icons/save-link.svg);
+}
+#context-savelinktopocket::before {
+ background-image: url(icons/save-pocket.svg);
+}
+#context-copyimage-contents::before {
+ background-image: url(icons/copy-image.svg);
+}
+#context-sendimage::before {
+ background-image: url(icons/mail.svg);
+}
+#context-setDesktopBackground::before {
+ background-image: url(icons/brush.svg);
+}
+#context-reloadimage::before {
+ background-image: url(icon/refresh.svg);
+}
+
+:-moz-any(#context_reloadTab, #context_reloadSelectedTabs)::before {
+ background-image: url(icons/refresh.svg);
+}
+:-moz-any(#context_toggleMuteTab, #context_toggleMuteSelectedTabs)::before {
+ background-image: url(icons/mute.svg);
+}
+:-moz-any(#context_pinTab, #context_unpinTab, #context_pinSelectedTabs, #context_unpinSelectedTabs)::before {
+ background-image: url(icons/pin.svg);
+}
+:-moz-any(#context_duplicateTab, #context_duplicateTabs)::before {
+ background-image: url(icons/copy-tab.svg);
+}
+#context_selectAllTabs::before {
+ background-image: url(icons/select-all.svg);
+}
+:-moz-any(#context_bookmarkTab, #context_bookmarkSelectedTabs)::before {
+ background-image: url(icons/star.svg);
+}
+#context_undoCloseTab::before {
+ background-image: url(icons/undo.svg);
+}
+#context_closeTab::before {
+ background-image: url(icons/close.svg);
+}
+
+
+
+
diff --git a/chrome/popup/urlbar-results.css b/chrome/popup/urlbar-results.css
new file mode 100644
index 0000000..b25d1ee
--- /dev/null
+++ b/chrome/popup/urlbar-results.css
@@ -0,0 +1,582 @@
+.ac-type-icon
+{
+ order: 9 !important;
+ margin-inline-start: 16px !important;
+ margin-inline-end: 0 !important;
+}
+
+.ac-site-icon
+{
+ margin-inline-end: 16px !important;
+}
+
+.ac-separator
+{
+ display: none !important;
+}
+
+.ac-title,
+.ac-url
+{
+ flex: 1 !important;
+}
+
+.search-panel-one-offs
+{
+ border-radius: 0 0 8px 8px !important;
+ margin-bottom: 18px !important;
+}
+
+.search-one-offs
+{
+ display: block !important;
+}
+
+#urlbarView-results
+{
+ padding: 0 !important;
+}
+
+.urlbarView-row
+{
+ padding: 0 16px !important;
+ height: 32px !important;
+ border-radius: 0 !important;
+}
+
+.urlbarView-row-inner
+{
+ height: 100% !important;
+ align-items: center !important;
+}
+
+.urlbarView-favicon
+{
+ margin-inline-end: 16px !important;
+}
+
+.urlbarView-title-separator
+{
+ flex: 1 !important;
+}
+
+.urlbarView-title-separator::before
+{
+ display: none !important;
+}
+
+.urlbarView-type-icon
+{
+ order: 1 !important;
+ margin-inline-start: 16px !important;
+ margin-inline-end: 0 !important;
+}
+
+/* .search-one-offs
+{
+ padding: 4px !important;
+ display: flex !important;
+ flex-direction: column !important;
+}
+
+.search-panel-one-offs
+{
+ display: flex !important;
+ flex-direction: row !important;
+ padding: 0 !important;
+}
+
+.searchbar-engine-one-off-item
+{
+ height: 32px !important;
+ border-radius: 16px !important;
+ padding: 0 8px !important;
+ margin: 4px !important;
+ background-image: none !important;
+ color: inherit !important;
+ border: 0 !important;
+ display: flex !important;
+ justify-content: center !important;
+ align-items: center !important;
+ align-content: center !important;
+}
+
+.searchbar-engine-one-off-item > .button-box
+{
+ width: 16px !important;
+ max-height: 16px !important;
+ transform: translateY(50%) !important;
+}
+
+.searchbar-engine-one-off-item::after
+{
+ margin-inline-start: 8px !important;
+ content: attr(tooltiptext) !important;
+ line-height: 16px !important;
+ transform: translateY(calc(50% - 1px)) !important;
+}
+
+
+.searchbar-engine-one-off-item.dummy
+{
+ display: none !important;
+} */
+
+/* 70+ */
+
+#urlbar-container
+{
+ max-height: 37px !important;
+}
+
+#urlbar,
+#searchbar
+{
+ font-size: 14px !important;
+ border-radius: 99px !important;
+ background-color: var(--toolbar-field-background-color) !important;
+ border: 0 !important;
+ box-shadow: none !important;
+ padding: 2px !important;
+ background-clip: padding-box !important;
+ min-height: 28px !important;
+ transition: background-color .1s var(--ease-basic) !important;
+ -moz-box-align: center !important;
+
+ display: block !important;
+ margin: 0 !important;
+}
+
+#urlbar:not(:-moz-lwtheme),
+#searchbar:not(:-moz-lwtheme)
+{
+ color: inherit !important;
+}
+
+#urlbar:hover,
+#searchbar:hover
+{
+ background-color: var(--toolbar-field-hover-background-color) !important;
+}
+
+#urlbar[focused],
+#urlbar[open],
+#searchbar[focused],
+#searchbar[open]
+{
+ background-color: var(--toolbar-field-focus-background-color) !important;
+}
+
+#urlbar[focused],
+#searchbar[focused]
+{
+ border: 2px solid var(--toolbar-field-focus-border-color) !important;
+ padding: 0 !important;
+ margin: 0 !important;
+}
+
+#urlbar[open],
+#searchbar[open]
+{
+ border: 0 !important;
+ padding: 0 !important;
+ border-radius: 8px 8px 0 0 !important;
+ min-height: 37px !important;
+ margin: 0 -5px -1px !important;
+ box-shadow:
+ 0 5px 5px -3px rgba(0,0,0,.2),
+ 0 8px 10px 1px rgba(0,0,0,.14),
+ 0 3px 14px 2px rgba(0,0,0,.12) !important;
+ position: relative !important;
+ z-index: 99999 !important;
+}
+
+#urlbar-input-container
+{
+ width: 100% !important;
+ display: flex !important;
+ align-items: center !important;
+}
+
+.urlbar-input-box
+{
+ flex: 1 !important;
+}
+
+#urlbar-input
+{
+ width: 100% !important;
+}
+
+#urlbar[open] #urlbar-input-container
+{
+ height: 37px !important;
+}
+
+#urlbar[open] #identity-box
+{
+ margin-inline-start: 8px !important;
+ margin-inline-end: 8px !important;
+}
+
+.urlbarView
+{
+ top: 0 !important;
+ left: 0 !important;
+ right: 0 !important;
+ position: relative !important;
+ box-shadow: none !important;
+ background: 0 !important;
+ border: 0 !important;
+ background: white !important;
+}
+
+#urlbar[open] .urlbarView
+{
+ display: block !important;
+ width: 100% !important;
+}
+
+#urlbar-results
+{
+ padding: 0 !important;
+}
+
+#urlbar-container,
+#searchbar-container
+{
+ overflow: visible !important;
+ padding: 0 5px !important;
+}
+
+.searchbar-textbox
+{
+ color: inherit !important;
+ font-size: inherit !important;
+ min-height: auto !important;
+}
+
+#urlbar[pageproxystate=valid] > #identity-box:not(.no-hover) > #identity-icon
+{
+ fill-opacity: 1 !important;
+}
+
+#identity-icon-labels
+{
+ transform: translateY(-3px) !important;
+ color: inherit !important;
+ opacity: 1 !important;
+ padding: 0 !important;
+ margin-inline-start: 8px !important;
+ display: none !important;
+}
+
+#identity-box,
+#urlbar-display-box
+{
+ position: relative !important;
+}
+
+/* separator */
+#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)::after,
+#urlbar-display-box::after
+{
+ content: "" !important;
+ display: -moz-box !important;
+ position: absolute !important;
+ top: 4px !important;
+ bottom: 4px !important;
+ right: 0 !important;
+ background: #9d9e9f !important;
+ width: 1px !important;
+ transition: opacity .2s var(--ease-basic) !important;
+}
+
+#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden),
+#urlbar-display-box
+{
+ margin-inline-end: 8px !important;
+}
+
+#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden) #identity-icon-labels
+{
+ display: -moz-box !important;
+}
+
+
+#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):hover:not(.no-hover)::after,
+#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)[open]::after
+{
+ opacity: 0 !important;
+}
+
+#identity-box.extensionPage > #identity-icon
+{
+ list-style-image: none !important;
+ margin-inline-end: -16px !important;
+}
+
+/* no longer used as a connection icon */
+#connection-icon
+{
+ display: none !important;
+}
+
+#identity-box:-moz-any(
+ .mixedActiveBlocked,
+ .mixedDisplayContentLoadedActiveBlocked,
+ .mixedActiveContent
+) > #connection-icon
+{
+ display: -moz-box !important;
+}
+
+#identity-box:-moz-any(.certUserOverridden, .unknownIdentity)
+{
+ color: #c94031 !important;
+}
+
+.urlbar-input
+{
+ padding: 0 !important;
+}
+
+.searchbar-textbox
+{
+ border: 0 !important;
+ background: 0 !important;
+ box-shadow: none !important;
+ margin: 0 !important;
+}
+
+#page-action-buttons > #pageActionSeparator,
+.urlbar-history-dropmarker
+{
+ display: none !important;
+}
+
+#pageActionSeparator
+{
+ height: 24px !important;
+}
+
+.urlbar-icon-wrapper
+{
+ background: 0 !important;
+}
+
+.urlbar-icon,
+#identity-box,
+#tracking-protection-icon-container
+{
+ min-width: 32px !important;
+ height: 24px !important;
+ padding: 4px 8px !important;
+ margin: 0 !important;
+ border: 0 !important;
+ border-radius: 99px !important;
+ fill-opacity: 1 !important;
+ transition: background-color .2s var(--ease-basic) !important;
+ background: 0 !important;
+ background-color: transparent !important;
+}
+
+#identity-box #notification-popup-box
+{
+ padding: 0 !important;
+ margin: 0 !important;
+}
+
+#page-action-buttons
+{
+ height: 24px !important;
+}
+
+#urlbar[open] #page-action-buttons
+{
+ display: none !important;
+}
+
+.urlbar-icon:hover:not([disabled]),
+#identity-box:hover:not(.no-hover),
+#tracking-protection-icon-container:hover
+{
+ background-color: var(--toolbarbutton-hover-background) !important;
+}
+
+.urlbar-icon:hover:active:not([disabled]),
+.urlbar-icon[open],
+#identity-box:hover:active:not(.no-hover),
+#identity-box[open]:not(.no-hover),
+#tracking-protection-icon-container[open]
+{
+ background-color: var(--toolbarbutton-active-background) !important;
+ transition-duration: 0 !important;
+}
+
+#star-button-box
+{
+ -moz-box-ordinal-group: 99 !important;
+}
+
+#pageActionButton
+{
+ -moz-box-ordinal-group: 98 !important;
+}
+
+#contextual-feature-recommendation
+{
+ -moz-box-ordinal-group: 97 !important;
+ width: auto !important;
+}
+
+.urlbar-page-action:-moz-any(
+ #reader-mode-button,
+ #pageActionButton,
+ #pocket-button-box,
+ #pageAction-urlbar-screenshots_mozilla_org,
+ #pageAction-urlbar-sendToDevice,
+ #pageAction-urlbar-emailLink,
+ #pageAction-urlbar-copyURL,
+ #pageAction-urlbar-shareURL,
+ #pageAction-urlbar-addSearchEngine
+)
+{
+ transition:
+ background-color .2s var(--ease-basic),
+ margin .15s var(--ease-in),
+ opacity .15s var(--ease-basic),
+ visibility 0s .2s !important;
+ opacity: 0 !important;
+ visibility: hidden !important;
+ margin-inline-start: -32px !important;
+}
+
+#urlbar:hover .urlbar-page-action:-moz-any(
+ #reader-mode-button,
+ #pageActionButton,
+ #pocket-button-box,
+ #pageAction-urlbar-screenshots_mozilla_org,
+ #pageAction-urlbar-sendToDevice,
+ #pageAction-urlbar-emailLink,
+ #pageAction-urlbar-copyURL,
+ #pageAction-urlbar-shareURL,
+ #pageAction-urlbar-addSearchEngine
+),
+.urlbar-page-action:-moz-any(
+ #reader-mode-button,
+ #pageActionButton,
+ #pocket-button-box,
+ #pageAction-urlbar-screenshots_mozilla_org,
+ #pageAction-urlbar-sendToDevice,
+ #pageAction-urlbar-emailLink,
+ #pageAction-urlbar-copyURL,
+ #pageAction-urlbar-shareURL,
+ #pageAction-urlbar-addSearchEngine
+):-moz-any(:hover, [open], [readeractive])
+{
+ transition:
+ background-color .2s var(--ease-basic),
+ margin .3s var(--ease-out),
+ opacity .3s var(--ease-basic) !important;
+ opacity: 1 !important;
+ visibility: visible !important;
+ margin-inline-start: 0 !important;
+}
+
+.urlbar-display
+{
+ color: inherit !important;
+ margin: 0 !important;
+}
+
+#pocket-button-box[animate] > #pocket-animatable-box
+{
+ margin-inline-start: 6px !important;
+}
+
+#star-button-animatable-box
+{
+ display: none !important;
+}
+
+#cfr-label-container
+{
+ background: 0 !important;
+}
+
+#cfr-label
+{
+ display: none !important;
+}
+
+#cfr-button
+{
+ fill: currentColor !important;
+}
+
+#urlbar[open] .urlbar-go-button,
+#searchbar[open] .search-go-button
+{
+ height: 32px !important;
+}
+
+/* icons 1x */
+#urlbar
+{
+ --info-icon: url(../navbar/info-1x.svg);
+ --lock-icon: url(../navbar/connection-1x.svg);
+ --warning-icon: url(../navbar/connection-warning-1x.svg);
+}
+
+/* icons 2x */
+@media (min--moz-device-pixel-ratio: 2)
+{
+ #urlbar
+ {
+ --info-icon: url(../navbar/info-2x.svg);
+ --lock-icon: url(../navbar/connection-2x.svg);
+ --warning-icon: url(../navbar/connection-warning-2x.svg);
+ }
+}
+
+/* info (not secure) */
+#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .insecureLoginForms, .mixedActiveContent) > #identity-icon
+{
+ list-style-image: var(--info-icon) !important;
+}
+
+#identity-box[pageproxystate="valid"]:-moz-any(
+ .certUserOverridden,
+ .weakCipher,
+ .unknownIdentity) > #identity-icon
+{
+ list-style-image: var(--warning-icon) !important;
+}
+
+/* lock (secure) */
+#identity-box[pageproxystate="valid"]:-moz-any(.verifiedDomain, .verifiedIdentity, .mixedActiveBlocked) > #identity-icon
+{
+ list-style-image: var(--lock-icon) !important;
+}
+
+/* high DPI adjustments */
+@media (min--moz-device-pixel-ratio: 2)
+{
+ #identity-icon-labels
+ {
+ padding-inline-end: .5px !important;
+ }
+
+ #urlbar[pageproxystate=valid] > #identity-box:-moz-any(.unknownIdentity, .notSecure) > #identity-icon
+ {
+ transform: translate(.5px, .5px) !important;
+ }
+
+ #identity-icon-labels,
+ .urlbar-input,
+ .searchbar-textbox
+ {
+ transform: translateY(-.5px) !important;
+ }
+}
\ No newline at end of file
diff --git a/chrome/tabbar/EdgeStyleTabShadow.css b/chrome/tabbar/EdgeStyleTabShadow.css
new file mode 100644
index 0000000..8fb5b5c
--- /dev/null
+++ b/chrome/tabbar/EdgeStyleTabShadow.css
@@ -0,0 +1,36 @@
+/* Edge Style Tabs */
+.tabbrowser-tab[visuallyselected] .tab-background {
+ filter: drop-shadow(0 1px 2px #0006) !important;
+}
+:root[lwthemetextcolor="bright"] .tabbrowser-tab[visuallyselected] .tab-background, :root[lwthemetextcolor="bright"] {
+ filter: drop-shadow(0 1px 2px #0009) !important;
+}
+#nav-bar {
+ box-shadow: 0 0 2px #0005 !important;
+}
+:root[lwthemetextcolor="bright"] #nav-bar {
+ box-shadow: 0 0 2px #0008 !important;
+}
+#nav-bar:not([urlbar-exceeds-toolbar-bounds]) {
+ clip-path: inset(-10px 0 0 0);
+}
+:root[extradragspace][tabsintitlebar] {
+ --space-above-tabbar: 0 !important;
+}
+
+#tabbrowser-tabs, #tabbrowser-arrowscrollbox, #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
+ min-height: calc(var(--tab-min-height) + 8px) !important;
+}
+#tabbrowser-tabs #tabs-newtab-button, #TabsToolbar-customization-target > toolbarbutton, #scrollbutton-up, #scrollbutton-down {
+ max-height: 32px !important;
+}
+.tabbrowser-tab, #tabbrowser-tabs #tabs-newtab-button {
+ margin-top: 8px !important;
+}
+#TabsToolbar-customization-target > toolbarbutton {
+ transform: translateY(8px) !important;
+}
+#TabsToolbar toolbarbutton, #TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-up), #TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-down), #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) {
+ margin-top: 10px !important;
+ margin-bottom: 0 !important;
+}
\ No newline at end of file
diff --git a/chrome/tabbar/close-tab.svg b/chrome/tabbar/close-tab.svg
new file mode 100644
index 0000000..9b0750f
--- /dev/null
+++ b/chrome/tabbar/close-tab.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/tabbar/spinner-busy.svg b/chrome/tabbar/spinner-busy.svg
new file mode 100644
index 0000000..1955a19
--- /dev/null
+++ b/chrome/tabbar/spinner-busy.svg
@@ -0,0 +1,28 @@
+
\ No newline at end of file
diff --git a/chrome/tabbar/spinner-progress.svg b/chrome/tabbar/spinner-progress.svg
new file mode 100644
index 0000000..894b0b2
--- /dev/null
+++ b/chrome/tabbar/spinner-progress.svg
@@ -0,0 +1,43 @@
+
\ No newline at end of file
diff --git a/chrome/tabbar/tabbar.css b/chrome/tabbar/tabbar.css
new file mode 100644
index 0000000..27a90ce
--- /dev/null
+++ b/chrome/tabbar/tabbar.css
@@ -0,0 +1,573 @@
+:-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=pre-tabs]
+{
+ width: 0 !important;
+}
+
+#TabsToolbar
+{
+ -moz-appearance: none !important;
+ -moz-default-appearance: none !important;
+ background-color: var(--lwt-accent-color) !important;
+ color: var(--lwt-text-color) !important;
+}
+
+@media (-moz-mac-yosemite-theme)
+{
+ #TabsToolbar, :root:is([inFullscreen], [tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme)
+ {
+ -moz-appearance: none !important;
+ -moz-default-appearance: none !important;
+ }
+
+ :root:-moz-any([inFullscreen], [tabsintitlebar]):not([privatebrowsingmode=temporary]) #TabsToolbar:not(:-moz-lwtheme)
+ {
+ background-color: #dee1e5 !important;
+ color: #606367 !important;
+ --toolbarbutton-hover-background: #cbced2 !important;
+ --toolbarbutton-active-background: #bec0c5 !important;
+ }
+
+ :root:-moz-any([inFullscreen], [tabsintitlebar]):not([privatebrowsingmode=temporary]) #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive
+ {
+ background-color: #e7eaed !important;
+ }
+
+ :-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=pre-tabs]
+ {
+ width: 4px !important;
+ }
+}
+
+@media (-moz-os-version: windows-win7)
+{
+ :root:not([privatebrowsingmode=temporary]) #TabsToolbar:not(:-moz-lwtheme)
+ {
+ color: #808387 !important;
+ --toolbarbutton-hover-background: rgba(196, 198, 204, .8) !important;
+ --toolbarbutton-active-background: #bec0c6 !important;
+ }
+
+ :root:not([privatebrowsingmode=temporary]) #TabsToolbar toolbarbutton:not(:-moz-lwtheme):not(:hover):not([open])
+ {
+ background-color: rgba(218, 220, 227, .8) !important;
+ }
+
+ :root:not([privatebrowsingmode=temporary]) .tabbrowser-tab:not([visuallyselected]):not(:-moz-lwtheme)
+ {
+ --tab-bgcolor: rgb(218, 220, 227) !important;
+ --tab-opacity: .8 !important;
+ }
+
+ :root:not([privatebrowsingmode=temporary]) .tabbrowser-tab:hover:not([visuallyselected]):not(:-moz-lwtheme)
+ {
+ --tab-bgcolor: #e9ebef !important;
+ }
+}
+
+ /* < FF 65, >= FF 65 */
+:-moz-any(.titlebar-placeholder, .titlebar-spacer)
+{
+ border: 0 !important;
+ display: -moz-box !important;
+}
+
+:-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=post-tabs]
+{
+ width: 48px !important;
+ transition: width .666s cubic-bezier(.4, 0, .2, 1) !important;
+}
+
+@media (max-width: 700px)
+{
+ :-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=post-tabs]
+ {
+ width: 8px !important;
+ }
+}
+
+/* vertically center buttons in tab bar */
+#TabsToolbar toolbarbutton,
+/* >= 72 */
+#TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-up),
+#TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-down),
+/* no ::part workaround - may have side effects */
+#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
+#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)
+{
+ margin-top: calc((var(--tab-min-height) - var(--button-size)) / 2) !important;
+ margin-bottom: calc((var(--tab-min-height) - var(--button-size)) / 2) !important;
+}
+
+.tabbrowser-tab
+{
+ min-height: var(--tab-min-height) !important;
+ overflow: visible !important;
+ font-size: 12px !important;
+ background: 0 !important;
+ border: 0 !important;
+}
+
+.tabbrowser-tab[visuallyselected]
+{
+ color: var(--toolbar-color) !important;
+}
+
+/* regular */
+.tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"])
+{
+ max-width: 240px !important;
+}
+
+/* neighbouring tabs should "pinch" together */
+.tabbrowser-tab:not([last-visible-tab])
+{
+ margin-inline-end: -.5px !important;
+}
+
+/* special case for pinned tabs when overflowing */
+#tabbrowser-tabs:not([overflow]) .tabbrowser-tab:not([first-visible-tab]),
+#tabbrowser-tabs[overflow] .tabbrowser-tab:not([first-visible-tab]):not([pinned])
+{
+ margin-inline-start: -.5px !important;
+}
+
+#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] .tab-background
+{
+ margin: 0 -1px !important;
+}
+
+.tab-content
+{
+ position: relative !important;
+ overflow: hidden !important;
+ padding-inline-start: 12px !important;
+ padding-inline-end: 8px !important;
+}
+
+.tab-content::before,
+.tab-content::after
+{
+ content: "" !important;
+ display: block !important;
+ position: absolute !important;
+ background-color: currentColor !important;
+ width: 1px !important;
+ height: 20px !important;
+ transform: translateY(-10px) !important;
+ opacity: 0 !important;
+ transition: opacity .2s var(--ease-basic) !important;
+}
+
+.tab-content::before
+{
+ left: 0 !important;
+}
+
+.tab-content::after
+{
+ right: 0 !important;
+}
+
+.tab-throbber,
+.tab-throbber-fallback,
+.tab-icon-image,
+.tab-sharing-icon-overlay,
+.tab-icon-sound,
+.tab-close-button
+{
+ margin-top: 0 !important;
+}
+
+.tabbrowser-tab::before,
+.tabbrowser-tab::after,
+.tab-line
+{
+ display: none !important;
+}
+
+/* tab background color */
+
+.tabbrowser-tab
+{
+ --tab-opacity: 0;
+ --tab-bgcolor: #000;
+ --tab-transition-duration: .2s;
+}
+
+:-moz-any(:root[privatebrowsingmode=temporary], #TabsToolbar[brighttext]) .tabbrowser-tab
+{
+ --tab-opacity: 0;
+ --tab-bgcolor: #fff;
+}
+
+.tabbrowser-tab:not([selected=true]):hover,
+.tabbrowser-tab[multiselected]:not([selected=true])
+{
+ --tab-opacity: .1;
+}
+
+:-moz-any(:root[privatebrowsingmode=temporary], #TabsToolbar[brighttext]) .tabbrowser-tab:not([selected=true]):hover,
+:-moz-any(:root[privatebrowsingmode=temporary], #TabsToolbar[brighttext]) .tabbrowser-tab[multiselected]:not([selected=true])
+{
+ --tab-opacity: .06;
+}
+
+:-moz-any(#TabsToolbar) .tabbrowser-tab[visuallyselected]
+{
+ --tab-bgcolor: var(--toolbar-bgcolor);
+ --tab-opacity: 1;
+}
+
+.tab-background
+{
+ background: var(--tab-bgcolor) !important;
+ /* rounded top corners */
+ border-radius: 4px 4px 0 0 !important;
+ position: relative !important;
+ border: 0 !important;
+ transition:
+ opacity var(--tab-transition-duration) var(--ease-basic),
+ background-color 0s var(--tab-transition-duration) var(--ease-basic) !important;
+ opacity: var(--tab-opacity) !important;
+ visibility: visible !important;
+}
+
+/* rounded bottom corners */
+.tab-background::before,
+.tab-background::after
+{
+ content: "" !important;
+ display: block !important;
+ position: absolute !important;
+ width: 8px !important;
+ height: 8px !important;
+ bottom: 0 !important;
+ pointer-events: none !important;
+ transition: box-shadow 0s var(--tab-transition-duration) var(--ease-basic) !important;
+}
+
+.tab-background::before
+{
+ border-bottom-right-radius: 4px !important;
+ left: 0 !important;
+ transform: translateX(-8px) !important;
+ box-shadow: 4px 4px 0 4px var(--tab-bgcolor) !important;
+}
+
+.tab-background::after
+{
+ border-bottom-left-radius: 4px !important;
+ right: 0 !important;
+ transform: translateX(8px) !important;
+ box-shadow: -4px 4px 0 4px var(--tab-bgcolor) !important;
+}
+
+.tabbrowser-tab[visuallyselected][style*=transform] + .tabbrowser-tab[style*=transform] .tab-content::after,
+.tabbrowser-tab[style*=transform]:not([visuallyselected]) .tab-content::before,
+.tabbrowser-tab[style*=transform] + .tabbrowser-tab:not([visuallyselected]) .tab-content::before,
+.tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) + .tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::before,
+#tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow]) .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::after
+{
+ opacity: var(--tab-separator-opacity) !important;
+}
+
+#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] + .tabbrowser-tab:not([pinned]) .tab-content::before
+{
+ opacity: 0 !important;
+}
+
+.tabbrowser-tab[visuallyselected]
+{
+ --tab-transition-duration: 0s;
+}
+
+.tab-throbber,
+.tab-throbber-fallback
+{
+ margin-inline-end: 8px !important;
+}
+
+.tab-icon-image
+{
+ margin: 0 !important;
+}
+
+.tab-label-container
+{
+ margin-top: -2px !important;
+ opacity: 1 !important;
+}
+
+.tabbrowser-tab[image] .tab-label-container,
+.tabbrowser-tab:-moz-any([progress], [busy]) .tab-label-container
+{
+ padding-inline-start: 8px !important;
+}
+
+.tabbrowser-tab[pinned]:-moz-any([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image
+{
+ visibility: hidden !important;
+}
+
+.tabbrowser-tab[fadein] .tab-close-button
+{
+ visibility: visible !important;
+}
+
+.tab-close-button
+{
+ list-style-image: url(close-tab.svg) !important;
+ width: 16px !important;
+ height: 16px !important;
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+.tab-close-button,
+.tab-icon-overlay:-moz-any([soundplaying], [muted], [activemedia-blocked]),
+.tab-icon-sound
+{
+ border-radius: 99px !important;
+ color: inherit !important;
+ -moz-context-properties: fill, fill-opacity !important;
+ transition-property: fill-opacity, background-color !important;
+ transition-duration: .15s !important;
+ transition-timing-function: var(--ease-basic) !important;
+ fill-opacity: 1 !important;
+ opacity: 1 !important;
+}
+
+.tab-close-button:hover,
+.tab-icon-overlay:-moz-any([soundplaying], [muted], [activemedia-blocked]):hover,
+.tab-icon-sound:hover
+{
+ background-color: var(--toolbarbutton-hover-background) !important;
+}
+
+.tab-close-button:hover:active,
+.tab-icon-overlay:-moz-any([soundplaying], [muted], [activemedia-blocked]):hover:active,
+.tab-icon-sound:hover:active
+{
+ background-color: var(--toolbarbutton-active-background) !important;
+}
+
+.tab-icon-overlay[pinned]
+{
+ margin: 0 !important;
+ margin-inline-start: -16px !important;
+}
+
+@keyframes rotate-360
+{
+ 0% { transform: rotate(0); }
+ 100% { transform: rotate(1turn); }
+}
+
+.tab-throbber
+{
+ -moz-context-properties: fill !important;
+ fill: currentColor !important;
+ background-image: url(spinner-busy.svg) !important;
+ margin: 0 !important;
+ transform-origin: center !important;
+ animation: rotate-360 1.333s linear infinite reverse !important;
+ position: static !important;
+}
+
+.tab-throbber[progress]
+{
+ background-image: url(spinner-progress.svg) !important;
+ animation-direction: normal !important;
+}
+
+.tab-throbber::before
+{
+ display: none !important;
+}
+
+/* clipped tabs */
+#tabbrowser-tabs[closebuttons=activetab] .tab-content:not([pinned])
+{
+ padding-inline-start: 8px !important;
+}
+
+#tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not([visuallyselected]) .tab-close-button
+{
+ visibility: collapse !important;
+}
+
+#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]),
+#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(ltr):not([pinned])
+{
+ mask-image: linear-gradient(to right, black 70%, transparent) !important;
+}
+
+#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection="rtl"]:not([pinned]),
+#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(rtl):not([pinned])
+{
+ mask-image: linear-gradient(to left, black 70%, transparent) !important;
+}
+
+.tab-content[pinned]
+{
+ -moz-box-pack: center !important;
+}
+
+.tab-icon-image[pinned],
+.tab-throbber[pinned]
+{
+ margin: auto !important;
+}
+
+.tab-content[pinned]
+{
+ width: 36px !important;
+ padding: 0 !important;
+ padding-inline-start: 10px !important;
+ padding-inline-end: 0 !important;
+}
+
+.tab-label-container[pinned],
+.tab-close-button[pinned]
+{
+ visibility: hidden !important;
+}
+
+/* close button / favicon is centered within 36px tab */
+/* disabled for now because it's broken in recent version of Firefox */
+@supports -moz-bool-pref("materialFox.reduceTabOverflow disabled")
+{
+ #main-window
+ {
+ /* same as Chrome */
+ min-width: 500px !important;
+ }
+
+ #tabbrowser-tabs[overflow] .tab-content
+ {
+ -moz-box-pack: center !important;
+ }
+
+ #tabbrowser-tabs[overflow] .tab-icon-image
+ {
+ margin: auto !important;
+ }
+
+ #tabbrowser-tabs[overflow] .tab-content[image]:not([image^="chrome://branding/"]):not([pinned])
+ {
+ width: 36px !important;
+ padding: 0 !important;
+ padding-inline-start: 0 !important;
+ padding-inline-end: 0 !important;
+ }
+
+ #tabbrowser-tabs[overflow] .tabbrowser-tab:not([visuallyselected]):not([pinned]) .tab-close-button,
+ #tabbrowser-tabs[overflow] .tabbrowser-tab[visuallyselected]:not([pinned]) :-moz-any(.tab-label-container, .tab-icon-image),
+ #tabbrowser-tabs[overflow] .tabbrowser-tab[image]:not([image^="chrome://branding/"]):not([pinned]) .tab-label-container
+ {
+ display: none !important;
+ }
+}
+
+#tabbrowser-tabs #tabs-newtab-button
+{
+ margin-inline-start: 2px !important;
+}
+
+#tabbrowser-tabs[overflow] .tabbrowser-arrowscrollbox
+{
+ border-radius: 8px 8px 0 0 !important;
+ background-color: rgba(0, 0, 0, .1) !important;
+ padding-inline-start: 0 !important;
+}
+
+#tabbrowser-tabs[overflow]
+{
+ margin-inline-start: 8px !important;
+}
+
+#tabbrowser-tabs[overflow] .tabbrowser-tab[first-visible-tab]:not([pinned]),
+#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] + .tabbrowser-tab:not([pinned]),
+#tabbrowser-tabs:not([overflow]) .tabbrowser-tab[first-visible-tab]
+{
+ margin-inline-start: 8px !important;
+}
+
+#tabbrowser-tabs[overflow] .tabbrowser-tab[last-visible-tab]:not([pinned])
+{
+ margin-inline-end: 7px !important;
+}
+
+.tabbrowser-tab[usercontextid] > .tab-stack::after
+{
+ content: "" !important;
+ position: absolute !important;
+ display: flex !important;
+ bottom: 0 !important;
+ left: 8px !important;
+ width: calc(100% - 16px) !important;
+ height: 2px !important;
+ box-sizing: border-box !important;
+ border-radius: 99px 99px 0 0 !important;
+ transform: none !important;
+ background: var(--identity-tab-color) !important;
+ transition-property: top, bottom, left, right, width, height, border-radius;
+ transition-duration: .225s !important;
+ transition-timing-function: var(--ease-out) !important;
+}
+
+.tab-bottom-line
+{
+ display: none !important;
+}
+
+.tabbrowser-tab[usercontextid][selected] > .tab-stack::after
+{
+ bottom: calc(100% - 9px) !important;
+ left: calc(100% - 9px) !important;
+ width: 6px !important;
+ height: 6px !important;
+ border-radius: 99px !important;
+}
+
+/* < 72 */
+#tabbrowser-tabs .arrowscrollbox-overflow-start-indicator,
+#tabbrowser-tabs .arrowscrollbox-overflow-end-indicator,
+/* >= 72 */
+#tabbrowser-tabs::part(arrowscrollbox-overflow-start-indicator),
+#tabbrowser-tabs::part(arrowscrollbox-overflow-end-indicator),
+/* no ::part workaround - may have side effects */
+spacer[part="overflow-start-indicator"],
+spacer[part="overflow-end-indicator"]
+{
+ display: none !important;
+}
+
+.tab-loading-burst[bursting]::before
+{
+ display: none !important;
+}
+
+/* high DPI adjustments */
+@media (min--moz-device-pixel-ratio: 2)
+{
+ .tabbrowser-tab::before
+ {
+ transform: translateY(.5px) !important;
+ }
+
+ .tabbrowser-tab:last-of-type::after
+ {
+ transform: translate(-1px, .5px) !important;
+ }
+
+ /* macOS */
+ @media (-moz-mac-yosemite-theme)
+ {
+ .titlebar-buttonbox
+ {
+ margin-top: .5px !important;
+ margin-bottom: -.5px !important;
+ }
+ }
+}
diff --git a/chrome/urlbar/connection-warning.svg b/chrome/urlbar/connection-warning.svg
new file mode 100644
index 0000000..700f729
--- /dev/null
+++ b/chrome/urlbar/connection-warning.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/chrome/urlbar/connection.svg b/chrome/urlbar/connection.svg
new file mode 100644
index 0000000..1329d18
--- /dev/null
+++ b/chrome/urlbar/connection.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/chrome/urlbar/go.svg b/chrome/urlbar/go.svg
new file mode 100644
index 0000000..51f9a4c
--- /dev/null
+++ b/chrome/urlbar/go.svg
@@ -0,0 +1,2 @@
+
diff --git a/chrome/urlbar/info.svg b/chrome/urlbar/info.svg
new file mode 100644
index 0000000..f148e66
--- /dev/null
+++ b/chrome/urlbar/info.svg
@@ -0,0 +1,5 @@
+
diff --git a/chrome/urlbar/naughty-shield.svg b/chrome/urlbar/naughty-shield.svg
new file mode 100644
index 0000000..59327d5
--- /dev/null
+++ b/chrome/urlbar/naughty-shield.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/chrome/urlbar/urlbar.css b/chrome/urlbar/urlbar.css
new file mode 100644
index 0000000..ad1dc9f
--- /dev/null
+++ b/chrome/urlbar/urlbar.css
@@ -0,0 +1,789 @@
+.urlbar-icon, #identity-box, #tracking-protection-icon-box {
+ fill: currentColor !important;
+ color: #666 !important;
+}
+:root[lwthemetextcolor="bright"] :-moz-any(.urlbar-icon, #identity-box, #tracking-protection-icon-box) {
+ fill: currentColor !important;
+ color: #bbb !important;
+}
+
+.urlbarView-body-inner
+{
+ border: 0 !important;
+}
+
+.urlbarView-row
+{
+ padding: 0 !important;
+ border-radius: 0 !important;
+}
+
+.urlbarView-row-inner
+{
+ align-items: center !important;
+ position: relative !important;
+ padding: 12px 0 !important;
+ padding-inline: 48px 16px !important;
+ max-width: 100% !important;
+ width: auto !important;
+}
+
+.urlbarView-no-wrap
+{
+ height: 100% !important;
+ align-items: center !important;
+ margin-inline-start: 0 !important;
+ max-width: 100% !important;
+}
+
+.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-row-inner
+{
+ flex-direction: column !important;
+ align-items: flex-start !important;
+}
+
+.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-no-wrap
+{
+ height: auto !important;
+ align-self: flex-start !important;
+ width: 100% !important;
+}
+
+.urlbarView-title-separator
+{
+ visibility: visible !important;
+}
+
+.urlbarView-title-separator::before
+{
+ content: "-" !important;
+ color: inherit !important;
+}
+
+.urlbarView-title-separator,
+.urlbarView-action
+{
+ opacity: .6 !important;
+ color: inherit !important;
+ font-size: revert !important;
+}
+
+.urlbarView-favicon
+{
+ position: absolute !important;
+ left: 16px !important;
+ top: 50% !important;
+ transform: translateY(-50%) !important;
+ fill-opacity: .6 !important;
+ flex: unset !important;
+ margin: unset !important;
+}
+
+.urlbarView-title,
+.urlbarView-url
+{
+ text-overflow: ellipsis !important;
+ mask-image: none !important;
+}
+
+.urlbarView-title
+{
+ flex: 1 !important;
+ flex-basis: unset !important;
+}
+
+.urlbarView-url
+{
+ max-width: 100% !important;
+ font-size: revert !important;
+ color: var(--urlbar-popup-url-color) !important;
+ padding: 0 !important;
+}
+
+.urlbarView-url:not(:empty)
+{
+ visibility: visible !important;
+}
+
+.urlbarView-action:not(:empty)
+{
+ display: flex !important;
+}
+
+.urlbarView-row[type=search] ~ .urlbarView-row[type=search] .urlbarView-title-separator,
+.urlbarView-row[type=search] ~ .urlbarView-row[type=search] .urlbarView-action,
+.urlbarView-row[has-url][type]:not([type=bookmark]) .urlbarView-title-separator,
+.urlbarView-type-icon
+{
+ display: none !important;
+}
+
+.urlbarView-row[type=tip] > .urlbarView-row-inner > .urlbarView-favicon,
+.urlbarView-row[type=tip] > .urlbarView-row-inner > .urlbarView-title,
+.urlbarView-tip-button,
+.urlbarView-tip-help
+{
+ margin-block-end: 0 !important;
+}
+
+.urlbarView .search-one-offs
+{
+ padding: 4px !important;
+ display: flex !important;
+}
+
+.urlbarView .search-panel-one-offs-header
+{
+ margin-inline-start: 12px !important;
+ line-height: 40px !important;
+ transform: translateY(-1px) !important;
+}
+
+.urlbarView .search-panel-one-offs
+{
+ border-radius: 0 0 8px 8px !important;
+ display: inline-flex !important;
+ flex-direction: row !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ float: left !important;
+ max-width: none !important;
+ height: auto !important;
+}
+
+.urlbarView .searchbar-engine-one-off-item
+{
+ height: 32px !important;
+ border-radius: 16px !important;
+ padding: 0 8px !important;
+ margin: 4px !important;
+ background-image: none !important;
+ color: inherit !important;
+ border: 0 !important;
+}
+
+#urlbar-container
+{
+ max-height: 36px !important;
+}
+
+#urlbar,
+#searchbar
+{
+ font-size: 14px !important;
+ border-radius: 4px !important;
+ background-color: var(--toolbar-field-background-color) !important;
+ border: 1px solid transparent !important;
+ box-shadow: 0 1px 6px 0 #00000008 !important;
+ padding: 1px !important;
+ background-clip: padding-box !important;
+ transition: background-color .1s var(--ease-basic) !important;
+ -moz-box-align: center !important;
+ display: block !important;
+ margin: 0 !important;
+ top: 0 !important;
+ color: inherit !important;
+
+ --urlbar-height: 30px !important;
+
+ min-height: var(--urlbar-height) !important;
+}
+
+#urlbar:not(:-moz-lwtheme),
+#searchbar:not(:-moz-lwtheme)
+{
+ color: inherit !important;
+}
+
+#urlbar:hover,
+#searchbar:hover
+{
+ background-color: var(--toolbar-field-hover-background-color) !important;
+ border-color: var(--toolbar-field-hover-border-color) !important;
+}
+
+#urlbar[focused],
+#urlbar[open],
+#searchbar[focused],
+#searchbar[open]
+{
+ background-color: var(--toolbar-field-focus-background-color) !important;
+}
+
+#urlbar[focused],
+#searchbar[focused]
+{
+ box-shadow: 0 0 0 2px var(--toolbar-field-focus-border-color) !important;
+ margin: 0 !important;
+}
+
+/* if only focused, don't break out the urlbar */
+#urlbar[focused]:not([open])
+{
+ width: 100% !important;
+ left: 0 !important;
+ right: 0 !important;
+}
+
+#urlbar[open],
+#searchbar[open]
+{
+ border: 0 !important;
+ padding: 0 !important;
+ border-radius: 8px !important;
+ min-height: 37px !important;
+ margin: -4px 0 -1px !important;
+ box-shadow:
+ 0 5px 5px -3px rgba(0,0,0,.2),
+ 0 8px 10px 1px rgba(0,0,0,.14),
+ 0 3px 14px 2px rgba(0,0,0,.12) !important;
+ z-index: 99999 !important;
+}
+
+/* 71+ */
+#urlbar-background
+{
+ display: none !important;
+}
+
+#urlbar-input-container,
+#searchbar
+{
+ display: flex !important;
+ align-items: center !important;
+}
+
+#urlbar-input-container
+{
+ height: auto !important;
+ padding: 0 !important;
+ border: 0 !important;
+}
+
+.urlbar-input-box,
+.searchbar-textbox
+{
+ flex: 1 !important;
+}
+
+#urlbar-input
+{
+ width: 100% !important;
+}
+
+#urlbar-input,
+.searchbar-textbox
+{
+ color: var(--lwt-toolbar-field-color) !important;
+}
+
+#urlbar-input::placeholder,
+.searchbar-textbox::placeholder
+{
+ opacity: .66 !important;
+}
+
+#urlbar[open] #urlbar-input-container
+{
+ height: 37px !important;
+}
+
+#urlbar[open] #identity-box
+{
+ margin-inline-start: 8px !important;
+ margin-inline-end: 8px !important;
+}
+
+.urlbarView
+{
+ top: 0 !important;
+ left: 0 !important;
+ right: 0 !important;
+ position: relative !important;
+ box-shadow: none !important;
+ border: 0 !important;
+ background: 0 !important;
+ margin: 0 !important;
+}
+
+#urlbar[open] .urlbarView
+{
+ display: block !important;
+ width: 100% !important;
+}
+
+#urlbar-results
+{
+ padding: 0 !important;
+}
+
+#urlbar-container,
+#searchbar-container
+{
+ overflow: visible !important;
+ padding: 0 !important;
+ margin-inline: 6px !important;
+}
+
+#identity-icon
+{
+ fill-opacity: 1 !important;
+}
+
+#identity-icon-labels
+{
+ color: inherit !important;
+ opacity: 1 !important;
+ padding: 0 !important;
+ margin-inline-start: 8px !important;
+ margin-block-start: -1px !important;
+ display: none !important;
+ align-items: center !important;
+}
+
+#identity-box
+{
+ display: flex !important;
+ position: relative !important;
+}
+
+#urlbar-label-box
+{
+ border: 0 !important;
+ padding: 0 !important;
+}
+
+/* separator */
+#identity-icon-labels::after
+{
+ content: "" !important;
+ display: block !important;
+ position: absolute !important;
+ height: 16px !important;
+ right: 0 !important;
+ background: #9d9e9f !important;
+ width: 1px !important;
+ transition: opacity .2s var(--ease-basic) !important;
+}
+
+#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden),
+#urlbar-label-box
+{
+ margin-inline-end: 8px !important;
+}
+
+#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden) #identity-icon-labels
+{
+ display: flex !important;
+}
+
+
+#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):not(.no-hover):-moz-any([open], :hover) #identity-icon-labels::after
+{
+ opacity: 0 !important;
+}
+
+#urlbar[pageproxystate=valid] #identity-box.extensionPage > #identity-icon
+{
+ list-style-image: none !important;
+ margin-inline-end: -16px !important;
+}
+
+/* no longer used as a connection icon */
+#connection-icon
+{
+ display: none !important;
+}
+
+#urlbar[pageproxystate=valid] #identity-box:-moz-any(
+ .mixedActiveBlocked,
+ .mixedDisplayContentLoadedActiveBlocked,
+ .mixedActiveContent
+) > #connection-icon
+{
+ display: -moz-box !important;
+}
+
+#urlbar[pageproxystate=valid] #identity-box:-moz-any(.weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent)
+{
+ color: #c94031 !important;
+}
+
+.urlbar-input
+{
+ padding: 0 !important;
+}
+
+.searchbar-textbox
+{
+ border: 0 !important;
+ background: 0 !important;
+ box-shadow: none !important;
+ margin: 0 !important;
+ -moz-appearance: none !important;
+}
+
+.searchbar-search-icon
+{
+ margin: 0 !important;
+ fill-opacity: 1 !important;
+}
+
+.searchbar-search-icon-overlay
+{
+ margin-inline-start: -11px !important;
+ margin-inline-end: 0 !important;
+
+ /* not really useful anyway */
+ display: none !important;
+}
+
+#page-action-buttons > #pageActionSeparator,
+.urlbar-history-dropmarker
+{
+ display: none !important;
+}
+
+#pageActionSeparator
+{
+ height: 24px !important;
+}
+
+.urlbar-icon-wrapper
+{
+ background: 0 !important;
+}
+
+.urlbar-icon,
+#page-action-buttons > toolbarbutton,
+.searchbar-search-button,
+#identity-box,
+#tracking-protection-icon-box
+{
+ min-width: 36px !important;
+ height: 26px !important;
+ min-height: 26px !important;
+ padding: 5px 10px !important;
+ margin: 0 !important;
+ border: 0 !important;
+ border-radius: 2px !important;
+ fill-opacity: 1 !important;
+ transition: background-color .2s var(--ease-basic) !important;
+ background: 0 !important;
+ background-color: transparent !important;
+}
+
+#tracking-protection-icon-container
+{
+ background: 0 !important;
+ border: 0 !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ width: auto !important;
+ order: 97 !important;
+}
+
+#tracking-protection-icon-box
+{
+ display: block !important;
+ width: 32px !important;
+}
+
+#tracking-protection-icon-box
+{
+ transition:
+ background-color .2s var(--ease-basic),
+ width .15s var(--ease-in),
+ opacity .15s var(--ease-basic),
+ visibility 0s .2s !important;
+ opacity: 0 !important;
+ visibility: hidden !important;
+ width: 0 !important;
+}
+
+#urlbar:hover #tracking-protection-icon-box,
+#tracking-protection-icon-container[open] #tracking-protection-icon-box,
+#tracking-protection-icon-box[active]
+{
+ transition:
+ background-color .2s var(--ease-basic),
+ width .3s var(--ease-out),
+ opacity .3s var(--ease-basic) !important;
+ opacity: 1 !important;
+ visibility: visible !important;
+ width: 36px !important;
+}
+
+#tracking-protection-icon
+{
+ display: block !important;
+}
+
+#tracking-protection-icon-animatable-box
+{
+ display: none !important;
+}
+
+#identity-box #notification-popup-box
+{
+ padding: 0 !important;
+ margin: 0 !important;
+}
+
+#page-action-buttons
+{
+ height: 26px !important;
+ display: flex !important;
+ order: 99 !important;
+}
+
+#urlbar[open] #page-action-buttons,
+#urlbar[open] #tracking-protection-icon-container
+{
+ display: none !important;
+}
+
+.urlbar-icon:hover:not([disabled]),
+#page-action-buttons > toolbarbutton:hover:not([disabled]),
+.searchbar-search-button:hover,
+#identity-box:hover:not(.no-hover),
+#tracking-protection-icon-container:hover #tracking-protection-icon-box
+{
+ background-color: var(--toolbarbutton-hover-background) !important;
+}
+
+.urlbar-icon:hover:active:not([disabled]),
+.urlbar-icon[open],
+#page-action-buttons > toolbarbutton:hover:active:not([disabled]),
+.searchbar-search-button:hover:active,
+#identity-box:hover:active:not(.no-hover),
+#identity-box[open]:not(.no-hover),
+#tracking-protection-icon-container[open] #tracking-protection-icon-box
+{
+ background-color: var(--toolbarbutton-active-background) !important;
+ transition-duration: 0 !important;
+}
+
+#contextual-feature-recommendation
+{
+ width: auto !important;
+}
+
+.urlbar-page-action:-moz-any(
+ #reader-mode-button,
+ #pageActionButton,
+ #pocket-button-box,
+ #pageAction-urlbar-screenshots_mozilla_org,
+ #pageAction-urlbar-sendToDevice,
+ #pageAction-urlbar-emailLink,
+ #pageAction-urlbar-copyURL,
+ #pageAction-urlbar-shareURL,
+ #pageAction-urlbar-addSearchEngine
+)
+{
+ transition:
+ background-color .2s var(--ease-basic),
+ margin .15s var(--ease-in),
+ opacity .15s var(--ease-basic),
+ visibility 0s 4s !important;
+ opacity: 0 !important;
+ visibility: hidden !important;
+ margin-inline-start: -32px !important;
+}
+
+#urlbar:hover .urlbar-page-action:-moz-any(
+ #reader-mode-button,
+ #pageActionButton,
+ #pocket-button-box,
+ #pageAction-urlbar-screenshots_mozilla_org,
+ #pageAction-urlbar-sendToDevice,
+ #pageAction-urlbar-emailLink,
+ #pageAction-urlbar-copyURL,
+ #pageAction-urlbar-shareURL,
+ #pageAction-urlbar-addSearchEngine
+),
+.urlbar-page-action:-moz-any(
+ #reader-mode-button,
+ #pageActionButton,
+ #pocket-button-box,
+ #pageAction-urlbar-screenshots_mozilla_org,
+ #pageAction-urlbar-sendToDevice,
+ #pageAction-urlbar-emailLink,
+ #pageAction-urlbar-copyURL,
+ #pageAction-urlbar-shareURL,
+ #pageAction-urlbar-addSearchEngine
+):-moz-any(:hover, [open], [readeractive]),
+.urlbar-page-action:-moz-any(:hover, [open]) ~ .urlbar-page-action:-moz-any(
+ #reader-mode-button,
+ #pageActionButton,
+ #pocket-button-box,
+ #pageAction-urlbar-screenshots_mozilla_org,
+ #pageAction-urlbar-sendToDevice,
+ #pageAction-urlbar-emailLink,
+ #pageAction-urlbar-copyURL,
+ #pageAction-urlbar-shareURL,
+ #pageAction-urlbar-addSearchEngine),
+#tracking-protection-icon-container[open] ~ #page-action-buttons .urlbar-page-action:-moz-any(
+ #reader-mode-button,
+ #pageActionButton,
+ #pocket-button-box,
+ #pageAction-urlbar-screenshots_mozilla_org,
+ #pageAction-urlbar-sendToDevice,
+ #pageAction-urlbar-emailLink,
+ #pageAction-urlbar-copyURL,
+ #pageAction-urlbar-shareURL,
+ #pageAction-urlbar-addSearchEngine)
+{
+ transition:
+ background-color .2s var(--ease-basic),
+ margin .3s var(--ease-out),
+ opacity .3s var(--ease-basic) !important;
+ opacity: 1 !important;
+ visibility: visible !important;
+ margin-inline-start: 0 !important;
+}
+
+.urlbar-display
+{
+ color: inherit !important;
+ margin: 0 !important;
+}
+
+#pocket-button-box[animate] > #pocket-animatable-box
+{
+ margin-inline-start: 6px !important;
+}
+
+#star-button-animatable-box
+{
+ display: none !important;
+}
+
+#userContext-icons
+{
+ flex-direction: row !important;
+ align-items: center !important;
+ justify-content: center !important;
+ position: relative !important;
+ padding-inline: 8px !important;
+ margin: 0 !important;
+ color: var(--identity-tab-color) !important;
+}
+
+#userContext-icons:not([hidden])
+{
+ display: flex !important;
+}
+
+#userContext-icons > *
+{
+ z-index: 1 !important;
+ color: inherit !important;
+ fill: currentColor !important;
+}
+
+#userContext-label
+{
+ margin: 0 !important;
+}
+
+#userContext-label + #userContext-indicator
+{
+ margin-inline-start: 6px !important;
+}
+
+#userContext-icons::before
+{
+ content: '' !important;
+ position: absolute !important;
+ left: 0 !important;
+ right: 0 !important;
+ top: 0 !important;
+ bottom: 0 !important;
+ background: var(--identity-tab-color) !important;
+ border-radius: 1px !important;
+ opacity: .1 !important;
+}
+
+#cfr-label-container
+{
+ background: 0 !important;
+}
+
+#cfr-label
+{
+ display: none !important;
+}
+
+#cfr-button
+{
+ fill: currentColor !important;
+}
+
+#urlbar[open] #urlbar-go-button,
+#searchbar[open] #search-go-button,
+/* < 71 */
+#urlbar[open] .urlbar-go-button,
+#searchbar[open] .search-go-button
+{
+ height: 32px !important;
+}
+
+#urlbar-go-button,
+#search-go-button,
+/* < 71 */
+.urlbar-go-button,
+.search-go-button
+{
+ list-style-image: url(go.svg) !important;
+}
+
+.search-go-container
+{
+ display: flex !important;
+}
+
+#searchbar .textbox-input
+{
+ padding: 0 !important;
+}
+
+/* lock (secure) */
+#identity-box[pageproxystate="valid"]:-moz-any(.verifiedDomain, .verifiedIdentity, .mixedActiveBlocked) > #identity-icon
+{
+ list-style-image: var(--lock-icon) !important;
+}
+
+/* info (not secure) */
+#identity-box[pageproxystate="valid"]:-moz-any(.mixedDisplayContent, .mixedDisplayContentLoadedActiveBlocked, .unknownIdentity) > #identity-icon
+{
+ list-style-image: var(--info-icon) !important;
+}
+
+/* warning (dangerous) */
+#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent) > #identity-icon
+{
+ list-style-image: var(--warning-icon) !important;
+}
+
+#urlbar-input,
+#searchbar-input,
+.searchbar-textbox /* < 71 */
+{
+ transform: translateY(var(--input-offset)) !important;
+ line-height: 1.745em !important;
+}
+
+/* 1x */
+#urlbar
+{
+ --info-icon: url(info.svg);
+ --lock-icon: url(connection.svg);
+ --warning-icon: url(connection-warning.svg);
+}
+
+#urlbar,
+#searchbar
+{
+ --input-offset: -1px;
+}
\ No newline at end of file
diff --git a/chrome/userChrome.css b/chrome/userChrome.css
new file mode 100644
index 0000000..3043e57
--- /dev/null
+++ b/chrome/userChrome.css
@@ -0,0 +1,41 @@
+@import "global/variables.css";
+@import "global/global.css";
+@import "icons/icons.css";
+@import "tabbar/tabbar.css";
+@import "navbar/navbar.css";
+@import "personalbar/personalbar.css";
+@import "popup/popup.css";
+@import "urlbar/urlbar.css";
+@import "findbar/findbar.css";
+@import "tabbar/EdgeStyleTabShadow.css";
+
+/* Swap Account icon and Overflow icon (Must be placed next to each other) */
+/* @media (min-width: 687px) {
+ #nav-bar-overflow-button {
+ transform: translateX(-44px);
+ }
+ #fxa-toolbar-menu-button {
+ transform: translateX(44px);
+ }
+} */
+
+/* Replace Firefox identity icon with Edge */
+#identity-icon-label
+{
+ display: none !important;
+}
+#identity-box.chromeUI[pageproxystate="valid"]::after {
+ content: "EdgeFox";
+ padding-inline-start: 8px;
+}
+#identity-icon {
+ list-style-image: url("icons/edge.svg") !important;
+}
+
+#urlbarView-row-162, #urlbarView-row-19, #urlbar .urlbarView .search-one-offs, /* Hide search engine selector on the urlbar dropdown */
+#context-sendpagetodevice, #context-sep-sendpagetodevice, /* Hide send page to device menu */
+#permissions-granted-icon, #appMenu-fxa-status, toolbarseparator.sync-ui-item, #appMenu-protection-report-button, #appMenu-tp-separator, /* Hide Account and protection dashboard from menu */
+#appMenu-edit-controls, .panel-subview-body toolbarseparator:nth-child(12) /* Hide Edit Controls */
+{
+ display: none !important;
+}
\ No newline at end of file
diff --git a/chrome/userContent.css b/chrome/userContent.css
new file mode 100644
index 0000000..48d7f0e
--- /dev/null
+++ b/chrome/userContent.css
@@ -0,0 +1,25 @@
+@import "userContent/NewTab.css";
+@import "userContent/Preferences.css";
+
+@-moz-document url-prefix("about:") {
+ :root {
+ --body-background: #f5f5f5;
+ --body-title-text: #000;
+ --body-text: #333;
+
+ --newtab-tile-background: #fff;
+
+ --field-background: #fff;
+ }
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --body-background: #1b1b1b;
+ --body-title-text: #fff;
+ --body-text: #e0e0e0;
+
+ --newtab-tile-background: #303030;
+
+ --field-background: #202020;
+ }
+ }
+}
\ No newline at end of file
diff --git a/chrome/userContent/NewTab.css b/chrome/userContent/NewTab.css
new file mode 100644
index 0000000..aed28be
--- /dev/null
+++ b/chrome/userContent/NewTab.css
@@ -0,0 +1,61 @@
+@-moz-document url("about:newtab"), url(about:home) {
+ .icon.icon-settings {
+ background-image: url(../icons/settings.svg) !important;
+ background-size: 20px !important;
+ }
+ .search-wrapper .search-button {
+ background-image: url(../icons/search.svg) !important;
+ background-size: 20px !important;
+ }
+ .search-wrapper input {
+ background-color: var(--search-bg) !important;
+ border: 0 !important;
+ box-shadow: none !important;
+ fill: var(--newtab-search-icon-color);
+ border-radius: 4px !important;
+ outline: none !important;
+ }
+ .search-inner-wrapper input {
+ transition: box-shadow .2s ease-in-out !important;
+ box-shadow: 0px 1.6px 3.6px rgb(0 0 0 / 13%), 0px 0px 2.9px rgb(0 0 0 / 11%) !important;
+ }
+ .search-inner-wrapper:hover input {
+ box-shadow: 0px 3.2px 7.2px rgb(0 0 0 / 13%), 0px 0px 3.8px rgb(0 0 0 / 11%) !important;
+ }
+ .search-wrapper :is(input, button) {
+ height: 44px !important;
+ }
+ #searchSubmit {
+ width: 68px !important;
+ background-color: var(--search-button-bg) !important;
+ fill: #fff !important;
+ }
+ #searchSubmit:hover {
+ background-color: var(--search-button-bg-hover) !important;
+ }
+ .top-site-outer .tile, .screenshot, .top-site-icon {
+ border-radius: 8px !important;
+ }
+
+ .outer-wrapper > main {
+ position: absolute !important;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ }
+
+ body {
+ background-color: #f5f5f5 !important;
+ --search-bg: #fff;
+ --search-button-bg: #0078D4;
+ --search-button-bg-hover: #006CBE;
+ --word-mark-color: #606060;
+ }
+ body[lwt-newtab-brighttext] {
+ background-color: #242424 !important;
+ --search-bg: #424242;
+ --search-button-bg: #006CBE;
+ --search-button-bg-hover: #0078D4;
+ --word-mark-color: #f3f3f3;
+ }
+}
\ No newline at end of file
diff --git a/chrome/userContent/Preferences.css b/chrome/userContent/Preferences.css
new file mode 100644
index 0000000..c9a5e44
--- /dev/null
+++ b/chrome/userContent/Preferences.css
@@ -0,0 +1,37 @@
+@-moz-document url-prefix(about:preferences), url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
+ #category-general > .category-icon {
+ list-style-image: url(../icons/settings.svg) !important;
+ }
+ #category-home > .category-icon {
+ list-style-image: url(../icons/home.svg) !important;
+ }
+ #category-search > .category-icon {
+ list-style-image: url(../icons/search.svg) !important;
+ }
+ #category-privacy > .category-icon {
+ list-style-image: url(../icons/lock.svg) !important;
+ }
+ #category-sync > .category-icon {
+ list-style-image: url(../icons/sync.svg) !important;
+ }
+
+ .category[name="discover"] {
+ background-image: url(../icons/star.svg) !important;
+ }
+ .category[name="extension"] {
+ background-image: url(../icons/addons.svg) !important;
+ }
+ .category[name="theme"] {
+ background-image: url(../icons/brush.svg) !important;
+ }
+
+ .preferences-icon, .page-options-menu > .more-options-button {
+ background-image: url(../icons/settings.svg) !important;
+ }
+ .addons-icon {
+ list-style-image: url(../icons/addons.svg) !important;
+ }
+ .textbox-search-sign {
+ list-style-image: url(../icons/search.svg) !important;
+ }
+}
\ No newline at end of file