Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add files via upload

Browse source
This commit is contained in:
bmFtZQ 2021-03-13 22:22:35 +08:00 • committed by GitHub
parent 375ddcc4d2
commit a3b663ae1f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
52 changed files with 4248 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

86
chrome/findbar/findbar.css Normal file
View file

@ -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;
}

308
chrome/global/global.css Normal file
View file

@ -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;
}

242
chrome/global/variables.css Normal file
View file

@ -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;
}

44
chrome/navbar/navbar.css Normal file
View file

@ -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;
}

8
chrome/personalbar/personalbar.css Normal file
View file

@ -0,0 +1,8 @@
#navigator-toolbox toolbarbutton.bookmark-item:not(.subviewbutton)
{
padding: 6px !important;
}
#PersonalToolbar {
padding-top: 0 !important;
margin-top: -2px !important;
}

5
chrome/popup/checkmark.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 15,3 C 14.872038,3 14.744084,3.048849 14.646484,3.1464844 L 4.5214844,13.271485 0.87304688,9.1679687 C 0.68958686,8.9615987 0.37435875,8.9434931 0.16796875,9.1269531 c -0.20639,0.1835 -0.22447562,0.4986781 -0.0410156,0.7050781 L 4.1269531,14.332032 c 0.19113,0.215 0.5231325,0.224884 0.7265625,0.02148 L 15.353516,3.8535156 c 0.1952,-0.19526 0.1952,-0.5117713 0,-0.7070312 C 15.255866,3.0488493 15.127962,3 15,3 Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 589 B

5
chrome/popup/icons/accessibility.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 8,0 C 6.61933,0 5.5,1.1187689 5.5,2.4988362 c 0,0.2480645 0.036176,0.4883064 0.1035156,0.714511 L 3.3632812,2.3660855 C 2.4936513,2.0371787 1.5190744,2.4477515 1.1464844,3.2992446 0.74785437,4.2102403 1.1907904,5.2690323 2.1191406,5.6262858 L 5,6.7351444 V 9.1344177 L 3.3574219,13.657701 c -0.31828,0.877092 0.1108062,1.849524 0.9726562,2.207957 0.91822,0.381922 1.9683969,-0.07983 2.3105469,-1.0132 L 8,11.1452 9.3652344,14.846601 c 0.3542,0.961153 1.4564126,1.411752 2.3828126,0.974156 0.8144,-0.384721 1.201831,-1.326511 0.894531,-2.172816 L 11,9.1227043 V 6.73124 L 13.867188,5.6438558 C 14.743787,5.3116606 15.204009,4.3497617 14.912109,3.4593264 14.600609,2.5093388 13.558247,2.0116406 12.623047,2.3660855 L 10.396484,3.2094427 C 10.463384,2.9839178 10.5,2.7460511 10.5,2.4988362 10.5,1.1187689 9.3808,0 8,0 Z m 0,0.99953448 c 0.8285,0 1.5,0.67125742 1.5,1.49930172 0,0.8280443 -0.6715,1.4993017 -1.5,1.4993017 -0.82838,0 -1.5,-0.6712574 -1.5,-1.4993017 C 6.5,1.6707919 7.17162,0.99953448 8,0.99953448 Z M 2.7285156,3.2523914 c 0.093765,-0.00235 0.188385,0.013682 0.28125,0.048805 L 7.1132812,4.853208 c 0.5706801,0.2158394 1.2009844,0.2162392 1.7714844,0 L 12.978516,3.3011969 c 0.4019,-0.152359 0.850475,0.060192 0.984375,0.4685318 0.1254,0.3827417 -0.07242,0.7981845 -0.449219,0.940968 L 10.322266,5.9191182 C 10.127966,5.992734 10,6.1780346 10,6.3856978 v 2.8248563 c 0,0.058073 0.0094,0.1171204 0.0293,0.171795 l 1.673828,4.6072299 c 0.1312,0.361331 -0.03511,0.763078 -0.382813,0.927302 -0.395599,0.186813 -0.866378,-0.0055 -1.017578,-0.415823 L 8.9335938,10.782087 c -0.3195,-0.8671953 -1.5471544,-0.8657429 -1.8652344,0.002 L 5.703125,14.508868 C 5.556795,14.908082 5.1055906,15.105584 4.7128906,14.94226 4.3442906,14.788931 4.1627081,14.372512 4.2988281,13.997387 L 5.96875,9.3921101 C 5.98857,9.3375356 6,9.2804403 6,9.2222674 V 6.3915544 C 6,6.1848308 5.8726975,5.9992503 5.6796875,5.9249749 L 2.4785156,4.6931267 C 2.0819656,4.5405178 1.89222,4.0885777 2.0625,3.6994489 2.1818625,3.426666 2.4472192,3.2594439 2.7285156,3.2523914 Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

5
chrome/popup/icons/brush.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 3.5,2.28902e-8 C 3.22386,2.28902e-8 3,0.22383652 3,0.49994753 l 2e-5,8.50348717 c 0,1.1043843 0.89543,1.9997903 2,1.9997903 H 6.00411 V 14.00021 C 6.00411,15.104694 6.89954,16 8.0041,16 c 1.1046,0 2,-0.895306 2,-1.99979 V 11.003225 H 11 c 1.1046,0 2,-0.895406 2,-1.9997903 V 7.5035821 7.4991626 0.49994753 C 13,0.22383652 12.7761,2.28902e-8 12.5,2.28902e-8 Z M 4.00002,8.0035396 H 12 V 9.0034347 C 12,9.5556767 11.5523,10.00333 11,10.00333 H 9.5041 c -0.2761,0 -0.5,0.223776 -0.5,0.499947 v 3.496933 c 0,0.552242 -0.4477,0.999895 -1,0.999895 -0.55227,0 -0.99999,-0.447653 -0.99999,-0.999895 v -3.496933 c 0,-0.276171 -0.22385,-0.499947 -0.5,-0.499947 H 5.00002 c -0.55229,0 -1,-0.4476533 -1,-0.9998953 z M 12,7.0036346 H 4 V 0.99989503 H 8 V 2.4997375 c 0,0.2761211 0.2239,0.4999476 0.5,0.4999476 0.2761,0 0.5,-0.2238265 0.5,-0.4999476 V 0.99989503 h 1 V 3.5018323 c 0,0.276111 0.2239,0.4999475 0.5,0.4999475 0.2761,0 0.5,-0.2238365 0.5,-0.4999475 V 0.99989503 h 1 z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

5
chrome/popup/icons/close.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 2.4765625 2 A 0.5 0.5 0 0 0 2.1464844 2.1464844 A 0.5 0.5 0 0 0 2.1464844 2.8535156 L 7.2929688 8 L 2.1464844 13.146484 A 0.5 0.5 0 0 0 2.1464844 13.853516 A 0.5 0.5 0 0 0 2.8535156 13.853516 L 8 8.7070312 L 13.146484 13.853516 A 0.5 0.5 0 0 0 13.853516 13.853516 A 0.5 0.5 0 0 0 13.853516 13.146484 L 8.7070312 8 L 13.853516 2.8535156 A 0.5 0.5 0 0 0 13.853516 2.1464844 A 0.5 0.5 0 0 0 13.476562 2 A 0.5 0.5 0 0 0 13.146484 2.1464844 L 8 7.2929688 L 2.8535156 2.1464844 A 0.5 0.5 0 0 0 2.4765625 2 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 678 B

