Merge pull request #15 from bmFtZQ/rewrite

Merge `rewrite` into `main`
This commit is contained in:
bmFtZQ 2022-01-15 17:07:22 +08:00 committed by GitHub
commit 64167f2a79
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
229 changed files with 1931 additions and 6681 deletions

6
.gitignore vendored Normal file
View file

@ -0,0 +1,6 @@
.DS_Store
inkscape-template.svg
/userChrome.css
/userContent.css
.vscode
/icons

View file

@ -1,34 +1,26 @@
# Edge-FrFox # Edge-FrFox rewrite
A userChrome.css theme for Firefox that replicates Microsoft Edge and adds icons to the right click menus. A Firefox userChrome.css theme that aims to recreate the look and feel of the Chromium version of Microsoft Edge.
![thumbnail](screenshots/Edge-FrFox-theme.png) This branch is for a new version that is rewritten from scratch. Old version can be found in the [`main`](https://github.com/bmFtZQ/Edge-FrFox/tree/main) branch.
## Screenshots #### This version of the theme has only been test on Firefox Nightly 96 but should work on Firefox 94.
**(Screenshots from macOS Big Sur / Firefox 89.0)**
Newtab Page Light|Newtab Page Dark|Firefox Alpenglow Light ![thumbnail](screenshots/thumb.png)
-|-|- ###### Screenshot taken with macOS Monterey / Firefox Nightly 96.0a1 (2021-11-30)
![screenshot-light](screenshots/screenshot-light.png) | ![screenshot-dark](screenshots/screenshot-dark.png) | ![screenshot-alpenglow-light](screenshots/screenshot-alpenglow-light.png)
Right Click Menu Light | Right Click Menu Dark | Firefox Alpenglow Dark
![right-click-light](screenshots/right-click-light.png) | ![right-click-dark](screenshots/right-click-dark.png) | ![screenshot-alpenglow-dark](screenshots/screenshot-alpenglow-dark.png)
## How to install ## How to install
1. Go to `about:support` and click the "Show in File Explorer/Finder" button for the root directory of your browser profile/s.
1. Go to about:support and click the button that shows your profile folder in your file explorer. 2. Download and copy the `chrome` folder into the profile folder.
2. Copy the `chrome` folder into the profile folder 3. Go to about:config and change these preferences:
3. Go to about:config and enter the following values: ###### For all operating systems:
1. `toolkit.legacyUserProfileCustomizations.stylesheets` = `true` 1. `toolkit.legacyUserProfileCustomizations.stylesheets` = `true`
2. `svg.context-properties.content.enabled` = `true` 2. `svg.context-properties.content.enabled` = `true`
###### Recommended settings: 3. `layout.css.color-mix.enabled` = `true`
1. `browser.tabs.tabClipWidth` = `83`
2. `security.insecure_connection_text.enabled` = `true`
###### Firefox 88 or higher: ###### On macOS:
1. `layout.css.color-mix.enabled` = `true` 1. To use the Edge style context menu on macOS then set `widget.macos.native-context-menus` = `false` **(Not Implemented Yet!)**
###### Firefox 89 or higher: **Note: Most frequently tested on macOS**
1. To use the Edge style context menu on macOS then make sure `widget.macos.native-context-menus` = `false`
**Note: Only properly tested on macOS 11 Big Sur**
## Acknowledgements ## Acknowledgements
[muckSponge](https://github.com/muckSponge) - [MaterialFox](https://github.com/muckSponge/MaterialFox) [muckSponge](https://github.com/muckSponge) - [MaterialFox](https://github.com/muckSponge/MaterialFox)

117
chrome/content/common.css Normal file
View file

@ -0,0 +1,117 @@
/* EdgeFr-Fox by bmFtZQ - content/common.css */
/* colours */
@-moz-document url-prefix(about:) {
:root {
--in-content-page-color: #252525 !important;
--in-content-page-background: #f7f7f7 !important;
--in-content-deemphasized-text: #666 !important;
--in-content-box-background: #fff !important;
--in-content-box-background-odd: rgba(0, 0, 0, 0.05) !important;
--in-content-box-info-background: #f7f7f7 !important;
--in-content-icon-color: #666 !important;
--in-content-accent-color: #006CBE !important;
--in-content-accent-color-active: #1683D8 !important;
--in-content-border-hover: rgba(0, 0, 0, 0.5) !important;
--in-content-border-invalid: var(--red-50) !important;
--in-content-border-color: #bebebe !important;
--in-content-error-text-color: #FF848A !important;
--in-content-link-color: #0078D4 !important;
--in-content-link-color-hover: #006CBE !important;
--in-content-link-color-active: #0749AC !important;
--in-content-link-color-visited: #0078D4 !important;
--in-content-button-text-color: var(--in-content-text-color) !important;
--in-content-button-text-color-hover: var(--in-content-text-color) !important;
--in-content-button-text-color-active: var(--in-content-button-text-color-hover) !important;
--in-content-button-background: #EDEDED !important;
--in-content-button-background-hover: #e5e5e5 !important;
--in-content-button-background-active: #d5d5d5 !important;
--in-content-primary-button-text-color: #fff !important;
--in-content-primary-button-background: #0061e0 !important;
--in-content-primary-button-background-hover: #0250bb !important;
--in-content-primary-button-background-active: #053e94 !important;
--in-content-danger-button-background: #DF4951 !important;
--in-content-danger-button-background-hover: #EA656C !important;
--in-content-danger-button-background-active: #BB353C !important;
--in-content-focus-outline-color: color-mix(in srgb, #0055D7 50%, transparent) !important;
--in-content-table-background: #f7f7f7 !important;
--in-content-text-color: var(--in-content-page-color) !important;
scrollbar-color: rgba(37, 37, 37, 0.4) #f7f7f7 !important;
}
@media (prefers-color-scheme: dark) {
:root {
--in-content-page-background: #252525 !important;
--in-content-page-color: #fff !important;
--in-content-deemphasized-text: #bbb !important;
--in-content-box-background: #333 !important;
--in-content-box-background-odd: rgba(255, 255, 255, 0.05) !important;
--in-content-box-info-background: rgba(255, 255, 255, 0.15) !important;
--in-content-border-color: rgba(255, 255, 255, 0.2) !important;
--in-content-border-hover: rgba(255, 255, 255, 0.3) !important;
--in-content-border-invalid: rgb(255, 132, 139) !important;
--in-content-error-text-color: #FF9AA2 !important;
--in-content-button-background: #3B3B3B !important;
--in-content-button-background-hover: #545454 !important;
--in-content-button-background-active: #606060 !important;
--in-content-icon-color: #fff !important;
--in-content-primary-button-text-color: #fff !important;
--in-content-primary-button-background: #006CBE !important;
--in-content-primary-button-background-hover: #0078D4 !important;
--in-content-primary-button-background-active: #005CA3 !important;
--in-content-danger-button-background: #E12424 !important;
--in-content-danger-button-background-hover: #F94343 !important;
--in-content-danger-button-background-active: #AA1E1E !important;
--in-content-focus-outline-color: #63ADE5 !important;
--in-content-table-background: #252525 !important;
--in-content-accent-color: #75B6E8 !important;
--in-content-accent-color-active: #4C98D1 !important;
--in-content-link-color: #75B6E8 !important;
--in-content-link-color-hover: #63ADE5 !important;
--in-content-link-color-active: #4C98D1 !important;
--in-content-link-color-visited: var(--in-content-link-color) !important;
--card-outline-color: #555 !important;
--dialog-warning-text-color: var(--red-40) !important;
scrollbar-color: rgba(255, 255, 255, .4) #252525 !important;
}
}
}
/* preferences */
@-moz-document url-prefix(about:preferences), url-prefix(about:addons) {
.category[selected] {
position: relative !important;
border-radius: 4px !important;
}
.category[selected]:not(:hover, :active) {
background-color: var(--in-content-button-background) !important;
}
.category[selected]::before {
content: "";
display: block;
border-left: 3px solid var(--in-content-accent-color);
height: 24px;
position: absolute;
left: 0;
top: 12px;
}
button.tab-button:hover {
border-block-color: transparent var(--in-content-box-border-color) !important;
}
button.tab-button[selected],
button.tab-button[selected]:hover {
border-block-color: transparent currentColor !important;
}
}
/* fix page flashes when loading some websites */
@-moz-document url(about:blank) {
body {
background: var(--in-content-page-background);
color: var(--in-content-page-color);
}
}

189
chrome/content/newtab.css Normal file
View file

@ -0,0 +1,189 @@
/* EdgeFr-Fox by bmFtZQ - content/newtab.css */
/* colours */
@-moz-document url-prefix("about:newtab"), url-prefix("about:home") {
body:not([lwt-newtab], [lwt-newtab-brighttext]) {
--newtab-background-color: #F7F7F7 !important;
--newtab-background-color-secondary: #fff !important;
--newtab-text-primary-color: #252525 !important;
--newtab-primary-action-background: #0078D4 !important;
--newtab-text-secondary-color: color-mix(in srgb, var(--newtab-text-primary-color) 80%, transparent) !important;
--newtab-element-hover-color: color-mix(in srgb, var(--newtab-background-color) 95%, #000) !important;
--newtab-element-active-color: color-mix(in srgb, var(--newtab-background-color) 90%, #000) !important;
--newtab-element-secondary-color: color-mix(in srgb, currentColor 5%, transparent) !important;
--newtab-element-secondary-hover-color: color-mix(in srgb, currentColor 12%, transparent) !important;
--newtab-element-secondary-active-color: color-mix(in srgb, currentColor 25%, transparent) !important;
--newtab-primary-element-hover-color: color-mix(in srgb, var(--newtab-primary-action-background) 90%, #000) !important;
--newtab-primary-element-active-color: color-mix(in srgb, var(--newtab-primary-action-background) 80%, #000) !important;
--newtab-primary-element-text-color: #fff !important;
--newtab-primary-action-background-dimmed: color-mix(in srgb, var(--newtab-primary-action-background) 25%, transparent) !important;
--newtab-border-color: color-mix(in srgb, var(--newtab-background-color) 75%, #000) !important;
--newtab-wordmark-color: #737373 !important;
--newtab-status-success: #50B080 !important;
--newtab-status-error: #FF848A !important;
--newtab-inner-box-shadow-color: rgba(0, 0, 0, 0.1) !important;
--newtab-overlay-color: color-mix(in srgb, var(--newtab-background-color) 85%, transparent) !important;
--newtab-text-emphasis-background: #FFED32 !important;
--newtab-text-emphasis-text-color: #000 !important;
--newtab-textbox-focus-color: var(--newtab-primary-action-background) !important;
--newtab-textbox-focus-boxshadow: 0 0 0 1px var(--newtab-primary-action-background), 0 0 0 4px rgba(var(--newtab-primary-action-background), 0.3) !important;
--newtab-button-secondary-color: inherit !important;
}
body[style*="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1);"]:not([style*="--newtab-background-color-secondary"])[lwt-newtab-brighttext],
body:not([style*="color"])[lwt-newtab-brighttext] {
--newtab-background-color: #252525 !important;
--newtab-background-color-secondary: #4A4A4A !important;
--newtab-text-primary-color: #fff !important;
--newtab-primary-action-background: #75B6E8 !important;
--newtab-element-hover-color: color-mix(in srgb, var(--newtab-background-color) 95%, #FFF) !important;
--newtab-element-active-color: color-mix(in srgb, var(--newtab-background-color) 90%, #FFF) !important;
--newtab-element-secondary-color: color-mix(in srgb, currentColor 10%, transparent) !important;
--newtab-element-secondary-hover-color: color-mix(in srgb, currentColor 17%, transparent) !important;
--newtab-element-secondary-active-color: color-mix(in srgb, currentColor 30%, transparent) !important;
--newtab-border-color: color-mix(in srgb, var(--newtab-background-color) 75%, #FFF) !important;
--newtab-primary-element-text-color: #252525 !important;
--newtab-wordmark-color: #fff !important;
--newtab-status-success: #50B080 !important;
}
}
@-moz-document url-prefix("about:newtab"), url-prefix("about:home") {
/* hide pin */
.icon.icon-pin-small {
display: none !important;
}
/* unpinned sites have lower opacity title */
.top-site-button .title:not(.pinned) {
opacity: 0.6 !important;
}
/* search bar */
.search-wrapper .search-inner-wrapper {
min-height: 44px !important;
}
.search-handoff-button {
border-radius: 99px !important;
background-position: 12px !important;
padding-inline-start: 48px !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
--elevation: 4;
box-shadow: 0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(0, 0, 0, 0.11), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, 0.13) !important;
}
.search-handoff-button:hover {
--elevation: 6;
}
.search-wrapper.fake-focus:not(.search.disabled) .search-handoff-button {
border-color: transparent !important;
outline: 2px solid var(--newtab-primary-action-background) !important;
outline-offset: -1px !important;
}
.search-handoff-button .fake-caret {
inset-inline-start: 48px !important;
top: 13px !important;
}
.search-disabled .search-handoff-button {
opacity: 0 !important;
}
/* top sites */
.top-site-outer .tile {
border-radius: 12px !important;
height: 44px !important;
width: 44px !important;
box-shadow: none !important;
}
.top-site-outer .tile .icon-wrapper {
border-radius: 4px !important;
width: 24px !important;
height: 24px !important;
}
.top-site-outer .default-icon,
.top-site-outer .search-topsite {
background-size: 24px !important;
height: 24px !important;
width: 24px !important;
}
.top-site-outer .tile .icon-wrapper.letter-fallback::before {
font-size: 32px !important;
}
/* card */
.card-outer .card,
.ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
border-radius: 4px !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.card-outer .card-preview-image-outer,
.ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) .img-wrapper .img img {
border-radius: 4px 4px 0 0 !important
}
}
/* private browsing newtab */
@-moz-document url-prefix(about:privatebrowsing) {
:root {
--uc-wordmark-color: #737373 !important;
--uc-background-color-secondary: #fff !important;
}
@media (prefers-color-scheme: dark) {
:root {
--uc-wordmark-color: #fff !important;
--uc-background-color-secondary: #4a4a4a !important;
}
}
.search-inner-wrapper {
height: 44px !important;
}
.search-handoff-button,
.search-handoff-button:active,
.search-handoff-button:enabled:hover:active {
background-color: var(--uc-background-color-secondary) !important;
background-size: 24px;
border: 0 !important;
border-radius: 99px !important;
padding-inline-start: 48px !important;
--elevation: 4;
box-shadow: 0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(0, 0, 0, 0.11), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, 0.13) !important;
}
.search-handoff-button:hover {
--elevation: 6;
}
.search-handoff-button.focused:not(.disabled) {
box-shadow: none !important;
outline: 2px solid var(--in-content-focus-outline-color) !important;
outline-offset: -1px !important;
}
.search-handoff-button.disabled {
opacity: 0 !important;
}
.fake-textbox {
color: var(--in-content-page-color) !important;
}
.wordmark {
fill: var(--uc-wordmark-color) !important;
}
.info {
background-color: var(--uc-background-color-secondary) !important;
}
}

View file

@ -1,182 +0,0 @@
/* High Contrast Theme */
@media (prefers-contrast) {
:root,
:root #navigator-toolbox,
findbar {
--highContrastTheme-border-color: #777 !important;
--highContrastTheme-urlbar-border-color: #000a;
--highContrastTheme-menuitem-selected-background: #444;
--highContrastTheme-menuitem-selected-background-active: #222;
--highContrastTheme-menuitem-selected-color: #fff;
--highContrastTheme-urlbar-URL-selected-color: #81c2ff;
--panel-separator-color: rgba(0, 0, 0, 0.8) !important;
--toolbarbutton-icon-fill-attention: #003aa5 !important;
--chrome-content-separator-color: var(--highContrastTheme-border-color) !important;
--autocomplete-popup-highlight-background: var(--highContrastTheme-menuitem-selected-background) !important;
--autocomplete-popup-highlight-color: var(--highContrastTheme-menuitem-selected-color) !important;
--panelview-toolbarbutton-hover-bgcolor: var(--highContrastTheme-menuitem-selected-background) !important;
--panelview-toolbarbutton-hover-color: var(--highContrastTheme-menuitem-selected-color) !important;
--panelview-toolbarbutton-active-bgcolor: var(--highContrastTheme-menuitem-selected-background-active) !important;
--panelview-toolbarbutton-active-color: var(--highContrastTheme-menuitem-selected-color) !important;
}
:root[lwthemetextcolor="bright"],
:root[lwthemetextcolor="bright"] #navigator-toolbox,
:root[lwthemetextcolor="bright"] findbar {
--highContrastTheme-border-color: #999 !important;
--highContrastTheme-urlbar-border-color: #fffa;
--highContrastTheme-menuitem-selected-background: #ccc;
--highContrastTheme-menuitem-selected-color: #000;
--highContrastTheme-urlbar-URL-selected-color: #004da5;
--panel-separator-color: rgba(255, 255, 255, 0.8) !important;
--lwt-toolbarbutton-icon-fill-attention: #55befc !important;
}
menupopup,
panel {
--menu-border-radius: 2px;
--menu-border: 1px solid #fff;
--menu-shadow: 0 0 0 2px #000, 0 3px 10px 4px rgba(0, 0, 0, .3);
}
:root[lwthemetextcolor="bright"] :-moz-any(menupopup, panel) {
--menu-border: 1px solid #fff;
--menu-shadow: 0 0 0 1px #000, 0 3px 10px 4px rgba(0, 0, 0, .3);
}
menupopup menuseparator {
opacity: 1 !important;
color: var(--panel-separator-color) !important;
}
menupopup menuitem:hover:not([disabled=true]),
menupopup menu:hover:not([disabled=true]),
.autocomplete-richlistitem:hover:not([disabled=true]):not([selected=true]),
#context-navigation .menuitem-iconic:hover:not([disabled]) {
background-color: var(--highContrastTheme-menuitem-selected-background) !important;
color: var(--highContrastTheme-menuitem-selected-color) !important;
}
menupopup menuitem:hover:active:not([disabled="true"]),
menupopup menu:hover:active:not([disabled="true"]),
.autocomplete-richlistitem:hover:active:not([disabled="true"]),
.autocomplete-richlistitem[selected="true"] {
background-color: var(--highContrastTheme-menuitem-selected-background-active) !important;
color: var(--highContrastTheme-menuitem-selected-color) !important;
}
#urlbar,
#searchbar,
hbox[anonid="findbar-textbox-wrapper"] {
box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important;
}
#urlbar:hover,
#searchbar:hover,
hbox[anonid="findbar-textbox-wrapper"]:hover:not(:focus-within) {
box-shadow: 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset, 0 0 0 1px var(--highContrastTheme-urlbar-border-color) inset !important;
}
#urlbar[open],
#searchbar[open] {
box-shadow: 0 0 0 1px #000, 0 3px 10px 4px rgba(0, 0, 0, .3), 0 0 0 1px #fff inset !important;
border-radius: 2px !important;
}
.urlbarView-row[selected] {
--urlbar-popup-url-color: var(--highContrastTheme-urlbar-URL-selected-color) !important;
}
:is(:root, :root[lwthemetextcolor="bright"]) #nav-bar {
box-shadow: 0 -1px var(--highContrastTheme-border-color) !important;
}
:is(:root, :root[lwthemetextcolor="bright"]) .tabbrowser-tab[visuallyselected] .tab-background {
box-shadow: 0 0 0 1px var(--highContrastTheme-border-color) !important;
}
.tab-background::before {
box-shadow: -1px -1px 0 var(--highContrastTheme-border-color) inset, 4px 4px 0 4px var(--tab-bgcolor) !important;
}
.tab-background::after {
box-shadow: 1px -1px 0 var(--highContrastTheme-border-color) inset, -4px 4px 0 4px var(--tab-bgcolor) !important;
}
.tabbrowser-tab:not([selected=true]):hover,
.tabbrowser-tab[multiselected]:not([selected=true]) {
--tab-opacity: .6;
}
#TabsToolbar[brighttext] .tabbrowser-tab:not([selected=true]):hover,
#TabsToolbar[brighttext] .tabbrowser-tab[multiselected]:not([selected=true]) {
--tab-opacity: .2;
}
}
/* Reduce Motion */
@media (prefers-reduced-motion) {
.tabbrowser-tab {
--tab-transition-duration: 0s !important;
}
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)),
.tab-close-button,
.tab-icon-overlay[activemedia-blocked],
.tab-icon-sound,
.urlbar-icon,
#page-action-buttons>toolbarbutton,
.searchbar-search-button,
#tracking-protection-icon-box,
#identity-icon-box,
#identity-permission-box,
#tracking-protection-icon-box,
#urlbar:hover #tracking-protection-icon-box,
#tracking-protection-icon-container[open] #tracking-protection-icon-box,
#tracking-protection-icon-box[active],
#urlbar:is(:hover, :not(:hover)) .urlbar-page-action:-moz-any(#reader-mode-button,
#pageActionButton,
#pocket-button-box,
#pageAction-urlbar-screenshots_mozilla_org,
#pageAction-urlbar-sendToDevice,
#pageAction-urlbar-emailLink,
#pageAction-urlbar-copyURL,
#pageAction-urlbar-shareURL,
#pageAction-urlbar-addSearchEngine),
.urlbar-page-action:-moz-any(#reader-mode-button,
#pageActionButton,
#pocket-button-box,
#pageAction-urlbar-screenshots_mozilla_org,
#pageAction-urlbar-sendToDevice,
#pageAction-urlbar-emailLink,
#pageAction-urlbar-copyURL,
#pageAction-urlbar-shareURL,
#pageAction-urlbar-addSearchEngine):-moz-any(:hover, [open], [readeractive]),
.urlbar-page-action:-moz-any(:hover, [open])~.urlbar-page-action:-moz-any(#reader-mode-button,
#pageActionButton,
#pocket-button-box,
#pageAction-urlbar-screenshots_mozilla_org,
#pageAction-urlbar-sendToDevice,
#pageAction-urlbar-emailLink,
#pageAction-urlbar-copyURL,
#pageAction-urlbar-shareURL,
#pageAction-urlbar-addSearchEngine),
#tracking-protection-icon-container[open]~#page-action-buttons .urlbar-page-action:-moz-any(#reader-mode-button,
#pageActionButton,
#pocket-button-box,
#pageAction-urlbar-screenshots_mozilla_org,
#pageAction-urlbar-sendToDevice,
#pageAction-urlbar-emailLink,
#pageAction-urlbar-copyURL,
#pageAction-urlbar-shareURL,
#pageAction-urlbar-addSearchEngine),
hbox[anonid="findbar-textbox-wrapper"] toolbarbutton,
hbox[anonid="findbar-textbox-wrapper"] {
transition-duration: 0s, 0s, 0s, 0s, 0s !important;
}
}

View file

@ -1,71 +0,0 @@
/* (UNFINISHED) (TESTED ON MACOS ONLY!) Add icons to menubar popups */
#menu_newNavigatorTab {
list-style-image: url(../icons/new-tab-image.svg) !important;
}
#menu_newNavigator {
list-style-image: url(../icons/new-window.svg) !important;
}
#menu_newPrivateWindow {
list-style-image: url(../icons/new-private-window.svg) !important;
}
#menu_openLocation {
list-style-image: url(../icons/globe.svg) !important;
}
#menu_openFile {
list-style-image: url(../icons/folder.svg) !important;
}
#menu_close, #menu_closeWindow, #menu_findAgain, #historyRestoreLastSession, #hiddenTabsMenu, #historyUndoMenu, #historyUndoWindowMenu {
list-style-image: url(../icons/blank.svg) !important;
}
#menu_savePage {
list-style-image: url(../icons/savefile.svg) !important;
}
#menu_sendLink {
list-style-image: url(../icons/email.svg) !important;
}
#menu_printSetup, #menu_print {
list-style-image: url(../icons/print.svg) !important;
}
#menu_undo {
list-style-image: url(../popup/icons/undo.svg) !important;
}
#menu_redo {
list-style-image: url(../popup/icons/redo.svg) !important;
}
#menu_cut {
list-style-image: url(../popup/icons/cut.svg) !important;
}
#menu_copy {
list-style-image: url(../popup/icons/copy.svg) !important;
}
#menu_paste {
list-style-image: url(../popup/icons/paste.svg) !important;
}
#menu_delete {
list-style-image: url(../popup/icons/delete.svg) !important;
}
#menu_selectAll {
list-style-image: url(../popup/icons/select-all.svg) !important;
}
#menu_find {
list-style-image: url(../icons/search-file.svg) !important;
}
#toggle_PersonalToolbar, #menu_bookmarksSidebar {
list-style-image: url(../icons/bookmark.svg) !important;
}
#menu_customizeToolbars {
list-style-image: url(../icons/brush.svg) !important;
}
#menu_historySidebar {
list-style-image: url(../icons/history.svg) !important;
}
#menu_tabsSidebar, #sync-tabs-menuitem {
list-style-image: url(../icons/synced-tabs.svg) !important;
}
#menu_showAllHistory {
list-style-image: url(../icons/history.svg) !important;
}
#sanitizeItem {
list-style-image: url(../icons/forget.svg) !important;
}