5
chrome/popup/icons/copy-image.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 6 1 C 4.34315 1 3 2.34315 3 4 L 3 10 C 3 11.6569 4.34315 13 6 13 L 12 13 C 13.6569 13 15 11.6569 15 10 L 15 4 C 15 2.34315 13.6569 1 12 1 L 6 1 z M 6 2 L 12 2 C 13.1046 2 14 2.89543 14 4 L 14 10 C 14 10.3709 13.898556 10.717825 13.722656 11.015625 L 10.208984 7.5019531 C 9.5411844 6.8341531 8.4587656 6.8341531 7.7910156 7.5019531 L 4.2773438 11.015625 C 4.1013937 10.717825 4 10.3709 4 10 L 4 4 C 4 2.89543 4.89543 2 6 2 z M 6.4980469 3.5019531 C 5.9471369 3.5019531 5.5 3.94909 5.5 4.5 C 5.5 5.0509 5.9471369 5.4960938 6.4980469 5.4960938 C 7.0489569 5.4960938 7.4941406 5.0509 7.4941406 4.5 C 7.4941406 3.94909 7.0489569 3.5019531 6.4980469 3.5019531 z M 2 3.7636719 C 1.38625 4.3129919 1 5.1115 1 6 L 1 10.5 C 1 12.9853 3.01472 15 5.5 15 L 10 15 C 10.8885 15 11.687028 14.6138 12.236328 14 L 5.5 14 C 3.68782 14 2.1968081 12.622322 2.0175781 10.857422 C 2.0056281 10.739722 2 10.6208 2 10.5 L 2 3.7636719 z M 9 8.0019531 C 9.1817 8.0019531 9.3633531 8.0703344 9.5019531 8.2089844 L 13.015625 11.722656 C 12.717825 11.898556 12.3709 12 12 12 L 6 12 C 5.6291 12 5.282125 11.898556 4.984375 11.722656 L 8.4980469 8.2089844 C 8.6366469 8.0703344 8.8183 8.0019531 9 8.0019531 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

5
chrome/popup/icons/copy-tab.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 5.5 0 C 4.11929 0 3 1.11929 3 2.5 L 3 10.5 C 3 11.8807 4.11929 13 5.5 13 L 13.5 13 C 14.8807 13 16 11.8807 16 10.5 L 16 2.5 C 16 1.11929 14.8807 0 13.5 0 L 5.5 0 z M 5.5 1 L 7 1 L 7 2.5 C 7 3.32843 7.67161 4 8.5 4 L 15 4 L 15 10.5 C 15 11.3284 14.3285 12 13.5 12 L 5.5 12 C 4.67157 12 4 11.3284 4 10.5 L 4 2.5 C 4 1.67157 4.67157 1 5.5 1 z M 8 1 L 13.5 1 C 14.3285 1 15 1.67157 15 2.5 L 15 3 L 8.5 3 C 8.2239 3 8 2.77614 8 2.5 L 8 1 z M 2 3.0507812 C 0.85888 3.2824113 2.9605947e-16 4.29052 0 5.5 L 0 12 C 0 14.2091 1.79087 16 4 16 L 10.5 16 C 11.7095 16 12.717619 15.1411 12.949219 14 L 11.914062 14 C 11.708163 14.5826 11.1532 15 10.5 15 L 4 15 C 2.34315 15 1 13.6568 1 12 L 1 5.5 C 1 4.84689 1.4174 4.2918575 2 4.0859375 L 2 3.0507812 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 916 B

5
chrome/popup/icons/copy.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 6 0 C 4.89543 0 4 0.89543 4 2 L 4 12 C 4 13.1046 4.89543 14 6 14 L 12 14 C 13.1046 14 14 13.1046 14 12 L 14 2 C 14 0.89543 13.1046 0 12 0 L 6 0 z M 6 1 L 12 1 C 12.5523 1 13 1.44772 13 2 L 13 12 C 13 12.5523 12.5523 13 12 13 L 6 13 C 5.44772 13 5 12.5523 5 12 L 5 2 C 5 1.44772 5.44772 1 6 1 z M 3 2.2675781 C 2.4022 2.6133881 2 3.25972 2 4 L 2 12.5 C 2 14.433 3.567 16 5.5 16 L 10 16 C 10.7403 16 11.386622 15.5978 11.732422 15 L 5.5 15 C 4.11929 15 3 13.8807 3 12.5 L 3 2.2675781 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 660 B

5
chrome/popup/icons/cut.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 3.4121094 0.0078125 C 3.3481606 0.019171875 3.2864131 0.042480625 3.2285156 0.080078125 C 2.9969256 0.23047813 2.9296881 0.53989437 3.0800781 0.77148438 L 7.4042969 7.4296875 L 5.4804688 10.390625 C 5.0435488 10.142125 4.53857 10 4 10 C 2.34315 10 1 11.3431 1 13 C 1 14.6569 2.34315 16 4 16 C 5.65685 16 7 14.6569 7 13 C 7 12.2446 6.7206356 11.554744 6.2597656 11.027344 L 8 8.3476562 L 9.7402344 11.027344 C 9.2793344 11.554744 9 12.2446 9 13 C 9 14.6569 10.3431 16 12 16 C 13.6569 16 15 14.6569 15 13 C 15 11.3431 13.6569 10 12 10 C 11.4614 10 10.956431 10.142125 10.519531 10.390625 L 3.9199219 0.22851562 C 3.8071294 0.054823125 3.6039556 -0.026265625 3.4121094 0.0078125 z M 12.587891 0.0078125 C 12.396031 -0.026265625 12.192878 0.054823125 12.080078 0.22851562 L 8.5957031 5.59375 L 9.1933594 6.5117188 L 12.919922 0.77148438 C 13.070322 0.53989437 13.003084 0.23047813 12.771484 0.080078125 C 12.713584 0.042480625 12.651844 0.019171875 12.587891 0.0078125 z M 4 11 C 5.10457 11 6 11.8954 6 13 C 6 14.1046 5.10457 15 4 15 C 2.89543 15 2 14.1046 2 13 C 2 11.8954 2.89543 11 4 11 z M 12 11 C 13.1046 11 14 11.8954 14 13 C 14 14.1046 13.1046 15 12 15 C 10.8954 15 10 14.1046 10 13 C 10 11.8954 10.8954 11 12 11 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

5
chrome/popup/icons/delete.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 8,0.5 C 6.61929,0.5 5.5,1.61929 5.5,3 H 1 C 0.72386,3 0.5,3.22386 0.5,3.5 L 0.507813,3.589844 C 0.5501425,3.8230838 0.75454,4 1,4 h 0.5527344 l 1.296875,10.228899 c 0.11644,1.0092 0.9704481,1.771484 1.9863281,1.771484 h 6.3281245 c 1.015901,0 1.869929,-0.762284 1.986329,-1.771484 L 14.445312,4 H 15 C 15.2761,4 15.5,3.77614 15.5,3.5 15.5,3.22386 15.2761,3 15,3 H 10.5 C 10.5,1.61929 9.3807,0.5 8,0.5 Z m 0,1 c 0.8284,0 1.5,0.67157 1.5,1.5 h -3 C 6.5,2.17157 7.17157,1.5 8,1.5 Z M 2.5605469,4 H 13.4375 l -1.28125,10.115617 c -0.0582,0.5046 -0.484188,0.884766 -0.992188,0.884766 H 4.8359375 c -0.50794,0 -0.9339675,-0.380166 -0.9921875,-0.884766 z M 6.5,6.5 C 6.22386,6.5 6,6.69588 6,6.9375 v 5.12475 l 0.00781,0.07813 c 0.042332,0.204095 0.24673,0.35937 0.49219,0.35937 0.27614,0 0.5,-0.1959 0.5,-0.4375 V 6.9375 L 6.9921875,6.859375 C 6.9498575,6.655285 6.74546,6.5 6.5,6.5 Z m 3,0 C 9.2239,6.5 9,6.69588 9,6.9375 v 5.12475 l 0.00781,0.07813 c 0.042302,0.204095 0.24669,0.35937 0.49219,0.35937 0.2761,0 0.5,-0.1959 0.5,-0.4375 V 6.9375 L 9.9921875,6.859375 C 9.9498875,6.655285 9.7455,6.5 9.5,6.5 Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