View file

@ -1,167 +0,0 @@
/* Light Mode */
:root:not([style]),
:root:not([lwtheme]),
:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"] {
/* accentcolor */
--lwt-accent-color: #cecece !important;
/* textcolor */
--lwt-text-color: #000 !important;
/* toolbar */
--toolbar-bgcolor: #f7f7f7 !important;
/* tab background (unset to match toolbar-bgcolor) */
--lwt-selected-tab-background-color: unset !important;
/* toolbar_text */
--toolbar-color: #000 !important;
/* toolbar_bottom_separator */
--chrome-content-separator-color: #d2d2d2 !important;
/* icons */
--lwt-toolbarbutton-icon-fill: #000 !important;
/* icons_attention */
--lwt-toolbarbutton-icon-fill-attention: #0078d4 !important;
/* button_background_hover */
--lwt-toolbarbutton-hover-background: #0000001a !important;
/* button_background_active */
--lwt-toolbarbutton-active-background: #0000002a !important;
--lwt-toolbar-field-color: #000 !important;
--lwt-toolbar-field-focus-color: #000 !important;
/* popup_highlight */
--autocomplete-popup-highlight-background: #0001 !important;
/* popup_highlight_text */
--autocomplete-popup-highlight-color: #000 !important;
--urlbar-popup-url-color: #0172C9 !important;
--lwt-toolbar-field-background-color: #fff !important;
--lwt-toolbar-field-focus: #fff !important;
--lwt-toolbar-field-border-color: #ccc !important;
--tab-line-col: #0078d4 !important;
--toolbar-field-focus-border-color: #0078d4a0 !important;
--private-browsing-indicator: #0078d4 !important;
}
/* Dark Mode */
:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"] {
/* accentcolor */
--lwt-accent-color: #1b1b1b !important;
/* textcolor */
--lwt-text-color: #fff !important;
/* toolbar */
--toolbar-bgcolor: #3b3b3b !important;
/* tab background (unset to match toolbar-bgcolor) */
--lwt-selected-tab-background-color: unset !important;
/* toolbar_text */
--toolbar-color: #fff !important;
/* toolbar_bottom_separator */
--toolbox-border-bottom-color: #5B5B5B !important;
/* legacy */
--chrome-content-separator-color: #5B5B5B !important;
/* icons */
--lwt-toolbarbutton-icon-fill: #fff !important;
/* icons_attention */
--lwt-toolbarbutton-icon-fill-attention: #4C98D1 !important;
/* button_background_hover */
--lwt-toolbarbutton-hover-background: #ffffff1a !important;
/* button_background_active */
--lwt-toolbarbutton-active-background: #ffffff2a !important;
--lwt-toolbar-field-color: #fff !important;
--lwt-toolbar-field-focus-color: #fff !important;
/* popup */
--arrowpanel-background: #4a4a4a !important;
/* popup_text */
--arrowpanel-color: #fff !important;
--autocomplete-popup-color: #fff !important;
--panel-disabled-color: hsla(0, 0%, 100%, .5) !important;
/* popup_border */
--arrowpanel-border-color: #63636363 !important;
--autocomplete-popup-border-color: #636363 !important;
/* popup_highlight */
--autocomplete-popup-highlight-background: #fff1 !important;
/* popup_highlight_text */
--autocomplete-popup-highlight-color: #fff !important;
--urlbar-popup-url-color: #75B6E8 !important;
--lwt-toolbar-field-background-color: #2b2b2b !important;
--lwt-toolbar-field-focus: #2b2b2b !important;
--lwt-toolbar-field-border-color: #656565 !important;
--tab-line-col: #4C98D1 !important;
--toolbar-field-focus-border-color: #4c97d1a0 !important;
--private-browsing-indicator: #006cbe !important;
}
/* Inactive Window Light Mode */
:-moz-any(:root:not([style]), :root:not([lwtheme]), :root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"]):-moz-window-inactive :-moz-any(#TabsToolbar, #navigator-toolbox) {
--lwt-accent-color: #e8e8e8 !important;
--lwt-text-color: #3a3a3a !important;
--toolbar-color: #3a3a3a !important;
}
/* Inactive Window Dark Mode */
:-moz-any(:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]):-moz-window-inactive :-moz-any(#TabsToolbar, #navigator-toolbox) {
--lwt-accent-color: #2e2e2e !important;
--lwt-text-color: #b7b7b7 !important;
--toolbar-color: #cecece !important;
}
/* Sidebar Light Mode */
:-moz-any(#sidebar-box, #sidebar),
:-moz-any(.sidebar-panel, body) {
/* sidebar */
--sidebar-background-color: #f5f5f5 !important;
--lwt-sidebar-background-color: var(--sidebar-background-color) !important;
/* sidebar_text */
--sidebar-text-color: #000 !important;
--lwt-sidebar-text-color: var(--sidebar-text-color) !important;
}
/* Sidebar Dark Mode */
:-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"],
:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] {
/* sidebar */
--sidebar-background-color: #3b3b3b !important;
--lwt-sidebar-background-color: var(--sidebar-background-color) !important;
/* sidebar_text */
--sidebar-text-color: #fff !important;
--lwt-sidebar-text-color: var(--sidebar-text-color) !important;
}
/* Urlbar Button Backgrounds Light Mode */
:-moz-any(#urlbar, #searchbar) {
--toolbarbutton-hover-background: #0001 !important;
--toolbarbutton-active-background: #0002 !important;
}
/* Urlbar Button Backgrounds Dark Mode */
:root:-moz-lwtheme-brighttext :-moz-any(#urlbar, #searchbar) {
--toolbarbutton-hover-background: #fff1 !important;
--toolbarbutton-active-background: #fff2 !important;
}

View file

@ -1,13 +0,0 @@
/* Hide tab close button when mouse not hovering over it */
.tab-close-button {
transform: translateY(32px) !important;
margin-inline-start: -16px !important;
transition-property: margin, transform !important;
transition-duration: 200ms !important;
transition-timing-function: cubic-bezier(1, 0, 0, 1) !important;
}
:-moz-any(.tabbrowser-tab:hover:hover, .tabbrowser-tab[visuallyselected]) .tab-close-button {
transform: none !important;
margin-inline-start: 0 !important;
}

View file

@ -1,23 +0,0 @@
/* (BUGGY: USE AT OWN RISK!) Hide toolbar buttons other than extensions */
.toolbarbutton-icon,
.toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1 {
transition-duration: 0.1s !important;
transition-property: width, padding, border !important;
}
:root:not([customizing]) #navigator-toolbox:not(:hover)>#nav-bar:not([urlbar-exceeds-toolbar-bounds="true"]) .toolbarbutton-1:not(.webextension-browser-action, [open], [checked]) :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) {
width: 0 !important;
padding: 0 !important;
}
:root:not([customizing]) #navigator-toolbox:not(:hover)>#nav-bar:not([urlbar-exceeds-toolbar-bounds="true"]) .toolbarbutton-1:not(.webextension-browser-action, [open], [checked]) {
border-width: 0 !important;
}
/* Also Hide urlbar background */
/*
:root:not([customizing]) #navigator-toolbox:not(:hover) > #nav-bar
{ --toolbar-field-background-color: transparent !important; }
*/

View file

@ -1,11 +0,0 @@
/* (BUGGY: USE AT OWN RISK!) Swap Account icon and Overflow icon (must be placed next to each other) */
@media (min-width: 687px) {
:root:not([customizing]) #nav-bar-overflow-button {
transform: translateX(-44px);
}
:root:not([customizing]) #fxa-toolbar-menu-button {
transform: translateX(44px);
}
}

View file

@ -1,22 +0,0 @@
/* (MACOS ONLY!) Enable window vibrancy behind tabs */
#navigator-toolbox:not(:-moz-window-inactive) {
background-color: #0001 !important;
}
#main-window[lwthemetextcolor="bright"] #navigator-toolbox:not(:-moz-window-inactive) {
background-color: #1114 !important;
}
#main-window {
appearance: -moz-mac-vibrant-titlebar-light !important;
}
#main-window[lwthemetextcolor="bright"] {
appearance: -moz-mac-vibrant-titlebar-dark !important;
}
:-moz-any(#main-window, #navigator-toolbox):-moz-any([inFullscreen="true"], :-moz-window-inactive) {
appearance: none !important;
background-color: var(--lwt-accent-color) !important;
}

View file

@ -1,79 +0,0 @@
findbar {
background: var(--toolbar-bgcolor) !important;
border-top-color: var(--chrome-content-separator-color) !important;
color: var(--toolbar-color) !important;
}
.findbar-find-previous {
list-style-image: url(../icons/chevron-up.svg) !important;
}
.findbar-find-next {
list-style-image: url(../icons/chevron-down.svg) !important;
}
.findbar-textbox {
color: inherit !important;
background-color: transparent !important;
background-image: url(../icons/search.svg) !important;
background-repeat: no-repeat !important;
background-position: 5px center !important;
fill-opacity: 1 !important;
border: 0 !important;
box-shadow: none !important;
margin-inline-start: 2px !important;
padding-inline-start: 28px !important;
}
hbox[anonid="findbar-textbox-wrapper"] {
background-color: var(--toolbar-field-background-color) !important;
color: var(--lwt-toolbar-field-color) !important;
border-radius: 4px !important;
position: relative !important;
display: flex !important;
padding: 2px !important;
height: 28px !important;
transition: background-color .1s var(--ease-basic) !important;
box-shadow: 0 1px 5px 0 #0001 !important;
}
hbox[anonid="findbar-textbox-wrapper"]:hover:not(:focus-within) {
background-color: var(--toolbar-field-hover-background-color) !important;
box-shadow: 0 0 0 1px inset var(--toolbar-field-hover-border-color) !important;
}
hbox[anonid="findbar-textbox-wrapper"]:focus-within {
background-color: var(--toolbar-field-focus-background-color) !important;
color: var(--lwt-toolbar-field-focus-color) !important;
box-shadow: 0 0 0 1px inset var(--toolbar-field-focus-border-color), 0 0 0 1px var(--toolbar-field-focus-border-color) !important;
}
hbox[anonid="findbar-textbox-wrapper"] toolbarbutton {
border-radius: 4px !important;
border: 0 !important;
width: 24px !important;
height: 24px !important;
padding: 0 !important;
display: flex !important;
background: 0 !important;
transition: background-color .2s var(--ease-basic) !important;
margin: 0 !important;
box-shadow: none !important;
}
hbox[anonid="findbar-textbox-wrapper"] toolbarbutton[disabled] {
display: none !important;
}
hbox[anonid="findbar-textbox-wrapper"] toolbarbutton .toolbarbutton-text {
visibility: collapse !important;
}
hbox[anonid="findbar-textbox-wrapper"] toolbarbutton:not([disabled]):hover {
background-color: var(--toolbarbutton-hover-background) !important;
}
hbox[anonid="findbar-textbox-wrapper"] toolbarbutton:not([disabled]):hover:active {
background-color: var(--toolbarbutton-active-background) !important;
transition-duration: 0 !important;
}

135
chrome/global/colors.css Normal file
View file

@ -0,0 +1,135 @@
/* EdgeFr-Fox by bmFtZQ - colors.css */
/* light */
:root:not(:-moz-lwtheme) {
--lwt-accent-color: #cecece !important;
--lwt-accent-color-inactive: #e8e8e8 !important;
--lwt-text-color: #000 !important;
--toolbar-bgcolor: #f7f7f7 !important;
--toolbar-color: #000 !important;
--toolbarbutton-icon-fill: #000 !important;
--chrome-content-separator-color: #bfbfbf !important;
--lwt-toolbarbutton-icon-fill-attention: #0078D4 !important;
--toolbarbutton-icon-fill-attention: #0078D4 !important;
--lwt-tab-text: var(--toolbar-color) !important;
--lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important;
--tab-selected-bgcolor: var(--toolbar-bgcolor) !important;
--toolbar-field-background-color: #fff !important;
--toolbar-field-color: #000 !important;
--toolbar-field-border-color: #0000 !important;
--toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important;
--toolbar-field-focus-color: var(--toolbar-field-color) !important;
--toolbar-field-focus-border-color: #0055D7 !important;
--urlbar-icon-fill-opacity: 1 !important;
--urlbar-popup-url-color: #0072C9 !important;
--lwt-brighttext-url-color: var(--urlbar-popup-url-color) !important;
--urlbar-box-bgcolor: #f7f7f7 !important;
--autocomplete-popup-background: #fff !important;
--autocomplete-popup-color: #fff !important;
--autocomplete-popup-highlight-background: #f2f2f2 !important;
--autocomplete-popup-hover-background: #e5e5e5 !important;
--autocomplete-popup-separator-color: #dadada00 !important;
--toolbarbutton-hover-background: #e0e0e0 !important;
--toolbarbutton-active-background: #d5d5d5 !important;
--button-bgcolor: #EDEDED !important;
--button-hover-bgcolor: #e5e5e5 !important;
--button-active-bgcolor: #d5d5d5 !important;
--button-primary-bgcolor: #0078D4 !important;
--button-primary-hover-bgcolor: #006CBE !important;
--button-primary-active-bgcolor: #1683D8 !important;
--button-primary-color: #fff !important;
--error-text-color: #FF9AA2 !important;
--input-bgcolor: #fff !important;
--input-color: #2b2b2b !important;
--input-border-color: #bebebe !important;
--input-error-border-color: #FF848A !important;
--zoom-controls-bgcolor: #4A4A4A !important;
--arrowpanel-background: #fff !important;
--arrowpanel-color: #000 !important;
--panel-description-color: #0009 !important;
--panel-disabled-color: #000 !important;
--arrowpanel-dimmed: #565656 !important;
--arrowpanel-dimmed-further: #707070 !important;
--panel-item-hover-bgcolor: #eee !important;
--panel-item-active-bgcolor: #ddd !important;
--arrowpanel-border-color: #dadada !important;
--panel-separator-color: #dadada !important;
--panel-banner-item-update-supported-bgcolor: #50B080 !important;
--focus-outline-color: #0055D7 !important;
--panel-shortcut-color: inherit !important;
--uc-urlbar-shadow: 0 0 4px #0002;
}
/* dark */
:root[lwt-default-theme-in-dark-mode="true"] {
--lwt-accent-color: #1C1C1C !important;
--lwt-accent-color-inactive: #2e2e2e !important;
--lwt-text-color: #E5E5E5 !important;
--toolbar-bgcolor: #3B3B3B !important;
--toolbar-color: #fff !important;
--toolbarbutton-icon-fill: #fff !important;
--chrome-content-separator-color: #686868 !important;
--lwt-toolbarbutton-icon-fill-attention: #4C98D1 !important;
--toolbarbutton-icon-fill-attention: #4C98D1 !important;
--lwt-tab-text: var(--toolbar-color) !important;
--lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important;
--tab-selected-bgcolor: var(--toolbar-bgcolor) !important;
--toolbar-field-background-color: #2B2B2B !important;
--toolbar-field-color: #fff !important;
--toolbar-field-border-color: #0000 !important;
--toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important;
--toolbar-field-focus-color: var(--toolbar-field-color) !important;
--toolbar-field-focus-border-color: #63ADE5 !important;
--urlbar-icon-fill-opacity: 1 !important;
--urlbar-popup-url-color: #75B6E8 !important;
--lwt-brighttext-url-color: var(--urlbar-popup-url-color) !important;
--urlbar-box-bgcolor: #3B3B3B !important;
--autocomplete-popup-background: #4A4A4A !important;
--autocomplete-popup-color: #fff !important;
--autocomplete-popup-highlight-background: #383838 !important;
--autocomplete-popup-hover-background: #444444 !important;
--autocomplete-popup-separator-color: #63636300 !important;
--button-bgcolor: #3B3B3B !important;
--button-hover-bgcolor: #545454 !important;
--button-active-bgcolor: #606060 !important;
--button-primary-bgcolor: #006CBE !important;
--button-primary-hover-bgcolor: #0078D4 !important;
--button-primary-active-bgcolor: #005CA3 !important;
--button-primary-color: #fff !important;
--error-text-color: #FF9AA2 !important;
--input-bgcolor: #4A4A4A !important;
--input-color: #fff !important;
--input-border-color: #8A8A8A !important;
--input-error-border-color: #FF848A !important;
--zoom-controls-bgcolor: #4A4A4A !important;
--arrowpanel-background: #4A4A4A !important;
--arrowpanel-color: #fff !important;
--panel-description-color: #fffb !important;
--panel-disabled-color: #ABABAA !important;
--arrowpanel-dimmed: #565656 !important;
--arrowpanel-dimmed-further: #707070 !important;
--panel-item-hover-bgcolor: #646464 !important;
--panel-item-active-bgcolor: #747474 !important;
--arrowpanel-border-color: #636363 !important;
--panel-separator-color: #636363 !important;
--panel-banner-item-update-supported-bgcolor: #50B080 !important;
--focus-outline-color: #63ADE5 !important;
--panel-shortcut-color: inherit !important;
}
/* Change Colour of page when loading */
:root:not(:-moz-lwtheme) #tabbrowser-tabpanels {
background-color: #f7f7f7 !important;
}
:root[lwt-default-theme-in-dark-mode="true"] #tabbrowser-tabpanels {
background-color: #252525 !important;
}
/* needed for theming the private browsing indicator */
:root:not([style*="--button-primary-bgcolor"]) {
--button-primary-bgcolor: unset !important;
--button-primary-hover-bgcolor: unset !important;
--button-primary-active-bgcolor: unset !important;
--button-primary-color: unset !important;
}

View file

@ -1,337 +0,0 @@
@media not (-moz-os-version: windows-win7) {
@media not (-moz-os-version: windows-win8) {
:root[windowtype="navigator:browser"] {
background-color: var(--lwt-accent-color) !important;
appearance: none !important;
}
:root:not(:-moz-lwtheme) #navigator-toolbox {
background-color: transparent !important;
}
}
}
@media (-moz-windows-compositor) {
@media not (-moz-os-version: windows-win7) {
@media not (-moz-os-version: windows-win8) {
@media (-moz-windows-default-theme) {
:root[tabsintitlebar] .titlebar-buttonbox-container {
height: 32px !important;
margin: 0 !important;
}
:root[tabsintitlebar][sizemode=normal] .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) {
margin-block-start: calc(0px - (var(--space-above-tabbar) + 1px)) !important;
}
:root[tabsintitlebar][sizemode=maximized] #toolbar-menubar .titlebar-buttonbox-container {
height: 30px !important;
margin-top: -4px !important;
margin-bottom: -4px !important;
}
:root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) {
height: 24px !important;
}
:root[tabsintitlebar] #toolbar-menubar:not([inactive="true"]) .titlebar-button {
padding-block: 4px !important;
}
:root[tabsintitlebar][sizemode=maximized]:not([extradragspace]) .titlebar-buttonbox-container:not(#toolbar-menubar .titlebar-buttonbox-container) {
-moz-box-align: start !important;
margin-block-start: -5px !important;
}
@media (-moz-windows-accent-color-in-titlebar: 0) {
:root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]) {
background-color: #cecece !important;
color: #000 !important;
}
:root[tabsintitlebar]:not(:-moz-lwtheme):not([privatebrowsingmode=temporary]):-moz-window-inactive {
background-color: #e8e8e8 !important;
color: #3a3a3a !important;
}
}
}
}
}
}
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
:root[tabsintitlebar] .titlebar-buttonbox-container {
height: calc(32px + var(--space-above-tabbar)) !important;
margin: 0 !important;
}
:root[windowtype="navigator:browser"]:not([style*="image"]) {
background-color: #0000 !important;
}
:root[lwtheme]:not([style*="image"]) .tabbrowser-tab {
background-color: var(--lwt-accent-color) !important;
}
}
/* Change Colour of page when loading */
#tabbrowser-tabpanels {
background-color: #f7f7f7 !important;
}
:root[lwthemetextcolor="bright"] #tabbrowser-tabpanels {
background-color: #242424 !important;
}
#navigator-toolbox :-moz-any(toolbar, #nav-bar-customization-target):not(#toolbar-menubar) {
-moz-box-align: center !important;
}
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)),
/* no ::part workaround - may have side effects */
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) {
border-radius: 4px !important;
transition: background-color .2s var(--ease-basic) !important;
}
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)),
/* no ::part workaround - may have side effects */
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) {
font-size: 12px !important;
padding: 0 !important;
margin: 0 !important;
border: 2px solid transparent !important;
background-clip: padding-box !important;
}
/*
#navigator-toolbox :-moz-any(.toolbarbutton-1, .scrollbutton-up, .scrollbutton-down),
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) {
max-height: 32px !important;
height: 32px !important;
min-height: 32px !important;
}
*/
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton))[disabled],
/* no ::part workaround - may have side effects */
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)[disabled],
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)[disabled] {
opacity: .42 !important;
}
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):hover:not([disabled]),
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]),
/* no ::part workaround - may have side effects */
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:not([disabled]),
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:not([disabled]) {
background-color: var(--toolbarbutton-hover-background) !important;
}
#navigator-toolbox :-moz-any(.toolbarbutton-1, toolbarbutton.bookmark-item:not(.subviewbutton)):-moz-any(:hover:active, [checked], [open]):not([disabled]),
/* no ::part workaround - may have side effects */
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton):hover:active:not([disabled]),
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton):hover:active:not([disabled]) {
background-color: var(--toolbarbutton-active-background) !important;
transition: none !important;
}
#navigator-toolbox :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack),
/* no ::part workaround - may have side effects */
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)>.toolbarbutton-icon,
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)>.toolbarbutton-icon {
fill-opacity: 1 !important;
border: 0 !important;
box-shadow: none !important;
}
#navigator-toolbox .toolbarbutton-1> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) {
width: 40px !important;
height: 30px !important;
}
#navigator-toolbox .toolbarbutton-1> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) {
padding: 7px 12px !important;
background: 0 !important;
}
#TabsToolbar .toolbarbutton-1> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack),
/* no ::part workaround - may have side effects */
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton)>.toolbarbutton-icon,
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)>.toolbarbutton-icon {
padding: 6px !important;
width: 28px !important;
height: 28px !important;
}
/*
hack: fix customization screen popping bug when changing ui density
icon size is enforced and it doesn't like it when the normal density
nav-bar height is less than 38px (it's 36px due to smaller back icon)
*/
:root:not([uidensity=compact]) #customization-content-container {
padding-top: 1px !important;
}
:root:not([uidensity=compact]) :-moz-any(#customization-palette-container, #customization-panel-container) {
margin-top: -1px !important;
}
.menu-iconic,
.menuitem-iconic {
fill: currentColor !important;
}
/* legacy */
#navigator-toolbox {
border-bottom: 1px solid var(--chrome-content-separator-color, var(--toolbox-border-bottom-color)) !important;
}
/* legacy */
#navigator-toolbox::after {
display: none !important;
}
.pointerlockfswarning {
display: flex !important;
border-radius: 4px !important;
padding: 6px !important;
background: #333 !important;
border: 0 !important;
font-size: 14px !important;
box-shadow:
0 3px 5px -1px rgba(0, 0, 0, .2),
0 6px 10px 0 rgba(0, 0, 0, .14),
0 1px 18px 0 rgba(0, 0, 0, .12) !important;
color: hsla(0, 0%, 100%, .87) !important;
transition-timing-function: var(--ease-out), linear !important;
transition-property: transform, top !important;
}
#fullscreen-warning {
flex-direction: column !important;
min-width: 344px !important;
}
.pointerlockfswarning[hidden] {
visibility: hidden !important;
}
/* hack to keep it in same place as [ontop] */
/* probably doesn't work for single-line */
.pointerlockfswarning:not([hidden]):not([ontop]) {
top: -32px !important;
}
.pointerlockfswarning[ontop] {
top: 28px !important;
}
.pointerlockfswarning::before {
display: none !important;
}
.pointerlockfswarning-domain-text {
margin-block: 8px 18px !important;
margin-inline: 10px !important;
font-size: unset !important;
font-weight: unset !important;
align-self: start !important;
}
.pointerlockfswarning-domain {
font-weight: unset !important;
}
#fullscreen-exit-button {
-moz-appearance: none !important;
border: 0 !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
margin-inline: 8px 0 !important;
text-transform: uppercase !important;
font-weight: 500 !important;
letter-spacing: .0892857143em !important;
background: 0 !important;
position: relative !important;
color: var(--toolbarbutton-icon-fill-attention) !important;
align-self: end !important;
font-family: Roboto, inherit !important;
}
#fullscreen-exit-button::before {
content: "" !important;
display: block !important;
z-index: -1 !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
border-radius: 4px !important;
background: currentColor !important;
opacity: 0 !important;
transition: opacity .3s var(--ease-basic) !important;
}
#fullscreen-exit-button:hover::before {
opacity: .12 !important;
}
#fullscreen-exit-button:hover:active::before {
opacity: .24 !important;
transition-duration: .1s !important;
}
/* note: use Firefox account button instead */
#TabsToolbar .private-browsing-indicator {
display: none !important;
}
.toolbarbutton-1:not(:hover):-moz-window-inactive,
.bookmark-item:not(:hover):-moz-window-inactive,
:root:not([customizing]) .toolbarbutton-1:-moz-window-inactive[disabled="true"] {
opacity: 1 !important;
}
/* high DPI adjustments */
@media (min--moz-device-pixel-ratio: 2) {
#navigator-toolbox {
border-bottom-width: .5px !important;
padding-bottom: .5px !important;
box-shadow: inset 0 -.5px var(--toolbar-bgcolor) !important;
}
}
#sidebar-box,
#sidebar {
appearance: none !important;
}
#sidebar-box {
background-color: var(--sidebar-background-color) !important;
}
.sidebar-placesTree,
#viewButton {
color: #000 !important;
}
:root[lwt-sidebar-brighttext] :-moz-any(.sidebar-placesTree, #viewButton) {
color: #fff !important;
}
#statuspanel {
clip-path: inset(0) !important;
}
#statuspanel-label {
background-color: var(--toolbar-bgcolor) !important;
color: var(--toolbar-color) !important;
border: 0 !important;
box-shadow: 0 0 0 1px #0004, 0 4px 6px #0004 !important;
padding: 3px 6px !important;
}

194
chrome/global/popup.css Normal file
View file

@ -0,0 +1,194 @@
/* EdgeFr-Fox by bmFtZQ - popup.css */
:root {
--arrowpanel-border-radius: 4px !important;
--panel-subview-body-padding: 4px 0 !important;
--arrowpanel-menuitem-border-radius: 0 !important;
--arrowpanel-menuitem-margin: 0 !important;
--arrowpanel-menuitem-padding-block: 8px !important;
--arrowpanel-menuitem-padding-inline: 14px !important;
--uc-arrowpanel-menuicon-margin-inline: 14px;
--panel-separator-margin-vertical: 4px !important;
--panel-separator-margin-horizontal: 0 !important;
--uc-panel-zoom-button-padding: 8px;
--uc-panel-zoom-button-inline-padding: 13px;
}
/* app menu */
.addon-banner-item,
.panel-banner-item {
margin: 0 4px 4px !important;
padding-inline: 4px 12px !important;
border-radius: 2px !important;
}
#appMenu-fxa-label2>vbox>label {
margin-block: 0 !important;
}
.widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined)>.toolbarbutton-text,
.subviewbutton:not(#appMenu-zoom-controls2 > .subviewbutton)>.toolbarbutton-icon+.toolbarbutton-text,
#appMenu-fxa-label2>vbox {
padding-inline-start: var(--uc-arrowpanel-menuicon-margin-inline) !important;
}
/* special case menuitems with no icons */
#appMenu-zoom-controls2>.toolbarbutton-text,
#fxa-manage-account-button>vbox,
#PanelUI-fxa-menu-syncnow-button>hbox {
padding-inline-start: calc(16px + var(--uc-arrowpanel-menuicon-margin-inline)) !important;
}
.subviewbutton>.toolbarbutton-icon {
width: 16px !important;
}
/* firefox profile avatar in appmenu */
#appMenu-fxa-label2::before {
content: "";
display: -moz-box;
height: 16px;
width: 16px;
background: var(--avatar-image-url) 0/16px;
scale: 1.25;
border-radius: 99px;
}
/* disable proton account separator */
#appMenu-fxa-separator {
border-image: none !important;
}
/* zoom controls */
#appMenu-zoom-controls2 {
border-top: 1px solid var(--panel-separator-color) !important;
padding: 0 0 0 var(--arrowpanel-menuitem-padding-inline) !important;
margin: var(--panel-separator-margin-vertical) 0 calc(var(--panel-separator-margin-vertical) * -1) !important;
}
#appMenu-zoom-controls2>.subviewbutton {
padding: var(--uc-panel-zoom-button-padding) var(--uc-panel-zoom-button-inline-padding) !important;
margin: 0 !important;
}
#appMenu-zoom-controls2>#appMenu-zoomReset-button2 {
padding: var(--uc-panel-zoom-button-padding) calc(var(--uc-panel-zoom-button-padding) / 2) !important;
}
#appMenu-zoomReduce-button2,
#appMenu-fullscreen-button2 {
border-inline-start: 1px solid var(--panel-separator-color) !important;
}
#appMenu-zoomReset-button2 {
height: calc(16px + var(--uc-panel-zoom-button-padding) * 2) !important;
min-height: calc(16px + var(--uc-panel-zoom-button-padding) * 2) !important;
}
#appMenu-zoomReset-button2:not([disabled], [open], :active):is(:hover) {
background-color: var(--panel-item-hover-bgcolor) !important;
}
#appMenu-zoomReset-button2:not([disabled]):is([open], :hover:active) {
background-color: var(--panel-item-active-bgcolor) !important;
}
#appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover),
#appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover),
#appMenu-fullscreen-button2:not([disabled], [open], :active):is(:hover) {
background-color: var(--panel-item-hover-bgcolor) !important;
}
#appMenu-zoomReduce-button2:not([disabled]):is([open], :hover:active),
#appMenu-zoomEnlarge-button2:not([disabled]):is([open], :hover:active),
#appMenu-fullscreen-button2:not([disabled]):is([open], :hover:active) {
background-color: var(--panel-item-active-bgcolor) !important;
}
#appMenu-zoomReduce-button2>.toolbarbutton-icon,
#appMenu-zoomEnlarge-button2>.toolbarbutton-icon {
fill: currentColor !important;
stroke: none !important;
}
#appMenu-fullscreen-button2>.toolbarbutton-icon {
background-color: transparent !important;
}
/* URL bar popup */
.panel-footer>button {
border-radius: 2px !important;
}
#identity-popup-security-button {
padding-inline: calc(var(--arrowpanel-menuitem-padding-inline) - 4px) !important;
}
.identity-popup-security-connection>hbox {
margin-inline-start: calc(20px + var(--uc-arrowpanel-menuicon-margin-inline)) !important;
}
.identity-popup-security-connection>hbox>description {
margin-inline-start: 0 !important;
}
.identity-popup-security-connection.identity-button {
margin-inline-end: calc(-1 * (var(--arrowpanel-menuitem-padding-inline) - 10px)) !important;
}
/* subview */
.panel-header {
padding: 4px;
padding-top: 4px !important;
}
.panel-header+toolbarseparator {
margin-block-start: 0 !important;
}
.subviewbutton-back {
margin: 0 !important;
border-radius: 2px !important;
}
.panel-subview-footer-button {
margin-bottom: 4px !important;
}
.webextension-popup-browser,
.webextension-popup-stack {
margin-block-start: calc(var(--panel-separator-margin-vertical) * -.5) !important;
}
/* downloads popup */
.downloadTypeIcon {
height: 16px !important;
width: 16px !important;
}
.downloadButton {
min-width: calc(16px + var(--uc-toolbarbutton-inner-inline-padding) * 2) !important;
height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important;
border-radius: var(--toolbarbutton-border-radius) !important;
}
.downloadMainArea {
padding-block: 4px !important;
padding-inline: 12px !important;
border-radius: 0 !important;
}
#downloadsListBox>richlistitem {
padding-inline-end: 8px !important;
border-radius: 0 !important;
}
#downloadsPanel-blockedSubview,
#downloadsPanel-mainView {
padding: var(--panel-separator-margin-vertical) 0 0 !important;
}
#emptyDownloads {
padding: 1.5em 16px 1.7em !important;
}

View file

@ -1,278 +0,0 @@
/* Light Mode */
:root:not([style]),
:root:not(:-moz-lwtheme),
:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"],
:root[style*="--lwt-accent-color:rgb(240, 240, 244); --lwt-text-color:rgba(21, 20, 26);"], /* Used for Proton (May be changed in future) */
:root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] /* Mozilla added spaces to the style string in Nightly 91 */
{
/* accentcolor */
--lwt-accent-color: #cecece !important;
/* textcolor */
--lwt-text-color: #000 !important;
/* toolbar */
--toolbar-bgcolor: #f7f7f7 !important;
/* tab background (unset to match toolbar-bgcolor) */
--lwt-selected-tab-background-color: unset !important;
/* toolbar_text */
--toolbar-color: #000 !important;
/* toolbar_bottom_separator */
--toolbox-border-bottom-color: #d2d2d2 !important; /* legacy */
--chrome-content-separator-color: #d2d2d2 !important;
/* icons */
--toolbarbutton-icon-fill: #000 !important;
--lwt-toolbarbutton-icon-fill: var(--toolbarbutton-icon-fill) !important;
/* icons_attention */
--toolbarbutton-icon-fill-attention: #0078d4 !important;
--lwt-toolbarbutton-icon-fill-attention: var(--toolbarbutton-icon-fill-attention) !important;
/* button_background_hover */
--lwt-toolbarbutton-hover-background: #0000001a !important;
/* button_background_active */
--lwt-toolbarbutton-active-background: #0000002a !important;
--lwt-toolbar-field-color: #000 !important;
--lwt-toolbar-field-focus-color: #000 !important;
/* popup_highlight */
--autocomplete-popup-highlight-background: #0001 !important;
/* popup_highlight_text */
--autocomplete-popup-highlight-color: #000 !important;
--urlbar-popup-url-color: #0172C9 !important;
--lwt-toolbar-field-background-color: #fff !important;
--lwt-toolbar-field-focus: #fff !important;
--lwt-toolbar-field-border-color: #ccc !important;
--tab-line-col: #0078d4 !important;
--toolbar-field-focus-border-color: #0078d4a0 !important;
--private-browsing-indicator: #0078d4 !important;
--toolbar-field-icon-color: color-mix(in srgb, var(--toolbar-color) 60%, transparent) !important;
}
/* Dark Mode */
:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"],
:root[style*="--lwt-accent-color:rgb(28, 27, 34); --lwt-text-color:rgba(251, 251, 254);"], /* Used for Proton (May be changed in future) */
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] /* Mozilla added spaces to the style string in Nightly 91 */
{
/* accentcolor */
--lwt-accent-color: #1b1b1b !important;
/* textcolor */
--lwt-text-color: #e5e5e5 !important;
/* toolbar */
--toolbar-bgcolor: #3b3b3b !important;
/* tab background (unset to match toolbar-bgcolor) */
--lwt-selected-tab-background-color: unset !important;
/* toolbar_text */
--toolbar-color: #fff !important;
/* toolbar_bottom_separator */
--toolbox-border-bottom-color: #5B5B5B !important; /* legacy */
--chrome-content-separator-color: #5B5B5B !important;
/* icons */
--toolbarbutton-icon-fill: #fff !important;
--lwt-toolbarbutton-icon-fill: var(--toolbarbutton-icon-fill) !important;
/* icons_attention */
--toolbarbutton-icon-fill-attention: #4C98D1 !important;
--lwt-toolbarbutton-icon-fill-attention: var(--toolbarbutton-icon-fill-attention) !important;
/* button_background_hover */
--lwt-toolbarbutton-hover-background: #ffffff1a !important;
/* button_background_active */
--lwt-toolbarbutton-active-background: #ffffff2a !important;
--lwt-toolbar-field-color: #fff !important;
--lwt-toolbar-field-focus-color: #fff !important;
/* popup */
--arrowpanel-background: #4a4a4a !important;
/* popup_text */
--arrowpanel-color: #fff !important;
--autocomplete-popup-color: #fff !important;
--panel-disabled-color: hsla(0, 0%, 100%, .5) !important;
/* popup_border */
--arrowpanel-border-color: #63636363 !important;
--autocomplete-popup-border-color: #636363 !important;
/* popup_highlight */
--autocomplete-popup-highlight-background: #fff1 !important;
/* popup_highlight_text */
--autocomplete-popup-highlight-color: #fff !important;
--urlbar-popup-url-color: #75B6E8 !important;
--lwt-toolbar-field-background-color: #2b2b2b !important;
--lwt-toolbar-field-focus: #2b2b2b !important;
--lwt-toolbar-field-border-color: #656565 !important;
--tab-line-col: #4C98D1 !important;
--toolbar-field-focus-border-color: #4c97d1a0 !important;
--private-browsing-indicator: #006cbe !important;
--toolbar-field-icon-color: var(--toolbar-color) !important;
}
/* Inactive Window Light Mode */
:-moz-any(:root:not([style]), :root:not([lwtheme]), :root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"]):-moz-window-inactive {
--lwt-accent-color: #e8e8e8 !important;
--lwt-text-color: #3a3a3a !important;
--toolbar-color: #3a3a3a !important;
}
/* Inactive Window Dark Mode */
:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]:-moz-window-inactive {
--lwt-accent-color: #2e2e2e !important;
--lwt-text-color: #b7b7b7 !important;
--toolbar-color: #cecece !important;
}
/* Sidebar Light Mode */
:-moz-any(#sidebar-box, #sidebar),
:-moz-any(.sidebar-panel, body) {
/* sidebar */
--sidebar-background-color: #f7f7f7 !important;
--lwt-sidebar-background-color: var(--sidebar-background-color) !important;
/* sidebar_text */
--sidebar-text-color: #000 !important;
--lwt-sidebar-text-color: var(--sidebar-text-color) !important;
}
/* Sidebar Dark Mode */
:-moz-any(#sidebar-box, #sidebar)[style*="--sidebar-background-color:rgb(56, 56, 61);"],
:-moz-any(.sidebar-panel, body)[style*="--lwt-sidebar-background-color:rgb(56, 56, 61);"] {
/* sidebar */
--sidebar-background-color: #3b3b3b !important;
--lwt-sidebar-background-color: #3b3b3b !important;
/* sidebar_text */
--sidebar-text-color: #fff !important;
--lwt-sidebar-text-color: #fff !important;
}
#browser {
--sidebar-border-color: var(--chrome-content-separator-color) !important;
}
:root {
--toolbar-field-background-color: var(--lwt-toolbar-field-background-color) !important;
--toolbar-field-hover-background-color: var(--lwt-toolbar-field-background-color) !important;
--toolbar-field-focus-background-color: var(--lwt-toolbar-field-focus) !important;
--toolbar-field-hover-border-color: var(--lwt-toolbar-field-border-color) !important;
}
:root {
--ease-in: cubic-bezier(.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-basic: linear;
--button-size: 32px; /* is this used? */
--icon-size: 24px; /* is this used? */
--downloads-item-height: 48px !important;
--toolbar-non-lwt-bgcolor: #f7f7f7 !important;
--toolbar-non-lwt-textcolor: #000 !important;
--tab-separator-opacity: .5 !important;
--urlbar-min-height: 30px !important;
--arrowpanel-dimmed: color-mix(in srgb, currentColor 9%, transparent) !important;
--arrowpanel-dimmed-further: color-mix(in srgb, currentColor 14%, transparent) !important;
--arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 25%, transparent) !important;
--button-hover-bgcolor: var(--arrowpanel-dimmed) !important;
--button-active-bgcolor: var(--arrowpanel-dimmed-further) !important;
--panelview-toolbarbutton-hover-bgcolor: var(--arrowpanel-dimmed) !important;
--panelview-toolbarbutton-active-bgcolor: var(--arrowpanel-dimmed-further) !important;
}
@media (-moz-proton) {
:root {
--arrowpanel-menuitem-margin: 0 !important; /* used to get rid of the left/right margins in Proton */
--space-above-tabbar: 0px;
}
}
#titlebar,
#tabbrowser-tabs {
--tab-min-height: 32px !important;
}
@supports -moz-bool-pref("materialFox.reduceTabOverflow") {
#tabbrowser-tabs {
--tab-min-width: 32px !important;
}
}
@media (-moz-mac-yosemite-theme) {
:root[extradragspace] {
--space-above-tabbar: 8px !important;
}
}
/* Ubuntu */
@media (-moz-gtk-csd-available) {
:root:not(:-moz-lwtheme) {
--toolbar-bgcolor: -moz-dialog !important;
--toolbar-color: -moz-dialogtext !important;
}
}
:root:-moz-lwtheme-darktext,
:root toolbar:not([brighttext]),
.tabbrowser-tab[visuallyselected] {
--toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 0%, .07)) !important;
--toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 0%, .11)) !important;
}
:root:-moz-lwtheme-brighttext,
:root toolbar[brighttext],
.tabbrowser-tab[visuallyselected]:-moz-lwtheme-brighttext {
--toolbarbutton-hover-background: var(--lwt-toolbarbutton-hover-background, hsla(0, 0%, 100%, .1)) !important;
--toolbarbutton-active-background: var(--lwt-toolbarbutton-active-background, hsla(0, 0%, 100%, .17)) !important;
}
/* special case for urlbar buttons */
:-moz-any(#urlbar, #searchbar) {
--toolbarbutton-hover-background: #0001 !important;
--toolbarbutton-active-background: #0002 !important;
}
:root:-moz-lwtheme-brighttext :-moz-any(#urlbar, #searchbar) {
--toolbarbutton-hover-background: #fff1 !important;
--toolbarbutton-active-background: #fff2 !important;
}
#TabsToolbar .toolbarbutton-1 {
fill: var(--lwt-text-color) !important;
}
:-moz-any(:root:not([style]),
:root:not([lwtheme]),
:root[style*="--lwt-accent-color:rgb(227, 228, 230); --lwt-text-color:rgba(24, 25, 26);"],
:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"]) #tabbrowser-tabs {
--tab-line-color: var(--tab-line-col) !important;
}
#urlbar-container {
color: var(--toolbar-field-icon-color, var(--toolbar-color)) !important;
}

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M8 0a2.5 2.5 0 0 0-2.396 3.213l-2.24-.847a1.746 1.746 0 0 0-1.245 3.26L5 6.736v2.398l-1.643 4.524a1.747 1.747 0 0 0 3.284 1.194L8 11.145l1.365 3.702a1.745 1.745 0 0 0 3.278-1.2L11 9.124V6.73l2.867-1.087a1.752 1.752 0 1 0-1.244-3.278l-2.227.843A2.5 2.5 0 0 0 8 0zm0 1a1.5 1.5 0 1 1 0 2.999 1.5 1.5 0 0 1 0-3zM2.729 3.252a.74.74 0 0 1 .28.05l4.104 1.551c.571.216 1.201.216 1.772 0l4.094-1.552a.754.754 0 1 1 .535 1.41l-3.192 1.208a.498.498 0 0 0-.322.467V9.21c0 .058.01.117.03.171l1.673 4.608a.745.745 0 0 1-1.4.511l-1.37-3.719c-.319-.867-1.547-.866-1.865.002L5.703 14.51a.747.747 0 1 1-1.404-.511l1.67-4.606A.497.497 0 0 0 6 9.222v-2.83a.5.5 0 0 0-.32-.467L2.479 4.693a.745.745 0 0 1 .25-1.44z"/>
</svg>

Before

Width:  |  Height:  |  Size: 838 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M8 0a2 2 0 0 0-2 2H3.5C2.677 2 2 2.677 2 3.5V6a2.002 2.002 0 0 0 0 4v2.5c0 .823.677 1.5 1.5 1.5H6a2.002 2.002 0 0 0 4 0h2.5c.823 0 1.5-.677 1.5-1.5v-3a.5.5 0 0 0-.5-.5H12a.998.998 0 1 1 0-2h1.5a.5.5 0 0 0 .5-.5v-3c0-.823-.677-1.5-1.5-1.5H10a2.003 2.003 0 0 0-2-2zm0 1a.999.999 0 0 1 1 1v.5a.5.5 0 0 0 .5.5h3c.282 0 .5.218.5.5V6h-1a2.002 2.002 0 0 0 0 4h1v2.5c0 .282-.218.5-.5.5h-3a.5.5 0 0 0-.5.5v.5a.998.998 0 1 1-2 0v-.5a.5.5 0 0 0-.5-.5h-3a.493.493 0 0 1-.5-.5v-3a.5.5 0 0 0-.5-.5H2a.998.998 0 1 1 0-2h.5a.5.5 0 0 0 .5-.5v-3c0-.282.218-.5.5-.5h3a.5.5 0 0 0 .5-.5V2a.997.997 0 0 1 1-1z"/>
</svg>

Before

Width:  |  Height:  |  Size: 733 B

View file

@ -1,6 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<style>
#flip:target{transform:scaleX(-1);transform-origin:center}
</style>
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M7.477.5a.5.5 0 0 0-.33.147l-7 6.5a.5.5 0 0 0 0 .707l7 6.5a.5.5 0 0 0 .707-.708L1.707 8H15.5a.5.5 0 0 0 0-1H1.707l6.147-5.646A.5.5 0 0 0 7.477.5z" id="flip"/>
</svg>

Before