5
chrome/popup/icons/image.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 4 1 C 2.34315 1 1 2.34315 1 4 L 1 12 C 1 13.6569 2.34315 15 4 15 L 12 15 C 13.6569 15 15 13.6569 15 12 L 15 4 C 15 2.34315 13.6569 1 12 1 L 4 1 z M 4 2 L 12 2 C 13.1046 2 14 2.89543 14 4 L 14 12 C 14 12.3726 13.898203 12.720931 13.720703 13.019531 L 9.0507812 8.4316406 C 8.4671812 7.8582306 7.5328088 7.8582306 6.9492188 8.4316406 L 2.2792969 13.019531 C 2.1018369 12.720931 2 12.3726 2 12 L 2 4 C 2 2.89543 2.89543 2 4 2 z M 10.5 4 C 9.6716 4 9 4.67157 9 5.5 C 9 6.32843 9.6716 7 10.5 7 C 11.3284 7 12 6.32843 12 5.5 C 12 4.67157 11.3284 4 10.5 4 z M 10.5 5 C 10.7761 5 11 5.22386 11 5.5 C 11 5.77614 10.7761 6 10.5 6 C 10.2239 6 10 5.77614 10 5.5 C 10 5.22386 10.2239 5 10.5 5 z M 8 9.0019531 C 8.1265813 9.0019531 8.2523594 9.0489813 8.3496094 9.1445312 L 13.011719 13.726562 C 12.714819 13.900963 12.3692 14 12 14 L 4 14 C 3.63085 14 3.2850913 13.900963 2.9882812 13.726562 L 7.6503906 9.1445312 C 7.7476556 9.0489813 7.8734187 9.0019531 8 9.0019531 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

5
chrome/popup/icons/info.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 8 0 C 3.58172 0 0 3.58172 0 8 C 0 12.4183 3.58172 16 8 16 C 12.4183 16 16 12.4183 16 8 C 16 3.58172 12.4183 0 8 0 z M 8 1 C 11.866 1 15 4.13401 15 8 C 15 11.866 11.866 15 8 15 C 4.13401 15 1 11.866 1 8 C 1 4.13401 4.13401 1 8 1 z M 8.0488281 4 C 7.6346381 4 7.2988281 4.33579 7.2988281 4.75 C 7.2988281 5.16422 7.6346381 5.5 8.0488281 5.5 C 8.4630281 5.5 8.7988281 5.16422 8.7988281 4.75 C 8.7988281 4.33579 8.4630281 4 8.0488281 4 z M 8 6.5 C 7.72387 6.5 7.5 6.72386 7.5 7 L 7.5 11.501953 L 7.5078125 11.591797 C 7.5501525 11.825097 7.75455 12.001953 8 12.001953 C 8.2762 12.001953 8.5 11.778153 8.5 11.501953 L 8.5 7 L 8.4921875 6.9101562 C 8.4497875 6.6769063 8.2455 6.5 8 6.5 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 858 B

5
chrome/popup/icons/inspect.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 2 1 C 0.89543 1 0 1.89543 0 3 L 0 10 C 0 11.1046 0.89543 12 2 12 L 7 12 L 7 11 L 2 11 C 1.44772 11 1 10.5523 1 10 L 1 3 C 1 2.44772 1.44772 2 2 2 L 14 2 C 14.5523 2 15 2.44772 15 3 L 15 10 C 15 10.5135 14.613434 10.937241 14.115234 10.994141 L 14.560547 11.439453 C 14.673647 11.552553 14.765937 11.681259 14.835938 11.818359 C 15.523137 11.501859 16 10.8062 16 10 L 16 3 C 16 1.89543 15.1046 1 14 1 L 2 1 z M 8.5976562 7.0097656 C 8.5026563 6.9908631 8.4019937 7.0003525 8.3085938 7.0390625 C 8.1216938 7.1164625 8 7.2978 8 7.5 L 8 14.5 C 8 14.7183 8.1414094 14.910962 8.3496094 14.976562 C 8.5577094 15.042162 8.7850563 14.965909 8.9101562 14.787109 L 10.480469 12.541016 L 13.423828 12.994141 C 13.637528 13.027041 13.847612 12.919463 13.945312 12.726562 C 14.043012 12.533762 14.006316 12.299284 13.853516 12.146484 L 8.8535156 7.1464844 C 8.7820156 7.0749844 8.6926562 7.0286681 8.5976562 7.0097656 z M 9 8.7070312 L 12.066406 11.773438 L 10.326172 11.505859 C 10.138072 11.476959 9.9490438 11.556891 9.8398438 11.712891 L 9 12.914062 L 9 8.7070312 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

5
chrome/popup/icons/mail.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 2.5 1 C 1.11929 1 0 2.11929 0 3.5 L 0 11.5 C 0 12.8807 1.11929 14 2.5 14 L 13.5 14 C 14.8807 14 16 12.8807 16 11.5 L 16 3.5 C 16 2.11929 14.8807 1 13.5 1 L 2.5 1 z M 2.5 2 L 13.5 2 C 14.3284 2 15 2.67157 15 3.5 L 15 3.8007812 L 8 7.9199219 L 1 3.8027344 L 1 3.5 C 1 2.67157 1.67157 2 2.5 2 z M 15 4.9609375 L 15 11.5 C 15 12.3284 14.3284 13 13.5 13 L 2.5 13 C 1.67157 13 1 12.3284 1 11.5 L 1 4.9628906 L 7.7460938 8.9316406 L 7.828125 8.96875 C 7.967225 9.01995 8.1235063 9.0083406 8.2539062 8.9316406 L 15 4.9609375 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 695 B

5
chrome/popup/icons/mute.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="m 8.8515625,0.00977037 c -0.1875281,0.02733591 -0.37125,0.11135712 -0.53125,0.25989166 L 4.4472656,3.8651557 c -0.09247,0.085862 -0.2136937,0.132877 -0.3398437,0.132877 H 1.5 c -0.82843,0 -1.5,0.6719058 -1.5,1.5007278 v 5.0024265 c 0,0.828802 0.67157,1.500728 1.5,1.500728 h 2.6074219 c 0.12615,0 0.2473737,0.04693 0.3398437,0.132876 l 3.8730469,3.595494 C 8.9603125,16.324473 10,15.871031 10,14.997507 V 1.0024392 C 10,0.34735658 9.4141469,-0.07223737 8.8515625,0.00977037 Z M 9,1.0024392 V 14.997507 L 5.1269531,11.402014 C 4.8495431,11.144389 4.4858819,11.001429 4.1074219,11.001429 H 1.5 c -0.27614,0 -0.5,-0.224008 -0.5,-0.500242 V 5.4987605 C 1,5.2224865 1.22386,4.9985179 1.5,4.9985179 h 2.6074219 c 0.37846,0 0.7421212,-0.1430301 1.0195312,-0.400585 z m 2.5,4.4963213 c -0.127963,0 -0.255866,0.048878 -0.353516,0.1465554 -0.1952,0.1953547 -0.1952,0.5120096 0,0.7073743 l 1.646485,1.6472833 -1.646485,1.6472832 c -0.1952,0.1953947 -0.1952,0.5120793 0,0.7073743 0.1953,0.195394 0.511832,0.195394 0.707032,0 L 13.5,8.7073478 15.146484,10.354631 c 0.1953,0.195394 0.511832,0.195394 0.707032,0 0.1953,-0.195295 0.1953,-0.5119796 0,-0.7073743 L 14.207031,7.9999735 15.853516,6.3526902 c 0.1953,-0.1953647 0.1953,-0.5120196 0,-0.7073743 -0.1952,-0.1953548 -0.511732,-0.1953548 -0.707032,0 L 13.5,7.2925992 11.853516,5.6453159 C 11.755916,5.5476385 11.627963,5.4987605 11.5,5.4987605 Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