Width:  |  Height:  |  Size: 385 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8 11.5a.547.547 0 0 1-.389-.162L2.146 5.854a.5.5 0 1 1 .707-.705L8 10.313l5.146-5.164a.5.5 0 1 1 .71.705l-5.466 5.484A.55.55 0 0 1 8 11.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 281 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M5.5 2a.5.5 0 0 0-.354.853L10.313 8l-5.167 5.146a.5.5 0 0 0 .707.71l5.484-5.468a.548.548 0 0 0 0-.777L5.853 2.143A.496.496 0 0 0 5.5 2z"/>
</svg>

After

Width:  |  Height:  |  Size: 277 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8 4.5a.547.547 0 0 0-.389.162l-5.465 5.484a.5.5 0 1 0 .707.705L8 5.687l5.146 5.164a.5.5 0 1 0 .71-.705L8.388 4.662A.55.55 0 0 0 8 4.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 277 B

View file

@ -1,10 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<style>
#big:not(:target),#big:target+path,#overlayStroke:not(:target){display:none}
</style>
<path id="overlayStroke" style="fill:context-stroke;fill-opacity:context-stroke-opacity" d="M8.234 1.143a1.884 1.884 0 0 0-1.517.646l-.004.004L4.855 4H3.486A2.507 2.507 0 0 0 .992 6.508l.016 3.002v.002A2.529 2.529 0 0 0 3.508 12h1.258l1.95 2.236.005.004c.511.572 1.328.78 2.05.52l.012-.006.012-.004A1.897 1.897 0 0 0 10 13.016v-1.793a1.51 1.51 0 0 0 1.313-.412l.687-.69.688.69a1.517 1.517 0 0 0 2.123.002v-.002h.002a1.516 1.516 0 0 0-.002-2.122v-.002L14.12 8l.69-.688v-.001a1.515 1.515 0 0 0 0-2.122 1.5 1.5 0 0 0-2.122 0L12 5.88l-.69-.69a1.471 1.471 0 0 0-1.119-.439c-.064.003-.127.014-.191.025V3c0-.835-.51-1.49-1.225-1.752l-.002-.002H8.77a1.833 1.833 0 0 0-.536-.103z"/>
<g style="fill:context-fill;fill-opacity:context-fill-opacity">
<path id="big" d="M8.852.01a.985.985 0 0 0-.532.26L4.447 3.865a.499.499 0 0 1-.34.133H1.5a1.5 1.5 0 0 0-1.5 1.5v5.003a1.5 1.5 0 0 0 1.5 1.5h2.607c.127 0 .248.048.34.134L8.32 15.73c.64.594 1.68.141 1.68-.732V1.002C10 .347 9.414-.072 8.852.01zM9 1.002v13.996l-3.873-3.596a1.497 1.497 0 0 0-1.02-.4H1.5a.5.5 0 0 1-.5-.5V5.498a.5.5 0 0 1 .5-.5h2.607a1.5 1.5 0 0 0 1.02-.401zM11.5 5.5a.5.5 0 0 0-.354.854L12.793 8l-1.647 1.647a.5.5 0 0 0 .708.708L13.5 8.707l1.646 1.648a.5.5 0 1 0 .708-.708L14.207 8l1.647-1.647a.5.5 0 0 0-.708-.708L13.5 7.293l-1.646-1.648A.498.498 0 0 0 11.5 5.5z"/>
<path d="M8.186 2.139a.882.882 0 0 0-.713.304L5.32 5H3.486c-.822 0-1.498.68-1.494 1.502l.016 3A1.514 1.514 0 0 0 3.514 11h1.705l2.248 2.574a.89.89 0 0 0 .965.244A.892.892 0 0 0 9 13V3c0-.378-.259-.7-.568-.813a.83.83 0 0 0-.246-.048zM8 3.37v9.297l-2.176-2.496A.5.5 0 0 0 5.447 10H3.514a.498.498 0 0 1-.506-.502l-.016-3A.487.487 0 0 1 3.486 6h2.067a.5.5 0 0 0 .383-.178L8 3.372zm2.227 2.379a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L11.292 8 9.896 9.396a.5.5 0 0 0 0 .708.5.5 0 0 0 .708 0L12 8.707l1.396 1.397a.5.5 0 0 0 .708 0 .5.5 0 0 0 0-.708L12.707 8l1.397-1.396a.5.5 0 0 0 0-.708.5.5 0 0 0-.377-.146.5.5 0 0 0-.33.146L12 7.293l-1.396-1.397a.5.5 0 0 0-.377-.146z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.1 KiB

View file

@ -1,10 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<style>
#big:not(:target),#big:target+path,#overlayStroke:not(:target){display:none}
</style>
<path id="overlayStroke" style="fill:context-stroke;fill-opacity:context-stroke-opacity" d="M8.234 1.143a1.884 1.884 0 0 0-1.517.646l-.004.004L4.855 4H3.486A2.507 2.507 0 0 0 .992 6.508l.016 3.002v.002A2.529 2.529 0 0 0 3.508 12h1.258l1.95 2.236.005.004c.511.572 1.328.78 2.05.52l.012-.006.012-.004A1.897 1.897 0 0 0 10 13.016v-1.61c.38.13.801.105 1.164-.072a1.515 1.515 0 0 0 .254 1.703c.565.59 1.53.61 2.12.045l.005-.004.004-.004s.52-.52.93-1.373c.404-.842.773-2.077.773-3.703 0-1.625-.367-2.858-.773-3.701-.41-.851-.93-1.371-.93-1.371l-.004-.004-.004-.004a1.5 1.5 0 0 0-.959-.418c-.038-.002-.075 0-.113 0h-.06l-.009.002a1.5 1.5 0 0 0-.98.459 1.515 1.515 0 0 0-.256 1.7 1.495 1.495 0 0 0-.715-.161h-.002c-.153.006-.302.04-.445.09V3c0-.835-.51-1.49-1.225-1.752l-.002-.002H8.77a1.833 1.833 0 0 0-.536-.103z"/>
<g style="fill:context-fill;fill-opacity:context-fill-opacity">
<path id="big" d="M8.85.01a.985.985 0 0 0-.53.26L4.446 3.865a.498.498 0 0 1-.34.133H1.5a1.5 1.5 0 0 0-1.5 1.5v5.003a1.5 1.5 0 0 0 1.5 1.5h2.607a.5.5 0 0 1 .34.134l3.872 3.595c.64.594 1.68.141 1.68-.732V1.002c0-.655-.586-1.074-1.149-.992zm.15.992v13.996l-3.873-3.596a1.497 1.497 0 0 0-1.02-.4H1.5a.5.5 0 0 1-.5-.5V5.498a.5.5 0 0 1 .5-.5h2.607c.378 0 .742-.143 1.02-.401zm4.62 1.495a.502.502 0 0 0-.4.834 7.007 7.007 0 0 1 0 9.337.502.502 0 0 0 .04.708c.205.184.52.166.704-.04a8.01 8.01 0 0 0 0-10.673.496.496 0 0 0-.344-.166zm-1.35 2.505a.5.5 0 0 0-.371.746 4.501 4.501 0 0 1 0 4.503.501.501 0 0 0 .868.5 5.504 5.504 0 0 0-.002-5.502.499.499 0 0 0-.494-.247z"/>
<path d="M8.186 2.139a.882.882 0 0 0-.713.304L5.32 5H3.486c-.822 0-1.498.68-1.494 1.502l.016 3A1.514 1.514 0 0 0 3.514 11h1.705l2.248 2.574a.89.89 0 0 0 .965.244A.892.892 0 0 0 9 13V3c0-.378-.259-.7-.568-.813a.83.83 0 0 0-.246-.048zM8 3.37v9.297l-2.176-2.496A.5.5 0 0 0 5.447 10H3.514a.498.498 0 0 1-.506-.502l-.016-3A.487.487 0 0 1 3.486 6h2.067a.5.5 0 0 0 .383-.178L8 3.372zm4.467.129a.5.5 0 0 0-.328.154.5.5 0 0 0 .015.707s.238.219.52.805c.282.586.576 1.506.576 2.834s-.294 2.248-.576 2.834c-.282.586-.52.805-.52.805a.5.5 0 0 0-.015.707.5.5 0 0 0 .707.015s.387-.38.73-1.093c.343-.713.674-1.792.674-3.268 0-1.476-.33-2.555-.674-3.268-.343-.712-.73-1.093-.73-1.093a.5.5 0 0 0-.32-.139.5.5 0 0 0-.06 0zm-1.985 2a.5.5 0 0 0-.332.143.5.5 0 0 0-.007.707s.607.623.607 1.65-.607 1.65-.607 1.65a.5.5 0 0 0 .007.707.5.5 0 0 0 .707-.007s.893-.916.893-2.35c0-1.434-.893-2.35-.893-2.35a.5.5 0 0 0-.375-.15z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.6 KiB

View file

@ -0,0 +1,5 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<defs><clipPath id="a"><path d="M2.1 0 16 13.9V0zM0 .7V16h15.3z"/></clipPath></defs>
<path clip-path="url(#a)" d="M12.94.182c-.08.004-.162.017-.242.043l-7 2.188a1 1 0 0 0-.701.955V11.5a2.5 2.5 0 1 0 1 2V6.368l7-2.188V9.5a2.5 2.5 0 1 0 1 2V1.18c0-.59-.5-1.032-1.057-.998zm.057.998v1.953l-7 2.188V3.368l7-2.188zm-1.5 8.82a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-8 2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"/>
<path d="M.5 0a.5.5 0 0 0-.354.146.5.5 0 0 0 0 .707l15 15a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707l-15-15A.5.5 0 0 0 .499 0z"/>
</svg>

After

Width:  |  Height:  |  Size: 658 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M12.94.182c-.08.004-.162.017-.242.043l-7 2.188a1 1 0 0 0-.701.955V11.5a2.5 2.5 0 1 0 1 2V6.368l7-2.188V9.5a2.5 2.5 0 1 0 1 2V1.18c0-.59-.5-1.032-1.057-.998zm.057.998v1.953l-7 2.188V3.368l7-2.188zm-1.5 8.82a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-8 2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"/>
</svg>

After

Width:  |  Height:  |  Size: 426 B

3
chrome/icons/back.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M7.527.5a.5.5 0 0 0-.361.127L.322 6.764a.998.998 0 0 0 0 1.473l6.844 6.137a.5.5 0 0 0 .707-.04.5.5 0 0 0-.04-.706L1.558 8h13.44a.5.5 0 0 0 0-1H1.557l6.277-5.627a.5.5 0 0 0 .039-.707A.5.5 0 0 0 7.527.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 343 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8.002.3a.99.99 0 0 0-.898.557L5.174 4.77l-4.316.627a1 1 0 0 0-.555 1.705l3.123 3.045-.736 4.3A1 1 0 0 0 4.14 15.5l3.862-2.029 3.859 2.03a1 1 0 0 0 1.45-1.056l-.736-4.299 3.123-3.045a1 1 0 0 0-.554-1.705l-4.316-.627L8.898.857A.987.987 0 0 0 8 .301zm0 1 1.93 3.91c.146.296.426.5.752.548l4.318.629-3.125 3.043c-.236.23-.343.562-.287.886l.738 4.3-3.86-2.03a1.002 1.002 0 0 0-.932 0l-3.86 2.03.737-4.3a1.003 1.003 0 0 0-.287-.886L1.003 6.387l4.316-.63a.998.998 0 0 0 .752-.546z"/>
</svg>

After

Width:  |  Height:  |  Size: 615 B

View file

@ -0,0 +1,4 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M1.5 12a.5.5 0 0 0-.5.5v1C1 14.875 2.125 16 3.5 16h9c1.375 0 2.5-1.125 2.5-2.5v-1a.5.5 0 0 0-1 0v1c0 .834-.666 1.5-1.5 1.5h-9c-.834 0-1.5-.666-1.5-1.5v-1a.5.5 0 0 0-.5-.5z"/>
<path d="M8 .75c-.305 0-.61.15-.758.45L5.84 4.04l-3.133.453c-.661.096-.947.977-.469 1.443l2.268 2.211-.535 3.121c-.113.66.635 1.202 1.227.89l2.803-1.474 2.803 1.475c.592.311 1.34-.232 1.227-.89l-.535-3.122 2.268-2.21c.479-.467.193-1.348-.469-1.444l-3.133-.453L8.76 1.2A.829.829 0 0 0 8.002.75zm0 1.174 1.297 2.627a.854.854 0 0 0 .643.467l2.9.422-2.098 2.045a.855.855 0 0 0-.246.756l.494 2.889-2.592-1.363a.859.859 0 0 0-.797 0L5.009 11.13l.494-2.89a.855.855 0 0 0-.246-.755L3.159 5.44l2.9-.422A.854.854 0 0 0 6.7 4.55z"/>
</svg>

After

Width:  |  Height:  |  Size: 837 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8.002.3a.99.99 0 0 0-.898.557L5.174 4.77l-4.316.627a1 1 0 0 0-.555 1.705l3.123 3.045-.736 4.3A1 1 0 0 0 4.14 15.5l3.862-2.029 3.859 2.03a1 1 0 0 0 1.45-1.056l-.736-4.299 3.123-3.045a1 1 0 0 0-.554-1.705l-4.316-.627L8.898.857A.987.987 0 0 0 8 .301z"/>
</svg>

After

Width:  |  Height:  |  Size: 390 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M3.5 0a.5.5 0 0 0-.5.5v8.503a2 2 0 0 0 2 2h1.004V14a2 2 0 0 0 4 0v-2.997H11a2 2 0 0 0 2-2V.5A.5.5 0 0 0 12.5 0zM4 8.004h8v1a1 1 0 0 1-1 1H9.504a.5.5 0 0 0-.5.5V14a1 1 0 0 1-2 0v-3.497a.5.5 0 0 0-.5-.5H5a1 1 0 0 1-1-1zm8-1H4V1h4v1.5a.5.5 0 0 0 1 0V1h1v2.502a.5.5 0 0 0 1 0V1h1z"/>
</svg>

Before

Width:  |  Height:  |  Size: 422 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M7 .5a.5.5 0 0 0-1 0V1c0 .397.116.767.315 1.078A3.001 3.001 0 0 0 4 5h-.5A1.5 1.5 0 0 1 2 3.5v-2a.5.5 0 0 0-1 0v2A2.5 2.5 0 0 0 3.5 6H4v2H.5a.5.5 0 0 0 0 1H4v2h-.5A2.5 2.5 0 0 0 1 13.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 1 3.5 12H4a4 4 0 0 0 8 0h.5a1.5 1.5 0 0 1 1.5 1.5v2a.5.5 0 0 0 1 0v-2c0-1.38-1.883-1.265-2.5-2.5H12V9h3.5a.5.5 0 0 0 0-1H12V6h.5A2.5 2.5 0 0 0 15 3.5v-2a.5.5 0 0 0-1 0v2A1.5 1.5 0 0 1 12.5 5H12a3.001 3.001 0 0 0-2.315-2.922c.2-.31.315-.68.315-1.078V.5a.5.5 0 0 0-1 0V1a1 1 0 1 1-2 0zM11 5v7a3 3 0 1 1-6 0V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2z"/>
</svg>

Before

Width:  |  Height:  |  Size: 700 B

View file

@ -0,0 +1,5 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<defs><clipPath id="a"><path d="M2.1 0 16 13.9V0zM0 .7V16h15.3z"/></clipPath></defs>
<path clip-path="url(#a)" d="M6.119 0a1.5 1.5 0 0 0-1.34.826L4.189 2H2.5A2.5 2.5 0 0 0 0 4.5v8A2.5 2.5 0 0 0 2.5 15h11a2.5 2.5 0 0 0 2.5-2.5v-8A2.5 2.5 0 0 0 13.5 2h-1.689L11.225.83A1.501 1.501 0 0 0 9.883 0H6.12zm0 1h3.764a.5.5 0 0 1 .447.277l.725 1.445c.085.17.256.278.445.278h2A1.5 1.5 0 0 1 15 4.5v8a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 12.5v-8A1.5 1.5 0 0 1 2.5 3h1.998a.5.5 0 0 0 .447-.276l.727-1.449A.5.5 0 0 1 6.12 1zm1.877 3a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm0 1a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"/>
<path d="M.5 0a.5.5 0 0 0-.354.146.5.5 0 0 0 0 .707l15 15a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707l-15-15A.5.5 0 0 0 .499 0z"/>
</svg>

After

Width:  |  Height:  |  Size: 845 B

3
chrome/icons/camera.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M6.119 0a1.5 1.5 0 0 0-1.34.826L4.189 2H2.5A2.5 2.5 0 0 0 0 4.5v8A2.5 2.5 0 0 0 2.5 15h11a2.5 2.5 0 0 0 2.5-2.5v-8A2.5 2.5 0 0 0 13.5 2h-1.689L11.225.83A1.501 1.501 0 0 0 9.883 0H6.12zm0 1h3.764a.5.5 0 0 1 .447.277l.725 1.445c.085.17.256.278.445.278h2A1.5 1.5 0 0 1 15 4.5v8a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 12.5v-8A1.5 1.5 0 0 1 2.5 3h1.998a.5.5 0 0 0 .447-.276l.727-1.449A.5.5 0 0 1 6.12 1zm1.877 3a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm0 1a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"/>
</svg>

After

Width:  |  Height:  |  Size: 613 B

View file

@ -0,0 +1,5 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<defs><clipPath id="a"><path d="M2.1 0 16 13.9V0zM0 .7V16h15.3z"/></clipPath></defs>
<path clip-path="url(#a)" d="M4 1a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H4zm0 1h8a2 2 0 0 1 2 2v8c0 .373-.102.72-.28 1.02L9.05 8.432a1.5 1.5 0 0 0-2.101 0l-4.67 4.588a1.988 1.988 0 0 1-.28-1.02V4a2 2 0 0 1 2-2zm6.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm0 1a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1zM8 9.002c.127 0 .252.047.35.143l4.662 4.582A1.99 1.99 0 0 1 12 14H4c-.37 0-.715-.099-1.012-.273L7.65 9.145A.496.496 0 0 1 8 9.002z"/>
<path d="M.5 0a.5.5 0 0 0-.354.146.5.5 0 0 0 0 .707l15 15a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707l-15-15A.5.5 0 0 0 .499 0z"/>
</svg>

After

Width:  |  Height:  |  Size: 786 B

3
chrome/icons/canvas.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M4 1a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H4zm0 1h8a2 2 0 0 1 2 2v8c0 .373-.102.72-.28 1.02L9.05 8.432a1.5 1.5 0 0 0-2.101 0l-4.67 4.588a1.988 1.988 0 0 1-.28-1.02V4a2 2 0 0 1 2-2zm6.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm0 1a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1zM8 9.002c.127 0 .252.047.35.143l4.662 4.582A1.99 1.99 0 0 1 12 14H4c-.37 0-.715-.099-1.012-.273L7.65 9.145A.496.496 0 0 1 8 9.002z"/>
</svg>

After

Width:  |  Height:  |  Size: 554 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M2.5 5a.498.498 0 0 0-.354.854l5.465 5.484a.55.55 0 0 0 .78 0l5.464-5.484a.5.5 0 0 0-.709-.708L8 10.313 2.854 5.146A.498.498 0 0 0 2.5 5z"/>
</svg>

Before

Width:  |  Height:  |  Size: 283 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M2.5 11a.498.498 0 0 1-.354-.854l5.465-5.484a.55.55 0 0 1 .78 0l5.464 5.484a.5.5 0 0 1-.709.707L8 5.687l-5.146 5.166A.498.498 0 0 1 2.5 11z"/>
</svg>

Before

Width:  |  Height:  |  Size: 285 B

4
chrome/icons/chevron.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M2.5 2a.5.5 0 0 0-.353.146.5.5 0 0 0 0 .708L7.293 8l-5.146 5.145a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0l5.5-5.5a.5.5 0 0 0 0-.707l-5.5-5.5A.5.5 0 0 0 2.5 2z"/>
<path d="M8.146 2.146a.5.5 0 0 0 0 .707l5.146 5.146-5.146 5.146a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0l5.5-5.5a.5.5 0 0 0 0-.707l-5.5-5.5a.5.5 0 0 0-.707 0z"/>
</svg>

After

Width:  |  Height:  |  Size: 452 B

View file

@ -0,0 +1,3 @@
<svg width="9" height="9" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M1 .412a.588.588 0 0 0-.416.172.588.588 0 0 0 0 .832L3.668 4.5.584 7.584a.588.588 0 0 0 0 .832.588.588 0 0 0 .832 0L4.5 5.332l3.084 3.084a.588.588 0 0 0 .832 0 .588.588 0 0 0 0-.832L5.332 4.5l3.084-3.084a.588.588 0 0 0 0-.832.588.588 0 0 0-.832 0L4.5 3.668 1.416.584A.588.588 0 0 0 1 .412z"/>
</svg>

After

Width:  |  Height:  |  Size: 429 B

View file

@ -1,9 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<style> <path d="M2.5 2a.5.5 0 0 0-.353.146.5.5 0 0 0 0 .708L7.293 8l-5.146 5.145a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0L8 8.706l5.146 5.146a.5.5 0 0 0 .706 0 .5.5 0 0 0 0-.707L8.708 8l5.146-5.146a.5.5 0 0 0 0-.707.5.5 0 0 0-.707 0L8 7.292 2.854 2.146A.5.5 0 0 0 2.5 2z"/>
#multiple:not(:target),#multiple:target+path{display:none}
</style>
<g style="fill:context-fill;fill-opacity:context-fill-opacity">
<path id="multiple" d="M3 1a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm11 .268V11.5a2.5 2.5 0 0 1-2.5 2.5H2.268A2 2 0 0 0 4 15h7.5a3.5 3.5 0 0 0 3.5-3.5V4a2 2 0 0 0-1-1.732zM4 3.5a.498.498 0 0 0-.354.146c-.195.196-.234.562 0 .708L6.293 7 3.646 9.646a.5.5 0 0 0 0 .707c.196.195.456.114.708 0L7 7.707l2.646 2.646a.5.5 0 1 0 .707-.707L7.707 7l2.646-2.646a.5.5 0 0 0 0-.708c-.195-.195-.472-.145-.707 0L7 6.292 4.354 3.646A.498.498 0 0 0 4 3.5z"/>
<path d="M2.477 2a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L7.292 8l-5.147 5.146a.5.5 0 0 0 0 .708.5.5 0 0 0 .708 0L8 8.707l5.146 5.147a.5.5 0 0 0 .708 0 .5.5 0 0 0 0-.708L8.707 8l5.147-5.146a.5.5 0 0 0 0-.708.5.5 0 0 0-.377-.146.5.5 0 0 0-.33.146L8 7.293 2.854 2.146A.5.5 0 0 0 2.477 2z"/>
</g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 390 B

Before After
Before After

View file

@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<style>
path:not(:target){display:none}
</style>
<g style="fill:context-fill;fill-opacity:context-fill-opacity">
<path id="show" d="M4 4a4 4 0 1 0 0 8h8a4 4 0 0 0 0-8H4zm0 1h8a3 3 0 1 1 0 6H4a3 3 0 1 1 0-6zm0 1a2 2 0 1 0 0 4 2 2 0 0 0 0-4z"/>
<path id="hide" d="M4 4a4 4 0 0 0 0 8h8a4 4 0 0 0 0-8H4zm8 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 432 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M6 0a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H6zm0 1h6a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM3 2.268A2 2 0 0 0 2 4v8.5A3.5 3.5 0 0 0 5.5 16H10a2 2 0 0 0 1.732-1H5.5A2.5 2.5 0 0 1 3 12.5V2.268z"/>
</svg>

Before