5
chrome/popup/icons/open-link-newtab.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 3.5 1 C 2.11929 1 1 2.11929 1 3.5 L 1 12.5 C 1 13.8807 2.11929 15 3.5 15 L 12.5 15 C 13.8807 15 15 13.8807 15 12.5 L 15 3.5 C 15 2.11929 13.8807 1 12.5 1 L 3.5 1 z M 3.5 2 L 6 2 L 6 3.5 C 6 4.32843 6.67157 5 7.5 5 L 14 5 L 14 12.5 C 14 13.3284 13.3284 14 12.5 14 L 3.5 14 C 2.67157 14 2 13.3284 2 12.5 L 2 3.5 C 2 2.67157 2.67157 2 3.5 2 z M 7 2 L 12.5 2 C 13.3284 2 14 2.67157 14 3.5 L 14 4 L 7.5 4 C 7.22386 4 7 3.77614 7 3.5 L 7 2 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 612 B

5
chrome/popup/icons/open-link-private-window.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 2.5 0 C 1.1194824 0 -8.8817842e-16 1.11929 0 2.5 L 0 11.5 C 0 12.8807 1.1194824 14 2.5 14 L 7.1621094 14 C 7.0631232 13.6844 7.0076523 13.35 7.0019531 13 L 2.5 13 C 1.6716855 13 1 12.3284 1 11.5 L 1 4 L 14.001953 4 L 14.001953 3 L 13.998047 3 L 13.998047 2.5 C 13.998047 1.11929 12.878555 0 11.498047 0 L 2.5 0 z M 2.5 1 L 11.498047 1 C 12.326332 1 12.998047 1.67157 12.998047 2.5 L 12.998047 3 L 1 3 L 1 2.5 C 1 1.67157 1.6716855 1 2.5 1 z M 12.001953 5 C 10.621446 5 9.5019531 6.11929 9.5019531 7.5 C 9.5019531 8.8807 10.621446 10 12.001953 10 C 12.819739 10 13.545916 9.6072 14.001953 9 L 12.001953 9 C 11.173669 9 10.501953 8.3284 10.501953 7.5 C 10.501953 6.67157 11.173669 6 12.001953 6 L 14.001953 6 C 13.545916 5.39278 12.819739 5 12.001953 5 z M 12.001953 7 L 12.001953 8 L 14.451172 8 C 14.483962 7.8384 14.5 7.6712 14.5 7.5 C 14.5 7.3288 14.483972 7.1616 14.451172 7 L 12.001953 7 z M 9.5507812 11 C 9.0858461 11 8.6966105 11.235597 8.4355469 11.529297 C 8.176383 11.820797 8.0019531 12.214241 8.0019531 12.619141 L 8.0019531 12.939453 C 8.0019531 14.573853 9.6354832 16 12.001953 16 C 13.24248 16 14.28048 15.6082 14.988281 15 L 12.001953 15 C 9.9724363 15 9.0019531 13.828453 9.0019531 12.939453 L 9.0019531 12.619141 C 9.0019531 12.493741 9.0627106 12.329259 9.1835938 12.193359 C 9.3024772 12.059659 9.4358973 12 9.5507812 12 L 15.867188 12 C 15.791999 11.8266 15.688489 11.666697 15.566406 11.529297 C 15.305343 11.235597 14.916107 11 14.451172 11 L 9.5507812 11 z M 12.001953 13 L 12.001953 14 L 15.761719 14 C 15.909099 13.6847 15.991501 13.3474 16 13 L 12.001953 13 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

5
chrome/popup/icons/open-link-window.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 3.5 1 C 2.1195789 1 1 2.11929 1 3.5 L 1 12.5 C 1 13.8807 2.1195789 15 3.5 15 L 12.498047 15 C 13.878458 15 14.998047 13.8807 14.998047 12.5 L 14.998047 5 L 15 5 L 15 4 L 14.998047 4 L 14.998047 3.5 C 14.998047 2.11929 13.878458 1 12.498047 1 L 3.5 1 z M 3.5 2 L 12.498047 2 C 13.326273 2 13.998047 2.67157 13.998047 3.5 L 13.998047 4 L 2 4 L 2 3.5 C 2 2.67157 2.6717433 2 3.5 2 z M 2 5 L 13.998047 5 L 13.998047 12.5 C 13.998047 13.3284 13.326273 14 12.498047 14 L 3.5 14 C 2.6717433 14 2 13.3284 2 12.5 L 2 5 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 688 B

5
chrome/popup/icons/paste.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 5.5 0 C 4.84689 0 4.2918575 0.4174 4.0859375 1 L 2.5 1 C 1.67157 1 1 1.67157 1 2.5 L 1 14.5 C 1 15.3284 1.67157 16 2.5 16 L 5.5 16 C 5.77614 16 6 15.7761 6 15.5 C 6 15.2239 5.77614 15 5.5 15 L 2.5 15 C 2.22386 15 2 14.7761 2 14.5 L 2 2.5 C 2 2.22386 2.22386 2 2.5 2 L 4.0859375 2 C 4.2918575 2.5826 4.84689 3 5.5 3 L 8.5 3 C 9.1531 3 9.7081625 2.5826 9.9140625 2 L 11.5 2 C 11.7761 2 12 2.22386 12 2.5 L 12 3.5 C 12 3.77614 12.2239 4 12.5 4 C 12.7761 4 13 3.77614 13 3.5 L 13 2.5 C 13 1.67157 12.3284 1 11.5 1 L 9.9140625 1 C 9.7081625 0.4174 9.1531 0 8.5 0 L 5.5 0 z M 5.5 1 L 8.5 1 C 8.7761 1 9 1.22386 9 1.5 C 9 1.77614 8.7761 2 8.5 2 L 5.5 2 C 5.22386 2 5 1.77614 5 1.5 C 5 1.22386 5.22386 1 5.5 1 z M 8.5 5 C 7.67157 5 7 5.67157 7 6.5 L 7 14.5 C 7 15.3284 7.67157 16 8.5 16 L 13.5 16 C 14.3284 16 15 15.3284 15 14.5 L 15 6.5 C 15 5.67157 14.3284 5 13.5 5 L 8.5 5 z M 8.5 6 L 13.5 6 C 13.7761 6 14 6.22386 14 6.5 L 14 14.5 C 14 14.7761 13.7761 15 13.5 15 L 8.5 15 C 8.2239 15 8 14.7761 8 14.5 L 8 6.5 C 8 6.22386 8.2239 6 8.5 6 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