Width:  |  Height:  |  Size: 386 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M3.5 0a.5.5 0 0 0-.5.5v8.504a2 2 0 0 0 2 2h1.004v2.998a2 2 0 1 0 4 0v-2.998H11a2 2 0 0 0 2-2V.5a.5.5 0 0 0-.5-.5h-9zM4 1h4v1.5a.5.5 0 1 0 1 0V1h1v2.502a.5.5 0 0 0 1 0V1h1v6.004H4V1zm0 7.004h8v1a1 1 0 0 1-1 1H9.504a.5.5 0 0 0-.5.5v3.498a1 1 0 1 1-2 0v-3.498a.5.5 0 0 0-.5-.5H5a1 1 0 0 1-1-1v-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 435 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M3.412.008a.5.5 0 0 0-.332.764L7.404 7.43 5.48 10.39a3 3 0 1 0 .78.637L8 8.347l1.74 2.68a3 3 0 1 0 .78-.637L3.92.23a.502.502 0 0 0-.508-.221zm9.176 0a.502.502 0 0 0-.508.22L8.596 5.595l.597.918L12.92.772a.5.5 0 0 0-.332-.764zM4 11a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm8 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/>
</svg>

Before

Width:  |  Height:  |  Size: 438 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M8 .5A2.5 2.5 0 0 0 5.5 3H1a.5.5 0 0 0-.5.5l.008.09A.5.5 0 0 0 1 4h.553L2.85 14.229A2 2 0 0 0 4.836 16h6.328a2 2 0 0 0 1.986-1.771L14.445 4H15a.5.5 0 0 0 0-1h-4.5A2.5 2.5 0 0 0 8 .5zm0 1A1.5 1.5 0 0 1 9.5 3h-3A1.5 1.5 0 0 1 8 1.5zM2.56 4h10.877l-1.28 10.116a.998.998 0 0 1-.993.884H4.836a.998.998 0 0 1-.992-.884zM6.5 6.5c-.276 0-.5.196-.5.438v5.124l.008.078c.042.204.247.36.492.36.276 0 .5-.196.5-.438V6.938l-.008-.079C6.95 6.655 6.745 6.5 6.5 6.5zm3 0c-.276 0-.5.196-.5.438v5.124l.008.078c.042.204.247.36.492.36.276 0 .5-.196.5-.438V6.938l-.008-.079C9.95 6.655 9.745 6.5 9.5 6.5z"/>
</svg>

Before

Width:  |  Height:  |  Size: 727 B

View file

@ -0,0 +1,5 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<defs><clipPath id="a"><path d="M2.1 0 16 13.9V0zM0 .7V16h15.3z"/></clipPath></defs>
<path clip-path="url(#a)" d="M8 0C4.692 0 2 2.692 2 6v3.4l-.928 2.229c-.265.636.225 1.371.914 1.371H5.5c0 1.375 1.125 2.5 2.5 2.5s2.5-1.125 2.5-2.5h3.514c.69 0 1.18-.735.914-1.371L14.001 9.4V6c0-3.308-2.692-6-6-6zm0 1c2.767 0 5 2.233 5 5v3.5a.5.5 0 0 0 .04.191l.96 2.31H2l.96-2.31A.5.5 0 0 0 3 9.5V6c0-2.767 2.233-5 5-5zM6.5 13h3c0 .834-.666 1.5-1.5 1.5s-1.5-.666-1.5-1.5z" style="-inkscape-stroke:none;color:#000;stroke-linecap:round;stroke-linejoin:round"/>
<path d="M.5 0a.5.5 0 0 0-.354.146.5.5 0 0 0 0 .707l15 15a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707l-15-15A.5.5 0 0 0 .499 0z"/>
</svg>

After

Width:  |  Height:  |  Size: 801 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8 0C4.692 0 2 2.692 2 6v3.4l-.928 2.229c-.265.636.225 1.371.914 1.371H5.5c0 1.375 1.125 2.5 2.5 2.5s2.5-1.125 2.5-2.5h3.514c.69 0 1.18-.735.914-1.371L14.001 9.4V6c0-3.308-2.692-6-6-6zm0 1c2.767 0 5 2.233 5 5v3.5a.5.5 0 0 0 .04.191l.96 2.31H2l.96-2.31A.5.5 0 0 0 3 9.5V6c0-2.767 2.233-5 5-5zM6.5 13h3c0 .834-.666 1.5-1.5 1.5s-1.5-.666-1.5-1.5z" style="-inkscape-stroke:none;color:#000;stroke-linecap:round;stroke-linejoin:round"/>
</svg>

After

Width:  |  Height:  |  Size: 569 B

View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M2.5 0A2.5 2.5 0 0 0 0 2.5v9A2.5 2.5 0 0 0 2.5 14h5.143c.034-.08.062-.163.107-.24l.44-.76H2.5A1.5 1.5 0 0 1 1 11.5V3.998h12L14 4V2.5A2.5 2.5 0 0 0 11.5 0h-9zm-.002.998h9a1.5 1.5 0 0 1 1.5 1.5v.5h-12v-.5a1.5 1.5 0 0 1 1.5-1.5zm3.5 4a.498.498 0 0 0-.353.147l-2.5 2.5a.5.5 0 0 0 0 .707l2.5 2.5a.5.5 0 0 0 .707-.707L4.205 7.998l2.147-2.146a.5.5 0 0 0-.354-.854zm2.5 0a.498.498 0 0 0-.353.854L9.68 7.387a3.21 3.21 0 0 1 .326-.797c.035-.061.079-.115.117-.174L8.852 5.145a.498.498 0 0 0-.354-.147zm4.842.703a2.737 2.737 0 0 0-2.461 1.389c-.556.975-.46 2.15.146 3.01l-2.373 4.162a1.167 1.167 0 0 0 .42 1.582c.547.32 1.245.13 1.56-.424l2.378-4.17a2.731 2.731 0 0 0 2.62-1.379 2.81 2.81 0 0 0-.288-3.197l-1.293 2.27a.91.91 0 0 1-1.25.341.935.935 0 0 1-.334-1.267l1.293-2.272a2.69 2.69 0 0 0-.418-.045zM9.62 8.67l-1.475 1.475a.5.5 0 1 0 .707.707l1.05-1.05A4.401 4.401 0 0 1 9.62 8.67z"/> <path d="M11.5 0a4.5 4.5 0 0 0-4.418 5.36L.656 12.016a2.358 2.358 0 0 0 3.375 3.294l6.365-6.447a4.5 4.5 0 0 0 5.207-6.215.503.503 0 0 0-.81-.149L12.5 4.793 11.207 3.5 13.5 1.207A.5.5 0 0 0 13.353.4 4.49 4.49 0 0 0 11.499 0zm0 1c.247 0 .487.026.719.074l-2.072 2.072a.5.5 0 0 0 0 .707l2 2a.5.5 0 0 0 .707 0l2.072-2.072a3.5 3.5 0 0 1-4.52 4.045.502.502 0 0 0-.514.123L3.32 14.61a1.358 1.358 0 0 1-1.943-1.896L7.99 5.859a.498.498 0 0 0 .123-.473A3.5 3.5 0 0 1 11.5.999z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1,019 B

After

Width:  |  Height:  |  Size: 598 B

Before After
Before After

View file

@ -1,20 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<style>
:root&gt;g:not(:target),:root&gt;use:not(:target){display:none}
</style>
<defs>
<path id="arrow-icon" d="M8 0a.5.5 0 0 0-.5.5l-.004 11.785-3.646-3.64-.069-.057a.5.5 0 0 0-.637.766l4.456 4.45a.502.502 0 0 0 .396.196l.106-.012a.498.498 0 0 0 .255-.136l4.493-4.5.056-.069a.501.501 0 0 0-.058-.638l-.069-.057a.501.501 0 0 0-.638.058l-3.645 3.649L8.5.5 8.492.41A.5.5 0 0 0 8 0z"/>
<path id="arrow-icon-short" d="M8 0a.5.5 0 0 0-.5.5l-.004 10.785-3.646-3.64-.069-.057a.5.5 0 0 0-.637.766l4.456 4.45a.502.502 0 0 0 .396.196l.106-.012a.498.498 0 0 0 .255-.136l4.493-4.5.056-.069a.501.501 0 0 0-.058-.638l-.069-.057a.501.501 0 0 0-.638.059l-3.645 3.648L8.5.5 8.492.41A.5.5 0 0 0 8 0z"/>
<path id="short-bar-icon" d="m2.5 15-.09.008A.5.5 0 0 0 2.5 16h11l.09-.008A.5.5 0 0 0 13.5 15z"/>
<path id="long-bar-icon" d="M1 14h14a1 1 45 0 1 1 1 1 1 135 0 1-1 1H1a1 1 45 0 1-1-1 1 1 135 0 1 1-1z"/>
</defs>
<use id="arrow" fill="context-fill" fill-opacity="context-fill-opacity" href="#arrow-icon"/>
<use id="arrow-progress" fill="context-fill" fill-opacity="context-fill-opacity" href="#arrow-icon-short"/>
<g id="arrow-with-bar" fill="context-fill" fill-opacity="context-fill-opacity">
<use href="#arrow-icon"/>
<use href="#short-bar-icon"/>
</g>
<use id="default-bar" fill="context-fill" fill-opacity="context-fill-opacity" href="#short-bar-icon"/>
<use id="progress-bar-bg" fill="context-fill" fill-opacity=".2" href="#long-bar-icon"/>
<use id="progress-bar-fg" fill="context-fill" fill-opacity="context-fill-opacity" href="#long-bar-icon"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.6 KiB

View file

@ -0,0 +1,4 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8 0a.5.5 0 0 0-.5.5v10.79L3.854 7.644a.5.5 0 1 0-.707.707l4.5 4.5a.5.5 0 0 0 .707 0l4.5-4.5a.5.5 0 0 0-.707-.707L8.501 11.29V.5a.5.5 0 0 0-.5-.5z"/>
<path d="M1.5 12a.5.5 0 0 0-.5.5v1C1 14.875 2.125 16 3.5 16h9c1.375 0 2.5-1.125 2.5-2.5v-1a.5.5 0 0 0-1 0v1c0 .834-.666 1.5-1.5 1.5h-9c-.834 0-1.5-.666-1.5-1.5v-1a.5.5 0 0 0-.5-.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 474 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M7.742 0A7.64 7.64 0 0 0 3.78 1.172h.01a7.73 7.73 0 0 0-2.898 3.27 6.9 6.9 0 0 1 3.359-.84C7.43 3.602 10 5.6 10 8.06c0 .48-.17.94-.47 1.3l-.04.05c-.1.12-.18.2-.18.33 0 .28.51 1 2.86 1A3.89 3.89 0 0 0 16 6.86C16 3.871 13.22.002 7.97.002A7.64 7.64 0 0 0 7.743 0zM4.391 5.11a5.2 5.2 0 0 0-.141.001c-2.3 0-4.25 1.35-4.25 2.95 0 1.89.66 3.7 1.85 5.15A8.03 8.03 0 0 0 6.52 16a5.83 5.83 0 0 1-2.28-4.89c0-2.08 1.47-4.39 3.08-4.94l.11-.04a5.2 5.2 0 0 0-3.04-1.02zM6.21 9.29c-.3.56-.46 1.188-.47 1.818a4.21 4.21 0 0 0 2.519 4.17c.53.23 1.1.34 1.68.33a5.89 5.89 0 0 0 3.4-1.558c.51-.45.95-.962 1.32-1.522l.02-.029c.1-.16.2-.299.05-.459-.12-.12-.24-.07-.36 0l-.06.03c-.88.43-1.85.65-2.82.64a5.58 5.58 0 0 1-5.28-3.42z"/>
</svg>

Before

Width:  |  Height:  |  Size: 852 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M6 0a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H6zm0 1h6a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM3 2.268C2.402 2.614 2 3.26 2 4v8.5A3.5 3.5 0 0 0 5.5 16H10c.74 0 1.387-.402 1.732-1H5.5A2.5 2.5 0 0 1 3 12.5V2.27z"/>
</svg>

After

Width:  |  Height:  |  Size: 397 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M3.508 0a.5.5 0 0 0-.428.771L7.404 7.43 5.48 10.39a3 3 0 1 0 .78.636L8 8.347l1.74 2.68a3 3 0 1 0 .78-.636L3.92.23a.503.503 0 0 0-.412-.228zm8.984 0a.503.503 0 0 0-.412.229L8.596 5.594l.598.918L12.92.772A.5.5 0 0 0 12.493 0zM4 11a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm8 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/>
</svg>

After

Width:  |  Height:  |  Size: 432 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M6.5 0a1.5 1.5 0 0 0-1.414 1H3.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 1-.5-.5v-12a.5.5 0 0 1 .5-.5h1.586A1.5 1.5 0 0 0 6.5 3h3a1.5 1.5 0 0 0 1.414-1H12.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 0 1 0v-1A1.5 1.5 0 0 0 12.5 1h-1.586A1.5 1.5 0 0 0 9.5 0h-3zm0 1h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1zm3 4A1.5 1.5 0 0 0 8 6.5v8A1.5 1.5 0 0 0 9.5 16h5a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 14.5 5h-5zm0 1h5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 .5-.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 639 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M2.5 1A2.5 2.5 0 0 0 0 3.5v8A2.5 2.5 0 0 0 2.5 14h11a2.5 2.5 0 0 0 2.5-2.5v-8A2.5 2.5 0 0 0 13.5 1h-11zm0 1h11A1.5 1.5 0 0 1 15 3.5v.3L8 7.92 1 3.803V3.5A1.5 1.5 0 0 1 2.5 2zM15 4.96v6.54a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 11.5V4.963l6.746 3.969.082.037a.5.5 0 0 0 .426-.037L15 4.96z"/>
</svg>

Before

Width:  |  Height:  |  Size: 436 B

View file

@ -0,0 +1,5 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<defs><clipPath id="a"><path d="M2.1 0 16 13.9V0zM0 .7V16h15.3z"/></clipPath></defs>
<path clip-path="url(#a)" d="m8.25 0-.154.006a2.249 2.249 0 0 0-2.074 1.939L6.014 2H3.502l-.145.006A1.5 1.5 0 0 0 2.002 3.5v2.264l-.058.006A2.25 2.25 0 0 0 0 8.001l.006.155a2.249 2.249 0 0 0 1.939 2.074l.056.005v2.266l.006.145A1.5 1.5 0 0 0 3.502 14h2.014l.006.055a2.25 2.25 0 0 0 2.23 1.943l.154-.006a2.25 2.25 0 0 0 2.074-1.94L9.986 14h2.516a1.5 1.5 0 0 0 1.5-1.5L14 9.247l-1.75.002-.123-.006A1.246 1.246 0 0 1 11 8l.006-.123A1.246 1.246 0 0 1 12.25 6.75L14 6.747l.002-3.246-.008-.144a1.499 1.499 0 0 0-1.492-1.355h-2.018l-.004-.057A2.252 2.252 0 0 0 8.25 0zm0 1c.69 0 1.25.56 1.25 1.25V3l3.002.002.09.008a.5.5 0 0 1 .41.492v2.246l-.752.002a2.25 2.25 0 0 0-2.242 2.066L10 7.98c0 1.194.903 2.167 2.066 2.262l.164.008.772-.002v2.254a.5.5 0 0 1-.5.5L9 13l.002.752a1.25 1.25 0 0 1-2.5-.002L6.5 13l-2.998.002a.5.5 0 0 1-.5-.5L3 9.25l-.752.002a1.249 1.249 0 1 1 .002-2.5L3 6.75l.002-3.248a.5.5 0 0 1 .5-.5L7 3v-.75C7 1.56 7.56 1 8.25 1z"/>
<path d="M.5 0a.5.5 0 0 0-.354.146.5.5 0 0 0 0 .707l15 15a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707l-15-15A.5.5 0 0 0 .499 0z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m8.25 0-.154.006a2.249 2.249 0 0 0-2.074 1.939L6.014 2H3.502l-.145.006a1.5 1.5 0 0 0-1.355 1.494v2.264l-.058.006A2.25 2.25 0 0 0 0 8.001l.006.155a2.249 2.249 0 0 0 1.939 2.074l.056.005v2.266l.006.145A1.5 1.5 0 0 0 3.502 14h2.014l.006.055a2.25 2.25 0 0 0 2.23 1.943l.154-.006a2.25 2.25 0 0 0 2.074-1.94l.006-.052h2.516a1.5 1.5 0 0 0 1.5-1.5L14 9.247l-1.75.002-.123-.006A1.246 1.246 0 0 1 11 8l.006-.123A1.246 1.246 0 0 1 12.25 6.75L14 6.747l.002-3.246-.008-.144a1.499 1.499 0 0 0-1.492-1.355h-2.018l-.004-.057A2.252 2.252 0 0 0 8.25 0zm0 1c.69 0 1.25.56 1.25 1.25V3l3.002.002.09.008a.5.5 0 0 1 .41.492v2.246l-.752.002a2.25 2.25 0 0 0-2.242 2.066L10 7.98c0 1.194.903 2.167 2.066 2.262l.164.008.772-.002v2.254a.5.5 0 0 1-.5.5L9 13l.002.752a1.25 1.25 0 0 1-2.5-.002L6.5 13l-2.998.002a.5.5 0 0 1-.5-.5L3 9.25l-.752.002a1.249 1.249 0 1 1 .002-2.5L3 6.75l.002-3.248a.5.5 0 0 1 .5-.5L7 3v-.75C7 1.56 7.56 1 8.25 1z"/>
</svg>

After

Width:  |  Height:  |  Size: 1 KiB

3
chrome/icons/firefox.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M10.39 0C8.948.788 7.987 2.025 7.767 3.66c-1.017.162-1.768.781-1.768.781s.72-.44 1.736-.511a4.04 4.04 0 0 1 3.789 2.034s-.758-.62-1.928-.468c1.315.68 1.872 2.002 1.701 3.369-.17 1.367-1.183 2.435-2.354 2.723-1.171.287-2.333.099-3.229-.61-.896-.708-1.251-1.533-1.305-2.254.213-.533.541-.812 1.1-1.092.558-.279 1.422-.283 1.572-.283s.8-.507.95-.894c-.726-.363-1.292-.65-1.696-.934-.404-.283-.492-.534-1.012-.898-.307-1.006-.021-1.955-.021-1.955s-1.043.437-1.93 1.49c0 0-.342-.338-.28-2.006-.427.155-1.366 1.004-1.947 1.92a7.277 7.277 0 0 0-.798 1.723A8.296 8.296 0 0 0-.003 8a8 8 0 0 0 16 0c0-2.256-.93-4.252-2.188-5.002 0 0 .542.932.813 2.43-.4-1.04-1.235-2.166-1.877-2.844-.643-.678-2.068-1.88-2.357-2.584z"/>
</svg>

After

Width:  |  Height:  |  Size: 848 B

View file

@ -1,10 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<style>
use:not(:target){display:none}
</style>
<defs>
<path style="fill-opacity:1;stroke-width:1px;stroke-opacity:1" d="M7.75 3.5h5.75a2 2 45 0 1 2 2v7a2 2 135 0 1-2 2h-11a2 2 45 0 1-2-2v-9a2 2 135 0 1 2-2H5a1.315 1.315 20.817 0 1 .874.332L7.75 3.5 5.874 5.168A1.315 1.315 159.183 0 1 5 5.5H.5" id="folder"/>
</defs>
<use id="lightmode" fill="#fee082" stroke="#b28501" href="#folder"/>
<use id="darkmode" fill="#b28501" stroke="#fee082" href="#folder"/>
</svg>

Before

Width:  |  Height:  |  Size: 546 B

View file

@ -1,3 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="m2.5 1-.164.006A2.5 2.5 0 0 0 0 3.5v9l.006.164A2.5 2.5 0 0 0 2.5 15h11l.164-.006A2.5 2.5 0 0 0 16 12.5v-7l-.006-.164-.016-.162C15.818 3.947 14.766 3.109 13.5 3H7.918L6.066 1.3l-.134-.09A1.5 1.5 0 0 0 5.166 1zm0 1h2.666l.08.006c.08.013.156.045.22.094L6.945 3.52l-1.51 1.325-.061.052a.499.499 0 0 1-.3.102L1 4.998V3.5l.008-.145A1.5 1.5 0 0 1 2.5 2zm5.368 2H13.5l.145.008A1.5 1.5 0 0 1 15 5.5v7l-.008.145A1.5 1.5 0 0 1 13.5 14h-11l-.145-.008A1.5 1.5 0 0 1 1 12.5V5.998L5.072 6l.153-.008a1.5 1.5 0 0 0 .933-.457z"/> <path fill="#fedc77" d="M2 1.5 1 2 .5 3v10l.5 1 1 .5h12l1-.5.5-1V4.5l-.5-1-1-.5H7.5l-2-1.5z"/>
<path fill="#a97a04" d="m2.5 1-.164.006A2.5 2.5 0 0 0 0 3.5v9l.006.164A2.5 2.5 0 0 0 2.5 15h11l.164-.006A2.5 2.5 0 0 0 16 12.5V5l-.006-.164-.016-.162A2.5 2.5 0 0 0 13.5 2.5H7.668L6.066 1.3l-.134-.089a1.5 1.5 0 0 0-.766-.21zm0 1h2.666l.08.006c.08.013.156.045.22.094l1.228.922-1.26 1.324-.06.052a.499.499 0 0 1-.302.102L1 4.498V3.5l.008-.145A1.499 1.499 0 0 1 2.5 2zm5.117 1.5H13.5l.144.008C14.405 3.58 15 4.22 15 5v7.5l-.008.144A1.499 1.499 0 0 1 13.5 14h-11l-.145-.007A1.499 1.499 0 0 1 1 12.5V5.498l4.072.001.153-.007a1.5 1.5 0 0 0 .933-.457z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 654 B

After

Width:  |  Height:  |  Size: 773 B

Before After
Before After

View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="m1.502 0-.09.008A.501.501 0 0 0 1.01.41L1.002.5v4l.008.09a.501.501 0 0 0 .402.402l.09.008h4l.09-.008a.5.5 0 0 0 0-.984L5.502 4 2.26 3.998a6.977 6.977 0 0 1 4.467-2.877 6.967 6.967 0 0 1 5.04.99l.727-.726A7.97 7.97 0 0 0 6.544.137 7.974 7.974 0 0 0 2.003 2.71V.5L1.994.41a.501.501 0 0 0-.402-.402L1.502 0zm13.975 0a.5.5 0 0 0-.33.146l-15 15a.5.5 0 0 0 0 .708.5.5 0 0 0 .707 0l15-15a.5.5 0 0 0 0-.708.5.5 0 0 0-.377-.146zm-.862 3.506-.722.723a6.97 6.97 0 0 1 .992 2.5 7 7 0 0 1-5.608 8.158 6.968 6.968 0 0 1-5.048-.994l-.725.724A8 8 0 0 0 14.615 3.506zM7.502 4l-.09.008a.501.501 0 0 0-.402.402L7 4.5v2.379l1-1V4.5l-.006-.09a.501.501 0 0 0-.402-.402L7.502 4zM.527 7.004a.5.5 0 0 0-.521.478 10.3 10.3 0 0 0 .13 1.979 7.968 7.968 0 0 0 1.249 3.033l.72-.72a6.972 6.972 0 0 1-.986-2.495 9.377 9.377 0 0 1-.113-1.756.499.499 0 0 0-.479-.52zM9.121 9l-1 1H10l.092-.004A.503.503 0 0 0 10.5 9.5a.495.495 0 0 0-.408-.488L10.002 9h-.88z"/> <path d="M1.5 0a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5H2.254a6.996 6.996 0 0 1 9.52-1.895l.72-.72A7.972 7.972 0 0 0 8.02 0 8.016 8.016 0 0 0 2 2.715V.5a.5.5 0 0 0-.5-.5zm13.87.018a.5.5 0 0 0-.225.128l-15 15a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0l1.857-1.857a7.953 7.953 0 0 0 3.78 1.86 8.006 8.006 0 0 0 9.12-5.39c.895-2.76.2-5.69-1.617-7.754l1.86-1.859a.5.5 0 0 0 0-.707.5.5 0 0 0-.483-.128zm-2.08 3.398a6.99 6.99 0 0 1 1.367 6.742 6.994 6.994 0 0 1-11.241 3.13L7.27 9.436a.5.5 0 0 0 .229.064h3a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5H8.204l5.085-5.084zM7.499 4a.5.5 0 0 0-.5.5v2.379l1-1v-1.38a.5.5 0 0 0-.5-.5zM.548 7.004a.5.5 0 0 0-.531.466 7.97 7.97 0 0 0 1.369 5.021l.717-.716a6.984 6.984 0 0 1-1.088-4.238.5.5 0 0 0-.467-.534z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 884 B

Before After
Before After

3
chrome/icons/forward.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8.473.5a.5.5 0 0 1 .361.127l6.844 6.137a.998.998 0 0 1 0 1.473l-6.844 6.137a.5.5 0 0 1-.707-.04.5.5 0 0 1 .04-.706L14.442 8H1.003a.5.5 0 0 1 0-1h13.44L8.166 1.374a.5.5 0 0 1-.039-.707A.5.5 0 0 1 8.473.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 346 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M8.5 1a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h4.793L2 13.293V8.5a.5.5 0 0 0-.5-.5.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5H2.707L14 2.707V7.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5h-6z"/>
</svg>

Before

Width:  |  Height:  |  Size: 362 B

View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M15.5 0a.5.5 0 0 0-.354.146L10 5.293V1.5a.5.5 0 0 0-.5-.5.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5h-3.793L15.854.854A.5.5 0 0 0 15.5 0zm-14 9a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h3.793L.146 15.146a.5.5 0 0 0 .708.708L6 10.707V14.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5z"/> <path d="M15.5 0a.498.498 0 0 0-.353.146L10 5.292V1.5l-.007-.09A.5.5 0 0 0 9 1.5l.002 5.018v.008a.502.502 0 0 0 .01.08l.004.024.022.062.029.059.043.062.037.041.031.03.055.039.076.04.104.03L9.48 7h5.02l.09-.008A.5.5 0 0 0 15 6.5l-.008-.09a.5.5 0 0 0-.492-.41h-3.795L15.854.854l.059-.069A.501.501 0 0 0 15.5 0zM9.002 6.525v.018l.004.03zM1.5 9l-.09.008A.5.5 0 0 0 1 9.5l.008.09A.5.5 0 0 0 1.5 10h3.793L.147 15.146l-.059.068a.501.501 0 0 0 .766.64L6 10.704V14.5l.008.09A.5.5 0 0 0 7 14.5v-5l-.008-.09A.5.5 0 0 0 6.5 9z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 453 B

After

Width:  |  Height:  |  Size: 647 B

Before After
Before After

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8.5 1a.5.5 0 0 0-.5.5l.008.09A.5.5 0 0 0 8.5 2h4.793L2.003 13.29V8.497l-.008-.09a.5.5 0 0 0-.992.09l.002 6.018v.008a.507.507 0 0 0 .01.08l.006.023.029.082.04.075.03.037.06.06.055.04.077.04.103.03.068.007h6.02l.09-.007a.5.5 0 0 0 .41-.493l-.007-.09a.5.5 0 0 0-.493-.41H2.708l11.29-11.29v4.795l.008.09a.5.5 0 0 0 .992-.09v-6l-.002-.044-.013-.084-.031-.083-.041-.074-.03-.037-.06-.06-.055-.04-.076-.04-.063-.02-.086-.016zM1.002 14.53v.018l.004.03z"/>
</svg>

After

Width:  |  Height:  |  Size: 587 B

View file

@ -0,0 +1,5 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<defs><clipPath id="a"><path d="M2.1 0 16 13.9V0zM0 .7V16h15.3z"/></clipPath></defs>
<path clip-path="url(#a)" d="M8 0a7.005 7.005 0 0 0-4.949 11.955l1.52 1.498 2.043 1.986.133.117c.775.628 1.91.59 2.64-.117l2.437-2.371 1.127-1.113A7.005 7.005 0 0 0 8 0zm0 .998a5.98 5.98 0 0 1 4.244 1.758 6.009 6.009 0 0 1 .176 8.311l-.176.184-1.32 1.305-2.23 2.168-.094.08a.995.995 0 0 1-1.199 0l-.094-.08-2.98-2.906-.57-.567-.176-.183a6.008 6.008 0 0 1 .176-8.311A5.979 5.979 0 0 1 8.001.999zM8 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 1a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/>
<path d="M.5 0a.5.5 0 0 0-.354.146.5.5 0 0 0 0 .707l15 15a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707l-15-15A.5.5 0 0 0 .499 0z"/>
</svg>

After

Width:  |  Height:  |  Size: 805 B

3
chrome/icons/geo.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8 0a7.005 7.005 0 0 0-4.949 11.955l1.52 1.498 2.043 1.986.133.117c.775.628 1.91.59 2.64-.117l2.437-2.371 1.127-1.113A7.005 7.005 0 0 0 8 0zm0 .998a5.98 5.98 0 0 1 4.244 1.758 6.009 6.009 0 0 1 .176 8.311l-.176.184-1.32 1.305-2.23 2.168-.094.08a.995.995 0 0 1-1.199 0l-.094-.08-2.98-2.906-.57-.567-.176-.183a6.008 6.008 0 0 1 .176-8.311A5.979 5.979 0 0 1 8.001.999zM8 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 1a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/>
</svg>

After

Width:  |  Height:  |  Size: 573 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm0 1c.657 0 1.406.59 2.021 1.908.218.466.407 1.002.56 1.592H5.42a9.25 9.25 0 0 1 .559-1.592C6.594 1.59 7.343 1 8 1zm-2.285.38c-.242.331-.456.705-.643 1.104A10.511 10.511 0 0 0 4.39 4.5H1.936a7.026 7.026 0 0 1 3.779-3.12zm4.57 0a7.026 7.026 0 0 1 3.78 3.12H11.61a10.513 10.513 0 0 0-.683-2.016 6.635 6.635 0 0 0-.643-1.103zM1.46 5.5h2.734C4.068 6.288 4 7.13 4 8c0 .87.068 1.712.193 2.5H1.46A6.983 6.983 0 0 1 1 8c0-.88.162-1.724.459-2.5zm3.748 0h5.586c.133.775.207 1.617.207 2.5s-.074 1.725-.207 2.5H5.207A14.866 14.866 0 0 1 5 8c0-.883.074-1.725.207-2.5zm6.6 0h2.734c.297.776.459 1.62.459 2.5 0 .88-.162 1.724-.459 2.5h-2.734C11.932 9.712 12 8.87 12 8c0-.87-.068-1.712-.193-2.5zm-9.871 6h2.453c.175.743.407 1.423.683 2.016.187.399.401.773.643 1.103a7.026 7.026 0 0 1-3.78-3.119zm3.484 0h5.16a9.247 9.247 0 0 1-.559 1.592C9.406 14.41 8.657 15 8 15c-.657 0-1.406-.59-2.021-1.908a9.253 9.253 0 0 1-.56-1.592zm6.191 0h2.453a7.026 7.026 0 0 1-3.779 3.12c.242-.331.456-.705.643-1.104.276-.593.508-1.273.683-2.016z"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

3
chrome/icons/help.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm0 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1zm0 2.5A2.5 2.5 0 0 0 5.5 6a.5.5 0 0 0 1 0 1.5 1.5 0 1 1 2.525 1.094l-.117.102-.248.183a3.094 3.094 0 0 0-.355.323C7.792 8.247 7.5 8.989 7.5 10a.5.5 0 0 0 1 0c0-.758.197-1.253.535-1.613.05-.053.1-.103.156-.15l.086-.071.22-.164.153-.125A2.5 2.5 0 0 0 8 3.5zm0 8A.75.75 0 1 0 8 13a.75.75 0 0 0 0-1.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 507 B

View file

@ -1,3 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M1.5 0a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5H2.256a6.995 6.995 0 0 1 8.424-2.467 6.994 6.994 0 0 1 4.082 8.28 6.994 6.994 0 0 1-7.676 5.126A6.993 6.993 0 0 1 1 8a.5.5 0 0 0-.5-.5.5.5 0 0 0-.5.5 8.005 8.005 0 0 0 6.955 7.932 8.006 8.006 0 0 0 8.772-5.862A8.005 8.005 0 0 0 8.219.002 8.006 8.006 0 0 0 2 2.734V.5a.5.5 0 0 0-.5-.5zm6 4a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5H8V4.5a.5.5 0 0 0-.5-.5z"/> <path d="M8.02 0a7.97 7.97 0 0 1 3.365.752 8.008 8.008 0 0 1 4.227 9.715 8.006 8.006 0 0 1-9.12 5.389A8.005 8.005 0 0 1 .017 7.47a.5.5 0 0 1 .531-.467.5.5 0 0 1 .467.533 6.994 6.994 0 0 0 5.664 7.338 6.994 6.994 0 0 0 7.98-4.717 6.993 6.993 0 0 0-3.696-8.5A6.996 6.996 0 0 0 2.255 4h3.246a.5.5 0 0 1 .5.5.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5.5.5 0 0 1 .5.5v2.215A8.014 8.014 0 0 1 8.021 0z"/>
<path d="M7.5 4a.5.5 0 0 0-.5.5V9a.5.5 0 0 0 .5.5h3A.5.5 0 0 0 11 9a.5.5 0 0 0-.5-.5H8v-4a.5.5 0 0 0-.5-.5z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 653 B

Before After
Before After

View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M6.997.384a1.5 1.5 0 0 1 2.005 0l5.5 4.943A1.5 1.5 0 0 1 15 6.443V13.5a1.5 1.5 0 0 1-1.5 1.5h-2a1.5 1.5 0 0 1-1.5-1.5v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4A1.5 1.5 0 0 1 4.5 15h-2A1.5 1.5 0 0 1 1 13.5V6.443c0-.425.18-.831.498-1.116zm1.337.744a.5.5 0 0 0-.668 0l-5.5 4.943A.5.5 0 0 0 2 6.443V13.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-4A1.5 1.5 0 0 1 6.5 8h3A1.5 1.5 0 0 1 11 9.5v4a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V6.443a.5.5 0 0 0-.166-.372z"/> <path d="M8 0c-.359 0-.717.129-1.002.385l-5.5 4.94A1.5 1.5 0 0 0 1 6.442v7.055a1.5 1.5 0 0 0 1.5 1.5H5a1.5 1.5 0 0 0 1.5-1.5v-3.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v3.5a1.5 1.5 0 0 0 1.5 1.5h2.5a1.5 1.5 0 0 0 1.5-1.5V6.44c0-.426-.181-.83-.498-1.115L9.002.385A1.496 1.496 0 0 0 8 0zm0 1a.5.5 0 0 1 .334.129l5.5 4.94c.105.096.166.23.166.372v7.055a.5.5 0 0 1-.5.5H11a.5.5 0 0 1-.5-.5v-3.5a1.5 1.5 0 0 0-1.5-1.5H7a1.5 1.5 0 0 0-1.5 1.5v3.5a.5.5 0 0 1-.5.5H2.5a.5.5 0 0 1-.5-.5V6.441c0-.142.06-.276.166-.371l5.5-4.941A.5.5 0 0 1 8 1z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 590 B

After

Width:  |  Height:  |  Size: 661 B

Before After
Before After

View file

@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<style>
#save:not(:target),#save:target+path{display:none}
</style>
<g style="fill:context-fill;fill-opacity:context-fill-opacity">
<path id="save" d="m4 2-.22.006A4 4 0 0 0 4 9.998h2l.09-.008A.498.498 0 0 0 6 9H4l-.197-.008A3 3 0 0 1 4 3h2l.09-.008A.5.5 0 0 0 6 2H4zm5.998 0-.09.008a.5.5 0 0 0 .09.992h2l.197.006a3 3 0 0 1 2.801 3.127c.34.107.661.277.95.513A4 4 0 0 0 11.998 2H9.997zM4 5.5l-.09.008A.5.5 0 0 0 4 6.5h7.998l.09-.008a.5.5 0 0 0-.09-.992H4zM14.13 7c-.478 0-.956.182-1.321.547l-4.83 4.828a2.2 2.2 0 0 0-.579 1.021l-.373 1.499a.889.889 0 0 0 1.078 1.078l1.499-.375a2.194 2.194 0 0 0 1.019-.578l4.83-4.829A1.87 1.87 0 0 0 14.131 7z"/>
<path d="m4 4-.219.006A4 4 0 0 0 4 12h2l.09-.008A.5.5 0 0 0 6 11H4l-.197-.006A3 3 0 0 1 4 5h2l.09-.008A.5.5 0 0 0 6 4H4zm6 0-.09.008A.5.5 0 0 0 10 5h2l.197.006A3 3 0 0 1 12 11h-2l-.09.008A.5.5 0 0 0 10 12h2l.219-.006A4 4 0 0 0 12 4h-2zM4 7.5l-.09.008A.5.5 0 0 0 4 8.5h8l.09-.008A.5.5 0 0 0 12 7.5H4z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1 KiB

View file