5
chrome/popup/icons/pin.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 10.048828 1.0039062 C 9.2827783 0.95292051 8.5046094 1.34235 8.1230469 2.1054688 L 6.3925781 5.5644531 C 6.2282781 5.8930331 5.9485219 6.1506694 5.6074219 6.2871094 L 2.0175781 7.7226562 C 1.3510081 7.9892862 1.1759538 8.8498119 1.6835938 9.3574219 L 4.2929688 11.96875 L 1 15.261719 L 1 15.96875 L 1.7070312 15.96875 L 5 12.675781 L 7.609375 15.285156 C 8.117005 15.792756 8.9793937 15.615719 9.2460938 14.949219 L 10.681641 11.359375 C 10.818141 11.018275 11.075697 10.740472 11.404297 10.576172 L 14.861328 8.8457031 C 16.082328 8.2352031 16.348012 6.6078681 15.382812 5.6425781 L 11.324219 1.5859375 C 10.962269 1.2239538 10.508458 1.0344977 10.048828 1.0039062 z M 9.9804688 2.0019531 C 10.21029 2.0172479 10.436212 2.1119788 10.617188 2.2929688 L 14.675781 6.3496094 C 15.158381 6.8322494 15.024563 7.6459319 14.414062 7.9511719 L 10.957031 9.6816406 C 10.409431 9.9555406 9.9813062 10.419781 9.7539062 10.988281 L 8.3183594 14.578125 L 2.390625 8.6503906 L 5.9804688 7.2148438 C 6.5489687 6.9874437 7.0132894 6.5593588 7.2871094 6.0117188 L 9.015625 2.5527344 C 9.206375 2.1711719 9.5974336 1.9764619 9.9804688 2.0019531 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

5
chrome/popup/icons/print.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 4.5 1 C 3.67157 1 3 1.67157 3 2.5 L 3 3 L 2.5 3 C 1.11929 3 0 4.11929 0 5.5 L 0 10.5 C 0 11.3284 0.67157 12 1.5 12 L 3 12 L 3 13.5 C 3 14.3284 3.67157 15 4.5 15 L 11.5 15 C 12.3284 15 13 14.3284 13 13.5 L 13 12 L 14.5 12 C 15.3284 12 16 11.3284 16 10.5 L 16 5.5 C 16 4.11929 14.8807 3 13.5 3 L 13 3 L 13 2.5 C 13 1.67157 12.3284 1 11.5 1 L 4.5 1 z M 4.5 2 L 11.5 2 C 11.7761 2 12 2.22386 12 2.5 L 12 3 L 4 3 L 4 2.5 C 4 2.22386 4.22386 2 4.5 2 z M 2.5 4 L 13.5 4 C 14.3284 4 15 4.67157 15 5.5 L 15 10.5 C 15 10.7761 14.7761 11 14.5 11 L 13 11 L 13 9.5 C 13 8.6716 12.3284 8 11.5 8 L 4.5 8 C 3.67157 8 3 8.6716 3 9.5 L 3 11 L 1.5 11 C 1.22386 11 1 10.7761 1 10.5 L 1 5.5 C 1 4.67157 1.67157 4 2.5 4 z M 4.5 9 L 11.5 9 C 11.7761 9 12 9.2239 12 9.5 L 12 13.5 C 12 13.7761 11.7761 14 11.5 14 L 4.5 14 C 4.22386 14 4 13.7761 4 13.5 L 4 9.5 C 4 9.2239 4.22386 9 4.5 9 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

5
chrome/popup/icons/refresh.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 14.5 0 A 0.5 0.5 0 0 0 14 0.5 L 14 2.734375 C 12.420937 0.9346793 10.133667 -0.060707854 7.78125 0.001953125 C 6.8276955 0.027352819 5.8658236 0.22565976 4.9394531 0.609375 C 1.2339712 2.144236 -0.76463004 6.1961925 0.2734375 10.070312 C 1.311505 13.944434 5.06845 16.455153 9.0449219 15.931641 C 13.021394 15.408128 16 12.010785 16 8 A 0.4999975 0.4999975 0 0 0 15.5 7.5 A 0.4999975 0.4999975 0 0 0 15 8 C 15 11.516682 12.400659 14.480434 8.9140625 14.939453 C 5.427466 15.398472 2.1484656 13.209354 1.2382812 9.8125 C 0.32809692 6.4156459 2.0713218 2.8789792 5.3203125 1.5332031 C 8.3850953 0.26372846 11.881541 1.3199033 13.744141 4 L 10.5 4 A 0.5 0.5 0 0 0 10 4.5 A 0.5 0.5 0 0 0 10.5 5 L 14.5 5 A 0.50005 0.50005 0 0 0 15 4.5 L 15 0.5 A 0.5 0.5 0 0 0 14.5 0 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 941 B

5
chrome/popup/icons/save-link.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 4 2 L 3.7792969 2.0058594 C 1.6724669 2.1197794 -2.9605947e-16 3.86476 0 6 C 0 8.2089 1.7911 9.9980469 4 9.9980469 L 6 9.9980469 L 6.0898438 9.9902344 C 6.3230737 9.9479344 6.5 9.7454 6.5 9.5 C 6.5 9.2238 6.27611 9 6 9 L 4 9 L 3.8027344 8.9921875 C 2.2380044 8.8906875 1 7.59038 1 6 C 1 4.34335 2.34333 3 4 3 L 6 3 L 6.0898438 2.9921875 C 6.3230737 2.9498575 6.5 2.74543 6.5 2.5 C 6.5 2.22389 6.27611 2 6 2 L 4 2 z M 9.9980469 2 L 9.9082031 2.0078125 C 9.6750031 2.0501525 9.4980469 2.25457 9.4980469 2.5 C 9.4980469 2.7761 9.7219469 3 9.9980469 3 L 11.998047 3 L 12.195312 3.0058594 C 13.760013 3.1074194 14.998047 4.40962 14.998047 6 C 14.998047 6.04456 14.997994 6.0887225 14.996094 6.1328125 C 15.335294 6.2397825 15.657213 6.4104644 15.945312 6.6464844 C 15.979612 6.4357344 15.998047 6.22044 15.998047 6 C 15.998047 3.79114 14.206947 2 11.998047 2 L 9.9980469 2 z M 4 5.5 L 3.9101562 5.5078125 C 3.6769363 5.5501425 3.5 5.75457 3.5 6 C 3.5 6.2761 3.72389 6.5 4 6.5 L 11.998047 6.5 L 12.087891 6.4921875 C 12.321191 6.4498575 12.498047 6.24543 12.498047 6 C 12.498047 5.72389 12.274147 5.5 11.998047 5.5 L 4 5.5 z M 14.130859 7 C 13.652297 7 13.173694 7.18175 12.808594 7.546875 L 7.9785156 12.375 C 7.6969756 12.6565 7.4969606 13.010184 7.4003906 13.396484 L 7.0273438 14.894531 C 6.8645137 15.545831 7.4541087 16.135556 8.1054688 15.972656 L 9.6035156 15.597656 C 9.9898156 15.501056 10.341547 15.301031 10.623047 15.019531 L 15.453125 10.191406 C 16.183425 9.4611062 16.183425 8.277115 15.453125 7.546875 C 15.087975 7.18175 14.609422 7 14.130859 7 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

5
chrome/popup/icons/save-pocket.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 1.9550781 2 C 0.88153478 2 -4.4408921e-16 2.8815348 0 3.9550781 L 0 6.2265625 C -1.8384119e-15 10.513399 3.4866011 14 7.7734375 14 L 8.2265625 14 C 12.513399 14 16 10.513399 16 6.2265625 L 16 3.9550781 C 16 2.8815348 15.118465 2 14.044922 2 L 1.9550781 2 z M 1.9550781 3 L 14.044922 3 C 14.578025 3 15 3.4219749 15 3.9550781 L 15 6.2265625 C 15 9.9729589 11.972959 13 8.2265625 13 L 7.7734375 13 C 4.0270412 13 1 9.9729589 1 6.2265625 L 1 3.9550781 C 1 3.4219749 1.4219749 3 1.9550781 3 z M 4.4863281 5.5 A 0.5 0.5 0 0 0 4.1464844 5.6464844 A 0.5 0.5 0 0 0 4.1464844 6.3535156 L 7.6464844 9.8535156 A 0.50005 0.50005 0 0 0 8.3535156 9.8535156 L 11.853516 6.3535156 A 0.5 0.5 0 0 0 11.853516 5.6464844 A 0.5 0.5 0 0 0 11.146484 5.6464844 L 8 8.7929688 L 4.8535156 5.6464844 A 0.5 0.5 0 0 0 4.4863281 5.5 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 983 B

5
chrome/popup/icons/savefile.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 2.9998867,1 C 1.8953793,1 1,1.8953119 1,2.9997363 v 9.9986817 c 0,1.104454 0.8953793,1.999736 1.9998867,1.999736 h 3.003736 c 0.0073,-0.114085 0.025485,-0.230825 0.054685,-0.34761 L 6.2204073,13.998286 H 3.99983 V 9.4988793 c 0,-0.2760636 0.2238473,-0.4999341 0.4999717,-0.4999341 h 5.443051 L 10.942796,7.999077 H 4.4998017 c -0.8283831,0 -1.499915,0.6715115 -1.499915,1.4998023 v 4.4994067 c -0.5522487,0 -0.9999434,-0.447641 -0.9999434,-0.999868 V 2.9997363 c 0,-0.5522072 0.4476947,-0.9998682 0.9999434,-0.9998682 H 3.99983 v 2.4996704 c 0,0.8283208 0.671532,1.4998022 1.499915,1.4998022 h 3.9997734 c 0.8283526,0 1.4999146,-0.6714814 1.4999146,-1.4998022 V 1.9998681 h 0.378885 c 0.265185,0 0.519501,0.1054249 0.706992,0.2929302 l 1.621001,1.62088 c 0.187489,0.1875152 0.292952,0.441753 0.292952,0.7069381 v 1.38263 c 0.336681,-0.015458 0.675662,0.026383 0.999944,0.1288893 V 4.6206164 c 0,-0.5303601 -0.210825,-1.0388556 -0.585905,-1.4138762 l -1.621001,-1.62088 C 12.417222,1.2108297 11.908688,1 11.378318,1 Z m 1.9998867,0.9998681 h 4.9997167 v 2.4996704 c 0,0.2761036 -0.2238874,0.4999341 -0.4999717,0.4999341 H 5.499745 c -0.2761243,0 -0.4999716,-0.2238305 -0.4999716,-0.4999341 z m 9.1303416,4.9993408 c -0.478598,0 -0.957061,0.181676 -1.32219,0.5468029 L 7.9800733,12.375453 c -0.2815542,0.281563 -0.4815177,0.6351 -0.5780923,1.02135 l -0.3749787,1.497849 c -0.1628509,0.651314 0.4266607,1.240761 1.0780639,1.077983 l 1.4979619,-0.374951 c 0.3862781,-0.09659 0.7398429,-0.296486 1.0214269,-0.578049 l 4.827851,-4.827488 c 0.730259,-0.7303034 0.730259,-1.9158915 0,-2.6461352 C 15.087177,7.1808849 14.608713,6.9992089 14.130115,6.9992089 Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

5
chrome/popup/icons/search.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 6.5,1 C 3.462434,1 1,3.4624339 1,6.5000004 1,9.5375664 3.462434,12 6.5,12 c 1.338853,0 2.563799,-0.480226 3.517578,-1.275391 l 4.128906,4.128907 a 0.5,0.5 0 0 0 0.707032,0 0.5,0.5 0 0 0 0,-0.707032 L 10.724609,10.017578 C 11.519774,9.0637994 12,7.8388524 12,6.5000004 12,3.4624339 9.537566,1 6.5,1 Z m 0,1 C 8.985281,2 11,4.0147186 11,6.5000004 11,8.9852814 8.985281,11 6.5,11 4.014719,11 2,8.9852814 2,6.5000004 2,4.0147186 4.014719,2 6.5,2 Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 619 B

5
chrome/popup/icons/select-all.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 6 0 C 4.89543 0 4 0.89543 4 2 L 4 2.5 C 4 2.77614 4.22386 3 4.5 3 C 4.77614 3 5 2.77614 5 2.5 L 5 2 C 5 1.44772 5.44772 1 6 1 L 6.5 1 C 6.77614 1 7 0.77614 7 0.5 C 7 0.22386 6.77614 0 6.5 0 L 6 0 z M 8.5 0 C 8.2239 0 8 0.22386 8 0.5 C 8 0.77614 8.2239 1 8.5 1 L 11.5 1 C 11.7761 1 12 0.77614 12 0.5 C 12 0.22386 11.7761 0 11.5 0 L 8.5 0 z M 13.5 0 C 13.2239 0 13 0.22386 13 0.5 C 13 0.77614 13.2239 1 13.5 1 L 14 1 C 14.5523 1 15 1.44772 15 2 L 15 2.5 C 15 2.77614 15.2239 3 15.5 3 C 15.7761 3 16 2.77614 16 2.5 L 16 2 C 16 0.89543 15.1046 0 14 0 L 13.5 0 z M 2 4 C 0.89543 4 0 4.89543 0 6 L 0 12.5 C 0 14.433 1.567 16 3.5 16 L 10 16 C 11.1046 16 12 15.1046 12 14 L 12 13 L 11 13 L 11 14 C 11 14.5523 10.5523 15 10 15 L 3.5 15 C 2.11929 15 1 13.8807 1 12.5 L 1 6 C 1 5.44772 1.44772 5 2 5 L 3 5 L 3 4 L 2 4 z M 4.5 4 C 4.22386 4 4 4.22386 4 4.5 L 4 7.5 C 4 7.77614 4.22386 8 4.5 8 C 4.77614 8 5 7.77614 5 7.5 L 5 4.5 C 5 4.22386 4.77614 4 4.5 4 z M 15.5 4 C 15.2239 4 15 4.22386 15 4.5 L 15 7.5 C 15 7.77614 15.2239 8 15.5 8 C 15.7761 8 16 7.77614 16 7.5 L 16 4.5 C 16 4.22386 15.7761 4 15.5 4 z M 4.5 9 C 4.22386 9 4 9.2239 4 9.5 L 4 10 C 4 11.1046 4.89543 12 6 12 L 6.5 12 C 6.77614 12 7 11.7761 7 11.5 C 7 11.2239 6.77614 11 6.5 11 L 6 11 C 5.44772 11 5 10.5523 5 10 L 5 9.5 C 5 9.2239 4.77614 9 4.5 9 z M 15.5 9 C 15.2239 9 15 9.2239 15 9.5 L 15 10 C 15 10.5523 14.5523 11 14 11 L 13.5 11 C 13.2239 11 13 11.2239 13 11.5 C 13 11.7761 13.2239 12 13.5 12 L 14 12 C 15.1046 12 16 11.1046 16 10 L 16 9.5 C 16 9.2239 15.7761 9 15.5 9 z M 8.5 11 C 8.2239 11 8 11.2239 8 11.5 C 8 11.7761 8.2239 12 8.5 12 L 11.5 12 C 11.7761 12 12 11.7761 12 11.5 C 12 11.2239 11.7761 11 11.5 11 L 8.5 11 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