@ -1,563 +1,457 @@
.subviewbutton>.toolbarbutton-icon { /* EdgeFr-Fox by bmFtZQ - icons.css */
width: 16px;
height: 16px; #appMenu-multiView .subviewbutton,
-moz-context-properties: fill; #overflowMenu-customize-button {
fill: currentColor; -moz-context-properties: fill, fill-opacity !important;
fill: currentColor !important;
} }
.toolbarbutton-1#back-button, #back-button {
#context-back, list-style-image: url("back.svg") !important;
.subviewbutton-back,
.identity-popup-expander {
list-style-image: url(arrow-back.svg) !important;
} }
.toolbarbutton-1#forward-button, #forward-button {
#context-forward { list-style-image: url("forward.svg") !important;
list-style-image: url(arrow-back.svg#flip) !important;
} }
#PanelUI-menu-button { #reload-button {
list-style-image: url(menu.svg) !important; list-style-image: url("reload.svg") !important;
}
#reload-button,
#context-reload {
list-style-image: url(refresh.svg) !important;
}
#stop-reload-button[animate]>#reload-button>.toolbarbutton-animatable-box>.toolbarbutton-animatable-image {
background-image: url(reload-to-stop.svg) !important;
width: 468px !important;
} }
#stop-button, #stop-button,
#context-stop { .close-icon {
list-style-image: url(stop.svg) !important; list-style-image: url("close.svg") !important;
} }
#stop-reload-button[animate]>#reload-button[displaystop]+#stop-button>.toolbarbutton-animatable-box>.toolbarbutton-animatable-image { .tab-close-button {
background-image: url(stop-to-reload.svg) !important; list-style-image: url("close-9px.svg") !important;
width: 468px !important;
} }
#home-button {
list-style-image: url(home.svg) !important;
}
#star-button,
#context-bookmarkpage,
#pageAction-panel-bookmark,
#panelMenuBookmarkThisPage {
list-style-image: url(star.svg) !important;
}
#star-button[starred],
#tracking-protection-icon-box[active] {
fill: var(--toolbarbutton-icon-fill-attention) !important;
}
#star-button[starred],
#context-bookmarkpage[starred],
#panelMenuBookmarkThisPage {
list-style-image: url(star.svg#fill) !important;
}
#bookmarks-menu-button,
#appMenu-library-bookmarks-button,
#panelMenu_toggleBookmarksMenu,
#appMenu-bookmarks-button {
list-style-image: url(star.svg#list) !important;
}
#library-button,
#appMenu-library-button {
list-style-image: url(library.svg) !important;
}
#preferences-button,
#appMenu-preferences-button,
.identity-popup-preferences-button,
#urlbar-anon-search-settings-compact .button-icon,
#PanelUI-fxa-menu-sync-prefs-button,
#PanelUI-fxa-menu-account-devices-button {
list-style-image: url(settings.svg) !important;
}
#appMenu-new-window-button,
#new-window-button {
list-style-image: url(new-window.svg) !important;
}
#appMenu-private-window-button,
#privatebrowsing-button {
list-style-image: url(new-private-window.svg) !important;
}
#appMenu-fullscreen-button,
#fullscreen-button,
#appMenu-fullscreen-button2 {
list-style-image: url(fullscreen-enter.svg) !important;
}
#appMenu-fullscreen-button[checked],
#fullscreen-button[checked],
#appMenu-fullscreen-button2[checked] {
list-style-image: url(fullscreen-exit.svg) !important;
}
#appMenu-zoomEnlarge-button,
#appMenu-zoomEnlarge-button2,
#zoom-in-button {
list-style-image: url(zoom-in.svg) !important;
}
#appMenu-zoomReduce-button,
#appMenu-zoomReduce-button2,
#zoom-out-button {
list-style-image: url(zoom-out.svg) !important;
}
#appMenu-library-downloads-button,
#downloads-button {
list-style-image: url(download.svg#arrow-with-bar) !important;
}
#downloads-indicator-icon {
background-image: url(download.svg#arrow) !important;
}
#downloads-button[progress] #downloads-indicator-icon {
background-image: url(download.svg#arrow-progress) !important;
}
#downloads-indicator-progress-outer {
background-image: url(download.svg#default-bar) !important;
}
#downloads-indicator-progress-inner,
#downloads-button[progress]>.toolbarbutton-badge-stack>#downloads-indicator-anchor>#downloads-indicator-progress-outer {
background-image: url(download.svg#progress-bar-fg) !important;
}
#downloads-button[progress]>.toolbarbutton-badge-stack>#downloads-indicator-anchor>#downloads-indicator-progress-outer {
background-image: url(download.svg#progress-bar-bg) !important;
}
#PanelUI-fxa-menu-remotetabs-button,
#appMenuRecentlyClosedTabs,
#appMenu-library-remotetabs-button,
#sync-button {
list-style-image: url(synced-tabs.svg) !important;
}
#appMenu-library-pocket-button,
#pocket-button,
#pageAction-panel-pocket {
list-style-image: url(save-pocket.svg) !important;
}
#PanelUI-remotetabs-view-sidebar,
#sidebar-button { #sidebar-button {
list-style-image: url(sidebar.svg) !important; list-style-image: url("sidebars-right.svg") !important;
} }
#sidebar-button[positionend] { #sidebar-button:-moz-locale-dir(ltr):not([positionend]),
transform: scaleX(-1) !important; #sidebar-button:-moz-locale-dir(rtl)[positionend] {
list-style-image: url("sidebars.svg") !important;
} }
#sidebar-button[checked] { #downloads-button,
list-style-image: url(sidebar.svg#fill) !important; #downloads-indicator-anchor,
#appMenu-downloads-button {
list-style-image: url("downloads.svg") !important;
} }
#nav-bar-overflow-button, #appMenu-passwords-button {
#alltabs-button { list-style-image: url("passwords.svg") !important;
list-style-image: url(overflow.svg) !important;
} }
#PlacesChevron { #nav-bar-overflow-button {
list-style-image: url(menu-right.svg) !important; list-style-image: url("chevron.svg") !important;
} }
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), #PanelUI-menu-button,
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) { #appMenu-more-button2 {
list-style-image: url(menu-left.svg) !important; list-style-image: url("menu.svg") !important;
} }
#appMenu-customize-button, #appMenu-help-button2 {
#overflowMenu-customize-button { list-style-image: url("help.svg") !important;
list-style-image: url(brush.svg) !important;
} }
#appMenu-print-button, #new-tab-button {
#print-button { list-style-image: url("new-tab.svg") !important;
list-style-image: url(print.svg) !important;
} }
#appMenu-save-file-button, #sync-button,
#save-page-button { .urlbarView-row[source="tabs"]>.urlbarView-row-inner>.urlbarView-no-wrap>.urlbarView-favicon,
list-style-image: url(savefile.svg) !important; #urlbar-engine-one-off-item-tabs {
} list-style-image: url("tab.svg") !important;
#appMenu-open-file-button,
#open-file-button {
list-style-image: url(openfile.svg) !important;
} }
#history-panelmenu, #history-panelmenu,
#appMenu-library-history-button { .urlbarView-row[source="history"]>.urlbarView-row-inner>.urlbarView-no-wrap>.urlbarView-favicon,
list-style-image: url(history.svg) !important; #urlbar-engine-one-off-item-history,
#appMenu-history-button {
list-style-image: url("history.svg") !important;
} }
#appMenu-logins-button, #save-page-button,
richlistitem[originaltype="loginWithOrigin"] .ac-site-icon, #appMenu-save-file-button2 {
richlistitem[originaltype="loginsFooter"] .ac-site-icon, list-style-image: url("save.svg") !important;
#PanelUI-fxa-menu-logins-button {
list-style-image: url(key.svg) !important;
} }
.subviewbutton[type="highlight-history"]::after { #print-button,
content: url(history.svg) !important; #appMenu-print-button2 {
list-style-image: url("print.svg") !important;
}
#find-button,
.searchbar-search-icon,
#appMenu-find-button2 {
list-style-image: url("search-glass.svg") !important;
}
#open-file-button {
list-style-image: url("open.svg") !important;
} }
#add-ons-button, #add-ons-button,
#appMenu-addons-button { #appMenu-extensions-themes-button {
list-style-image: url(addons.svg) !important; list-style-image: url("extension.svg") !important;
} }
#email-link-button, #zoom-out-button,
#pageAction-panel-emailLink, #appMenu-zoomReduce-button2 {
#pageAction-urlbar-emailLink { list-style-image: url("zoom-out.svg") !important;
list-style-image: url(email.svg) !important;
}
#pageAction-panel-copyURL,
#pageAction-urlbar-copyURL {
list-style-image: url(hyperlink.svg) !important;
}
#reader-mode-button {
list-style-image: url(readerMode.svg) !important;
}
#pageAction-panel-webcompat-reporter_mozilla_org {
list-style-image: url(bug.svg) !important;
}
#pageAction-panel-webcompat-reporter_mozilla_org>.toolbarbutton-icon {
list-style-image: inherit !important;
}
#screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-left {
background-image: url(screenshot.svg) !important;
background-position: 4px center !important;
background-repeat: no-repeat !important;
}
#screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-icon {
visibility: hidden !important;
}
#pageAction-panel-screenshots_mozilla_org .toolbarbutton-icon,
#pageAction-urlbar-screenshots_mozilla_org {
list-style-image: url(screenshot.svg) !important;
} }
#zoom-in-button,
#tabs-newtab-button, #tabs-newtab-button,
#new-tab-button { #TabsToolbar #new-tab-button,
list-style-image: url(new-tab.svg) !important; #appMenu-zoomEnlarge-button2 {
list-style-image: url("plus.svg") !important;
}
#cut-button {
list-style-image: url("edit-cut.svg") !important;
}
#copy-button {
list-style-image: url("edit-copy.svg") !important;
}
#paste-button {
list-style-image: url("edit-paste.svg") !important;
}
#email-link-button {
list-style-image: url("mail.svg") !important;
}
#screenshot-button {
list-style-image: url("screenshot.svg") !important;
}
#preferences-button,
.search-setting-button>.button-box>.button-icon,
#appMenu-settings-button {
list-style-image: url("settings.svg") !important;
} }
#panic-button { #panic-button {
list-style-image: url(forget.svg) !important; list-style-image: url("forget.svg") !important;
}
#privatebrowsing-button,
#appMenu-new-private-window-button2 {
list-style-image: url("privateBrowsing.svg") !important;
}
#save-to-pocket-button {
list-style-image: url("pocket-outline.svg") !important;
}
#profiler-button-button>.toolbarbutton-icon,
.subviewbutton[label="Task Manager"] {
list-style-image: url("tool-profiler.svg") !important;
} }
#developer-button { #developer-button {
list-style-image: url(developer.svg) !important; list-style-image: url("developer.svg") !important;
} }
:root:not([fxastatus=signedin]) #fxa-avatar-image, #new-window-button,
:root[fxastatus=signedin]:is(:not([style*="--avatar-image-url"]), [style*="https://profile.accounts.firefox.com/v1/avatar/"]) :-moz-any(#fxa-avatar-image, #fxa-menu-avatar, #appMenu-fxa-label) { #appMenu-new-window-button2 {
list-style-image: url(profile.svg) !important; list-style-image: url("window.svg") !important;
} }
:-moz-any(:root[privatebrowsingmode], :root[privatebrowsingmode][fxastatus=signedin]:not([style*="--avatar-image-url"])) #fxa-avatar-image { #restore-button,
list-style-image: url(incognito.svg) !important; #fullscreen-button,
#appMenu-fullscreen-button2 {
list-style-image: url("fullscreen.svg") !important;
} }
#tracking-protection-icon { #restore-button[checked],
list-style-image: url(tracking-protection.svg) !important; #fullscreen-button[checked],
#appMenu-fullscreen-button2[checked] {
list-style-image: url("fullscreen-exit.svg") !important;
} }
#appMenu-protection-report-icon { #bookmarks-menu-button,
list-style-image: url(protections.svg) !important; #appMenu-bookmarks-button {
list-style-image: url("bookmark-star-on-tray.svg") !important;
} }
#pageActionButton { #home-button {
list-style-image: url(menu.svg) !important; list-style-image: url("home.svg") !important;
} }
#urlbar[pageproxystate="invalid"] #identity-icon, #library-button {
.searchbar-search-icon, list-style-image: url("library.svg") !important;
#PopupAutoCompleteRichResult .ac-type-icon[type="keyword"],
#PopupAutoCompleteRichResult .ac-site-icon[type="searchengine"],
#panelMenu_searchBookmarks {
list-style-image: url(search.svg) !important;
} }
#appMenu-find-button, /* identity icons */
#find-button { #identity-icon {
list-style-image: url(search-file.svg) !important; list-style-image: url("info.svg") !important;
} }
#appMenu-whatsnew-button { #identity-box[pageproxystate="valid"].chromeUI #identity-icon {
list-style-image: url(whatsnew.svg) !important; list-style-image: url("firefox.svg") !important;
} }
#appMenu-developer-button { #identity-box[pageproxystate="valid"].localResource #identity-icon {
list-style-image: url(webdeveloper.svg) !important; list-style-image: url("page-portrait.svg") !important;
} }
#appMenu-more-button { #urlbar:not(.searchButton)>#urlbar-input-container>#identity-box[pageproxystate="invalid"] #identity-icon {
list-style-image: url(menu.svg) !important; list-style-image: url("search-glass.svg") !important;
} }
#appMenu-cut-button, #urlbar[actiontype="extension"]>#urlbar-input-container>#identity-box #identity-icon,
#cut-button { #identity-box[pageproxystate="valid"].extensionPage #identity-icon {
list-style-image: url(cut.svg) !important; list-style-image: url("extension.svg") !important;
} }
#appMenu-copy-button, #identity-box[pageproxystate="valid"].verifiedDomain #identity-icon,
#copy-button { #identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
list-style-image: url(copy.svg) !important; list-style-image: url("security.svg") !important;
} }
#appMenu-paste-button, #urlbar-input-container[pageproxystate="valid"]>#tracking-protection-icon-container>#tracking-protection-icon-box>#tracking-protection-icon {
#paste-button { list-style-image: url("tracking-protection.svg") !important;
list-style-image: url(paste.svg) !important;
} }
#appMenu-fxa-label, /* security */
#PanelUI-fxa-menu-syncnow-button, .identity-popup-security-connection {
#appMenu-fxa-icon, background-image: url("security-broken.svg") !important;
#PanelUI-remotetabs-syncnow {
list-style-image: url(sync.svg) !important;
} }
.tab-icon-image, #identity-box[pageproxystate="valid"].notSecure #identity-icon,
.bookmark-item { #identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon,
list-style-image: url(globe.svg) !important; #identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon {
list-style-image: url("security-broken.svg") !important;
}
#identity-popup[connection=chrome] .identity-popup-security-connection {
background-image: url("firefox.svg") !important;
}
#identity-popup[connection="file"] .identity-popup-security-connection {
background-image: url("page-portrait.svg") !important;
}
#identity-popup[connection^=secure] .identity-popup-security-connection {
background-image: url("security.svg") !important;
}
#identity-popup[ciphers=weak] .identity-popup-security-connection,
#identity-popup[mixedcontent~=passive-loaded][isbroken] .identity-popup-security-connection,
#identity-popup[connection=secure-cert-user-overridden] .identity-popup-security-connection,
#identity-popup[connection=cert-error-page] .identity-popup-security-connection {
background-image: url("security-warning.svg") !important;
}
#identity-popup[connection=net-error-page] .identity-popup-security-connection {
background-image: url("info.svg") !important;
}
#identity-popup[connection=extension] .identity-popup-security-connection {
background-image: url("extension.svg") !important;
}
#appMenu-new-tab-button2 {
list-style-image: url("new-tab-image.svg") !important;
}
.findbar-find-previous {
list-style-image: url("arrow-up.svg") !important;
}
.findbar-find-next {
list-style-image: url("arrow-down.svg") !important;
}
#protections-popup-mainView .subviewbutton-nav:not(.notFound)::after,
#identity-popup-mainView .subviewbutton-nav::after,
.widget-overflow-list .subviewbutton-nav::after,
.PanelUI-subView .subviewbutton-nav::after {
content: url("arrow-right.svg") !important;
}
#PlacesChevron,
#urlbar-go-button {
list-style-image: url("arrow-right.svg") !important;
}
#overflowMenu-customize-button,
#appmenu-moreTools-button {
list-style-image: url("customize.svg") !important;
}
.bookmark-item[container] {
list-style-image: url("folder.svg") !important;
}
#pageAction-panel-bookmark,
#star-button {
list-style-image: url("bookmark-hollow.svg") !important;
}
#pageAction-panel-bookmark[starred],
#star-button[starred] {
list-style-image: url("bookmark.svg") !important;
}
/* tab icons */
.tab-icon-image[src="chrome://branding/content/icon32.png"],
.tab-icon-image[src="chrome://global/skin/icons/settings.svg"],
.tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"],
.tab-icon-image[src="chrome://browser/skin/customize.svg"],
.tab-icon-image[src="chrome://browser/skin/privatebrowsing/favicon.svg"] {
padding-left: 16px !important;
box-sizing: border-box !important;
}
.tab-icon-image[src="chrome://branding/content/icon32.png"],
.tab-icon-image[src="chrome://browser/skin/privatebrowsing/favicon.svg"] {
background: url("new-tab-image.svg") !important;
} }
.tab-icon-image[src="chrome://global/skin/icons/settings.svg"] { .tab-icon-image[src="chrome://global/skin/icons/settings.svg"] {
background-image: url(settings.svg) !important; background: url("settings.svg") !important;
padding-left: 16px !important;
} }
.tab-icon-image:-moz-any([src="chrome://branding/content/icon32.png"], [src="chrome://browser/skin/privatebrowsing/favicon.svg"]):not([busy]) {
background-image: url(new-tab-image.svg#dots) !important;
padding-left: 16px !important;
}
.tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"] { .tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"] {
background-image: url(addons.svg) !important; background: url("extension.svg") !important;
padding-left: 16px !important;
} }
.tab-icon-image[src="chrome://browser/skin/customize.svg"] { .tab-icon-image[src="chrome://browser/skin/customize.svg"] {
background-image: url(brush.svg) !important; background: url("customize.svg") !important;
padding-left: 16px !important;
} }
.tab-icon-pending[pinned], /* permissions */
.tab-icon-image:not([src], [pinned], [crashed], [pictureinpicture])[selected], #permissions-granted-icon {
.tab-icon-image:not([src], [pinned], [crashed], [sharing], [pictureinpicture]), list-style-image: url("permissions.svg") !important;
.tab-icon-image[busy],
.tab-throbber:not([busy]),
.tab-icon-sound:not([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]),
.tab-icon-sound[pinned],
.tab-sharing-icon-overlay,
.tab-icon-sound {
list-style-image: url(audio.svg) !important;
} }
.tab-icon-sound[muted] { .geo-icon {
list-style-image: url(audio-muted.svg) !important; list-style-image: url("geo.svg") !important;
} }
.tab-icon-sound[pictureinpicture] { .geo-icon.blocked-permission-icon {
list-style-image: url(picture-in-picture.svg) !important; list-style-image: url("geo-blocked.svg") !important;
width: 16px !important;
height: 16px !important;
} }
.xr-icon {
list-style-image: url("xr.svg") !important;
}
.xr-icon.blocked-permission-icon {
list-style-image: url("xr-blocked.svg") !important;
}
.popup-notification-icon[popupid="web-notifications"],
.desktop-notification-icon {
list-style-image: url("desktop-notification.svg") !important;
}
.desktop-notification-icon.blocked-permission-icon {
list-style-image: url("desktop-notification-blocked.svg") !important;
}
.camera-icon {
list-style-image: url("camera.svg") !important;
}
.camera-icon.blocked-permission-icon {
list-style-image: url("camera-blocked.svg") !important;
}
.microphone-icon {
list-style-image: url("microphone.svg") !important;
}
.microphone-icon.blocked-permission-icon {
list-style-image: url("microphone-blocked.svg") !important;
}
.screen-icon {
list-style-image: url("screen.svg") !important;
}
.screen-icon.blocked-permission-icon {
list-style-image: url("screen-blocked.svg") !important;
}
.popup-notification-icon[popupid="persistent-storage"],
.persistent-storage-icon {
list-style-image: url("persistent-storage.svg") !important;
}
.persistent-storage-icon.blocked-permission-icon {
list-style-image: url("persistent-storage-blocked.svg") !important;
}
.popup-icon {
list-style-image: url("popup.svg") !important;
}
.autoplay-media-icon {
list-style-image: url("autoplay-media.svg") !important;
}
.autoplay-media-icon.blocked-permission-icon {
list-style-image: url("autoplay-media-blocked.svg") !important;
}
#canvas-notification-icon,
.popup-notification-icon[popupid="canvas-permissions-prompt"],
.canvas-icon {
list-style-image: url("canvas.svg") !important;
}
.canvas-icon.blocked-permission-icon {
list-style-image: url("canvas-blocked.svg") !important;
}
.midi-icon,
.midi-sysex-icon,
.popup-notification-icon[popupid="midi"],
.popup-notification-icon[popupid="midi-sysex"] {
list-style-image: url("midi.svg") !important;
}
.install-icon {
list-style-image: url("extension.svg") !important;
}
.install-icon.blocked-permission-icon,
.popup-notification-icon[popupid="xpinstall-disabled"],
.popup-notification-icon[popupid="addon-install-blocked"],
.popup-notification-icon[popupid="addon-install-origin-blocked"] {
list-style-image: url("extension-blocked.svg") !important;
}
/* tab sound icons */
.tab-icon-overlay[soundplaying] { .tab-icon-overlay[soundplaying] {
list-style-image: url(audio.svg#overlayStroke) !important; list-style-image: url("tab-audio-playing-small.svg") !important;
-moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important;
fill: var(--toolbar-color) !important;
stroke: var(--toolbar-bgcolor) !important;
} }
.tab-icon-overlay[muted] { .tab-icon-overlay[muted] {
list-style-image: url(audio-muted.svg#overlayStroke) !important; list-style-image: url("tab-audio-muted-small.svg") !important;
-moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important;
fill: var(--toolbar-color) !important;
stroke: var(--toolbar-bgcolor) !important;
} }
#pageAction-panel-pinTab, .tab-icon-overlay[activemedia-blocked] {
#pageAction-urlbar-pinTab { list-style-image: url("tab-audio-blocked-small.svg") !important;
list-style-image: url(pin.svg) !important;
} }
#pageAction-urlbar-shareURL, /* reload/stop animation */
#pageAction-panel-shareURL { #stop-reload-button[animate]>#reload-button[displaystop]+#stop-button>.toolbarbutton-animatable-box>.toolbarbutton-animatable-image {
list-style-image: url(share.svg) !important; background-image: url("reload-to-stop.svg") !important;
} }
.tab-icon-overlay[activemedia-blocked], #stop-reload-button[animate]>#reload-button>.toolbarbutton-animatable-box>.toolbarbutton-animatable-image {
.tab-icon-sound[activemedia-blocked] { background-image: url("stop-to-reload.svg") !important;
list-style-image: url(media-blocked.svg) !important;
}
.downloadIconShow .button-icon {
list-style-image: url(folder.svg) !important;
}
/*
:root[lwthemetextcolor="bright"] .bookmark-item[container]
{
list-style-image: url(folder-bookmarks.svg#darkmode) !important;
}
*/
.bookmark-item[container] {
list-style-image: url(folder-bookmarks.svg#lightmode) !important;
}
#PanelUI-menu-button[badge-status|="update"] {
list-style-image: url(menu-update.svg) !important;
}
.urlbarView-favicon[src*="history.svg"],
.urlbarView-favicon[src*="search-glass.svg"] {
padding-left: 16px !important;
box-sizing: border-box !important;
width: 0 !important;
}
.urlbarView-favicon[src*="history.svg"] {
background-image: url(history.svg) !important;
}
.urlbarView-favicon[src*="search-glass.svg"] {
background-image: url(search.svg) !important;
}
/* Proton Icons */
@media (-moz-proton) {
/* Download Animation */
#downloads-indicator-icon,
#downloads-indicator-progress-outer {
background-image: none !important;
}
#downloads-indicator-progress-inner {
background: conic-gradient(var(--toolbarbutton-icon-fill-attention) var(--download-progress-pcent), transparent var(--download-progress-pcent)) !important;
}
#downloads-indicator-start-image {
list-style-image: url(notification-start-animation.svg) !important;
}
#downloads-indicator-finish-image {
list-style-image: url(notification-finish-animation.svg) !important;
}
#downloads-indicator-anchor {
list-style-image: url(download.svg#arrow-with-bar) !important;
}
#downloads-button[animate][notification="start"] > .toolbarbutton-badge-stack > #downloads-indicator-start-box > #downloads-indicator-start-image {
animation-duration: calc(var(--anim-steps) * 30ms) !important;
}
#downloads-button[animate][notification="finish"] > .toolbarbutton-badge-stack > #downloads-indicator-finish-box > #downloads-indicator-finish-image {
animation-duration: calc(var(--anim-steps) * 30ms) !important;
}
/* Profile Icon in Arrowpanel */
#appMenu-fxa-label2::before {
content: "";
display: block;
height: 20px;
width: 20px;
margin: 2px;
margin-inline-end: 10px;
}
:root[fxastatus="signedin"] #appMenu-fxa-label2::before {
background-image: var(--avatar-image-url) !important;
background-size: cover;
border-radius: 99px;
}
:root:not([fxastatus="signedin"]) #appMenu-fxa-label2::before, :root[fxastatus="signedin"]:is(:not([style*="--avatar-image-url"]), [style*="https://profile.accounts.firefox.com/v1/avatar/"]) #appMenu-fxa-label2::before {
background-image: url(profile.svg) !important;
}
#appMenu-new-tab-button2 {
list-style-image: url(new-tab-image.svg#dots) !important;
}
#appMenu-new-window-button2 {
list-style-image: url(new-window.svg) !important;
}
#appMenu-new-private-window-button2 {
list-style-image: url(new-private-window.svg) !important;
}
#appMenu-history-button {
list-style-image: url(history.svg) !important;
}
#appMenu-downloads-button {
list-style-image: url(download.svg#arrow-with-bar) !important;
}
#appMenu-passwords-button {
list-style-image: url(key.svg) !important;
}
#appMenu-extensions-themes-button {
list-style-image: url(addons.svg) !important;
}
#appMenu-print-button2 {
list-style-image: url(print.svg) !important;
}
#appMenu-save-file-button2 {
list-style-image: url(savefile.svg) !important;
}
#appMenu-find-button2 {
list-style-image: url(search-file.svg) !important;
}
#appMenu-settings-button {
list-style-image: url(settings.svg) !important;
}
#appMenu-more-button2 {
list-style-image: url(menu.svg) !important;
}
#appmenu-moreTools-button {
list-style-image: url(brush.svg) !important;
}
} }

View file

@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<style>
#copy:not(:target),#copy:target+path{display:none}
</style>
<g style="fill:context-fill;fill-opacity:context-fill-opacity">
<path id="copy" d="M6 1a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H6zm0 1h6a2 2 0 0 1 2 2v6c0 .37-.101.718-.277 1.016l-3.514-3.514a1.71 1.71 0 0 0-2.418 0l-3.514 3.514A1.99 1.99 0 0 1 4 10V4a2 2 0 0 1 2-2zm.498 1.502a.997.997 0 1 0-.003 1.995.997.997 0 0 0 .003-1.995zM2 3.764C1.386 4.313 1 5.112 1 6v4.5A4.5 4.5 0 0 0 5.5 15H10a2.99 2.99 0 0 0 2.236-1H5.5A3.501 3.501 0 0 1 2 10.5V3.764zm7 4.238c.182 0 .363.068.502.207l3.514 3.514A1.99 1.99 0 0 1 12 12H6a1.99 1.99 0 0 1-1.016-.277l3.514-3.514A.706.706 0 0 1 9 8.002z"/>
<path d="M4 1a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H4zm0 1h8a2 2 0 0 1 2 2v8c0 .373-.102.72-.28 1.02L9.05 8.432a1.499 1.499 0 0 0-2.1 0L2.28 13.02A1.988 1.988 0 0 1 2 12V4a2 2 0 0 1 2-2zm6.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm0 1a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1zM8 9.002c.127 0 .252.047.35.143l4.662 4.582A1.99 1.99 0 0 1 12 14H4a1.99 1.99 0 0 1-1.012-.273L7.65 9.145A.496.496 0 0 1 8 9.002z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -1,16 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<defs>
<linearGradient id="a" gradientUnits="userSpaceOnUse">
<stop style="stop-color:#b2aeaa;stop-opacity:1" offset="30%"/>
<stop style="stop-color:#b2aeaa;stop-opacity:0" offset="70%"/>
</linearGradient>
<mask maskUnits="userSpaceOnUse" id="b">
<circle style="fill:#fff" cx="12" cy="12" r="12"/>
</mask>
</defs>
<circle style="fill:#33312d" cx="12" cy="12" r="12"/>
<g style="fill:url(#a)">
<circle cx="12" cy="9" r="5"/>
<ellipse cx="12" cy="31.5" rx="12" ry="16" mask="url(#b)"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 612 B

View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm0 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1zm.049 3a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5zM8 6.5a.5.5 0 0 0-.5.5v4.502l.008.09a.5.5 0 0 0 .992-.09V7l-.008-.09A.5.5 0 0 0 8 6.5z"/> <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm0 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1zm.01 3a.75.75 0 1 0 .039 0h-.04zM8 6.5a.5.5 0 0 0-.5.5v4.502l.008.09a.5.5 0 0 0 .992-.09V7l-.008-.09A.5.5 0 0 0 8 6.5z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 345 B

After

Width:  |  Height:  |  Size: 328 B

Before After
Before After

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M2 1a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h5v-1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v7a1 1 0 0 1-.885.994l.446.445c.113.114.205.242.275.38A2.001 2.001 0 0 0 16 10V3a2 2 0 0 0-2-2H2zm6.598 6.01A.5.5 0 0 0 8 7.5v7a.5.5 0 0 0 .91.287l1.57-2.246 2.944.453a.499.499 0 0 0 .43-.848l-5-5a.499.499 0 0 0-.256-.136zM9 8.707l3.066 3.066-1.74-.267a.5.5 0 0 0-.486.207L9 12.914V8.707z"/>
</svg>

Before

Width:  |  Height:  |  Size: 522 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M10.5 0C7.424 0 5 2.424 5 5.5c0 .397.04.795.121 1.174.058.27-.007.505-.14.638L.438 11.854A1.5 1.5 0 0 0 0 12.914V14.5A1.5 1.5 0 0 0 1.5 16h2A1.5 1.5 0 0 0 5 14.5V14h1a1 1 0 0 0 1-1v-1h1a1 1 0 0 0 1-1v-.18c.493.134 1.007.18 1.5.18 3.076 0 5.5-2.424 5.5-5.5S13.576 0 10.5 0zm0 1C13.024 1 15 2.976 15 5.5S13.024 10 10.5 10c-.66 0-1.274-.096-1.777-.348A.5.5 0 0 0 8 10.1v.9H7a1 1 0 0 0-1 1v1H5a1 1 0 0 0-1 1v.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.586a.5.5 0 0 1 .146-.353L5.688 8.02c.432-.433.522-1.043.412-1.555A4.626 4.626 0 0 1 6 5.5C6 2.976 7.976 1 10.5 1zM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
</svg>

Before

Width:  |  Height:  |  Size: 739 B

View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M8.11.008a2.522 2.522 0 0 0-.462.078L1.854 1.639l-.159.047A2.501 2.501 0 0 0 .085 4.7l1.554 5.795.052.17a2.503 2.503 0 0 0 2.311 1.684v-1.002a1.5 1.5 0 0 1-1.397-1.112L1.051 4.441l-.03-.14a1.5 1.5 0 0 1 1.092-1.696l5.795-1.554.14-.03a1.5 1.5 0 0 1 1.696 1.092l.506 1.889h1.035l-.574-2.148-.049-.159-.057-.15A2.5 2.5 0 0 0 8.11.008zm-.608 4.994-.166.004a2.5 2.5 0 0 0-2.334 2.496V13.5l.004.166A2.5 2.5 0 0 0 7.502 16H13.5l.166-.004A2.5 2.5 0 0 0 16 13.5V7.502l-.004-.166A2.5 2.5 0 0 0 13.5 5.002H7.502zm0 1H13.5l.145.006c.76.073 1.355.714 1.355 1.494V13.5l-.006.145A1.501 1.501 0 0 1 13.5 15H7.502l-.145-.006A1.501 1.501 0 0 1 6.002 13.5V7.502l.006-.145a1.501 1.501 0 0 1 1.494-1.355zm2.998 1a.5.5 0 0 0-.5.5v2.5H7.502l-.09.008a.5.5 0 0 0 .09.992H10v2.5l.01.09a.498.498 0 0 0 .99-.09v-2.5h2.502l.09-.01a.498.498 0 0 0-.09-.99H11v-2.5l-.008-.09a.5.5 0 0 0-.492-.41z"/> <path d="M1.5 0A1.5 1.5 0 0 0 0 1.498v12.98c0 .827.672 1.496 1.5 1.496h1c.828 0 1.498-.669 1.498-1.496V1.498C3.998.671 3.328 0 2.5 0h-1zm4.998 0a1.5 1.5 0 0 0-1.5 1.498v12.98c0 .827.672 1.496 1.5 1.496h1c.828 0 1.498-.669 1.498-1.496V1.498C8.996.671 8.326 0 7.498 0h-1zM1.5.998h1c.276 0 .498.224.498.5v12.98a.497.497 0 0 1-.498.498h-1a.499.499 0 0 1-.5-.498V1.498a.5.5 0 0 1 .5-.5zm4.998 0h1a.5.5 0 0 1 .5.5v12.98a.499.499 0 0 1-.5.498h-1a.499.499 0 0 1-.5-.498V1.498a.5.5 0 0 1 .5-.5zm5.813 1.996a1.504 1.504 0 0 0-.463.057l-.744.21a1.497 1.497 0 0 0-1.061 1.74l2.004 9.8a1.499 1.499 0 0 0 1.838 1.152l.984-.25c.79-.201 1.274-.995 1.092-1.787l-2.242-9.76a1.5 1.5 0 0 0-1.408-1.162zm-.088 1a.502.502 0 0 1 .522.387l2.242 9.76c.06.264-.1.526-.364.593l-.984.252a.5.5 0 0 1-.613-.384l-2.004-9.8a.499.499 0 0 1 .353-.58l.746-.21a.488.488 0 0 1 .102-.018z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1,009 B

After

Width:  |  Height:  |  Size: 983 B

Before After
Before After

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M8 0a3 3 0 0 0-3 3v1H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1V3a3 3 0 0 0-3-3zm0 1a2 2 0 0 1 2 2v1H6V3a2 2 0 0 1 2-2zM4 5h8a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm4 3.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
</svg>

Before

Width:  |  Height:  |  Size: 393 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M9.957.502a.501.501 0 0 0-.37.783l.06.069 1.656 1.656c-.1-.006-.201-.01-.303-.01H5l-.217.004a5 5 0 0 0-3.69 8.119.5.5 0 1 0 .8-.602A4 4 0 0 1 5 4h6.002l.143.002.14.008-1.637 1.636-.058.069a.503.503 0 0 0 0 .57l.058.069.069.058c.17.118.4.118.57 0l.069-.058 2.5-2.5.058-.069a.503.503 0 0 0 0-.57l-.058-.069-2.5-2.5-.069-.058a.502.502 0 0 0-.328-.086zm4.543 4.17a.5.5 0 0 0-.39.812A4 4 0 0 1 11 12H5l-.143-.002-.14-.008 1.637-1.636.058-.069a.501.501 0 0 0-.766-.639l-2.5 2.5-.058.069a.501.501 0 0 0 .058.639l2.5 2.5.069.058a.501.501 0 0 0 .639-.058l.058-.069a.501.501 0 0 0-.058-.639L4.697 12.99c.1.006.201.01.303.01h6l.217-.004a5 5 0 0 0 3.676-8.135l-.018-.021-.066-.063a.498.498 0 0 0-.309-.105z"/>
</svg>

Before

Width:  |  Height:  |  Size: 840 B

3
chrome/icons/mail.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M2.5 1A2.5 2.5 0 0 0 0 3.5v8A2.5 2.5 0 0 0 2.5 14h11a2.5 2.5 0 0 0 2.5-2.5v-8A2.5 2.5 0 0 0 13.5 1h-11zm0 1h11A1.5 1.5 0 0 1 15 3.5v.3L8 7.92 1 3.803V3.5A1.5 1.5 0 0 1 2.5 2zM15 4.961V11.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 11.5V4.963l6.746 3.969.082.037a.5.5 0 0 0 .426-.037L15 4.961z"/>
</svg>

After

Width:  |  Height:  |  Size: 434 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M2.477 2a.5.5 0 0 0-.33.147.5.5 0 0 0 0 .707L7 7.707V9.5a2.5 2.5 0 1 0 1 2V8.707l5.146 5.147a.5.5 0 0 0 .708 0 .5.5 0 0 0 0-.707L8 7.293l-1-1-4.146-4.146a.5.5 0 0 0-.377-.146zM7.48 2a.5.5 0 0 0-.48.5v2.38l1.29 1.288 4.112.823A.5.5 0 0 0 13 6.5V4.53c0-.834-.595-1.56-1.414-1.724L7.598 2.01A.5.5 0 0 0 7.48 2zM8 3.11l3.39.678c.358.071.61.38.61.744V5.89l-4-.8zM5.5 10a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"/>
</svg>

Before

Width:  |  Height:  |  Size: 547 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" transform="scale(-1 1)" transform-origin="center" d="M5.477 2a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L10.292 8l-5.147 5.146a.5.5 0 0 0 0 .708.5.5 0 0 0 .708 0l5.5-5.5a.5.5 0 0 0 0-.708l-5.5-5.5A.5.5 0 0 0 5.477 2z"/>
</svg>

Before

Width:  |  Height:  |  Size: 352 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M5.477 2a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L10.292 8l-5.147 5.146a.5.5 0 0 0 0 .708.5.5 0 0 0 .708 0l5.5-5.5a.5.5 0 0 0 0-.708l-5.5-5.5A.5.5 0 0 0 5.477 2z"/>
</svg>

Before

Width:  |  Height:  |  Size: 302 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm-.094 1A7 7 0 0 1 8 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 6.906-7zM8 3a.747.747 0 0 0-.555.246L4.131 7.162a.5.5 0 0 0 .738.676L7.5 4.67v7.83a.5.5 0 1 0 1 0V4.672l2.629 3.166a.5.5 0 0 0 .738-.676L8.553 3.246a.745.745 0 0 0-.469-.238A.502.502 0 0 0 8 3z"/>
</svg>

Before

Width:  |  Height:  |  Size: 475 B

View file

@ -1,3 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M2.625 6.75A1.25 1.25 0 0 0 1.375 8a1.25 1.25 0 0 0 1.25 1.25A1.25 1.25 0 0 0 3.875 8a1.25 1.25 0 0 0-1.25-1.25zM8 6.75A1.25 1.25 0 0 0 6.75 8 1.25 1.25 0 0 0 8 9.25 1.25 1.25 0 0 0 9.25 8 1.25 1.25 0 0 0 8 6.75zm5.375 0A1.25 1.25 0 0 0 12.125 8a1.25 1.25 0 0 0 1.25 1.25A1.25 1.25 0 0 0 14.625 8a1.25 1.25 0 0 0-1.25-1.25z"/> <circle cx="8" cy="8" r="1.25"/>
<circle cx="13.25" cy="8" r="1.25"/>
<circle cx="2.75" cy="8" r="1.25"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 469 B

After

Width:  |  Height:  |  Size: 239 B

Before After
Before After

View file

@ -0,0 +1,5 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<defs><clipPath id="a"><path d="M2.1 0 16 13.9V0zM0 .7V16h15.3z"/></clipPath></defs>
<path clip-path="url(#a)" d="M8 0a3 3 0 0 0-3 3v5a3 3 0 1 0 6 0V3a3 3 0 0 0-3-3zm0 1a2 2 0 0 1 2 2v5a2 2 0 1 1-4 0V3a2 2 0 0 1 2-2zM3 7.5a.5.5 0 0 0-.5.5 5.502 5.502 0 0 0 5 5.479V15.5a.5.5 0 0 0 1 0v-2.021A5.502 5.502 0 0 0 13.5 8a.5.5 0 0 0-1 0 4.5 4.5 0 0 1-9 0 .5.5 0 0 0-.5-.5z"/>
<path d="M.5 0a.5.5 0 0 0-.354.146.5.5 0 0 0 0 .707l15 15a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707l-15-15A.5.5 0 0 0 .499 0z"/>
</svg>

After

Width:  |  Height:  |  Size: 627 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8 0a3 3 0 0 0-3 3v5a3 3 0 1 0 6 0V3a3 3 0 0 0-3-3zm0 1a2 2 0 0 1 2 2v5a2 2 0 1 1-4 0V3a2 2 0 0 1 2-2zM3 7.5a.5.5 0 0 0-.5.5 5.502 5.502 0 0 0 5 5.479V15.5a.5.5 0 0 0 1 0v-2.021A5.502 5.502 0 0 0 13.5 8a.5.5 0 0 0-1 0 4.5 4.5 0 0 1-9 0 .5.5 0 0 0-.5-.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 395 B

3
chrome/icons/midi.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M.5 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5H.5zM1 3h14v4H1V3zm2.711 1a.75.75 0 1 0 .04 0h-.04zM10.5 4a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm-4.289.002a.75.75 0 1 0 .04 0h-.04zM1 8h2v3.5a.5.5 0 0 0 1 0V8h2v3.5a.5.5 0 0 0 1 0V8h2v3.5a.5.5 0 0 0 1 0V8h2v3.5a.5.5 0 0 0 1 0V8h2v5H1V8z"/>
</svg>

After

Width:  |  Height:  |  Size: 458 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M10.5 1a.498.498 0 0 0-.354.854L12.293 4H2.5a.5.5 0 0 0 0 1h9.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3A.498.498 0 0 0 10.5 1zm-5 7a.498.498 0 0 0-.354.146l-3 3a.5.5 0 0 0 0 .708l3 3a.5.5 0 0 0 .708-.708L3.707 12H13.5a.5.5 0 0 0 0-1H3.707l2.147-2.146A.5.5 0 0 0 5.5 8z"/>
</svg>

Before

Width:  |  Height:  |  Size: 436 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M2 0C.901 0 0 .901 0 2v1.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .5-.5V2c0-.558.442-1 1-1h1.5A.5.5 0 0 0 4 .5a.5.5 0 0 0-.5-.5H2zm10.5 0a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5H14c.558 0 1 .442 1 1v1.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .5-.5V2c0-1.099-.901-2-2-2h-1.5zm-8 2A2.508 2.508 0 0 0 2 4.5v7C2 12.875 3.125 14 4.5 14h7c1.375 0 2.5-1.125 2.5-2.5v-7C14 3.125 12.875 2 11.5 2h-7zm0 1H7v1.5C7 5.323 7.677 6 8.5 6H13v5.5c0 .834-.666 1.5-1.5 1.5h-7c-.834 0-1.5-.666-1.5-1.5v-7C3 3.666 3.666 3 4.5 3zM8 3h3.5c.834 0 1.5.666 1.5 1.5V5H8.5a.493.493 0 0 1-.5-.5V3zM.5 12a.5.5 0 0 0-.5.5V14c0 1.099.901 2 2 2h1.5a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5H2c-.558 0-1-.442-1-1v-1.5a.5.5 0 0 0-.5-.5zm15 0a.5.5 0 0 0-.5.5V14c0 .558-.442 1-1 1h-1.5a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5H14c1.099 0 2-.901 2-2v-1.5a.5.5 0 0 0-.5-.5z"/>
</svg>

Before

Width:  |  Height:  |  Size: 926 B

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M2.25 0A2.258 2.258 0 0 0 0 2.25v9.5A2.258 2.258 0 0 0 2.25 14h4.936a3.432 3.432 0 0 1-.182-1H2.25C1.554 13 1 12.446 1 11.75V4h13V2.25A2.258 2.258 0 0 0 11.75 0h-9.5zm0 1h9.5c.696 0 1.25.554 1.25 1.25V3H1v-.75C1 1.554 1.554 1 2.25 1zM12 5a2.5 2.5 0 1 0 2 4h-2a1.5 1.5 0 0 1 0-3h2a2.496 2.496 0 0 0-2-1zm0 2v1h2.45a2.512 2.512 0 0 0 0-1H12zm-2.45 4c-.464 0-.855.236-1.116.53-.26.29-.434.684-.434 1.09v.32C8 14.573 9.633 16 12 16c1.24 0 2.28-.392 2.988-1H12c-2.03 0-3-1.172-3-2.06v-.32c0-.126.06-.29.182-.427.119-.133.254-.193.369-.193h6.316a1.777 1.777 0 0 0-.3-.47c-.262-.294-.653-.53-1.118-.53H9.551zM12 13v1h3.762c.147-.315.23-.653.238-1h-4z"/>
</svg>

Before

Width:  |  Height:  |  Size: 789 B

View file

@ -1,10 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<style> <path d="M3 1c-1.099 0-2 .9-2 2v10c0 1.099.9 2 2 2h10c1.099 0 2-.9 2-2V3c0-1.099-.9-2-2-2H3zm0 1h3v1.5C6 4.323 6.677 5 7.5 5H14v8c0 .563-.437 1-1 1H3c-.563 0-1-.437-1-1V3c0-.563.437-1 1-1zm4 0h6c.563 0 1 .437 1 1v1H7.5a.493.493 0 0 1-.5-.5V2z"/>
:is(#copy,#dots):not(:target),#copy:target+path{display: none} <circle cx="5" cy="9" r="1"/>
</style> <circle cx="8" cy="9" r="1"/>
<g style="fill:context-fill;fill-opacity:context-fill-opacity"> <circle cx="11" cy="9" r="1"/>
<path id="copy" d="M5.5 0A2.5 2.5 0 0 0 3 2.5v8A2.5 2.5 0 0 0 5.5 13h8a2.5 2.5 0 0 0 2.5-2.5v-8A2.5 2.5 0 0 0 13.5 0h-8zm0 1H7v1.5A1.5 1.5 0 0 0 8.5 4H15v6.5a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 4 10.5v-8A1.5 1.5 0 0 1 5.5 1zM8 1h5.5A1.5 1.5 0 0 1 15 2.5V3H8.5a.5.5 0 0 1-.5-.5V1zM2 3.05A2.5 2.5 0 0 0 0 5.5V12a4 4 0 0 0 4 4h6.5a2.5 2.5 0 0 0 2.45-2h-1.036a1.5 1.5 0 0 1-1.414 1H4a3 3 0 0 1-3-3V5.5a1.5 1.5 0 0 1 1-1.414V3.05z"/>
<path d="M3.5 1A2.5 2.5 0 0 0 1 3.5v9A2.5 2.5 0 0 0 3.5 15h9a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 12.5 1h-9zm0 1H6v1.5A1.5 1.5 0 0 0 7.5 5H14v7.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 12.5v-9A1.5 1.5 0 0 1 3.5 2zM7 2h5.5A1.5 1.5 0 0 1 14 3.5V4H7.5a.5.5 0 0 1-.5-.5V2zM5"/>
<path id="dots" d="M5 8a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm3 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm3 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
</g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 472 B

Before After
Before After

View file

@ -1,3 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M7.5.5A.5.5 0 0 0 7 1v6H1a.5.5 0 1 0 0 1h6v6a.5.5 0 0 0 1 0V8h6a.5.5 0 0 0 0-1H8V1a.5.5 0 0 0-.5-.5z"/> <path d="M3 1c-1.099 0-2 .9-2 2v10c0 1.099.9 2 2 2h4.295a5.702 5.702 0 0 1-.67-1H3c-.563 0-1-.437-1-1V3c0-.563.437-1 1-1h3v1.5C6 4.323 6.678 5 7.5 5H14v1.598c.358.182.693.405 1 .662V3c0-1.099-.9-2-2-2H3zm4 1h6c.563 0 1 .437 1 1v1H7.5a.493.493 0 0 1-.5-.5V2z"/>
<path d="M11.5 7A4.5 4.5 0 0 0 7 11.5a4.5 4.5 0 0 0 4.5 4.5 4.5 4.5 0 0 0 4.5-4.5A4.5 4.5 0 0 0 11.5 7zm0 2a.5.5 0 0 1 .5.5V11h1.5a.5.5 0 0 1 .5.5.5.5 0 0 1-.5.5H12v1.5a.5.5 0 0 1-.5.5.5.5 0 0 1-.5-.5V12H9.5a.5.5 0 0 1-.5-.5.5.5 0 0 1 .5-.5H11V9.5a.5.5 0 0 1 .5-.5z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 246 B

After

Width:  |  Height:  |  Size: 661 B

Before After
Before After

View file

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M3.25 1A2.258 2.258 0 0 0 1 3.25v9.5A2.258 2.258 0 0 0 3.25 15h9.5A2.258 2.258 0 0 0 15 12.75v-9.5A2.258 2.258 0 0 0 12.75 1zm0 1h9.5c.696 0 1.25.554 1.25 1.25V4H2v-.75C2 2.554 2.554 2 3.25 2zM2 5h12v7.75c0 .696-.554 1.25-1.25 1.25h-9.5C2.554 14 2 13.446 2 12.75z"/>
</svg>

Before

Width:  |  Height:  |  Size: 409 B

View file

@ -1,41 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="540" height="20">
<defs>
<path id="a" d="M10 2a.5.5 0 0 0-.5.5v11.8l-3.65-3.65a.5.5 0 0 0-.7.7l4.5 4.5a.5.5 0 0 0.7 0l4.5-4.5a.5.5 0 0 0-.7-.71l-3.65 3.65V2.5a.5.5 0 0 0-.5-.5z"/>
<path id="b" d="M4.5 17.5h11"/>
<circle id="c" cx="10" cy="10" r="8.5"/>
<circle id="c2" cx="10" cy="10" r="6.5"/>
<path id="d" d="m6.5 10 2.5 2.5 5-5"/>
<pattern patternUnits="userSpaceOnUse" width="20" height="20" id="p"><use href="#c"/></pattern>
<mask id="m1"><path d="m-1,6h10v9h-10v-8Z"/></mask>
<mask id="m2"><path d="m2,6h10v8h-10v-8Z"/></mask>
<mask id="m3"><path d="m4,6h10v8h-10v-8Z"/></mask>
<mask id="m4"><path d="m4.5,6h10v8h-10v-8Z"/></mask>
</defs>
<style>*{transform-origin:10px;stroke-linecap:round;stroke-linejoin:round;mask-type:alpha}#a{fill:context-stroke;fill-opacity:context-stroke-opacity}#b{stroke:context-stroke;stroke-opacity:context-stroke-opacity;stroke-dasharray:13,14}#c,#d{stroke:context-fill;stroke-opacity:context-fill-opacity;fill:none}#d{stroke-width:1.3}#c2{fill:context-fill;fill-opacity:context-fill-opacity}</style>
<rect width="400" height="20" fill="url(#p)"/>
<use href="#c2"/>
<svg x="20"><use href="#c2"/></svg>
<svg x="40"><use href="#c2"/></svg>
<svg x="60"><use href="#c2"/></svg>
<svg x="80"><use href="#c2"/></svg>
<svg x="100"><use href="#c2"/></svg>
<svg x="120"><use href="#c2"/></svg>
<svg x="140"><use href="#c2"/></svg>
<svg x="160"><use href="#c2" transform="scale(.9)"/></svg>
<svg x="180"><use href="#c2" transform="scale(.7)"/></svg>
<svg x="200"><use href="#c2" transform="scale(.4)"/></svg>
<svg x="220"><use href="#c2" transform="scale(.1)"/></svg>
<svg x="280"><use href="#d" mask="url(#m1)"/></svg>
<svg x="300"><use href="#d" mask="url(#m2)"/></svg>
<svg x="320"><use href="#d" mask="url(#m3)"/></svg>
<svg x="340"><use href="#d" mask="url(#m4)"/></svg>
<svg x="360"><use href="#d"/></svg>
<svg x="380"><use href="#d"/></svg>
<svg x="400"><use href="#c" style="opacity:.75"/><use href="#d" transform="scale(.7) translate(0,1)"/></svg>
<svg x="420"><use href="#c" style="opacity:.5"/><use href="#d" transform="scale(.4) translate(0,4)"/><use href="#a" transform="scale(.2)"/><use href="#b" stroke-dashoffset="12.5"/></svg>
<svg x="440"><use href="#c" style="opacity:.25"/><use href="#d" transform="scale(.2) translate(0,10)"/><use href="#a" transform="scale(.5)"/><use href="#b" stroke-dashoffset="11"/></svg>
<svg x="460"><use href="#c" style="opacity:.25"/><use href="#a" transform="scale(.6)"/><use href="#b" stroke-dashoffset="9"/></svg>
<svg x="480"><use href="#c" style="opacity:.25"/><use href="#a" transform="scale(.8)"/><use href="#b" stroke-dashoffset="5"/></svg>
<svg x="500"><use href="#c" style="opacity:.25"/><use href="#a" transform="scale(.9)"/><use href="#b" stroke-dashoffset="4"/></svg>
<svg x="520"><use href="#c" style="opacity:.25"/><use href="#a"/><use href="#b"/></svg>
</svg>

Before

Width:  |  Height:  |  Size: 2.9 KiB

View file

@ -1,28 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="340" height="20">
<defs>
<path id="a" d="M10 2a.5.5 0 0 0-.5.5v11.8l-3.65-3.65a.5.5 0 0 0-.7.7l4.5 4.5a.5.5 0 0 0.7 0l4.5-4.5a.5.5 0 0 0-.7-.71l-3.65 3.65V2.5a.5.5 0 0 0-.5-.5z"/>
<path id="b" d="M4.5 17.5h11"/>
<circle id="c" transform="rotate(125)" cx="10" cy="10" r="8.5"/>
</defs>
<style>*{transform-origin:10px;stroke-linecap:round;fill:none}#a{fill:context-stroke;fill-opacity:context-stroke-opacity}#b{stroke:context-stroke;stroke-opacity:context-stroke-opacity;stroke-dasharray:13,14}#c{stroke:context-fill;stroke-opacity:context-fill-opacity;stroke-dasharray:54,55}
</style>
<use href="#a"/>
<use href="#b"/>
<svg x="20"><use href="#a" transform="scale(.96)"/><use href="#b" stroke-dashoffset="2.3"/></svg>
<svg x="40"><use href="#a" transform="scale(.9)"/><use href="#b" stroke-dashoffset="4"/></svg>
<svg x="60"><use href="#a" transform="scale(.8)"/><use href="#b" stroke-dashoffset="6.5"/></svg>
<svg x="80"><use href="#a" transform="scale(.5)"/><use href="#b" stroke-dashoffset="9.5"/></svg>
<svg x="100"><use href="#a" transform="scale(.3)"/><use href="#b" stroke-dashoffset="11.5"/><use href="#c" stroke-dashoffset="49"/></svg>
<svg x="120"><use href="#a" transform="scale(.2)"/><use href="#b" stroke-dashoffset="12.5"/><use href="#c" stroke-dashoffset="42"/></svg>
<svg x="140"><use href="#a" transform="scale(.1)"/><use href="#c" stroke-dashoffset="24"/></svg>
<svg x="160"><use href="#c" stroke-dashoffset="13"/></svg>
<svg x="180"><use href="#c" stroke-dashoffset="6"/></svg>
<svg x="200"><use href="#c" stroke-dashoffset="4"/></svg>
<svg x="220"><use href="#c" stroke-dashoffset="2"/></svg>
<svg x="240"><use href="#c"/></svg>
<svg x="260"><use href="#c"/></svg>
<svg x="280"><use href="#c"/></svg>
<svg x="300"><use href="#c"/></svg>
<svg x="320"><use href="#c"/></svg>
<svg x="340"><use href="#c"/></svg>
</svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB

View file

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path style="fill:context-fill;fill-opacity:context-fill-opacity" d="M8.5 1a.5.5 0 0 0 0 1h4.793L7.146 8.146a.5.5 0 1 0 .708.708L14 2.707V7.5a.5.5 0 0 0 1 0V1.496A.495.495 0 0 0 14.5 1h-6zM4 2a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3V9.5a.5.5 0 0 0-1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h2.5a.5.5 0 0 0 0-1H4z"/> <path d="M4 1a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h4.5a.5.5 0 0 0 0-1H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2.5a.5.5 0 0 0 1 0V4a3 3 0 0 0-3-3H4zm2.508 5A.5.5 0 0 0 6 6.494V11.5a.5.5 0 1 0 1 0V7.707l6.146 6.146a.5.5 0 0 0 .707-.707L7.707 7H11.5a.5.5 0 0 0 0-1H6.508z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 405 B

After

Width:  |  Height:  |  Size: 402 B

Before After
Before After

Some files were not shown because too many files have changed in this diff Show more