5
chrome/popup/icons/source.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="m 10.484599,1.0002698 c -0.194751,0.00642 -0.376806,0.1270027 -0.451213,0.3203003 L 5.0329327,14.320074 c -0.099139,0.25779 0.029382,0.547364 0.2871356,0.64646 0.2577633,0.0991 0.5474038,-0.02931 0.6465429,-0.287098 L 10.967065,1.6799314 C 11.066174,1.4222112 10.937652,1.1325979 10.67993,1.0334717 10.615499,1.0086901 10.549516,0.99812849 10.484599,1.0002698 Z M 3.4605248,4.0021083 C 3.3329282,4.011918 3.2105134,4.0691458 3.1206503,4.1739768 L 0.12037841,7.6738432 c -0.16050455,0.1872329 -0.16050455,0.4651261 0,0.6523189 L 3.1206503,11.826029 c 0.1797263,0.209692 0.4954529,0.232425 0.7051419,0.05273 0.209679,-0.179793 0.2324654,-0.495359 0.052739,-0.705051 L 1.1575817,8.0000027 3.8785314,4.8262957 C 4.0582576,4.6166337 4.0354712,4.3009476 3.8257922,4.1212445 3.7209477,4.0313928 3.5881213,3.9922937 3.4605248,4.0021083 Z m 9.0789472,0.499981 c -0.127586,-0.00982 -0.260408,0.029285 -0.365267,0.1191361 -0.209719,0.1797132 -0.232455,0.4953992 -0.05274,0.7050512 l 2.720951,3.173707 -2.72095,3.1737074 c -0.179717,0.209692 -0.156981,0.525358 0.05274,0.705051 0.209718,0.179793 0.525425,0.15696 0.705142,-0.05273 L 15.87962,8.8261471 c 0.160514,-0.1871929 0.160514,-0.4650261 0,-0.652319 L 12.879348,4.6739617 C 12.789488,4.5691307 12.66706,4.5119079 12.539473,4.5020933 Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

5
chrome/popup/icons/star.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 8 0.34179688 C 7.6433815 0.34179563 7.2868961 0.5268125 7.1035156 0.8984375 L 5.1738281 4.8105469 L 0.85742188 5.4375 C 0.037311635 5.55668 -0.2907062 6.5640381 0.30273438 7.1425781 L 3.4257812 10.1875 L 2.6894531 14.486328 C 2.5493619 15.303228 3.40514 15.926716 4.1386719 15.541016 L 8 13.511719 L 11.859375 15.541016 C 12.592977 15.926716 13.450628 15.303228 13.310547 14.486328 L 12.574219 10.1875 L 15.697266 7.1425781 C 16.290786 6.5640481 15.962768 5.55668 15.142578 5.4375 L 10.826172 4.8105469 L 8.8964844 0.8984375 C 8.7131089 0.5268175 8.3566185 0.34179812 8 0.34179688 z M 8 1.3417969 L 9.9296875 5.2539062 C 10.075368 5.5490463 10.357937 5.7534513 10.683594 5.8007812 L 14.998047 6.4277344 L 11.875 9.4726562 C 11.639329 9.7023562 11.532301 10.033022 11.587891 10.357422 L 12.326172 14.65625 L 8.4648438 12.626953 C 8.1735827 12.473753 7.8264473 12.473753 7.5351562 12.626953 L 3.6738281 14.65625 L 4.4121094 10.357422 C 4.4677319 10.033022 4.3606584 9.7023562 4.125 9.4726562 L 1 6.4277344 L 5.3164062 5.8007812 C 5.6420727 5.7534513 5.924672 5.5490462 6.0703125 5.2539062 L 8 1.3417969 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

5
chrome/popup/icons/undo.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 1.5 0 C 1.22386 0 1 0.22386 1 0.5 L 1 5.4003906 C 1 5.7317606 1.2682394 6 1.5996094 6 L 6.5 6 C 6.77614 6 7 5.77614 7 5.5 C 7 5.22386 6.77614 5 6.5 5 L 2.90625 5 L 6.3789062 1.9804688 C 8.0461862 0.53113875 10.572184 0.70774 12.021484 2.375 C 13.470784 4.04226 13.294253 6.5702213 11.626953 8.0195312 L 3.4550781 15.123047 C 3.2466681 15.304247 3.22509 15.619725 3.40625 15.828125 C 3.58742 16.036525 3.9029181 16.058053 4.1113281 15.876953 L 12.283203 8.7734375 C 14.367203 6.9618075 14.589044 3.8047731 12.777344 1.7207031 C 10.965644 -0.36336688 7.8066962 -0.5850975 5.7226562 1.2265625 L 2 4.4628906 L 2 0.5 C 2 0.22386 1.77614 0 1.5 0 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 818 B

5
chrome/popup/menu-right.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 5.4765625 2 A 0.5 0.5 0 0 0 5.1464844 2.1464844 A 0.5 0.5 0 0 0 5.1464844 2.8535156 L 10.292969 8 L 5.1464844 13.146484 A 0.5 0.5 0 0 0 5.1464844 13.853516 A 0.5 0.5 0 0 0 5.8535156 13.853516 L 11.353516 8.3535156 A 0.50005 0.50005 0 0 0 11.353516 7.6464844 L 5.8535156 2.1464844 A 0.5 0.5 0 0 0 5.4765625 2 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 486 B

1167
chrome/popup/popup.css Normal file
View file

File diff suppressed because it is too large Load diff

582
chrome/popup/urlbar-results.css Normal file
View file

@ -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;
}
}

36
chrome/tabbar/EdgeStyleTabShadow.css Normal file
View file

@ -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;
}

5
chrome/tabbar/close-tab.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 4.5253906 3.875 A 0.625 0.625 0 0 0 4.0585938 4.0585938 A 0.625 0.625 0 0 0 4.0585938 4.9414062 L 7.1171875 8 L 4.0585938 11.058594 A 0.625 0.625 0 0 0 4.0585938 11.941406 A 0.625 0.625 0 0 0 4.9414062 11.941406 L 8 8.8828125 L 11.058594 11.941406 A 0.625 0.625 0 0 0 11.941406 11.941406 A 0.625 0.625 0 0 0 11.941406 11.058594 L 8.8828125 8 L 11.941406 4.9414062 A 0.625 0.625 0 0 0 11.941406 4.0585938 A 0.625 0.625 0 0 0 11.525391 3.875 A 0.625 0.625 0 0 0 11.058594 4.0585938 L 8 7.1171875 L 4.9414062 4.0585938 A 0.625 0.625 0 0 0 4.5253906 3.875 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 730 B

28
chrome/tabbar/spinner-busy.svg Normal file
View file

@ -0,0 +1,28 @@
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<style>
:root
{
--radius: calc(2 * 3.1415926536 * 7.5px);
--max-gap: calc(var(--radius) * .99);
--min-gap: calc(var(--radius) * .5);
}
@keyframes stroke-rotate
{
0% { stroke-dashoffset: var(--max-gap); }
100% { stroke-dashoffset: var(--min-gap); }
}
circle
{
fill: transparent;
stroke: context-fill;
stroke-width: 1px;
stroke-dasharray: var(--radius);
stroke-linecap: round;
transform-origin: center;
animation: stroke-rotate 1.333s cubic-bezier(.35, 0, .25, 1) both;
}
</style>
<circle cx="50%" cy="50%" r="7.5px"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 671 B

43
chrome/tabbar/spinner-progress.svg Normal file
View file

@ -0,0 +1,43 @@
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<style>
:root
{
--radius: calc(2 * 3.1415926536 * 7.5px);
--max-gap: calc(var(--radius) * .99);
--min-gap: calc(var(--radius) * .25);
}
@keyframes stroke-rotate
{
0% { stroke-dashoffset: var(--max-gap); }
12.5% { stroke-dashoffset: var(--min-gap);
transform: rotate(0); }
12.5001%, 25% { transform: rotateX(180deg) rotate(90deg); }
25% { stroke-dashoffset: var(--max-gap); }
25.0001%, 37.5% { transform: rotate(270deg); }
37.5% { stroke-dashoffset: var(--min-gap); }
37.5001%, 50% { transform: rotateX(180deg) rotate(180deg); }
50% { stroke-dashoffset: var(--max-gap); }
50.0001%, 62.5% { transform: rotate(180deg); }
62.5% { stroke-dashoffset: var(--min-gap); }
62.5001%, 75% { transform: rotateX(180deg) rotate(270deg); }
75% { stroke-dashoffset: var(--max-gap); }
75.0001%, 87.5% { transform: rotate(90deg); }
87.5% { stroke-dashoffset: var(--min-gap); }
87.5001%, 100% { transform: rotateX(180deg) rotate(360deg); }
100% { stroke-dashoffset: var(--max-gap); }
}
circle
{
fill: transparent;
stroke-dasharray: var(--radius);
stroke: context-fill;
stroke-width: 1;
stroke-linecap: round;
transform-origin: center;
animation: stroke-rotate calc(1.333s * 4) cubic-bezier(.35, 0, .25, 1) infinite both;
}
</style>
<circle cx="50%" cy="50%" r="7.5px"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

573
chrome/tabbar/tabbar.css Normal file
View file

@ -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;
}
}
}

6
chrome/urlbar/connection-warning.svg Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 8 0 C 7.4892078 1.25625e-06 6.9781058 0.2605667 6.6953125 0.78125 L 0.18554688 12.765625 C -0.36012118 13.770348 0.35793995 15 1.4902344 15 L 14.509766 15 C 15.64205 15 16.360101 13.770348 15.814453 12.765625 L 9.3046875 0.78125 C 9.0218893 0.26056168 8.5107922 -1.25625e-06 8 0 z M 8 1.0058594 C 8.1702694 1.0058594 8.3413139 1.0920622 8.4355469 1.265625 L 14.943359 13.25 C 15.125175 13.584875 14.887194 13.994141 14.509766 13.994141 L 1.4902344 13.994141 C 1.1127958 13.994141 0.87474465 13.584875 1.0566406 13.25 L 7.5644531 1.265625 C 7.6587159 1.0920622 7.8297306 1.0058594 8 1.0058594 z M 8.0605469 4.9257812 C 7.7844069 4.9257812 7.5605469 5.1496413 7.5605469 5.4257812 L 7.5605469 9.4257812 C 7.5605469 9.7018812 7.7844069 9.9257812 8.0605469 9.9257812 C 8.3366469 9.9257812 8.5605469 9.7018812 8.5605469 9.4257812 L 8.5605469 5.4257812 C 8.5605469 5.1496413 8.3366469 4.9257812 8.0605469 4.9257812 z M 8.0605469 10.925781 C 7.6463369 10.925781 7.3105469 11.261481 7.3105469 11.675781 C 7.3105469 12.089981 7.6463369 12.425781 8.0605469 12.425781 C 8.4747469 12.425781 8.8105469 12.089981 8.8105469 11.675781 C 8.8105469 11.261481 8.4747469 10.925781 8.0605469 10.925781 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

6
chrome/urlbar/connection.svg Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 8 0 C 6.34315 0 5 1.34315 5 3 L 5 4 L 4 4 C 2.89543 4 2 4.89543 2 6 L 2 13 C 2 14.1046 2.89543 15 4 15 L 12 15 C 13.1046 15 14 14.1046 14 13 L 14 6 C 14 4.89543 13.1046 4 12 4 L 11 4 L 11 3 C 11 1.34315 9.6569 0 8 0 z M 8 1 C 9.1046 1 10 1.89543 10 3 L 10 4 L 6 4 L 6 3 C 6 1.89543 6.89543 1 8 1 z M 4 5 L 12 5 C 12.5523 5 13 5.44772 13 6 L 13 13 C 13 13.5523 12.5523 14 12 14 L 4 14 C 3.44772 14 3 13.5523 3 13 L 3 6 C 3 5.44772 3.44772 5 4 5 z M 8 8.5 C 7.44772 8.5 7 8.9477 7 9.5 C 7 10.0523 7.44772 10.5 8 10.5 C 8.5523 10.5 9 10.0523 9 9.5 C 9 8.9477 8.5523 8.5 8 8.5 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 806 B

2
chrome/urlbar/go.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
</svg>
Side by side

After

Width:  |  Height:  |  Size: 91 B

5
chrome/urlbar/info.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 8 0 C 3.58172 0 0 3.58172 0 8 C 0 12.4183 3.58172 16 8 16 C 12.4183 16 16 12.4183 16 8 C 16 3.58172 12.4183 0 8 0 z M 8 1 C 11.866 1 15 4.13401 15 8 C 15 11.866 11.866 15 8 15 C 4.13401 15 1 11.866 1 8 C 1 4.13401 4.13401 1 8 1 z M 8.0488281 4 C 7.6346381 4 7.2988281 4.33579 7.2988281 4.75 C 7.2988281 5.16422 7.6346381 5.5 8.0488281 5.5 C 8.4630281 5.5 8.7988281 5.16422 8.7988281 4.75 C 8.7988281 4.33579 8.4630281 4 8.0488281 4 z M 8 6.5 C 7.72387 6.5 7.5 6.72386 7.5 7 L 7.5 11.501953 L 7.5078125 11.591797 C 7.5501525 11.825097 7.75455 12.001953 8 12.001953 C 8.2762 12.001953 8.5 11.778153 8.5 11.501953 L 8.5 7 L 8.4921875 6.9101562 C 8.4497875 6.6769063 8.2455 6.5 8 6.5 z " />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 858 B

4
chrome/urlbar/naughty-shield.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M12.7,7h-0.92A28.263,28.263,0,0,0,12,3.5l-4.5-2V7.153A0.986,0.986,0,0,0,7,8v5.794A7.942,7.942,0,0,1,3.554,11C1.994,8.647,2,2.5,2,2.5L7.531,0,13,2.5A34.541,34.541,0,0,1,12.7,7Z"/>
<path fill="#cc4f40" fill-opacity="context-fill-opacity" d="M14,15H9a1,1,0,0,1-1-1V9A1,1,0,0,1,9,8h5a1,1,0,0,1,1,1v5A1,1,0,0,1,14,15Zm-1.139-2.846-0.646-.646,0.646-.646-0.008-.008A0.5,0.5,0,0,0,12.5,10a0.491,0.491,0,0,0-.386.194l-0.606.606-0.646-.646,0,0a0.5,0.5,0,1,0-.7.7l0,0L10.8,11.508l-0.606.606A0.491,0.491,0,0,0,10,12.5a0.5,0.5,0,0,0,.854.354l0.008,0.008,0.646-.646,0.646,0.646,0,0a0.5,0.5,0,0,0,.7-0.7Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 750 B

789
chrome/urlbar/urlbar.css Normal file
View file

@ -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;
}

41
chrome/userChrome.css Normal file
View file

@ -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;
}

25
chrome/userContent.css Normal file
View file

@ -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;
}
}
}

61
chrome/userContent/NewTab.css Normal file
View file

@ -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;
}
}

37
chrome/userContent/Preferences.css Normal file
View file

@ -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;
}
}