Compare commits

...

214 commits
87.0r3 ... main

Author SHA1 Message Date
Hydroxycarbamide
5eb6f0fe6b Merge branch 'upstream' 2023-11-25 00:08:23 +01:00
bmFtZQ
fa01a3bd63 Fix bottom rounded corners of tabs #111
The bottom left corner of a tab can overlap the currently selected tab
if hovered over, this fixes the issue.
2023-11-24 20:15:52 +08:00
bmFtZQ
81d322dc93 Add styling to the side bar and library window #83 2023-11-24 20:04:20 +08:00
bmFtZQ
15d5c8219a Adjust some of the colours for the library window 2023-11-24 19:22:55 +08:00
bmFtZQ
6fdf2473c0 Add new hide forward button tweak 2023-11-24 19:18:45 +08:00
bmFtZQ
9ef1854516 Add new icons
Adds translate and Firefox View icons. Also replaces the small arrow
seen in the context menus.
2023-11-24 14:30:44 +08:00
bmFtZQ
b05d4799ea Fix ellipses showing in the context menu #102 #88 2023-11-24 14:26:01 +08:00
bmFtZQ
93fbb528fc Fix issue with downloads popup items 2023-11-24 08:07:53 +08:00
bmFtZQ
927e364c46 fix issue with window controls in hide tabs bar 2023-11-24 08:03:08 +08:00
bmFtZQ
c0e6766a2c Fix tab separators tweak issue 2023-11-24 07:58:49 +08:00
bmFtZQ
6c1efa741d add new tweak: hide tabs bar 2023-11-23 22:53:34 +08:00
bmFtZQ
d841457767 Fix rounded corners issue with new tab page
This issue only occured when the bookmarks bar was set to only show on
the new tab page.
2023-11-23 16:25:04 +08:00
bmFtZQ
15270505be fix website fullscreen issue with rounded corners 2023-11-23 16:08:15 +08:00
bmFtZQ
f793e2f83d update rounded corners to the side bar
also includes:
* Fix various issues with bookmarks bar
* Removes the double separators from the context menu
* Updates the styling of the tab container indicator
2023-11-23 15:58:49 +08:00
bmFtZQ
c7ec9aa13a Hide 1st tab separator if there is nothing before 2023-11-23 13:58:13 +08:00
bmFtZQ
49c270bd10 fix tab separators not hidden from adjacent tabs 2023-11-23 13:43:32 +08:00
bmFtZQ
3b7eac9793 fix pinned tabs overlapping other tabs #107 #100 2023-11-23 13:11:29 +08:00
bmFtZQ
708e4e8167 Remove Mica tweak from theme 2023-11-23 12:39:37 +08:00
bmFtZQ
e273ecaa61 fix various color and theming issues 2023-11-23 12:18:54 +08:00
bmFtZQ
30a20c3edb fix vertical right-click menu tweak #109 2023-11-22 15:49:02 +08:00
bmFtZQ
fafce3d91b Fix tweaks not applying on Firefox 120 #109 2023-11-22 13:56:54 +08:00
Hydroxycarbamide
b291d7784b Merge branch 'upstream' 2023-10-29 10:57:17 +01:00
bmFtZQ
296e90f198 fix theme colors for floating-tabs tweak #106 2023-10-28 21:12:10 +08:00
bmFtZQ
eba1454367 Update names at top of files (fixing typos) 2023-10-26 13:56:08 +08:00
bmFtZQ
8b79ef57c6 Update name at top of files 2023-10-26 13:54:04 +08:00
bmFtZQ
c53c68194b fix tab shadows 2023-10-26 13:37:44 +08:00
bmFtZQ
f6368602c4 Fix private browsing colours in FF119(VIEW README) 2023-10-25 23:36:38 +08:00
bmFtZQ
21fb6e55f9 fix a typo in tweaks.css 2023-10-25 20:39:40 +08:00
bmFtZQ
b187d8f05c Disable mica appearance by default 2023-10-25 20:38:14 +08:00
bmFtZQ
879abab444 Fix window buttons not working #101 2023-10-25 20:35:15 +08:00
bmFtZQ
71a4bbd932 update tabbar.css 2023-10-25 20:21:34 +08:00
bmFtZQ
b8c7b03f21 fix theme issues in ff 119+ (VIEW README) 2023-10-25 20:15:38 +08:00
Hydroxycarbamide
6478c1b825 Update to fit my style 2023-08-28 12:43:39 +02:00
bmFtZQ
afe59d6d96
Merge pull request #92 from TGSAN/main
Update theme styling to the Phoenix design
2023-07-26 17:19:32 +08:00
TGSAN
5589800825 Show tab icon when audio playing 2023-07-25 00:56:13 +08:00
TGSAN
00fb0e70cb Add more space between tabs, change floating tabs browser-frame-bgcolor value to lwt-accent-color, make rounded corners not default, hide the separator of adjacent tabs, remove active tab bold 2023-07-25 00:29:06 +08:00
TGSAN
3dc125e32b fix rounded corners color with floating tabs 2023-07-24 05:21:26 +08:00
TGSAN
33e0231341 Change tabs left margin 2023-07-22 02:23:44 +08:00
TGSAN
f30f77bb0c Fix refresh button animation 2023-07-22 02:20:02 +08:00
TGSAN
3e6649ad78 Adjust button corners to Phoenix.
Adjust tag and frame styles.
Fix the problem of tag highlights covering active tag.
2023-07-22 01:58:12 +08:00
TGSAN
d704855ee1 Change frame margin 2023-07-10 19:33:06 +08:00
TGSAN
d4a5f9151e Add Pheonix redesign rounded corners 2023-07-10 18:43:15 +08:00
TGSAN
70751f8ab8 Change address bar highlight color on light mode 2023-07-10 17:17:37 +08:00
TGSAN
052c6f812f Add padding to Address/Search bar 2023-06-29 20:19:45 +08:00
TGSAN
8275c0c835 Change tab and address/search bar to Pheonix redesign 2023-06-29 19:36:31 +08:00
bmFtZQ
64e4c3e776 fix mica support in windows 11 #76 2023-06-13 20:53:48 +08:00
bmFtZQ
cb4ebed356 fix various layout issues ff 113+ #88 2023-04-24 15:47:03 +08:00
bmFtZQ
c1488294e0 fix newtab changes in FF 111.0 #85 2023-03-09 23:06:06 +08:00
bmFtZQ
a6ab9b7efd fix spacing before first tab #80 2023-02-16 13:21:46 +08:00
bmFtZQ
b97704db54
Fix site information popup icons #67 2022-12-16 18:10:44 +08:00
bmFtZQ
e4db12a39e fix site information popup icons 2022-12-16 18:09:14 +08:00
bmFtZQ
a52fdb3928 adjust urlbar height 2022-12-15 23:11:32 +08:00
bmFtZQ
09581b0972 fix urlbar button height 2022-12-15 06:54:11 +08:00
bmFtZQ
26d37286b9
Allow tabs to be clicked from the top of a window
this allows a user to click tabs and buttons at the very top of a maximised window when using the floating tabs tweak.
2022-12-15 02:42:55 +08:00
bmFtZQ
9fedd63693 allow tabs to be clicked from the top of a window
this allows a user to click tabs and buttons at the very top of a
maximised window when using the floating tabs tweak.
2022-12-15 02:41:35 +08:00
bmFtZQ
8f16dc0ce1 add Firefox view background image 2022-12-15 00:31:27 +08:00
bmFtZQ
a5a870b74a fix app menu zoom button sizes 2022-12-14 23:30:50 +08:00
bmFtZQ
5ed069c80a add new private browsing indicator
also:
 - removes tweaks "fxa-button-as-private-indicator" and
   "less-permissions-button-padding"
 - reformat README.md to become easier to read
 - add unified extensions icon (beta and nightly)
 - better integrate Firefox view button
2022-12-14 23:28:51 +08:00
bmFtZQ
49ea90b007 fix bookmark item height 2022-12-14 23:06:30 +08:00
bmFtZQ
1d1951afee move sound icon on top of favicon with low space
moves sound icon on top of favicon to make the tabs more compact (when
there isn't much space). Also fixes padding on the Update banner in the
app menu.
2022-08-09 18:51:49 +08:00
bmFtZQ
45d8585437 add background image support to newtab page
also:
- updates styling on some newtab page elements
- centres search bar vertically when other elements are disabled
- adds new tweak: hide Firefox logo on newtab page
2022-08-04 14:14:38 +08:00
bmFtZQ
7d5016fbba add issue templates 2022-07-26 23:34:32 +08:00
bmFtZQ
f767e707c0 show generic fxa icon when not signed in #47 2022-07-15 01:02:14 +08:00
bmFtZQ
445f232646 adjust size of search icon on new tab page #44 2022-07-14 23:59:13 +08:00
bmFtZQ
d907e2233e add tweak to show tab button when hovered over #46 2022-07-14 23:51:11 +08:00
bmFtZQ
48ca0d7875 fix tab bar issues #45 2022-07-14 21:51:47 +08:00
bmFtZQ
b0b7b9bda4 make toolbar left padding consistent #50 2022-07-14 21:28:45 +08:00
bmFtZQ
b9642fae67 disable mica in fullscreen #51 2022-07-14 20:36:35 +08:00
bmFtZQ
9a5bda11b0 add tooltip colours #43 2022-06-25 10:29:19 +08:00
bmFtZQ
b6a815e102 add titlebarbutton transition + fix urlbar colours 2022-06-25 09:53:14 +08:00
bmFtZQ
9d247ce92d add context menu font size tweak #42 2022-06-25 00:51:49 +08:00
bmFtZQ
51294bdf21 update floating tabs appearance #39 2022-06-23 03:43:02 +08:00
bmFtZQ
0c02950221 fix horizontal/vertical context navigation mixup 2
missed this :\
2022-06-23 01:16:33 +08:00
bmFtZQ
16c558b058 fix horizontal/vertical context navigation mixup 2022-06-23 01:14:50 +08:00
bmFtZQ
b8b90e9775 replicate multiple selected tabs in edge 2022-06-23 01:10:30 +08:00
bmFtZQ
5638fd440f add context menu icons #36 2022-06-23 01:09:24 +08:00
bmFtZQ
afdf696045 replicate edge's context menu spacing #37 2022-06-22 23:51:39 +08:00
bmFtZQ
63bff7a61c add tweak 'show navigation items vertically' #37 2022-06-22 23:49:53 +08:00
bmFtZQ
9653c08d39 popup/menu styling #22 #28 #35 2022-06-19 23:05:53 +08:00
bmFtZQ
7184e2c721 tweak findbar button colors 2022-06-19 03:34:46 +08:00
bmFtZQ
fed7d2817a stop tabs from flickering? #31 2022-06-14 21:35:03 +08:00
bmFtZQ
cde79a01e2 add linux/gtk theme support 2022-06-12 01:15:06 +08:00
bmFtZQ
0a720d6001 tweak urlbar placeholder opacity 2022-06-11 18:58:34 +08:00
bmFtZQ
d9fa3f5c96 add separator between urlbar box and url label #33 2022-06-11 18:46:08 +08:00
bmFtZQ
b8c6e344e8 make force-tab-colour tweak less confusing #32 2022-06-11 16:45:43 +08:00
bmFtZQ
351e1cd2dd disable sidebar colouring with custom themes 2022-06-11 16:41:17 +08:00
bmFtZQ
2a311fd020 apply color theme to sidebar and library window 2022-06-11 00:30:22 +08:00
bmFtZQ
051ce894cf disable Mica on the 'Light' and 'Dark' themes 2022-06-10 23:03:31 +08:00
bmFtZQ
216a8f849d fix titlebar button alignment with mica 2022-06-10 21:54:47 +08:00
bmFtZQ
52b5647d14 apply edge colors to 'light' and 'dark' themes #30 2022-06-10 21:42:06 +08:00
bmFtZQ
1a8b57cb66 fix window controls being hidden with mica
fix window controls from being hidden when Mica isn't configured
properly #29
2022-06-10 20:54:59 +08:00
bmFtZQ
dd93975b9e Add 2 new tweaks (Mica and Floating Tabs) (#21) 2022-06-10 19:55:15 +08:00
bmFtZQ
8e94eb8a97 Fix various items
- fix tab shadows
 - fix private browsing indicator / button colors
 - add button hover transitions
 - fix inactive window color in light mode
 - fix various light / dark settings
2022-06-10 19:52:14 +08:00
bmFtZQ
b0a634aad5 fix colouring for windows context menus 2022-05-18 00:37:20 +08:00
bmFtZQ
feb08f3c7d add tweak to README 2022-05-16 23:41:49 +08:00
bmFtZQ
7d538a41f5 fix issue #23 with even sized urlbar buttons 2022-05-16 23:34:26 +08:00
bmFtZQ
e4e54bc1a5 add "tweaks" customisation 2022-05-16 16:21:12 +08:00
bmFtZQ
aaa2e327ac fix tracking protection button behaviour 2022-04-14 18:48:36 +08:00
bmFtZQ
63c2f3f1cc modify readme 2022-04-11 01:32:58 +08:00
bmFtZQ
fa3ec04b77 Merge branch 'main' of https://github.com/bmFtZQ/Edge-FrFox 2022-04-11 01:23:41 +08:00
bmFtZQ
05b48c97f5 basic styling of password autofill panel 2022-04-11 01:23:06 +08:00
bmFtZQ
370ab8886f
fix w11 styled window controls not being applied 2022-04-11 01:01:51 +08:00
bmFtZQ
c38d13bba4 disable context menu icons on macOS 2022-01-26 01:33:22 +08:00
bmFtZQ
b18cd671f2 fix download menu popup 2022-01-19 10:10:19 +08:00
bmFtZQ
ee3700a5a5 hide/resize items at small window sizes 2022-01-19 10:04:03 +08:00
bmFtZQ
8a8ef4db74 coloured context menus 2022-01-18 15:45:15 +08:00
bmFtZQ
8000dddb3d add windows 11 style window controls 2022-01-18 11:49:13 +08:00
bmFtZQ
a94f59a023
fix typo in README 2022-01-15 17:14:43 +08:00
bmFtZQ
25279f72c2
Update README.md 2022-01-15 17:12:13 +08:00
bmFtZQ
64167f2a79
Merge pull request #15 from bmFtZQ/rewrite
Merge `rewrite` into `main`
2022-01-15 17:07:22 +08:00
bmFtZQ
2b3976a2c7 fix page flashes when loading some websites 2021-12-07 16:01:36 +08:00
bmFtZQ
1dea5bc95a fix zoom reset button, menubar, moving tabs 2021-12-06 09:40:15 +08:00
bmFtZQ
837a6e6539 cleanup files 2021-12-04 20:00:08 +08:00
bmFtZQ
3c71a8fd34 hide space above tabs when maximised 2021-12-04 19:33:36 +08:00
bmFtZQ
d22f61f1e7 add reload/stop animation 2021-12-03 15:04:55 +08:00
bmFtZQ
2b7c3991c6 add private browsing indicator 2021-12-03 08:20:27 +08:00
bmFtZQ
23e0972901 fix private newtab + account button 2021-12-03 07:05:23 +08:00
bmFtZQ
3fc5a50bb4 fix tab audio icons/text 2021-12-01 06:19:56 +08:00
bmFtZQ
26df277f1b first version of rewrite 2021-12-01 04:11:13 +08:00
bmFtZQ
f61c7c4a2d add .gitignore 2021-11-03 19:51:54 +08:00
bmFtZQ
2eba166883
Update Proton-NewTab.css
add ellipsis to text to prevent it from overflowing on the new tab page search bar
2021-08-02 19:07:02 +08:00
bmFtZQ
cda7b3948f
fix colour modifications on newtab page (fx92) 2021-07-20 00:58:20 +08:00
bmFtZQ
2a6f8502d8
fix colour modifications (fx92) 2021-07-20 00:57:39 +08:00
bmFtZQ
788c058e0e
fix urlbar button misalignment (fx92) 2021-07-20 00:57:10 +08:00
bmFtZQ
76d21e0bcd
fix download progress indicator 2021-06-06 03:41:57 +08:00
bmFtZQ
e2a556101a
Update userChrome.css 2021-06-03 10:22:30 +08:00
bmFtZQ
896e91e604
fix audio icon issues on pinned tabs 2021-06-02 20:04:28 +08:00
bmFtZQ
3cf4505a9c
update screenshots for proton 2021-06-01 22:58:15 +08:00
bmFtZQ
0ea9d49ac3
Update README.md 2021-06-01 21:30:32 +08:00
bmFtZQ
2575f53cdd
add newtab page for proton to userContent.css 2021-06-01 21:20:40 +08:00
bmFtZQ
c4ca945d5d
newtab page for proton 2021-06-01 21:20:04 +08:00
bmFtZQ
69ce07822d
fix arrowpanel shadow on firefox 90 2021-05-30 16:45:54 +08:00
bmFtZQ
b6dda7be05
Add files via upload 2021-05-29 15:06:46 +08:00
bmFtZQ
fd3ace34be
Update menu-left.svg 2021-05-29 14:46:42 +08:00
bmFtZQ
2262b8af6a
improved proton download animations 2021-05-28 22:37:42 +08:00
bmFtZQ
dc7e36f46e
fix variables for proton 2021-05-28 11:50:33 +08:00
bmFtZQ
eb173e0ad7
fix context menu on Windows / Proton 2021-05-20 22:59:46 +08:00
bmFtZQ
d40c891858
improved stop/reload icon animations 2021-05-20 01:41:11 +08:00
bmFtZQ
90151b3dc3
remove overflow menu animation 2021-05-19 19:46:27 +08:00
bmFtZQ
e7ac147d80
remove overflow menu animation 2021-05-19 19:46:05 +08:00
bmFtZQ
2f2884fde0
fix proton download finish animation 2021-05-15 00:58:13 +08:00
bmFtZQ
b22a751e2d
add list icon to bookmarks menu 2021-05-14 17:52:08 +08:00
bmFtZQ
095c9d0c8b
fix variables for proton 2021-05-14 17:36:43 +08:00
bmFtZQ
b7a0718614
optimize icons 2021-05-09 06:41:34 +08:00
bmFtZQ
d2a8f3cea5
optimize icons 2021-05-09 06:40:38 +08:00
bmFtZQ
4a2d8f8410
Delete naughty-shield.svg 2021-05-09 06:40:24 +08:00
bmFtZQ
2ad3b8a631
optimize icons 2021-05-09 06:39:07 +08:00
bmFtZQ
6e7c989959
optimize icons 2021-05-09 06:38:43 +08:00
bmFtZQ
a36bee2b6e
Update userChrome.css 2021-05-09 06:27:38 +08:00
bmFtZQ
a15c17d440
delete unused icons 2021-05-09 06:25:37 +08:00
bmFtZQ
381994d1d3
delete unused icons 2021-05-09 06:24:27 +08:00
bmFtZQ
e6832bbdca
delete unused icons 2021-05-09 06:24:25 +08:00
bmFtZQ
a444c67d0c
delete unused icons 2021-05-09 06:24:22 +08:00
bmFtZQ
783ab67dc2
delete unused icons 2021-05-09 06:24:19 +08:00
bmFtZQ
a031bfb75d
change location of poup icons + optimize icons 2021-05-09 06:20:18 +08:00
bmFtZQ
1cfb40f977
move popup icon location 2021-05-09 06:18:29 +08:00
bmFtZQ
b4e7e7b99d
Add files via upload 2021-05-09 06:16:56 +08:00
bmFtZQ
96df308550
Add files via upload 2021-05-09 06:16:39 +08:00
bmFtZQ
26b58d9a00
Add files via upload 2021-05-09 03:17:34 +08:00
bmFtZQ
3f5805a45a
Add files via upload 2021-05-09 03:17:15 +08:00
bmFtZQ
83a9a765e4
fix icon colour with Proton 2021-05-08 19:18:55 +08:00
bmFtZQ
217d667240
fix offset refresh button with Proton 2021-05-08 19:18:38 +08:00
bmFtZQ
d1b2a37702
add icons to proton app menu 2021-05-06 18:48:17 +08:00
bmFtZQ
8abc834615
add icons to proton app menu 2021-05-06 18:40:51 +08:00
bmFtZQ
0cf7f9abe3
proton fixes 2021-05-06 18:40:21 +08:00
bmFtZQ
68f6f82267
proton fixes 2021-05-06 18:39:59 +08:00
bmFtZQ
2b3463e672
adjusted bookmark separator height 2021-05-05 23:40:07 +08:00
bmFtZQ
650553a886
fix downloads icon + modified audio icons 2021-05-05 23:39:25 +08:00
bmFtZQ
475ced6a29
fix proton related issues 2021-05-03 22:33:52 +08:00
bmFtZQ
09c6f94baf
fix proton related issues 2021-05-03 22:33:31 +08:00
bmFtZQ
5cfc98d899
fix proton related issues + new container tab icon 2021-05-03 22:33:03 +08:00
bmFtZQ
b8efbd55fd
add open link in new container tab icon 2021-05-03 22:32:36 +08:00
bmFtZQ
a2efd2e7d4
fix proton related issues 2021-05-03 22:31:44 +08:00
bmFtZQ
3da5daa464
Update userChrome.css 2021-05-03 22:26:03 +08:00
bmFtZQ
5f17d552f8
add new download animations 2021-05-03 22:20:13 +08:00
bmFtZQ
db650addf3
change border-radius of back button in app menu 2021-04-24 20:59:14 +08:00
bmFtZQ
a614d7dc23
adjust newtab icon 2021-04-24 20:46:04 +08:00
bmFtZQ
6a38b69c1d
Add files via upload 2021-04-24 17:52:31 +08:00
bmFtZQ
ce983b42e6
fix pictureinpicture sound icon 2021-04-24 17:17:41 +08:00
bmFtZQ
7da36adeb3
fix pictureinpicture sound icon 2021-04-24 17:17:19 +08:00
bmFtZQ
b456077cf6
adjust urlbar shadow 2021-04-24 16:10:04 +08:00
bmFtZQ
4a7087baf5
better profile icons 2021-04-24 16:06:45 +08:00
bmFtZQ
44166999bb
fix inactive window colours 2021-04-24 00:03:45 +08:00
bmFtZQ
7b9b842fd2
fix container indicator when tabs are active 2021-04-23 00:36:29 +08:00
bmFtZQ
2b813df2e7
fix sidebar background color 2021-04-22 10:08:26 +08:00
bmFtZQ
58b5c45c6b
fix default background color 2021-04-22 10:04:33 +08:00
bmFtZQ
009a51ddba
fix preferences for firefox 88 2021-04-22 10:01:41 +08:00
bmFtZQ
89d4822e94
fix profile icon 2021-04-22 10:01:13 +08:00
bmFtZQ
4043849a05
adjust color of background tabs in darkmode 2021-04-20 19:20:36 +08:00
bmFtZQ
21edf09dc3
change overflow icon
the icon also matches the overflow animation
2021-04-20 19:15:06 +08:00
bmFtZQ
8b4d5c9df2
fix darkmode colors & add colors to highlight cards 2021-04-20 19:13:21 +08:00
bmFtZQ
b97d1849f8
fix button badges 2021-04-20 19:03:58 +08:00
bmFtZQ
9178f116b3
fix screenshot icon in firefox 88 2021-04-20 18:57:03 +08:00
bmFtZQ
3c4ec26399
Update README.md 2021-04-20 17:31:01 +08:00
bmFtZQ
ed3f14df9b
fix windows 7 and 8 bugs 2021-04-20 17:21:17 +08:00
bmFtZQ
3ad2c75c42
fix windows 7 and 8 bugs 2021-04-20 17:20:55 +08:00
bmFtZQ
7bbf24d378
Add files via upload 2021-04-15 17:42:14 +08:00
bmFtZQ
3045ec4d93
fix go icon 2021-04-15 07:19:09 +08:00
bmFtZQ
6ae05cbddf
clean up formatting 2021-04-15 07:14:47 +08:00
bmFtZQ
8acf569381
clean up formatting 2021-04-15 07:14:12 +08:00
bmFtZQ
7f2019f2d7
clean up formatting 2021-04-15 07:13:53 +08:00
bmFtZQ
72fc5a3d76
clean up formatting 2021-04-15 07:13:34 +08:00
bmFtZQ
4e3cce61ab
clean up formatting 2021-04-15 07:13:19 +08:00
bmFtZQ
b7a2cf603c
clean up formatting 2021-04-15 07:13:03 +08:00
bmFtZQ
e6d025e2bc
clean up formatting 2021-04-15 07:11:53 +08:00
bmFtZQ
000bc590dc
clean up formatting 2021-04-15 07:08:53 +08:00
bmFtZQ
8e9977c809
clean up formatting 2021-04-15 07:07:56 +08:00
bmFtZQ
be93cbb620
clean up formatting 2021-04-15 07:04:02 +08:00
bmFtZQ
1df521b333
Update userContent.css 2021-04-15 06:03:59 +08:00
bmFtZQ
6bb4a15357
fix tab scroll buttons 2021-04-15 05:40:30 +08:00
bmFtZQ
5c9abd3dd9
fix tab scroll buttons 2021-04-15 05:40:18 +08:00
bmFtZQ
e0fbdb4006
Add files via upload 2021-04-15 05:39:47 +08:00
bmFtZQ
ec34893d37
change transition when opening/closing tabs 2021-04-15 05:37:34 +08:00
bmFtZQ
5ec0643831
Update userChrome.css 2021-04-15 05:35:50 +08:00
318 changed files with 4394 additions and 6620 deletions

14
.github/ISSUE_TEMPLATE/bug.md vendored Normal file
View file

@ -0,0 +1,14 @@
---
name: 🐛 Bug
about: Report a bug
labels: bug
---
**Description**
Include clear explaination of bug and how to reproduce.
**Include screenshot / video recording if possible.**
**Configuration**
- Firefox Version:
- OS: (eg. Windows, macOS, etc.)

10
.github/ISSUE_TEMPLATE/feature.md vendored Normal file
View file

@ -0,0 +1,10 @@
---
name: ✨ Feature
about: Request a new feature / enhancement
labels: enhancement
---
**Description**
Include clear explaination of the feature and how it works.
**Include screenshot / video recording if possible.**

11
.gitignore vendored Normal file
View file

@ -0,0 +1,11 @@
.DS_Store
inkscape-template.svg
/userChrome.css
/userContent.css
.vscode
/icons
/chrome/background-0.jpg
/chrome/background-1.jpg
/chrome/background-0.png
/chrome/background-1.png
/custom/

142
README.md
View file

@ -1,29 +1,133 @@
# Edge-FrFox # Edge-Frfox
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) <!-- use <img> element to set a maximum width -->
<img src="screenshots/thumbnail.png" alt="thumbnail screenshot" title="Screenshot taken with macOS Monterey / Firefox Nightly 96.0a1 (2021-11-30)" width="800">
## Screenshots
Newtab Page Light|Newtab Page Dark|Firefox Alpenglow Light
-|-|-
![screenshot-light](screenshots/screenshot-light.png) | ![screenshot-dark](screenshots/screenshot-dark.png) | ![screenshot-alpenglow-light](screenshots/screenshot-alpenglow-light.png)
Right Click Menu Light | Right Click Menu Dark | Firefox Alpenglow Dark
![right-click-light](screenshots/right-click-light.png) | ![right-click-dark](screenshots/right-click-dark.png) | ![screenshot-alpenglow-dark](screenshots/screenshot-alpenglow-dark.png)
## How to install ## How to install
1. Go to `about:support` and click the "Open Folder/Show in Finder" button for the root directory of your browser profile/s.
2. Download and copy the `chrome` folder into the profile folder.
3. Go to about:config and change these preferences:
1. Go to about:support and click the button that shows your profile folder in your file explorer. ### For all operating systems:
2. Copy the `chrome` folder into the profile folder * `toolkit.legacyUserProfileCustomizations.stylesheets` = `true`
3. Go to about:config and enter the following values: * `svg.context-properties.content.enabled` = `true`
1. `toolkit.legacyUserProfileCustomizations.stylesheets` = `true` * `layout.css.color-mix.enabled` = `true`
2. `svg.context-properties.content.enabled` = `true`
###### Recommended settings:
1. `browser.tabs.tabClipWidth` = `83`
2. `security.insecure_connection_text.enabled` = `true`
**Note: Only properly tested on macOS 11 Big Sur** ### Firefox 119.0 and above:
* `layout.css.light-dark.enabled` = `true`
### On macOS:
* To use the Edge style context menu on macOS then set `widget.macos.native-context-menus` = `false`
### Recommended:
* `browser.tabs.tabMinWidth` = `66`
* `browser.tabs.tabClipWidth` = `86`
### Optional:
* To use the light theme in private browsing mode set `browser.theme.dark-private-windows` = `false`
Additional tweaks can also be applied to the theme, such as Floating Tabs, rounded browser corners and more. See [Tweaks](#tweaks).
**Note: Most frequently tested on macOS**
## Screenshots
| Theme | Light | Dark |
| ----------------------------------- | ----------------------------- | ---------------------------- |
| Default (Windows 11) | ![Light][s-l] | ![Dark][s-d] |
| Floating Tabs (Windows 11) | ![Light, Floating Tabs][s-lf] | ![Dark, Floating Tabs][s-df] |
| GTK (GNOME 42, [adw-gtk3][1] theme) | ![Light, GTK][s-lgtk] | ![Dark, GTK][s-dgtk] |
## Tweaks
Certain tweaks can be applied to the theme, to enable them navigate to `about:config` and create a boolean key for each tweak you want to use and set it to `true`, then restart the browser.
To disable a tweak, set the key to `false` or delete it, then restart the browser.
| Enable Edge style floating tabs |
| --------------------------------------------------------------- |
| `uc.tweak.floating-tabs` |
| **OPTIONAL1: Make the top and bottom margins of the tab equal** |
| `uc.tweak.floating-tabs.equal-margin` |
| Enable rounded corners |
| -------------------------- |
| `uc.tweak.rounded-corners` |
| Hide Tabs Bar (Useful when using vertical tabs extensions such as Sidebery, Tree Style Tab, etc.) |
| ------------------------------------------------------------------------------------------------- |
| **NOTE: At the moment, this only supports macOS and Windows.** |
| `uc.tweak.hide-tabs-bar` |
| **OPTIONAL: Only enable in fullscreen mode (currently: macOS Only!)** |
| `uc.tweak.hide-tabs-bar.only-when-maximised` |
| Use background image on newtab page |
| -------------------------------------------------------------------------------------------------- |
| **SETUP: Add an image named `background-0.(jpg/png)` to the `chrome` folder.** |
| **OPTIONAL: Add a second image named `background-1.(jpg/png)` for seperate dark mode background.** |
| `uc.tweak.newtab-background` |
| Hide forward button when it's disabled (like in Edge) |
| ------------------------------------------------------ |
| `uc.tweak.hide-forward-button` |
| Hide Firefox logo on newtab page |
| -------------------------------- |
| `uc.tweak.hide-newtab-logo` |
| Disable drag space above tabs |
| ----------------------------- |
| `uc.tweak.disable-drag-space` |
| Force tab background colour to the same colour as the navbar background (useful for Proton themes) |
| -------------------------------------------------------------------------------------------------- |
| **NOTE: can cause readability issues with some themes! (eg. white text on white bg)** |
| `uc.tweak.force-tab-colour` |
| ![force tab colour example](screenshots/force-tab-colour.svg) (Left: OFF, Right: ON) |
| Show context menu navigation buttons (Back, Forward, Reload, Bookmark) vertically |
| --------------------------------------------------------------------------------- |
| **NOTE: labels are only shown in the English language.** |
| `uc.tweak.vertical-context-navigation` |
| Remove tab separators |
| -------------------------------- |
| `uc.tweak.remove-tab-separators` |
| Use Firefox's default context menu font-size (only applies to Windows) |
| ---------------------------------------------------------------------- |
| `uc.tweak.smaller-context-menu-text` |
| Disable custom context menus |
| ------------------------------ |
| `uc.tweak.revert-context-menu` |
| If a tab's close button is hidden, show it when hovering over tab |
| ----------------------------------------------------------------- |
| `uc.tweak.show-tab-close-button-on-hover` |
## Mica Tweak Notice
Mica is broken due to changes made in the Firefox 115 update, Mica has now been
removed from this theme.
If you still have `uc.tweak.win11-mica` set in `about:config` you can safely
delete it
## Acknowledgements ## Acknowledgements
[muckSponge](https://github.com/muckSponge) - [MaterialFox](https://github.com/muckSponge/MaterialFox) [muckSponge](https://github.com/muckSponge) - [MaterialFox](https://github.com/muckSponge/MaterialFox)
[Microsoft](https://github.com/microsoft) - [Fluent UI System Icons](https://github.com/microsoft/fluentui-system-icons) [Microsoft](https://github.com/microsoft) - [Fluent UI System Icons](https://github.com/microsoft/fluentui-system-icons)
[KibSquib48](https://github.com/KibSquib48) - [MicaFox](https://github.com/KibSquib48/MicaFox)
<!-- links -->
[1]: https://github.com/lassekongo83/adw-gtk3
<!-- light mode screenshot links -->
[s-l]: screenshots/light.png
[s-lf]: screenshots/light-floating-tabs.png
[s-lgtk]: screenshots/gtk-light.png
<!-- dark mode screenshot links -->
[s-d]: screenshots/dark.png
[s-df]: screenshots/dark-floating-tabs.png
[s-dgtk]: screenshots/gtk-dark.png

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

@ -0,0 +1,105 @@
/* Edge-Frfox - content/common.css */
/* colours */
@-moz-document url-prefix(about:) {
:root {
--in-content-page-color: light-dark(#252525, #fff) !important;
--in-content-page-background: light-dark(#f7f7f7, #252525) !important;
--in-content-deemphasized-text: light-dark(#666, #bbb) !important;
--in-content-box-background: light-dark(#fff, #333) !important;
--in-content-box-background-odd: light-dark(rgb(0 0 0 / .05), rgb(255 255 255 / .05)) !important;
--in-content-box-info-background: light-dark(#f7f7f7, rgb(255 255 255 / 0.15)) !important;
--in-content-icon-color: light-dark(#666, #fff) !important;
--in-content-accent-color: light-dark(#006CBE, #75B6E8) !important;
--in-content-accent-color-active: light-dark(#1683D8, #4C98D1) !important;
--in-content-border-hover: light-dark(rgb(0 0 0 / .5), rgb(255 255 255 / .3)) !important;
--in-content-border-invalid: var(--red-50) !important;
--in-content-border-color: light-dark(#bebebe, rgb(255 255 255 / .2)) !important;
--in-content-error-text-color: light-dark(#FF848A, #FF9AA2) !important;
--in-content-link-color: light-dark(#0078D4, #75B6E8) !important;
--in-content-link-color-hover: light-dark(#006CBE, #63ADE5) !important;
--in-content-link-color-active: light-dark(#0749AC, #4C98D1) !important;
--in-content-link-color-visited: light-dark(#0078D4, #75B6E8) !important;
--link-color: var(--in-content-link-color) !important;
--link-color-hover: var(--in-content-link-color-hover) !important;
--link-color-active: var(--in-content-link-color-active) !important;
--link-color-visited: var(--in-content-link-color-visited) !important;
--in-content-button-text-color: var(--in-content-text-color) !important;
--in-content-button-text-color-hover: var(--in-content-text-color) !important;
--in-content-button-text-color-active: var(--in-content-button-text-color-hover) !important;
--in-content-button-background: light-dark(#EDEDED, #3B3B3B) !important;
--in-content-button-background-hover: light-dark(#e5e5e5, #545454) !important;
--in-content-button-background-active: light-dark(#d5d5d5, #606060) !important;
--in-content-primary-button-text-color: light-dark(#fff, #fff) !important;
--in-content-primary-button-background: light-dark(#0061e0, #006CBE) !important;
--in-content-primary-button-background-hover: light-dark(#0250bb, #0078D4) !important;
--in-content-primary-button-background-active: light-dark(#053e94, #005CA3) !important;
--color-accent-primary: light-dark(#0078D4, #006CBE) !important;
--color-accent-primary-hover: light-dark(#006CBE, #0078D4) !important;
--color-accent-primary-active: light-dark(#0749AC, #005CA3) !important;
--in-content-danger-button-background: light-dark(#DF4951, #E12424) !important;
--in-content-danger-button-background-hover: light-dark(#EA656C, #F94343) !important;
--in-content-danger-button-background-active: light-dark(#BB353C, #AA1E1E) !important;
--in-content-focus-outline-color: light-dark(rgb(0 85 215 / .5), #63ADE5) !important;
--focus-outline-color: var(--in-content-focus-outline-color) !important;
--in-content-table-background: light-dark(#f7f7f7, #252525) !important;
--in-content-text-color: var(--in-content-page-color) !important;
--border-interactive-color: light-dark(#929292, #858585) !important;
scrollbar-color:
light-dark(rgb(37 37 37 / .4), rgb(255 255 255 / .4))
light-dark(#f7f7f7, #252525) !important;
}
}
/* preferences */
@-moz-document url-prefix(about:preferences),
url-prefix(about:addons) {
.category[selected] {
position: relative !important;
border-radius: 4px !important;
}
.category[selected]:not(:hover, :active) {
background-color: var(--in-content-button-background) !important;
}
.category[selected]::before {
content: "";
display: block;
height: 24px;
width: 3px;
background-color: var(--in-content-accent-color);
border-radius: 3px;
position: absolute;
left: 2px;
top: 50%;
translate: 0 -50%;
}
button.tab-button:hover {
border-block-color: transparent var(--in-content-box-border-color) !important;
}
button.tab-button[selected],
button.tab-button[selected]:hover {
border-block-color: transparent currentColor !important;
}
.toggle-button {
--toggle-dot-margin: 4px !important;
--toggle-width: 40px !important;
--toggle-height: 20px !important;
--toggle-background-color: transparent !important;
--toggle-dot-background-color: var(--in-content-page-color) !important;
--toggle-dot-background-color-on-pressed: #fff !important;
--toggle-dot-transform-x: calc(var(--toggle-width) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width) - var(--toggle-dot-width)) !important;
}
}
/* fix page flashes when loading some websites */
@-moz-document url(about:blank) {
body {
background: var(--in-content-page-background);
color: var(--in-content-page-color);
}
}

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

@ -0,0 +1,316 @@
/* Edge-Frfox - content/newtab.css */
/* colours */
@-moz-document url-prefix("about:newtab"),
url-prefix("about:home"),
url-prefix("about:firefoxview") {
:root:not([lwt-newtab], [lwt-newtab-brighttext]) {
--newtab-background-color: #F7F7F7 !important;
--newtab-background-color-secondary: #fff !important;
--newtab-text-primary-color: #252525 !important;
--newtab-primary-action-background: #0078D4 !important;
--newtab-text-secondary-color: color-mix(in srgb, var(--newtab-text-primary-color) 80%, transparent) !important;
--newtab-element-hover-color: color-mix(in srgb, var(--newtab-background-color) 95%, #000) !important;
--newtab-element-active-color: color-mix(in srgb, var(--newtab-background-color) 90%, #000) !important;
--newtab-element-secondary-color: color-mix(in srgb, currentColor 5%, transparent) !important;
--newtab-element-secondary-hover-color: color-mix(in srgb, currentColor 12%, transparent) !important;
--newtab-element-secondary-active-color: color-mix(in srgb, currentColor 25%, transparent) !important;
--newtab-primary-element-hover-color: color-mix(in srgb, var(--newtab-primary-action-background) 90%, #000) !important;
--newtab-primary-element-active-color: color-mix(in srgb, var(--newtab-primary-action-background) 80%, #000) !important;
--newtab-primary-element-text-color: #fff !important;
--newtab-primary-action-background-dimmed: color-mix(in srgb, var(--newtab-primary-action-background) 25%, transparent) !important;
--newtab-border-color: color-mix(in srgb, var(--newtab-background-color) 75%, #000) !important;
--newtab-wordmark-color: #737373 !important;
--newtab-status-success: #50B080 !important;
--newtab-status-error: #FF848A !important;
--newtab-inner-box-shadow-color: rgb(0 0 0 / .1) !important;
--newtab-overlay-color: color-mix(in srgb, var(--newtab-background-color) 85%, transparent) !important;
--newtab-text-emphasis-background: #FFED32 !important;
--newtab-text-emphasis-text-color: #000 !important;
--newtab-textbox-focus-color: var(--newtab-primary-action-background) !important;
--newtab-textbox-focus-boxshadow: 0 0 0 1px var(--newtab-primary-action-background), 0 0 0 4px rgba(var(--newtab-primary-action-background), 0.3) !important;
--newtab-button-secondary-color: inherit !important;
}
:root:not([style*="color"])[lwt-newtab-brighttext] {
--newtab-background-color: #252525 !important;
--newtab-background-color-secondary: #4A4A4A !important;
--newtab-text-primary-color: #fff !important;
--newtab-primary-action-background: #75B6E8 !important;
--newtab-element-hover-color: color-mix(in srgb, var(--newtab-background-color) 95%, #FFF) !important;
--newtab-element-active-color: color-mix(in srgb, var(--newtab-background-color) 90%, #FFF) !important;
--newtab-element-secondary-color: color-mix(in srgb, currentColor 10%, transparent) !important;
--newtab-element-secondary-hover-color: color-mix(in srgb, currentColor 17%, transparent) !important;
--newtab-element-secondary-active-color: color-mix(in srgb, currentColor 30%, transparent) !important;
--newtab-border-color: color-mix(in srgb, var(--newtab-background-color) 75%, #FFF) !important;
--newtab-primary-element-text-color: #252525 !important;
--newtab-wordmark-color: #fff !important;
--newtab-status-success: #50B080 !important;
}
}
@-moz-document url-prefix("about:newtab"),
url-prefix("about:home") {
/* hide pin */
.icon.icon-pin-small {
display: none !important;
}
/* unpinned sites have lower opacity title */
.top-site-button .title:not(.pinned) {
opacity: 0.7 !important;
}
/* search bar */
.search-wrapper .search-inner-wrapper {
min-height: 44px !important;
}
.search-handoff-button {
border-radius: 99px !important;
background-position: 12px !important;
padding-inline-start: 48px !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
--elevation: 4;
box-shadow: 0 0 calc((var(--elevation) * 0.225px) + 2px) rgb(0 0 0 / .11), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgb(0 0 0 / .13) !important;
}
.search-handoff-button:hover {
--elevation: 6;
}
.search-wrapper.fake-focus:not(.search.disabled) .search-handoff-button {
border-color: transparent !important;
outline: 2px solid var(--newtab-primary-action-background) !important;
outline-offset: -1px !important;
}
.search-handoff-button .fake-caret {
inset-inline-start: 48px !important;
top: 13px !important;
}
.search-disabled .search-handoff-button {
opacity: 0 !important;
}
/* top sites */
.top-site-outer .tile {
border-radius: 12px !important;
height: 44px !important;
width: 44px !important;
box-shadow: none !important;
}
.top-site-outer .tile .icon-wrapper {
border-radius: 4px !important;
width: 24px !important;
height: 24px !important;
}
.top-site-outer .default-icon,
.top-site-outer .search-topsite {
background-size: 16px !important;
height: 24px !important;
width: 24px !important;
}
.top-site-outer .tile .icon-wrapper.letter-fallback::before {
font-size: 32px !important;
}
/* card */
.card-outer,
.card-outer .card,
.ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
border-radius: 6px !important;
}
.card-outer .card,
.ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
box-shadow: 0 1px 4px rgb(0 0 0 / .3) !important;
}
.card-outer .card-preview-image-outer,
.ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) .img-wrapper .img img {
border-radius: 6px 6px 0 0 !important
}
.fake-textbox {
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.outer-wrapper.only-search {
display: flex !important;
padding: 30px !important;
}
@media (-moz-bool-pref: "uc.tweak.hide-newtab-logo") {
.logo-and-wordmark {
display: none !important;
}
.outer-wrapper:not(.fixed-search) .search-wrapper {
padding-top: 0 !important;
}
}
}
/* private browsing newtab */
@-moz-document url-prefix(about:privatebrowsing) {
:root {
--uc-wordmark-color: light-dark(#737373, #fff);
--uc-background-color-secondary: light-dark(#fff, #4a4a4a);
@media (-moz-bool-pref: "browser.theme.dark-private-windows") {
color-scheme: dark !important;
}
}
.search-inner-wrapper {
height: 44px !important;
}
.search-handoff-button,
.search-handoff-button:active,
.search-handoff-button:enabled:hover:active {
background-color: var(--uc-background-color-secondary) !important;
background-size: 24px;
border: 0 !important;
border-radius: 99px !important;
padding-inline-start: 48px !important;
--elevation: 4;
box-shadow: 0 0 calc((var(--elevation) * 0.225px) + 2px) rgb(0 0 0 / .11), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgb(0 0 0 / .13) !important;
}
.search-handoff-button:hover {
--elevation: 6;
}
.search-handoff-button.focused:not(.disabled) {
box-shadow: none !important;
outline: 2px solid var(--in-content-focus-outline-color) !important;
outline-offset: -1px !important;
}
.search-handoff-button.disabled {
opacity: 0 !important;
}
.fake-textbox {
color: var(--in-content-page-color) !important;
}
.wordmark {
fill: var(--uc-wordmark-color) !important;
}
.info {
background-color: var(--uc-background-color-secondary) !important;
background-image: none !important;
position: relative !important;
}
.info::before {
content: "";
position: absolute;
left: 32px;
top: 20px;
height: 32px;
aspect-ratio: 1 / 1;
background: center / contain url("../icons/account-private.svg");
border-radius: 99px;
}
}
@media (-moz-bool-pref: "uc.tweak.newtab-background") {
@-moz-document url(about:newtab),
url(about:home),
url(about:privatebrowsing),
url-prefix("about:firefoxview") {
:root body {
/* specify both jpg and png file extensions, but jpg images will always
have a higher priority */
--bg-0: url(../background-0.jpg), url(../background-0.png);
--bg-1: url(../background-1.jpg), url(../background-1.png);
--newtab-element-hover-color: rgb(239 239 239 / .3) !important;
--newtab-element-active-color: rgb(239 239 239 / .45) !important;
--text-shadow: 0 1px 2px #000;
--icon-shadow: drop-shadow(0 0.3px 0.6px #000);
background-color: #252525 !important;
background-image: var(--bg-0) !important;
background-position: center !important;
background-size: cover !important;
background-attachment: fixed !important;
}
:root[lwt-newtab-brighttext] body,
:root.private body {
background-image: var(--bg-1), var(--bg-0) !important;
--newtab-element-hover-color: rgb(66 66 66 / .4) !important;
--newtab-element-active-color: rgb(66 66 66 / .55) !important;
}
@media not (-moz-bool-pref: "browser.theme.dark-private-windows") {
:root.private body {
background-image: var(--bg-0) !important;
}
@media (prefers-color-scheme: dark) {
:root.private body {
background-image: var(--bg-1), var(--bg-0) !important;
}
}
}
.top-site-outer .title,
.ds-header,
.ds-layout .section-title span,
.ds-navigation,
.page-section-header>h1,
.page-section-header>.section-description,
.closed-tab-li-main:not(:hover, :active),
.closed-tab-li-dismiss,
.brand-logo>.brand-feature-name,
#colorways-collection-title,
#colorways-collection-description,
.synced-tabs-container>.loading-content {
text-shadow: var(--text-shadow) !important;
color: #fff !important;
-moz-osx-font-smoothing: auto !important;
}
.wordmark,
.icon-settings,
.top-site-outer .context-menu-button,
.closed-tab-li-main:not(:hover, :active) .favicon,
.page-section-header:not(:hover)>.twisty,
.synced-tab-li-favicon,
.page-section-header:not(:hover)>.twisty,
.closed-tab-li-dismiss:not(:hover),
.synced-tabs-container>.loading-content .sync {
filter: var(--icon-shadow) !important;
color: #fff !important;
fill: currentColor !important
}
.section-top-bar .learn-more-link a,
.ds-navigation a {
color: #b3d4ff !important;
text-shadow: var(--text-shadow) !important;
-moz-osx-font-smoothing: auto !important;
}
.top-site-outer .title .sponsored-label,
.closed-tab-li-main:not(:hover, :active) :is(.closed-tab-li-url, .closed-tab-li-time) {
color: #eee !important;
}
.fixed-search .search-wrapper {
border-bottom: 0 !important;
background: transparent linear-gradient(#0004, transparent) !important;
}
}
}

View file

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

View file

@ -1,12 +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,12 +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,26 +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,87 +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;
}

79
chrome/global/browser.css Normal file
View file

@ -0,0 +1,79 @@
/* Edge-Frfox - browser.css */
@media (-moz-bool-pref: "uc.tweak.floating-tabs") {
:root {
--browser-frame-bgcolor: var(--lwt-accent-color);
}
}
@media not (-moz-bool-pref: "uc.tweak.floating-tabs") {
:root {
--browser-frame-bgcolor: var(--toolbar-bgcolor);
}
}
@media (-moz-bool-pref: "uc.tweak.rounded-corners") {
/* Fix changes to the bookmarks bar made in Firefox 120 */
:root[BookmarksToolbarOverlapsBrowser] .newTabBrowserPanel,
:root[BookmarksToolbarOverlapsBrowser] #sidebar-box {
padding-top: 0 !important;
}
:root[BookmarksToolbarOverlapsBrowser] #appcontent,
:root[BookmarksToolbarOverlapsBrowser] #sidebar-box {
margin-top: var(--bookmarks-toolbar-overlapping-browser-height);
}
:root {
--uc-tweak-rounded-corners-padding: 3px;
--uc-tweak-rounded-corners-border: 1px solid rgb(0 0 0 / .05);
--uc-tweak-rounded-corners-radius: 8px;
--uc-tweak-rounded-corners-shadow: 0px 1px 1px rgb(0 0 0 / .1);
& #browser:not([style*="--sidebar-border-color"]) {
--sidebar-border-color: light-dark(#bfbfbf80, #595959) !important;
}
}
/* disable rounded corners in fullscreen, only if the toolbar is hidden */
:root[inFullscreen] #navigator-toolbox:where([style*="margin-top"], [fullscreenShouldAnimate]) + #browser,
:root[inDOMFullscreen] #browser {
--uc-tweak-rounded-corners-padding: 0;
--uc-tweak-rounded-corners-border: none;
--uc-tweak-rounded-corners-radius: 0;
--uc-tweak-rounded-corners-shadow: none;
}
#appcontent {
margin-inline: var(--uc-tweak-rounded-corners-padding) !important;
margin-block-end: var(--uc-tweak-rounded-corners-padding) !important;
border-radius: var(--uc-tweak-rounded-corners-radius) !important;
overflow: hidden !important;
border: var(--uc-tweak-rounded-corners-border) !important;
box-shadow: var(--uc-tweak-rounded-corners-shadow) !important;
}
/* apply rounded corners to sidebar */
#sidebar-box {
margin-inline-start: var(--uc-tweak-rounded-corners-padding) !important;
margin-block-end: var(--uc-tweak-rounded-corners-padding) !important;
border-radius: var(--uc-tweak-rounded-corners-radius) !important;
overflow: hidden !important;
border: var(--uc-tweak-rounded-corners-border) !important;
box-shadow: var(--uc-tweak-rounded-corners-shadow) !important;
&[positionend] {
margin-inline-start: 0 !important;
margin-inline-end: var(--uc-tweak-rounded-corners-padding) !important;
}
}
/* remove sidebar border */
#sidebar-splitter {
border-inline-width: 0 !important;
}
#browser {
background-color: var(--browser-frame-bgcolor);
}
}

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

@ -0,0 +1,312 @@
/* Edge-Frfox - colors.css */
/* default colours (light & dark) */
:root:not(:-moz-lwtheme),
:root[privatebrowsingmode="temporary"][style*="--lwt-accent-color: rgb(28, 27, 34)"] {
--lwt-accent-color: light-dark(#cecece, #1C1C1C) !important;
--lwt-accent-color-inactive: light-dark(#e8e8e8, #2e2e2e) !important;
--lwt-text-color: light-dark(#000, #E5E5E5) !important;
--toolbar-bgcolor: light-dark(#f7f7f7, #3B3B3B) !important;
--toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor) !important;
--toolbar-color: light-dark(#000, #fff) !important;
--toolbarbutton-icon-fill: light-dark(#000, #fff) !important;
--chrome-content-separator-color: light-dark(#bfbfbf, #686868) !important;
--lwt-toolbarbutton-icon-fill-attention: light-dark(#0078D4, #4C98D1) !important;
--toolbarbutton-icon-fill-attention: light-dark(#0078D4, #4C98D1) !important;
--lwt-tab-text: var(--toolbar-color) !important;
--lwt-selected-tab-background-color: unset !important;
--tab-selected-bgcolor: var(--toolbar-bgcolor) !important;
--toolbar-field-background-color: light-dark(#fff, #2B2B2B) !important;
--toolbar-field-color: light-dark(#000, #fff) !important;
--toolbar-field-border-color: light-dark(#0000, #0000) !important;
--toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important;
--toolbar-field-focus-color: var(--toolbar-field-color) !important;
--toolbar-field-focus-border-color: light-dark(#0055D7, #63ADE5) !important;
--link-color: light-dark(#0078D4, #75B6E8) !important;
--urlbar-hover-highlight-color: light-dark(rgb(192 192 192 / .5), rgb(128 128 128 / .5)) !important;
--urlbar-box-bgcolor: light-dark(rgb(0 0 0 / .09), rgb(255 255 255 / .11)) !important;
--urlbar-box-hover-bgcolor: light-dark(rgb(0 0 0 / .09), rgb(255 255 255 / .11)) !important;
--urlbar-box-focus-bgcolor: light-dark(rgb(0 0 0 / .22), rgb(255 255 255 / .28)) !important;
--urlbar-icon-fill-opacity: 1 !important;
--urlbar-popup-url-color: light-dark(#0072C9, #75B6E8) !important;
--lwt-brighttext-url-color: var(--urlbar-popup-url-color) !important;
--autocomplete-popup-background: light-dark(#fff, #4A4A4A) !important;
--autocomplete-popup-color: light-dark(#fff, #fff) !important;
--autocomplete-popup-highlight-background: light-dark(#f2f2f2, #383838) !important;
--autocomplete-popup-hover-background: light-dark(#e5e5e5, #444444) !important;
--autocomplete-popup-separator-color: light-dark(#dadada00, #63636300) !important;
--button-bgcolor: light-dark(#EDEDED, #5C5C5C) !important;
--button-hover-bgcolor: light-dark(#e5e5e5, #646464) !important;
--button-active-bgcolor: light-dark(#d5d5d5, #575757) !important;
--button-primary-bgcolor: light-dark(#0078D4, #006CBE) !important;
--button-primary-hover-bgcolor: light-dark(#006CBE, #0078D4) !important;
--button-primary-active-bgcolor: light-dark(#1683D8, #005CA3) !important;
--button-primary-color: light-dark(#fff, #fff) !important;
--error-text-color: light-dark(#FF9AA2, #FF9AA2) !important;
--input-bgcolor: light-dark(#fff, #4A4A4A) !important;
--input-color: light-dark(#2b2b2b, #fff) !important;
--input-border-color: light-dark(#bebebe, #8A8A8A) !important;
--input-error-border-color: light-dark(#FF848A, #FF848A) !important;
--zoom-controls-bgcolor: light-dark(#4A4A4A, #4A4A4A) !important;
--arrowpanel-background: light-dark(#fff, #4A4A4A) !important;
--arrowpanel-color: light-dark(#1c1c1c, #fff) !important;
--panel-description-color: light-dark(#000a, #fffb) !important;
--panel-disabled-color: light-dark(#9E9E9E, #ABABAA) !important;
--arrowpanel-dimmed: light-dark(#565656, #565656) !important;
--arrowpanel-dimmed-further: light-dark(#707070, #707070) !important;
--panel-item-hover-bgcolor: light-dark(#eee, #646464) !important;
--panel-item-active-bgcolor: light-dark(#ddd, #747474) !important;
--arrowpanel-border-color: light-dark(#dadada, #636363) !important;
--panel-separator-color: light-dark(#dadada, #636363) !important;
--panel-banner-item-update-supported-bgcolor: light-dark(#188038, #81C995) !important;
--focus-outline-color: light-dark(#0055D7, #63ADE5) !important;
--panel-shortcut-color: inherit !important;
--uc-urlbar-shadow: 0 0 4px rgb(0 0 0 / .1);
--toolbarbutton-hover-background: light-dark(rgb(0 0 0 / .08), rgb(255 255 255 / .1)) !important;
--toolbarbutton-active-background: light-dark(rgb(0 0 0 / .12), rgb(255 255 255 / .16)) !important;
--uc-private-browsing-indicator: var(--button-primary-bgcolor);
--uc-private-browsing-indicator-text: var(--button-primary-color);
--tab-icon-overlay-stroke: light-dark(#fff, #4b4b4b) !important;
--tab-icon-overlay-fill: light-dark(#252525, #fff) !important;
--toolbarseparator-color: color-mix(in srgb, currentColor 40%, transparent) !important;
}
/* ensure that dark mode is enabled completely in private browsing mode. */
@media (-moz-bool-pref: "browser.theme.dark-private-windows") {
:root[privatebrowsingmode="temporary"],
:root[privatebrowsingmode="temporary"] #nav-bar,
:root[privatebrowsingmode="temporary"] #PersonalToolbar {
color-scheme: dark !important;
}
}
#urlbar {
--urlbar-box-bgcolor: inherit !important;
--urlbar-box-hover-bgcolor: inherit !important;
--urlbar-box-focus-bgcolor: inherit !important;
}
/* Change Colour of page when loading */
:root:not(:-moz-lwtheme) #tabbrowser-tabpanels {
background-color: light-dark(#f7f7f7, #252525) !important;
}
/* make the titlebar buttons black/white on default themes */
:root:not(:-moz-lwtheme)[tabsintitlebar] .titlebar-buttonbox {
color: var(--toolbar-color) !important;
}
#statuspanel-label {
background-color: var(--toolbar-field-focus-background-color) !important;
color: var(--toolbar-field-focus-color) !important;
border-color: transparent !important;
box-shadow: 0 2px 5px #0002, 0 0 0 1px light-dark(#0001, #0002) !important;
border-radius: 0 4px 0 0 !important;
#statuspanel[mirror] & {
border-radius: 4px 0 0 0 !important;
}
}
@media (-moz-platform: windows) {
tooltip {
background-color: var(--arrowpanel-background) !important;
color: var(--arrowpanel-color) !important;
border-color: var(--arrowpanel-border-color) !important;
}
.titlebar-button:not(.titlebar-close):hover {
background-color: color-mix(in srgb, currentColor 11%, transparent) !important;
}
.titlebar-button:hover:active {
background-color: color-mix(in srgb, currentColor 20%, transparent) !important;
}
.titlebar-close:hover {
stroke: white !important;
background-color: #e81123 !important;
}
.titlebar-close:hover:active {
background-color: #EF6B76 !important;
}
toolbar[brighttext] .titlebar-close:hover:active {
background-color: #9C1420 !important;
}
/* library window theme */
window#places {
--organizer-color: light-dark(#000, #fff) !important;
--organizer-deemphasized-color: light-dark(#666, #bbb) !important;
--organizer-toolbar-background: light-dark(#f7f7f7, #3B3B3B) !important;
--organizer-pane-background: light-dark(#f7f7f7, #2B2B2B) !important;
--organizer-content-background: light-dark(#f7f7f7, #1C1C1C) !important;
--organizer-hover-background: light-dark(#00000025, #ffffff25) !important;
--organizer-selected-background: light-dark(#006CBE80, #006CBE80) !important;
--organizer-outline-color: light-dark(#0055D7a0, #63ADE5) !important;
--organizer-toolbar-field-background: light-dark(#fff, #2B2B2B) !important;
--organizer-toolbar-field-background-focused: light-dark(#fff, #2B2B2B) !important;
--organizer-border-color: light-dark(#bfbfbf, #686868) !important;
scrollbar-color:
light-dark(#0006, #fff6)
light-dark(#f7f7f740, #2B2B2B40) !important;
}
#placesViewsBox #downloadsListBox richlistitem[selected="true"] {
background-color: light-dark(#006CBE, #006CBE) !important;
color: light-dark(#fff, #fff) !important;
}
#placeContentColumns :is(treecol, treecolpicker) {
background-color: light-dark(#f7f7f7, #3B3B3B) !important;
color: light-dark(#000, #fff) !important;
border-inline-start: 1px solid light-dark(#bfbfbf, #686868) !important;
box-shadow: inset 0 -1px light-dark(#bfbfbf, #686868) !important;
appearance: none !important;
}
#placeContentColumns :is(treecol, treecolpicker):where(:hover) {
background-color: light-dark(#cecece, #4A4A4A ) !important;
color: light-dark(#000, #fff) !important;
}
}
/* side bar theme */
#sidebar-box:not([lwt-sidebar]) {
--sidebar-background-color: light-dark(#f7f7f7, #3b3b3b) !important;
--sidebar-text-color: light-dark(#000, #fff) !important;
appearance: none !important;
}
#browser:not([style*="--sidebar-border-color"]) {
--sidebar-border-color: light-dark(#bfbfbf, #686868) !important;
}
.sidebar-panel:not([lwt-sidebar]) {
color: light-dark(#000, #fff) !important;
scrollbar-color: light-dark(#0006, #fff6) light-dark(#f7f7f740, #3b3b3b40) !important;
/* Sidebar search box (Windows) */
@media(-moz-platform: windows) {
& #sidebar-search-container>#search-box,
& #viewButton {
appearance: none !important;
background-color: light-dark(#fff, #2b2b2b) !important;
color: inherit !important;
border: 1px solid light-dark(#bfbfbf, #686868) !important;
border-radius: 4px !important;
padding: 6px 8px !important;
&:focus {
border-width: 2px !important;
padding: 5px 7px !important;
}
}
}
}
@-moz-document url(chrome://browser/content/syncedtabs/sidebar.xhtml){
body {
background: transparent !important;
}
}
/* Linux / GTK csd support */
@media (-moz-gtk-csd-available) {
:root:not(:-moz-lwtheme) {
--toolbar-bgcolor: color-mix(in srgb, -moz-dialog 80%, #fff) !important;
--toolbar-bgimage: none !important;
--toolbar-color: -moz-dialogtext !important;
--tab-selected-bgimage: none !important;
--chrome-content-separator-color: ThreeDShadow !important;
--panel-separator-color: ThreeDShadow !important;
--button-bgcolor: color-mix(in srgb, currentColor 10%, transparent) !important;
--button-hover-bgcolor: color-mix(in srgb, currentColor 14%, transparent) !important;
--button-active-bgcolor: color-mix(in srgb, currentColor 20%, transparent) !important;
--button-color: currentColor !important;
--button-primary-bgcolor: -moz-accent-color !important;
--button-primary-hover-bgcolor: color-mix(in srgb, black 10%, -moz-accent-color) !important;
--button-primary-active-bgcolor: color-mix(in srgb, black 20%, -moz-accent-color) !important;
--button-primary-color: -moz-accent-color-foreground !important;
--autocomplete-popup-hover-background: var(--arrowpanel-dimmed) !important;
--autocomplete-popup-separator-color: color-mix(in srgb, currentColor 14%, transparent) !important;
--urlbar-box-bgcolor: var(--button-bgcolor) !important;
--urlbar-box-focus-bgcolor: var(--button-bgcolor) !important;
--urlbar-box-hover-bgcolor: var(--button-hover-bgcolor) !important;
--urlbar-box-active-bgcolor: var(--button-active-bgcolor) !important;
--urlbar-box-text-color: inherit !important;
--urlbar-box-hover-text-color: var(--urlbar-box-text-color) !important;
--urlbar-icon-fill-opacity: 0.9 !important;
--urlbar-popup-url-color: -moz-nativehyperlinktext !important;
--lwt-brighttext-url-color: #00ddff !important;
--toolbarbutton-icon-fill-attention: -moz-nativehyperlinktext !important;
--focus-outline-color: -moz-accent-color !important;
--arrowpanel-background: Field !important;
--arrowpanel-color: FieldText !important;
--arrowpanel-border-color: ThreeDShadow !important;
--arrowpanel-dimmed: color-mix(in srgb, currentColor 17%, transparent) !important;
--arrowpanel-dimmed-further: color-mix(in srgb, currentColor 30%, transparent) !important;
--panel-description-color: GrayText !important;
--panel-disabled-color: GrayText !important;
--toolbarbutton-icon-fill: currentColor !important;
--toolbar-field-background-color: Field !important;
--toolbar-field-color: FieldText !important;
--toolbar-field-border-color: ThreeDShadow !important;
--toolbar-field-focus-background-color: Field !important;
--toolbar-field-focus-color: FieldText !important;
--toolbar-field-focus-border-color: -moz-accent-color !important;
--toolbarbutton-hover-background: color-mix(in srgb, -moz-dialogtext 14%, transparent) !important;
--toolbarbutton-active-background: color-mix(in srgb, -moz-dialogtext 20%, transparent) !important;
--uc-urlbar-shadow: none;
--autocomplete-popup-highlight-color: FieldText !important;
--autocomplete-popup-highlight-background: color-mix(in srgb, currentColor 8%, transparent) !important;
--autocomplete-popup-hover-background: color-mix(in srgb, currentColor 12%, transparent) !important;
--autocomplete-popup-separator-color: #0000 !important;
--panel-item-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent) !important;
--panel-item-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent) !important;
--panel-separator-color: ThreeDShadow !important;
--panel-banner-item-update-supported-bgcolor: #1bba6b !important;
--focus-outline-color: -moz-accent-color !important;
--uc-private-browsing-indicator: -moz-accent-color !important;
--uc-private-browsing-indicator-text: var(--button-primary-color);
}
#sidebar-box:not([lwt-sidebar]) {
--sidebar-background-color: -moz-dialog !important;
--sidebar-text-color: -moz-dialog-text !important;
}
#browser:not([style*="--sidebar-border-color"]) {
--sidebar-border-color: ThreeDShadow !important;
}
.sidebar-panel:not([lwt-sidebar]) {
color: -moz-dialogtext !important;
}
@media (prefers-color-scheme: light) {
:root:not(:-moz-lwtheme) {
--toolbar-bgcolor: color-mix(in srgb, -moz-dialog 65%, #fff) !important;
--urlbar-icon-fill-opacity: 0.7 !important;
--toolbar-field-border-color: transparent !important;
--toolbar-field-background-color: color-mix(in srgb, Field 90%, -moz-dialogtext) !important;
--toolbar-field-color: FieldText !important;
--toolbar-field-focus-background-color: Field !important;
--toolbar-field-focus-color: FieldText !important;
}
}
@media (prefers-color-scheme: dark) {
:root:not(:-moz-lwtheme) {
--toolbar-bgcolor: color-mix(in srgb, -moz-dialog 90%, #fff) !important;
--urlbar-icon-fill-opacity: 1.0 !important;
--toolbar-field-border-color: transparent !important;
--toolbar-field-background-color: color-mix(in srgb, Field 90%, -moz-dialogtext) !important;
--toolbar-field-color: FieldText !important;
--toolbar-field-focus-background-color: color-mix(in srgb, Field 90%, -moz-dialogtext) !important;
--toolbar-field-focus-color: FieldText !important;
}
}
}

View file

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

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

@ -0,0 +1,640 @@
/* Edge-Frfox - popup.css */
:root {
--panel-subview-body-padding: 2px 0 !important;
--arrowpanel-border-radius: 8px !important;
--arrowpanel-menuitem-border-radius: 4px !important;
--arrowpanel-menuitem-margin: var(--uc-arrowpanel-menuitem-margin-block) var(--uc-arrowpanel-menuitem-margin-inline) !important;
--arrowpanel-menuitem-padding-block: 6px !important;
--arrowpanel-menuitem-padding-inline: 10px !important;
--uc-arrowpanel-menuicon-margin-inline: 14px;
--uc-arrowpanel-menuitem-margin-inline: 4px;
--uc-arrowpanel-menuitem-margin-block: 2px;
--panel-separator-margin-vertical: 2px !important;
--panel-separator-margin-horizontal: 0 !important;
--uc-panel-zoom-button-padding: 8px;
--uc-panel-zoom-button-inline-padding: 9px;
--uc-panel-zoom-padding-block: calc(var(--panel-separator-margin-vertical) + var(--uc-arrowpanel-menuitem-margin-block));
--uc-autocomplete-panel-menuitem-margin: 4px;
--uc-autocomplete-panel-menuicon-padding-inline: 14px;
--uc-autocomplete-panel-separator-margin-vertical: 4px;
--uc-permission-itemcontainer-padding-block: 8px;
--uc-permission-item-margin-block: 4px;
--uc-permission-item-padding-inline: 16px;
--uc-contextmenu-border-radius: 8px;
--uc-contextmenu-padding: calc(4px - var(--uc-contextmenu-menuitem-border-width)) 0;
--uc-contextmenu-menuitem-border-radius: calc(4px + var(--uc-contextmenu-menuitem-border-width));
--uc-contextmenu-menuitem-padding-block: 6px;
--uc-contextmenu-menuitem-padding-inline: 10px;
--uc-contextmenu-menuitem-border-width: 2px;
--uc-contextmenu-menuicon-margin-inline: 12px;
--uc-contextmenu-menuitem-margin-inline: calc(4px - var(--uc-contextmenu-menuitem-border-width));
--uc-contextmenu-menuitem-margin-block: 0px;
--uc-contextmenu-menuitem-margin: var(--uc-contextmenu-menuitem-margin-block) var(--uc-contextmenu-menuitem-margin-inline);
--uc-contextmenu-separator-vertical: calc(4px - var(--uc-contextmenu-menuitem-border-width));
--uc-contextmenu-separator-horizontal: 0;
}
/* app menu */
.addon-banner-item,
.panel-banner-item {
margin: 2px 4px 2px !important;
padding-inline: 4px 12px !important;
padding-block: var(--arrowpanel-menuitem-padding-block) !important;
border-radius: var(--arrowpanel-menuitem-border-radius) !important;
}
#appMenu-fxa-label2 label,
#PanelUI-fxa-menu-syncnow-button label {
margin-block: 0 !important;
}
.widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined)>.toolbarbutton-text,
.subviewbutton:not(#appMenu-zoom-controls > .subviewbutton)>.toolbarbutton-icon+.toolbarbutton-text,
#appMenu-fxa-label2>vbox {
padding-inline-start: var(--uc-arrowpanel-menuicon-margin-inline) !important;
}
/* special case menuitems with no icons */
#appMenu-zoom-controls>.toolbarbutton-text,
#fxa-manage-account-button>vbox,
#PanelUI-fxa-menu-syncnow-button>hbox {
padding-inline-start: calc(16px + var(--uc-arrowpanel-menuicon-margin-inline)) !important;
}
.subviewbutton>.toolbarbutton-icon {
width: 16px !important;
}
/* firefox profile avatar in appmenu */
#appMenu-fxa-label2::before {
content: "";
display: flex;
height: 16px;
width: 16px;
background: var(--avatar-image-url) 0/16px;
scale: 1.25;
border-radius: 99px;
}
/* disable proton account separator */
#appMenu-fxa-separator {
border-image: none !important;
}
#appMenu-fxa-status2:not([fxastatus]) {
padding-block: 0 !important;
}
#appMenu-fxa-status2:not([fxastatus])>#appMenu-fxa-label2 {
margin-inline-end: calc(var(--arrowpanel-menuitem-padding-inline) * -1) !important;
}
/* zoom controls */
#appMenu-zoom-controls {
border-top: 1px solid var(--panel-separator-color) !important;
padding-inline: calc(var(--arrowpanel-menuitem-padding-inline) + var(--uc-arrowpanel-menuitem-margin-inline)) var(--uc-arrowpanel-menuitem-margin-inline) !important;
padding-block: var(--uc-panel-zoom-padding-block) !important;
margin: var(--panel-separator-margin-vertical) 0 calc(var(--panel-separator-margin-vertical) * -1) !important;
}
#appMenu-zoom-controls>.subviewbutton {
padding: var(--uc-panel-zoom-button-padding) var(--uc-panel-zoom-button-inline-padding) !important;
margin: 0 !important;
}
#appMenu-zoom-controls>#appMenu-zoomReset-button2 {
padding: var(--uc-panel-zoom-button-padding) calc(var(--uc-panel-zoom-button-padding) / 2) !important;
}
/* #appMenu-zoomReduce-button2, */
#appMenu-zoom-controls>#appMenu-fullscreen-button2 {
margin-left: calc((var(--panel-separator-margin-vertical) + var(--uc-arrowpanel-menuitem-margin-block)) * 2 + 1px) !important;
}
#appMenu-zoom-controls>#appMenu-fullscreen-button2::before {
content: "";
border-inline-start: 1px solid var(--panel-separator-color);
display: block;
position: relative;
height: 32px;
margin-block: calc(var(--uc-panel-zoom-button-padding) * -1);
transform: translateX(calc(var(--uc-panel-zoom-button-inline-padding) * -1 - (var(--panel-separator-margin-vertical) + var(--uc-arrowpanel-menuitem-margin-block)) - 1px));
}
#appMenu-zoomReset-button2 {
height: calc(16px + var(--uc-panel-zoom-button-padding) * 2) !important;
min-height: calc(16px + var(--uc-panel-zoom-button-padding) * 2) !important;
}
#appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover),
#appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover),
#appMenu-fullscreen-button2:not([disabled], [open], :active):is(:hover),
#appMenu-zoomReset-button2:not([disabled], [open], :active):is(:hover) {
background-color: var(--panel-item-hover-bgcolor) !important;
}
#appMenu-zoomReduce-button2:not([disabled]):is([open], :hover:active),
#appMenu-zoomEnlarge-button2:not([disabled]):is([open], :hover:active),
#appMenu-fullscreen-button2:not([disabled]):is([open], :hover:active),
#appMenu-zoomReset-button2:not([disabled]):is([open], :hover:active) {
background-color: var(--panel-item-active-bgcolor) !important;
}
#appMenu-zoomReduce-button2>.toolbarbutton-icon,
#appMenu-zoomEnlarge-button2>.toolbarbutton-icon {
fill: currentColor !important;
stroke: none !important;
}
#appMenu-zoomReset-button2>.toolbarbutton-text,
#appMenu-fullscreen-button2>.toolbarbutton-icon {
background-color: transparent !important;
padding: 0 !important;
}
.subviewbutton[shortcut]::after {
opacity: 0.7 !important;
}
#widget-overflow-mainView .panel-subview-body {
padding-bottom: 0 !important;
}
.PanelUI-subView>.panel-header+toolbarseparator {
margin-bottom: 0 !important;
}
.PanelUI-subView>.panel-header+toolbarseparator+.panel-subview-body {
padding-top: var(--panel-separator-margin-vertical) !important;
}
#identity-popup-security-button {
margin-bottom: var(--panel-separator-margin-vertical) !important;
}
#permission-popup-mainView-panel-header,
#identity-popup-mainView-panel-header,
#protections-popup-mainView-panel-header,
.panel-header {
min-height: calc((var(--arrowpanel-menuitem-padding-block) + 4px) * 2 + 16px) !important;
}
/* URL bar popup */
.panel-footer>button {
border-radius: 2px !important;
}
.identity-popup-security-connection>hbox>description {
margin-inline-start: 0 !important;
}
.identity-popup-security-connection.identity-button {
margin-inline-end: calc(-1 * (var(--arrowpanel-menuitem-padding-inline) - 10px)) !important;
}
#identity-popup-mainView-panel-header-span,
#permission-popup-mainView-panel-header-span,
#identity-popup-mainView-panel-header label,
#permission-popup-mainView-panel-header label,
#protections-popup-mainView-panel-header-span {
margin-block: 0 !important;
}
.permission-popup-section {
padding-block: var(--uc-permission-itemcontainer-padding-block) !important;
}
#permission-popup-permissions-content {
padding-inline: var(--uc-permission-item-padding-inline) !important;
}
.permission-popup-permission-item,
#permission-popup-storage-access-permission-list-header {
margin-block: var(--uc-permission-item-margin-block) !important;
}
.permission-popup-permission-label,
.permission-popup-permission-header-label {
margin-inline-start: var(--uc-arrowpanel-menuicon-margin-inline) !important;
}
#editBookmarkPanel>#editBookmarkHeaderSeparator,
#editBookmarkPanel>.panel-subview-body>#editBookmarkSeparator {
margin-inline: 0 !important;
}
/* subview */
.panel-header {
padding: 4px !important;
padding-top: 4px !important;
}
.panel-header+toolbarseparator,
#identity-popup-mainView-panel-header+toolbarseparator,
#permission-popup-mainView-panel-header+toolbarseparator,
#protections-popup-mainView-panel-header-section+toolbarseparator {
margin-block-start: 0 !important;
}
.panel-header>.subviewbutton-back {
margin: 0 !important;
padding: var(--arrowpanel-menuitem-padding-block) !important;
}
.panel-subview-footer-button {
margin-bottom: 4px !important;
}
.webextension-popup-browser,
.webextension-popup-stack {
margin-block-start: calc(var(--panel-separator-margin-vertical) * -.5) !important;
}
/* downloads popup */
.downloadTypeIcon {
height: 16px !important;
width: 16px !important;
}
.downloadButton {
min-width: calc(16px + var(--uc-toolbarbutton-inner-inline-padding) * 2) !important;
height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important;
border-radius: var(--toolbarbutton-border-radius) !important;
}
.downloadMainArea {
padding-block: 4px !important;
padding-inline: 12px !important;
border-radius: 0 !important;
}
#downloadsListBox>richlistitem {
padding-inline-end: 8px !important;
border-radius: var(--arrowpanel-menuitem-border-radius) !important;
}
#downloadsListBox,
.downloadsPanelFooterButton {
margin: var(--arrowpanel-menuitem-margin) !important;
width: auto !important;
min-width: auto !important;
}
#downloadsPanel-blockedSubview,
#downloadsPanel-mainView {
padding: var(--panel-separator-margin-vertical) 0 !important;
}
#emptyDownloads {
padding: 1.5em 16px 1.7em !important;
}
#downloadsHistory .button-text {
margin-block: 0 !important;
margin-inline: 0 !important;
}
.PanelUI-subView .subviewbutton-nav::after,
#PlacesToolbar menu>.menu-right,
.subviewbutton>.menu-right {
fill-opacity: 1 !important;
}
/* auto complete popup */
#PopupAutoComplete>.autocomplete-richlistbox {
background: var(--arrowpanel-background) !important;
color: var(--arrowpanel-color) !important;
box-shadow: 0 0 0 1px inset var(--arrowpanel-border-color) !important;
}
#PopupAutoComplete .autocomplete-richlistitem[originaltype="loginsFooter"] {
justify-content: start !important;
-moz-box-pack: start !important;
color: inherit !important;
background-color: transparent !important;
height: 28px !important;
min-height: 28px !important;
padding-inline-start: var(--uc-contextmenu-menuitem-padding-inline) !important;
position: relative !important;
overflow: visible !important;
margin-top: calc(var(--uc-contextmenu-separator-vertical) * 2 + 1px) !important;
}
.autocomplete-richlistitem[originaltype="loginsFooter"]::before {
content: "";
width: calc(100% + var(--uc-contextmenu-menuitem-margin-inline) * 2);
border-top: 1px solid var(--panel-separator-color);
position: absolute;
top: calc((var(--uc-contextmenu-separator-vertical) + var(--uc-contextmenu-menuitem-border-width)) * -1 - 1px);
left: calc(var(--uc-contextmenu-menuitem-margin-inline) * -1);
}
#PopupAutoComplete .autocomplete-richlistitem:hover {
background-color: var(--panel-item-hover-bgcolor) !important;
}
#PopupAutoComplete .autocomplete-richlistitem[selected] {
background-color: var(--panel-item-active-bgcolor) !important;
color: inherit !important;
}
.ac-site-icon {
fill: currentColor !important;
margin-block: auto !important;
margin-inline: 0 var(--uc-autocomplete-panel-menuicon-padding-inline) !important;
}
#PopupAutoComplete>richlistbox>richlistitem>.ac-title {
margin-inline: calc(16px + var(--uc-autocomplete-panel-menuicon-padding-inline)) !important;
}
/* workaround for inaccessible shadow-root element
moves the shadow-root element underneath, and away from panel edges */
#PopupAutoComplete {
padding-block: 10px !important;
padding-inline: 2px !important;
}
panel[type="autocomplete-richlistbox"]>.autocomplete-richlistbox {
margin-block: -10px !important;
margin-inline: -2px !important;
padding: var(--uc-contextmenu-padding) !important;
border-radius: var(--uc-contextmenu-border-radius) !important;
color: inherit !important;
}
#PopupAutoComplete>richlistbox>richlistitem>.two-line-wrapper {
padding-block: 0 !important;
padding-inline-end: calc((var(--uc-autocomplete-panel-menuitem-margin) + var(--arrowpanel-menuitem-padding-inline)) * 2) !important;
}
#PlacesToolbar menuitem,
#PlacesToolbar menu,
panelview .toolbarbutton-1,
.subviewbutton,
.widget-overflow-list .toolbarbutton-1 {
min-height: calc(16px + var(--uc-contextmenu-menuitem-padding-block) * 2) !important;
}
/* disable context menu when this tweak is applied */
@media not (-moz-bool-pref: "uc.tweak.revert-context-menu") {
/* Context Menu */
menupopup:not(.PanelUI-subView),
menupopup:not(.PanelUI-subView) menuitem,
menupopup:not(.PanelUI-subView) menu,
menupopup:not(.PanelUI-subView) menuseparator,
panel {
appearance: none !important;
}
menupopup:not(.PanelUI-subView),
panel[type="autocomplete-richlistbox"],
menulist>menupopup:not(.PanelUI-subView)>menucaption {
-moz-window-shadow: none !important;
background: 0 !important;
border: 0 !important;
color: var(--arrowpanel-color) !important;
}
.popup-internal-box,
panel[type="autocomplete-richlistbox"]>.autocomplete-richlistbox,
.menupopup-arrowscrollbox {
background: var(--arrowpanel-background) !important;
border: 1px solid light-dark(transparent, var(--panel-separator-color)) !important;
}
/* make room for menu shadow */
menupopup:not(.PanelUI-subView) {
padding: 4px 12px 20px !important;
margin: -6px -12px -16px !important;
}
/* cut off shadow so it doesn't get in the way of the menubar items */
menubar menupopup {
padding: 1px 8px 20px !important;
margin: -1px -4px -16px !important;
}
menupopup {
--uc-margin: 0 !important;
--uc-box-shadow:
0 8px 12px #0003,
0 4px 5px #0002,
0 2px 4px #0002,
0 0 0 1px #0001;
}
@media (prefers-color-scheme:dark) {
menupopup {
--uc-box-shadow:
0 8px 12px #0003,
0 4px 5px #0003,
0 2px 4px #0002,
0 0 0 1px #0002;
}
}
/* use default shadow for subview menupopup (eg. bookmarks) */
menupopup.PanelUI-subView {
--uc-box-shadow: 0 0 0 1px var(--panel-border-color);
--uc-margin: 1px !important;
margin-top: -5px !important;
}
.menupopup-arrowscrollbox {
box-shadow: var(--uc-box-shadow) !important;
}
.popup-internal-box {
margin: 0 !important;
}
.popup-internal-box,
.menupopup-arrowscrollbox {
padding: var(--uc-contextmenu-padding) !important;
border-radius: var(--uc-contextmenu-border-radius) !important;
color: inherit !important;
}
menupopup menu[disabled="true"],
menupopup menuitem[disabled="true"] {
color: var(--panel-disabled-color) !important;
background: none !important;
}
menupopup menu:hover:not([disabled=true]),
menupopup menuitem:hover:not([disabled=true]),
menupopup menu[_moz-menuactive]:not([disabled=true]),
menupopup menuitem[_moz-menuactive]:not([disabled=true]) {
background-color: var(--panel-item-hover-bgcolor) !important;
color: inherit !important;
}
menupopup menuitem:hover:active:not([disabled=true]),
menupopup menu:hover:active:not([disabled=true]) {
background-color: var(--panel-item-active-bgcolor) !important;
color: inherit !important;
}
menupopup menuseparator {
margin: var(--uc-contextmenu-separator-vertical) 0 !important;
padding: 0 !important;
background: none !important;
border-top: 1px solid var(--panel-separator-color) !important;
&::before {
content: unset !important;
}
}
#PlacesToolbar menupopup[placespopup="true"] menuseparator::before {
display: none !important;
}
menupopup menu,
menupopup menuitem,
menupopup menucaption,
#PopupAutoComplete>richlistbox>richlistitem {
padding: var(--uc-contextmenu-menuitem-padding-block) var(--uc-contextmenu-menuitem-padding-inline) !important;
margin: var(--uc-contextmenu-menuitem-margin) !important;
border-radius: var(--uc-contextmenu-menuitem-border-radius) !important;
border: var(--uc-contextmenu-menuitem-border-width) solid transparent !important;
background-clip: padding-box !important;
min-height: calc(16px + (var(--uc-contextmenu-menuitem-padding-block) + var(--uc-contextmenu-menuitem-border-width)) * 2) !important;
}
:not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menuitem:not(.menuitem-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menuitem, .unified-nav-current),
:not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menu:not(.menu-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menu, .unified-nav-current),
:not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menucaption {
padding-inline-start: calc(var(--uc-contextmenu-menuitem-padding-inline) + 16px + var(--uc-contextmenu-menuicon-margin-inline)) !important;
}
.menu-iconic-icon {
margin-block: 0 !important;
margin-inline-end: 0 !important;
margin-inline-start: 0 !important;
}
menu>.menu-iconic-text,
menuitem>.menu-iconic-text {
padding-inline-start: var(--uc-contextmenu-menuicon-margin-inline) !important;
}
.menu-text,
.menu-iconic-text {
margin-inline-start: 0 !important;
padding-block: 0 !important;
}
.menu-accel,
.menu-iconic-accel {
margin-inline-end: 0 !important;
padding-block: 0 !important;
opacity: 0.7 !important;
}
.menu-iconic>.menu-iconic-left,
.menuitem-iconic>.menu-iconic-left {
padding-inline-end: 0 !important;
padding-block: 0 !important;
}
menuitem:is(.menuitem-iconic:not([data-usercontextid]), [type="checkbox"], [type="radio"], [checked], [selected]) .menu-iconic-icon {
-moz-context-properties: fill !important;
fill: currentColor !important;
}
.menu-right,
.menu-accel-container {
appearance: none !important;
margin-inline-end: 0 !important;
-moz-context-properties: fill;
fill: currentColor !important;
}
menupopup menuitem:is([type="checkbox"], [type="radio"]) .menu-iconic-icon,
menulist>menupopup>menuitem .menu-iconic-icon,
menu .menu-right {
height: 16px !important;
width: 16px !important;
}
menulist>menupopup>menuitem:is([checked="true"], [selected="true"])::before,
menupopup>menuitem::before,
menupopup>menuitem::after {
display: none !important;
}
menuitem:is([type="checkbox"], [checked="true"], [type="radio"])>.menu-iconic-left>.menu-iconic-icon {
display: flex !important;
}
menuitem[checked="true"]>.menu-iconic-left,
.menu-iconic>.menu-iconic-left,
.menuitem-iconic>.menu-iconic-left {
margin: 0 !important;
}
#context-navigation:not([hidden]) {
padding: 0 !important;
--menuitem-min-width: calc(16px + var(--uc-contextmenu-menuitem-padding-inline) * 2) !important;
min-width: calc(4 * var(--menuitem-min-width));
}
#context-navigation>.menuitem-iconic>.menu-iconic-left>.menu-iconic-icon {
width: 16px !important;
height: 16px !important;
padding: 0 !important;
}
#context-navigation {
margin-inline: var(--uc-contextmenu-menuitem-margin-inline) !important;
}
#context-navigation>.menuitem-iconic {
justify-content: center !important;
-moz-box-pack: center !important;
}
#context-navigation>.menuitem-iconic {
margin: 0 !important;
}
#context-navigation>.menuitem-iconic {
flex-grow: 1 !important;
width: unset !important;
}
#context-navigation>.menuitem-iconic[_moz-menuactive="true"]>.menu-iconic-left>.menu-iconic-icon {
background-color: transparent !important;
}
#context-bookmarkpage[starred] .menu-iconic-icon {
fill: var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention, currentColor)) !important;
}
@media not (-moz-bool-pref: "uc.tweak.smaller-context-menu-text") {
@media (-moz-platform: windows) {
.menu-text,
.menu-iconic-text,
panel .toolbarbutton-text {
margin-inline-start: 0 !important;
margin-block: -3px -1px !important;
padding-block: 0 !important;
}
.menu-text,
.menu-iconic-text,
panel .toolbarbutton-text,
#appMenu-fxa-status2,
.panel-header {
font-size: 13.6px !important;
}
}
}
}

87
chrome/global/tree.css Normal file
View file

@ -0,0 +1,87 @@
/* Edge-Frfox - tree.css */
/* Change height of tree items and add rounded corners */
treechildren::-moz-tree-row,
treecol:not([hideheader="true"]),
.tree-columnpicker-button {
min-height: max(28px, 1.3em) !important;
border-radius: 2px !important;
}
/* Change the background colour on hover */
@media not (prefers-contrast) {
treechildren::-moz-tree-row(hover) {
background-color: var(--toolbarbutton-hover-background) !important;
}
}
/* Change the background colour when pressed */
treechildren::-moz-tree-row(selected) {
background-color: var(--toolbarbutton-active-background) !important;
}
/* Change the background colour when focused */
treechildren::-moz-tree-row(selected, focus) {
background-color: var(--button-primary-bgcolor) !important;
}
treechildren::-moz-tree-row(current, focus) {
outline: var(--default-focusring);
outline-color: var(--button-primary-bgcolor) !important;
outline-offset: calc(-1 * var(--default-focusring-width));
}
treechildren::-moz-tree-image(selected),
treechildren::-moz-tree-twisty(selected),
treechildren::-moz-tree-cell-text(selected) {
color: inherit !important;
}
treechildren::-moz-tree-image(selected, focus),
treechildren::-moz-tree-twisty(selected, focus),
treechildren::-moz-tree-cell-text(selected, focus) {
color: var(--button-primary-color) !important;
}
/* Spacing between icon and label */
treechildren::-moz-tree-image {
margin-inline-end: 8px !important;
}
/* Separator appearance */
treechildren::-moz-tree-separator {
border-top: 1px solid var(--toolbarseparator-color) !important;
border-bottom: none !important;
}
/* Change the colour of the drop feedback elements */
treechildren::-moz-tree-cell-text(primary, dropOn) {
background-color: var(--button-primary-bgcolor) !important;
color: var(--button-primary-color) !important;
}
treechildren::-moz-tree-drop-feedback {
background-color: var(--toolbarbutton-icon-fill-attention) !important;
border-radius: 2px !important;
}
/* Change the appearance for the expandable items */
treechildren::-moz-tree-twisty {
padding-top: 0 !important;
padding-inline: 4px !important;
width: 16px !important;
list-style-image: url("../icons/arrow-filled-right.svg") !important;
}
treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed) {
list-style-image: url("../icons/arrow-filled-left.svg") !important;
}
treechildren::-moz-tree-twisty(open) {
list-style-image: url("../icons/arrow-filled-down.svg") !important;
}
/* Change the identation of child items */
treechildren::-moz-tree-indentation {
width: 16px !important;
}

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

@ -0,0 +1,308 @@
/* Edge-Frfox - tweaks.css */
/* disable drag space above tabs */
@media (-moz-bool-pref: "uc.tweak.disable-drag-space") {
:root {
--tab-block-margin: 0px !important;
}
}
/* force tabs to toolbar bg (useful for proton themes) (might experience some
bugs with certain themes eg. dark text on dark background.) */
@media (-moz-bool-pref: "uc.tweak.force-tab-colour") {
:root {
--lwt-selected-tab-background-color: unset !important;
}
}
/* remove tab separators */
@media (-moz-bool-pref: "uc.tweak.remove-tab-separators") {
.tabbrowser-tab .tab-stack {
&::before,
&::after {
content: initial !important;
}
}
}
@media (-moz-bool-pref: "uc.tweak.floating-tabs") {
:root:not(:-moz-lwtheme),
:root[privatebrowsingmode="temporary"][style*="--lwt-accent-color: rgb(28, 27, 34)"] {
--lwt-accent-color: light-dark(#f3f3f3, #202020) !important;
--lwt-accent-color-inactive: unset !important;
--toolbar-bgcolor: light-dark(#fff, #4D4D4D) !important;
--lwt-tab-text: light-dark(#262626, #fff) !important;
--chrome-content-separator-color: light-dark(#bfbfbf, #535353) !important;
--uc-urlbar-shadow: none !important;
--uc-tab-border-color: light-dark(#0000, #fff1) !important;
--toolbar-non-lwt-bgcolor: var(--lwt-accent-color) !important;
}
@media (-moz-gtk-csd-available) {
:root:not(:-moz-lwtheme) {
--toolbar-bgcolor: color-mix(in srgb, -moz-dialog 80%, #fff) !important;
--toolbar-field-background-color: Field !important;
--lwt-tab-text: -moz-dialogtext !important;
--uc-tab-border-color: #ffffff0f !important;
}
}
.tabbrowser-tab,
#tabbrowser-arrowscrollbox-periphery #tabs-newtab-button,
#TabsToolbar #TabsToolbar-customization-target> :not(#tabbrowser-tabs) {
padding-top: 4px !important;
}
#tabbrowser-tabs {
margin-top: calc(var(--tab-block-margin) - 4px) !important;
}
#TabsToolbar #TabsToolbar-customization-target> :not(#tabbrowser-tabs) {
margin-top: calc(var(--tab-block-margin) - 2px) !important;
}
/* remove toolbar bg */
#nav-bar,
#PersonalToolbar {
background-color: transparent !important;
}
/* invert bottom corner radius for tabs */
.tab-background::before,
.tab-background::after {
display: none !important;
}
.tab-background {
border-radius: var(--tab-border-radius) !important;
}
.tab-background[selected] {
outline: 1px solid var(--uc-tab-border-color, var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent))) !important;
outline-offset: -1px !important;
}
/* adjust spacing of area above tabs */
@media not (-moz-platform: macos) {
:root[sizemode="maximized"] {
--tab-block-margin: 4px !important;
}
}
:root:is([inFullscreen], :not([tabsintitlebar])) {
--tab-block-margin: 4px !important;
}
@media (-moz-bool-pref: "uc.tweak.disable-drag-space") {
:root {
--tab-block-margin: 4px !important;
}
}
/* move tab shadow behind urlbar */
.tabbrowser-tab[visuallyselected="true"],
#nav-bar {
z-index: 2 !important;
}
/* tab shadow adjustments */
.tabbrowser-tab {
overflow-clip-margin: 8px !important;
}
.tabbrowser-tab,
#TabsToolbar #tabs-newtab-button,
/* no ::part workaround - may have side effects */
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) {
margin-bottom: 8px !important;
}
#tabbrowser-arrowscrollbox {
margin-bottom: -8px !important;
}
:root {
--uc-titlebar-shadow: none;
--uc-tab-shadow:
0 3.3px 3px rgb(0 0 0 / .06),
0 0 0 1px rgb(0 0 0 / .11);
}
:root[lwtheme-brighttext="true"] {
--uc-titlebar-shadow: none;
--uc-tab-shadow: 0 1px 2px rgb(0 0 0 / .08);
}
}
@media not (-moz-platform: macos) {
@media not (-moz-bool-pref: "uc.tweak.revert-context-menu") {
@media (-moz-bool-pref: "uc.tweak.vertical-context-navigation") {
#context-navigation {
flex-direction: column !important;
-moz-box-orient: vertical !important;
}
#context-navigation>.menuitem-iconic {
justify-content: start !important;
-moz-box-pack: start !important;
}
#context-navigation .menu-iconic-text {
display: flex !important;
}
:root,
:root[lang^="en"] {
--uc-string-back: "Back";
--uc-string-forward: "Forward";
--uc-string-reload: "Reload";
--uc-string-stop: "Stop";
--uc-string-bookmark-page: "Bookmark Page";
--uc-string-edit-bookmark: "Edit Bookmark";
}
#context-navigation>#context-back .menu-iconic-text::before {
content: var(--uc-string-back) !important;
}
#context-navigation>#context-forward .menu-iconic-text::before {
content: var(--uc-string-forward) !important;
}
#context-navigation>#context-reload .menu-iconic-text::before {
content: var(--uc-string-reload) !important;
}
#context-navigation>#context-stop .menu-iconic-text::before {
content: var(--uc-string-stop) !important;
}
#context-navigation>#context-bookmarkpage .menu-iconic-text::before {
content: var(--uc-string-bookmark-page) !important;
}
#context-navigation>#context-bookmarkpage[starred] .menu-iconic-text::before {
content: var(--uc-string-edit-bookmark) !important;
}
}
}
}
@media (-moz-windows-compositor) {
@media (-moz-bool-pref: "uc.tweak.revert-context-menu") {
menupopup {
--panel-color: var(--arrowpanel-color) !important;
--panel-border-radius: 4px !important;
--panel-border-color: var(--arrowpanel-border-color) !important;
--panel-background: var(--arrowpanel-background) !important;
--menuitem-hover-background-color: var(--panel-item-hover-bgcolor) !important;
--menu-background-color: var(--arrowpanel-background) !important;
--menu-color: var(--arrowpanel-color) !important;
--menuitem-disabled-hover-background-color: #0000 !important;
--menu-disabled-color: var(--panel-disabled-color) !important;
--menu-border-color: var(--panel-separator-color) !important;
}
}
}
@media (-moz-bool-pref: "uc.tweak.show-tab-close-button-on-hover") {
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned], [selected]):hover .tab-close-button {
display: flex !important;
}
}
@media (-moz-bool-pref: "uc.tweak.hide-tabs-bar") {
:root:not([customizing]) {
/* Height of navbar, used for determining height and position of window controls */
--uc-navbar-height: 38px;
/* Drag space next to the window controls, allows you to move the window more easily */
--uc-titlebar-drag-space: 40px;
@media not (-moz-bool-pref: "uc.tweak.hide-tabs-bar.only-when-maximised") {
/* Set containing block for the window buttons */
& #titlebar {
position: relative !important;
}
/* Hide the tabs */
& #TabsToolbar {
visibility: collapse !important;
padding-inline-start: 0 !important;
}
/* Add some padding to the top of the navbar */
& #nav-bar {
padding-top: var(--tab-block-margin) !important;
}
}
/* macOS specific positioning */
@media (-moz-platform: macos) {
&[inFullscreen] {
/* Hide the tabs */
& #TabsToolbar {
visibility: collapse !important;
padding-inline-start: 0 !important;
}
}
@media not (-moz-bool-pref: "uc.tweak.hide-tabs-bar.only-when-maximised") {
/* Offset navbar contents to make space for the window controls */
&[tabsintitlebar] #nav-bar:not([inFullscreen]) {
padding-left: calc(84px + var(--uc-titlebar-drag-space));
/* Remove the padding from the side of the navbar */
& #nav-bar-customization-target > :is(toolbarbutton, toolbaritem):first-child {
padding-inline-start: 0 !important;
}
}
/* Positioning of the window controls */
#TabsToolbar .titlebar-buttonbox {
--uc-position: calc((var(--uc-navbar-height) + var(--tab-block-margin)) / 2 - 8px);
visibility: visible !important;
position: absolute !important;
top: var(--uc-position);
left: var(--uc-position);
margin: 0 !important;
}
}
}
/* Windows specific positioning */
@media (-moz-platform: windows) {
/* Offset navbar contents to make space for the window controls */
&:where([inFullscreen], [tabsintitlebar]) #nav-bar {
padding-right: calc(140px + var(--uc-titlebar-drag-space));
/* Remove the padding from the side of the navbar */
& #PanelUI-menu-button {
padding-inline-end: 0 !important;
}
}
/* Positioning of the window controls */
& #toolbar-menubar[inactive] + #TabsToolbar .titlebar-buttonbox {
visibility: visible !important;
position: absolute !important;
top: 0;
right: 0;
height: calc(var(--uc-navbar-height) + var(--tab-block-margin)) !important;
}
/* Set background colour of the menu bar to maintain consistency with the navbar */
@media not (-moz-bool-pref: "uc.tweak.floating-tabs") {
#toolbar-menubar {
background-color: var(--toolbar-bgcolor) !important;
}
}
}
}
}
@media (-moz-bool-pref: "uc.tweak.hide-forward-button") {
:root:not([customizing]) #forward-button[disabled] {
display: none !important;
}
}

View file

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

3
chrome/icons/accessibility.svg Executable 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 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>

After

Width:  |  Height:  |  Size: 834 B

View file

@ -0,0 +1,13 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="a" x1="4.22" x2="11.78" y1="7.979" y2="7.979" gradientUnits="userSpaceOnUse">
<stop stop-color="#b2b2b2" offset="0"/>
<stop stop-color="#b2b2b2" stop-opacity="0" offset="1"/>
</linearGradient>
</defs>
<path fill="#303030" d="M0 0h16v16H0z"/>
<g fill="url(#a)">
<circle cx="8" cy="5.767" r="2.433"/>
<path d="M5.244 8.867c-.613 0-1.024.46-1.024 1.107 0 1.949 1.996 2.651 3.78 2.651 1.784 0 3.78-.702 3.78-2.651 0-.648-.41-1.107-1.023-1.107z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 584 B

7
chrome/icons/account.svg Normal file
View file

@ -0,0 +1,7 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path fill="#fafafa" d="M0 0h16v16H0z"/>
<g fill="#8f8f8f">
<circle cx="8" cy="5.767" r="2.433"/>
<path d="M5.244 8.867c-.613 0-1.024.46-1.024 1.107 0 1.949 1.996 2.651 3.78 2.651 1.784 0 3.78-.702 3.78-2.651 0-.648-.41-1.107-1.023-1.107z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 332 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="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4.35a5.769 5.769 0 0 1-1.076-1H4.001a1 1 0 0 1-1-1h3.605a5.376 5.376 0 0 1-.406-1H3V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4.199a5.2 5.2 0 0 1 1 .398V2a2 2 0 0 0-2-2H4zm1 2a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H5zm0 1h6v1H5V3z"/>
<path d="M16 11.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0zm-4-2a.5.5 0 0 0-1 0V11H9.5a.5.5 0 0 0 0 1H11v1.5a.5.5 0 0 0 1 0V12h1.5a.5.5 0 0 0 0-1H12z"/>
</svg>

After

Width:  |  Height:  |  Size: 571 B

View file

@ -1,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 8 0 C 7.654534 0 7.3088581 0.089258883 7 0.26757812 C 6.38199 0.62438636 6 1.2862704 6 2 L 3.5 2 C 2.6774952 2 2 2.6774952 2 3.5 L 2 6 C 1.2862706 6 0.62438631 6.3819895 0.26757812 7 C -0.089286232 7.6181081 -0.089286361 8.3818921 0.26757812 9 C 0.62438631 9.6180105 1.2862706 10 2 10 L 2 12.5 C 2 13.322505 2.6774952 14 3.5 14 L 6 14 C 6 14.713729 6.3819897 15.375614 7 15.732422 C 7.6181079 16.089286 8.3818921 16.089286 9 15.732422 C 9.6180106 15.375614 10 14.713729 10 14 L 12.5 14 C 13.322505 14 14 13.322505 14 12.5 L 14 9.5 A 0.50005 0.50005 0 0 0 13.5 9 L 12 9 C 11.641933 9 11.313855 8.810193 11.134766 8.5 C 10.955732 8.1899043 10.955732 7.8100957 11.134766 7.5 C 11.313855 7.1898072 11.641933 7.0000001 12 7 L 13.5 7 A 0.50005 0.50005 0 0 0 14 6.5 L 14 3.5 C 14 2.6774952 13.322505 2 12.5 2 L 10 2 C 10 1.2862705 9.6180103 0.62438637 9 0.26757812 C 8.6911419 0.089258883 8.345466 3.7007434e-17 8 0 z M 8 1 C 8.172483 1 8.3447563 1.0451357 8.5 1.1347656 C 8.8101933 1.3138558 9 1.6419327 9 2 L 9 2.5 A 0.50005 0.50005 0 0 0 9.5 3 L 12.5 3 C 12.782065 3 13 3.2179353 13 3.5 L 13 6 L 12 6 C 11.286271 6.0000001 10.624386 6.3819898 10.267578 7 C 9.9107137 7.6181079 9.9107137 8.3818921 10.267578 9 C 10.624386 9.6180106 11.286271 10 12 10 L 13 10 L 13 12.5 C 13 12.782065 12.782065 13 12.5 13 L 9.5 13 A 0.50005 0.50005 0 0 0 9 13.5 L 9 14 C 9 14.358067 8.810193 14.686145 8.5 14.865234 C 8.1899043 15.044268 7.8100957 15.044268 7.5 14.865234 C 7.1898071 14.686145 7 14.358067 7 14 L 7 13.5 A 0.50005 0.50005 0 0 0 6.5 13 L 3.5 13 C 3.2179353 13 3 12.782065 3 12.5 L 3 9.5 A 0.50005 0.50005 0 0 0 2.5 9 L 2 9 C 1.6419328 9 1.3138556 8.8101931 1.1347656 8.5 C 0.95573191 8.1899043 0.95573178 7.8100961 1.1347656 7.5 C 1.3138556 7.1898069 1.6419328 7 2 7 L 2.5 7 A 0.50005 0.50005 0 0 0 3 6.5 L 3 3.5 C 3 3.2179353 3.2179353 3 3.5 3 L 6.5 3 A 0.50005 0.50005 0 0 0 7 2.5 L 7 2 C 7 1.6419328 7.1898068 1.3138558 7.5 1.1347656 C 7.6552437 1.0451357 7.827517 1 8 1 z " />
</svg>

Before

Width:  |  Height:  |  Size: 2.1 KiB

View file

@ -1,12 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<style>
#flip:target {
transform: scaleX(-1);
transform-origin: center;
}
</style>
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 7.4765625,0.50024219 C 7.3521298,0.50624502 7.2344198,0.5584832 7.1464844,0.64672657 L 0.14648438,7.1464844 c -0.19518416,0.1952649 -0.19518416,0.5117663 0,0.7070312 L 7.1464844,14.353516 c 0.1952535,0.195212 0.5117777,0.195212 0.7070312,0 0.1952123,-0.195254 0.1952123,-0.511778 0,-0.707032 L 1.7070312,8 H 15.5 C 15.776142,8 16,7.7761424 16,7.5 16,7.2238576 15.776142,7 15.5,7 H 1.7070312 L 7.8535156,1.3537578 c 0.1952118,-0.1952535 0.1952118,-0.51177773 0,-0.70703123 C 7.7540987,0.54699465 7.6172351,0.49380931 7.4765625,0.50024219 Z"
id="flip" />
</svg>

Before

Width:  |  Height:  |  Size: 846 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 transform="rotate(90)" transform-origin="center" d="M6.479 2.729 11.1 7.35a.92.92 0 0 1 0 1.3l-4.621 4.621a.72.72 0 0 1-1.229-.509V3.237a.72.72 0 0 1 1.229-.508z"/>
</svg>

After

Width:  |  Height:  |  Size: 300 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 transform="rotate(180)" transform-origin="center" d="M6.479 2.729 11.1 7.35a.92.92 0 0 1 0 1.3l-4.621 4.621a.72.72 0 0 1-1.229-.509V3.237a.72.72 0 0 1 1.229-.508z"/>
</svg>

After

Width:  |  Height:  |  Size: 301 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.479 2.729 11.1 7.35a.92.92 0 0 1 0 1.3l-4.621 4.621a.72.72 0 0 1-1.229-.509V3.237a.72.72 0 0 1 1.229-.508z"/>
</svg>

After

Width:  |  Height:  |  Size: 251 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 transform="scale(-1 1) translate(-16 0)" 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: 318 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,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<style>
:root &gt; #overlayStroke:not(:target) {
display: none;
}
</style>
<path id="overlayStroke" style="fill:context-stroke;fill-opacity:context-stroke-opacity; stroke-width:0" d="M8.234 1.143a1.884 1.884 0 0 0-1.517.646 1 1 0 0 0-.008.01L4.855 4H3.486A2.507 2.507 0 0 0 .992 6.508l.016 3a1 1 0 0 0 0 .004A2.529 2.529 0 0 0 3.508 12a1 1 0 0 0 .006 0h1.252l1.947 2.232a1 1 0 0 0 .008.008c.511.572 1.328.78 2.05.52a1 1 0 0 0 .024-.01A1.897 1.897 0 0 0 10 13.016 1 1 0 0 0 10 13v-1.857c.47.084.954.024 1.31-.332l.69-.69.69.69a1.516 1.516 0 0 0 2.12.002v-.002h.002a1.516 1.516 0 0 0-.001-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-.07.003-.121.07-.191.084V3c0-.835-.51-1.49-1.225-1.752a1 1 0 0 0-.005-.002 1.833 1.833 0 0 0-.536-.103zM7 6.11v3.887l-.422-.484a1 1 0 0 0-.002 0A1.502 1.502 0 0 0 5.446 9h-1.44l-.012-2h1.559A1.5 1.5 0 0 0 6.7 6.467L7 6.11z"/>
<path style="fill:context-fill;fill-opacity:context-fill-opacity" 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"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.7 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="M14.13 7c-.478 0-.957.18-1.322.547l-4.828 4.83a2.2 2.2 0 0 0-.578 1.02l-.375 1.498a.889.889 0 0 0 1.078 1.078l1.498-.375a2.2 2.2 0 0 0 1.02-.578l4.828-4.828A1.872 1.872 0 0 0 14.13 7zm-.002 1.002c.427.002.671.224.8.537.13.314.116.643-.187.947l-4.826 4.826a1.204 1.204 0 0 1-.556.315l-1.316.332.33-1.32H8.37c.053-.21.163-.403.316-.557l4.828-4.83a.85.85 0 0 1 .614-.25zm-6.266 7 .002.002H7.86z"/>
<path d="M12.94.182c-.08.004-.162.02-.242.045l-7 2.188a.998.998 0 0 0-.701.953V11.5a2.5 2.5 0 1 0 1 2V6.368l7-2.188v2.055c.32-.137.66-.213 1-.229V1.18c0-.59-.5-1.032-1.057-.998zm.057.998v1.953l-7 2.188V3.368l7-2.188zM3.497 12a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"/>
</svg>

After

Width:  |  Height:  |  Size: 801 B

View file

@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<style>
:root &gt; #overlayStroke:not(:target) {
display: none;
}
</style>
<path id="overlayStroke" style="fill:context-stroke;fill-opacity:context-stroke-opacity; stroke-width:0" d="M8.234 1.143a1.884 1.884 0 0 0-1.525.656L4.855 4H3.486A2.507 2.507 0 0 0 .992 6.508l.016 3v.004A2.529 2.529 0 0 0 3.514 12h1.252l1.947 2.232.008.008a1.899 1.899 0 0 0 2.074.51A1.897 1.897 0 0 0 10 13v-1.682c.135.051.239.164.607.164.37 0 .47-.137.766-.359-.43.574-.465 1.383.045 1.914.565.59 1.53.61 2.12.045l.009-.008s.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.371a1.596 1.596 0 0 0-1.06-.42c-.389.003-.81.185-1.069.455-.508.53-.475 1.334-.049 1.908-.273-.205-.447-.372-.834-.372-.32 0-.535.194-.535.194V3a1.836 1.836 0 0 0-1.766-1.857zm4.598 2.482.014.014c.002.002-.002.005 0 .007l-.014-.021zM7 6.111v3.887l-.422-.484h-.002A1.502 1.502 0 0 0 5.446 9h-1.44l-.012-2h1.559A1.5 1.5 0 0 0 6.7 6.467zm5.846 6.24c-.002.003.002.006 0 .008l-.014.014.014-.021z"/>
<path style="fill:context-fill;fill-opacity:context-fill-opacity" 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"/>
</svg>

Before

Width:  |  Height:  |  Size: 2 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

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

Before

Width:  |  Height:  |  Size: 91 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="none" stroke="context-fill" stroke-opacity="context-fill-opacity" stroke-linecap="round" stroke-width="1.001">
<path d="m8 12.95-4.09 2.151a.501.501 0 0 1-.727-.528l.731-4.266a.561.562 0 0 0-.161-.498L.655 6.79a.501.501 0 0 1 .278-.855l4.28-.623a.561.562 0 0 0 .423-.307L7.55 1.123a.501.501 0 0 1 .9 0l2.031 4.115a.475.475 0 0 0 .426.264H15.5"/>
<path d="M15.5 8.5h-5M10.5 11.5h5"/>
</svg>

After

Width:  |  Height:  |  Size: 463 B

View file

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

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 390 B

Before After
Before After

View file

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

Before

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -1,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 7,0.5 C 7,0.22386 6.77614,0 6.5,0 6.22386,0 6,0.22386 6,0.5 V 1 C 6,1.39716 6.11577,1.76729 6.3154,2.07847 4.98842,2.38821 4,3.57867 4,5 H 3.5 C 2.67157,5 2,4.32843 2,3.5 v -2 C 2,1.22386 1.77614,1 1.5,1 1.22386,1 1,1.22386 1,1.5 v 2 C 1,4.88071 2.11929,6 3.5,6 H 4 V 8 H 0.5 C 0.22386,8 0,8.22386 0,8.5 0,8.7761 0.22386,9 0.5,9 H 4 v 2 H 3.5 C 2.11929,11 1,12.1193 1,13.5 v 2 C 1,15.7761 1.22386,16 1.5,16 1.77614,16 2,15.7761 2,15.5 v -2 C 2,12.6716 2.67157,12 3.5,12 H 4 c 0,2.2091 1.79086,4 4,4 2.2091,0 4,-1.7909 4,-4 h 0.5 c 0.8284,0 1.5,0.6716 1.5,1.5 v 2 c 0,0.2761 0.2239,0.5 0.5,0.5 0.2761,0 0.5,-0.2239 0.5,-0.5 v -2 C 15,12.1193 13.117468,12.234936 12.5,11 H 12 V 9 h 3.5 C 15.7761,9 16,8.7761 16,8.5 16,8.22386 15.7761,8 15.5,8 H 12 V 6 h 0.5 C 13.8807,6 15,4.88071 15,3.5 v -2 C 15,1.22386 14.7761,1 14.5,1 14.2239,1 14,1.22386 14,1.5 v 2 C 14,4.32843 13.3284,5 12.5,5 H 12 C 12,3.57867 11.0116,2.38821 9.6846,2.07847 9.8842,1.76729 10,1.39716 10,1 V 0.5 C 10,0.22386 9.7761,0 9.5,0 9.2239,0 9,0.22386 9,0.5 V 1 C 9,1.55228 8.5523,2 8,2 7.44772,2 7,1.55228 7,1 Z M 11,5 v 7 C 11,13.6569 9.6569,15 8,15 6.34315,15 5,13.6569 5,12 V 5 C 5,3.89543 5.89543,3 7,3 h 2 c 1.1046,0 2,0.89543 2,2 z" />
</svg>

Before

Width:  |  Height:  |  Size: 1.3 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="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

@ -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="M14.5 2a.5.5 0 0 0-.379.174l-9.129 10.57-4.12-4.578a.5.5 0 0 0-.706-.037.5.5 0 0 0-.037.705l4.5 5a.5.5 0 0 0 .75-.008l9.5-11a.5.5 0 0 0-.053-.705A.5.5 0 0 0 14.5 2z"/>
</svg>

After

Width:  |  Height:  |  Size: 306 B

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 26 KiB

View file

@ -1,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 2.5 5 C 2.3720388 4.9997713 2.2442894 5.0490244 2.1464844 5.1464844 C 1.9508744 5.3413944 1.9515744 5.6579056 2.1464844 5.8535156 L 7.6113281 11.337891 C 7.8262781 11.553591 8.175725 11.553591 8.390625 11.337891 L 13.855469 5.8535156 C 14.050369 5.6579056 14.049216 5.3413944 13.853516 5.1464844 C 13.657916 4.9515644 13.341484 4.9508744 13.146484 5.1464844 L 8 10.3125 L 2.8535156 5.1464844 C 2.7560556 5.0486794 2.6279612 5.0002287 2.5 5 z " />
</svg>

Before

Width:  |  Height:  |  Size: 618 B

View file

@ -1,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="m 2.5,10.999666 c -0.1279612,2.29e-4 -0.2557106,-0.04902 -0.3535156,-0.146484 -0.19561,-0.19491 -0.19491,-0.511421 0,-0.707031 L 7.6113281,4.661775 c 0.21495,-0.2157 0.5643969,-0.2157 0.7792969,0 l 5.464844,5.484376 c 0.1949,0.19561 0.193747,0.512121 -0.002,0.707031 -0.1956,0.19492 -0.512032,0.19561 -0.707032,0 L 8,5.687166 2.8535156,10.853182 C 2.7560556,10.950987 2.6279612,10.999438 2.5,10.999666 Z" />
</svg>

Before

Width:  |  Height:  |  Size: 577 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,5 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path <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"/>
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 2.4765625 2 A 0.5 0.5 0 0 0 2.1464844 2.1464844 A 0.5 0.5 0 0 0 2.1464844 2.8535156 L 7.2929688 8 L 2.1464844 13.146484 A 0.5 0.5 0 0 0 2.1464844 13.853516 A 0.5 0.5 0 0 0 2.8535156 13.853516 L 8 8.7070312 L 13.146484 13.853516 A 0.5 0.5 0 0 0 13.853516 13.853516 A 0.5 0.5 0 0 0 13.853516 13.146484 L 8.7070312 8 L 13.853516 2.8535156 A 0.5 0.5 0 0 0 13.853516 2.1464844 A 0.5 0.5 0 0 0 13.476562 2 A 0.5 0.5 0 0 0 13.146484 2.1464844 L 8 7.2929688 L 2.8535156 2.1464844 A 0.5 0.5 0 0 0 2.4765625 2 z " />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 678 B

After

Width:  |  Height:  |  Size: 390 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="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>

After

Width:  |  Height:  |  Size: 922 B

View file

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

Before

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

Before

Width:  |  Height:  |  Size: 1.4 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="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,5 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path <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"/>
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 2.5 0 C 1.11929 0 0 1.11928 0 2.5 L 0 11.5 C 0 12.8807 1.11929 14 2.5 14 L 7.6425781 14 C 7.6765097 13.919413 7.7052647 13.837248 7.75 13.759766 L 8.1894531 13 L 2.5 13 C 1.67157 13 1 12.3284 1 11.5 L 1 3.9980469 L 13 3.9980469 L 14 4 L 14 2.5 C 14 1.11929 12.8807 0 11.5 0 L 2.5 0 z M 2.4980469 0.99804688 L 11.498047 0.99804688 C 12.326547 0.99804688 12.998047 1.6696169 12.998047 2.4980469 L 12.998047 2.9980469 L 0.99804688 2.9980469 L 0.99804688 2.4980469 C 0.99804688 1.6696169 1.6696269 0.99804688 2.4980469 0.99804688 z M 5.9980469 4.9980469 C 5.8700856 4.9980469 5.7421664 5.046901 5.6445312 5.1445312 L 3.1445312 7.6445312 C 2.9492714 7.8397913 2.9492613 8.1562625 3.1445312 8.3515625 L 5.6445312 10.851562 C 5.8397913 11.046762 6.1563025 11.046762 6.3515625 10.851562 C 6.5468225 10.656263 6.5468225 10.339731 6.3515625 10.144531 L 4.2050781 7.9980469 L 6.3515625 5.8515625 C 6.5468225 5.6563025 6.5468225 5.3397913 6.3515625 5.1445312 C 6.2539325 5.0469013 6.1260081 4.9980469 5.9980469 4.9980469 z M 8.4980469 4.9980469 C 8.3700844 4.9980469 8.2421313 5.046901 8.1445312 5.1445312 C 7.9492315 5.3397913 7.9492315 5.6563025 8.1445312 5.8515625 L 9.6796875 7.3867188 C 9.7505735 7.1156932 9.8564801 6.8485697 10.005859 6.5898438 C 10.041239 6.5285607 10.084749 6.4745821 10.123047 6.4160156 L 8.8515625 5.1445312 C 8.7539125 5.0469012 8.6260094 4.9980469 8.4980469 4.9980469 z M 13.339844 5.7011719 C 12.363581 5.6718839 11.401509 6.1725423 10.878906 7.0898438 C 10.323396 8.0648784 10.418654 9.239876 11.025391 10.099609 L 8.6523438 14.261719 C 8.3366865 14.815769 8.5255408 15.523863 9.0722656 15.84375 C 9.6189902 16.163637 10.317156 15.973972 10.632812 15.419922 L 13.009766 11.25 C 14.040834 11.34363 15.079101 10.839456 15.630859 9.8710938 C 16.228121 8.8227091 16.076258 7.5442644 15.341797 6.6738281 L 14.048828 8.9433594 C 13.796341 9.3865797 13.236286 9.5410257 12.798828 9.2851562 C 12.361468 9.0292867 12.212358 8.4607985 12.464844 8.0175781 L 13.757812 5.7460938 C 13.618935 5.7199177 13.479311 5.705356 13.339844 5.7011719 z M 9.6191406 8.6699219 L 8.1445312 10.144531 C 7.9492315 10.339731 7.9492314 10.656263 8.1445312 10.851562 C 8.3397312 11.046762 8.6562625 11.046762 8.8515625 10.851562 L 9.9023438 9.8027344 C 9.7556562 9.4367904 9.6641372 9.0567522 9.6191406 8.6699219 z " />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 598 B

Before After
Before After

View file

@ -1,23 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<style>
:root &gt; use:not(:target),
:root &gt; g:not(:target) {
display: none;
}
</style>
<defs>
<path id="arrow-icon" d="M 8,0 C 7.7239,0 7.50008,0.22386 7.5,0.5 L 7.4960938,12.285156 3.8496094,8.6445312 3.78125,8.5878906 c -0.19496,-0.1349 -0.4652319,-0.1151062 -0.6386719,0.058594 -0.19513,0.1954 -0.1934469,0.5119312 0.00195,0.7070312 L 7.5996094,13.804688 C 7.6910194,13.922788 7.8351238,14 7.9960938,14 l 0.1054687,-0.01172 c 0.0936,-0.0187 0.1834594,-0.06412 0.2558594,-0.136719 l 4.4921871,-4.4999995 0.05664,-0.068359 c 0.1348,-0.195 0.115106,-0.4652718 -0.05859,-0.6386719 l -0.06836,-0.056641 c -0.195,-0.1348 -0.465272,-0.1151062 -0.638672,0.058594 L 8.4960938,12.294922 8.5,0.5 8.4921875,0.41015625 C 8.4498875,0.17689625 8.2455,0 8,0 Z"/>
<path id="arrow-icon-short" d="M 8,0 C 7.7239,0 7.50008,0.22386 7.5,0.5 L 7.4960938,11.285211 3.8496094,7.6445864 3.78125,7.5879458 c -0.19496,-0.1349 -0.4652319,-0.1151062 -0.6386719,0.058594 -0.19513,0.1954 -0.1934469,0.5119312 0.00195,0.7070312 l 4.4550813,4.451172 c 0.09141,0.1181 0.2355144,0.195312 0.3964844,0.195312 l 0.1054687,-0.01172 c 0.0936,-0.0187 0.1834594,-0.06412 0.2558594,-0.136719 l 4.4921871,-4.4999993 0.05664,-0.068359 c 0.1348,-0.195 0.115106,-0.4652718 -0.05859,-0.6386719 l -0.06836,-0.056641 c -0.195,-0.1348 -0.465272,-0.1151062 -0.638672,0.058594 L 8.4960938,11.294977 8.5,0.5 8.4921875,0.41015625 C 8.4498875,0.17689625 8.2455,0 8,0 Z"/>
<path id="short-bar-icon" d="m 2.5,15 -0.089844,0.0078 C 2.1769163,15.050212 2,15.2545 2,15.5 2,15.7761 2.22386,16 2.5,16 h 11 l 0.08984,-0.0078 C 13.823044,15.949888 14,15.7454 14,15.5 14,15.2238 13.7761,15 13.5,15 Z"/>
<path id="long-bar-icon" d="m 1,14 h 14 a 1,1 45 0 1 1,1 1,1 135 0 1 -1,1 H 1 A 1,1 45 0 1 0,15 1,1 135 0 1 1,14 Z"/>
</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="0.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: 2.5 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

@ -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 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"/>
</svg>

After

Width:  |  Height:  |  Size: 551 B

View file

@ -1,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 7.7421875 0 A 7.64 7.6395096 0 0 0 3.7792969 1.171875 L 3.7890625 1.171875 A 7.73 7.7295038 0 0 0 0.890625 4.4414062 A 6.9 6.8995571 0 0 1 4.25 3.6015625 C 7.43 3.6015625 10 5.6007044 10 8.0605469 C 10 8.5405159 9.8292969 9.0013541 9.5292969 9.3613281 L 9.4902344 9.4101562 C 9.3902344 9.5301483 9.3105469 9.6102424 9.3105469 9.7402344 C 9.3105469 10.020216 9.8199219 10.740234 12.169922 10.740234 A 3.89 3.8897503 0 0 0 16 6.8613281 C 16 3.87152 13.220703 0.001953125 7.9707031 0.001953125 A 7.64 7.6395096 0 0 0 7.7421875 0 z M 4.390625 5.109375 A 5.2 5.1996662 0 0 0 4.25 5.1113281 C 1.95 5.1113281 0 6.4606492 0 8.0605469 C 0 9.9504249 0.65960937 11.761031 1.8496094 13.210938 A 8.03 8.0294846 0 0 0 6.5195312 16 A 5.83 5.8296258 0 0 1 4.2402344 11.109375 C 4.2402344 9.0295082 5.7103125 6.7198866 7.3203125 6.1699219 L 7.4296875 6.1308594 A 5.2 5.1996662 0 0 0 4.390625 5.109375 z M 6.2109375 9.2910156 C 5.9109375 9.8509796 5.7502344 10.479415 5.7402344 11.109375 A 4.21 4.2097298 0 0 0 8.2597656 15.279297 C 8.7897656 15.509282 9.3594531 15.619374 9.9394531 15.609375 A 5.89 5.8896219 0 0 0 13.339844 14.050781 C 13.849844 13.60081 14.290156 13.089261 14.660156 12.529297 L 14.679688 12.5 C 14.779687 12.34001 14.880469 12.201006 14.730469 12.041016 C 14.610469 11.921024 14.489141 11.971016 14.369141 12.041016 L 14.310547 12.070312 C 13.430547 12.500286 12.460234 12.720937 11.490234 12.710938 A 5.58 5.5796418 0 0 1 6.2109375 9.2910156 z " />
</svg>

Before

Width:  |  Height:  |  Size: 1.6 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="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

3
chrome/icons/edit-delete.svg Executable 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 .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>

After

Width:  |  Height:  |  Size: 723 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

@ -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 transform="scale(-1 1) translate(-16 0)" d="M1.5 0a.5.5 0 0 0-.5.5v4.9a.6.6 0 0 0 .6.6h4.9a.5.5 0 0 0 0-1H2.906L6.38 1.98a4 4 0 1 1 5.248 6.04l-8.172 7.103a.5.5 0 1 0 .656.754l8.172-7.104a5.001 5.001 0 0 0-6.56-7.547L2 4.464V.5a.5.5 0 0 0-.5-.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 384 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 2v.5a.5.5 0 0 0 1 0V2a1 1 0 0 1 1-1h.5a.5.5 0 0 0 0-1H6zm2.5 0a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm5 0a.5.5 0 0 0 0 1h.5a1 1 0 0 1 1 1v.5a.5.5 0 0 0 1 0V2a2 2 0 0 0-2-2h-.5zM2 4a2 2 0 0 0-2 2v6.5A3.5 3.5 0 0 0 3.5 16H10a2 2 0 0 0 2-2v-1h-1v1a1 1 0 0 1-1 1H3.5A2.5 2.5 0 0 1 1 12.5V6a1 1 0 0 1 1-1h1V4H2zm2.5 0a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5zm11 0a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5zm-11 5a.5.5 0 0 0-.5.5v.5a2 2 0 0 0 2 2h.5a.5.5 0 0 0 0-1H6a1 1 0 0 1-1-1v-.5a.5.5 0 0 0-.5-.5zm11 0a.5.5 0 0 0-.5.5v.5a1 1 0 0 1-1 1h-.5a.5.5 0 0 0 0 1h.5a2 2 0 0 0 2-2v-.5a.5.5 0 0 0-.5-.5zm-7 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3z"/>
</svg>

After

Width:  |  Height:  |  Size: 813 B

3
chrome/icons/edit-undo.svg Executable 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="M1.5 0a.5.5 0 0 0-.5.5v4.9a.6.6 0 0 0 .6.6h4.9a.5.5 0 0 0 0-1H2.906L6.38 1.98a4 4 0 1 1 5.248 6.04l-8.172 7.103a.5.5 0 1 0 .656.754l8.172-7.104a5.001 5.001 0 0 0-6.56-7.547L2 4.464V.5a.5.5 0 0 0-.5-.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 343 B

3
chrome/icons/edit.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="M11.25.815a2.783 2.783 0 0 1 4.066 3.796l-.13.14-9.606 9.605a2 2 0 0 1-.723.463l-.165.053-4.055 1.106a.5.5 0 0 1-.63-.535l.016-.08L1.13 11.31a2 2 0 0 1 .398-.76l.117-.128zm-.86 2.275-8.04 8.038a1 1 0 0 0-.215.321l-.042.123-.876 3.211 3.212-.876a1 1 0 0 0 .238-.1l.108-.071.098-.086 8.038-8.04zm4.089-1.568a1.784 1.784 0 0 0-2.402-.11l-.12.11-.86.86 2.52 2.522.861-.86a1.784 1.784 0 0 0 .11-2.402z"/>
</svg>

After

Width:  |  Height:  |  Size: 538 B

View file

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

Before

Width:  |  Height:  |  Size: 695 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

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 7a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5zM4 2c-.736 0-1.381.404-1.729 1h11.46c-.347-.596-.993-1-1.729-1zM3 4c-1.099 0-2 .9-2 2v7c0 1.099.9 2 2 2h10c1.099 0 2-.9 2-2V6c0-1.099-.9-2-2-2zm0 1h10c.563 0 1 .437 1 1v7c0 .563-.437 1-1 1H3c-.563 0-1-.437-1-1V6c0-.563.437-1 1-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 444 B

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,15 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<style>
:root &gt; use:not(:target) {
display: none;
}
</style>
<defs>
<path
style="fill-opacity:1;stroke-width:1px;stroke-opacity:1"
d="M 7.7500004,3.5 H 13.5 a 2,2 45 0 1 2,2 v 7 a 2,2 135 0 1 -2,2 h -11 a 2,2 45 0 1 -2,-2 v -9 a 2,2 135 0 1 2,-2 H 5.0000004 A 1.3150997,1.3150997 20.81677 0 1 5.8737051,1.8321819 L 7.7500004,3.5 5.8737051,5.1678181 A 1.3150997,1.3150997 159.18323 0 1 5.0000004,5.5 H 0.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: 716 B

View file

@ -1,5 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path <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"/>
style="fill:context-fill;fill-opacity:context-fill-opacity" <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"/>
d="M 2.5,1 2.3359375,1.00586 C 1.0318575,1.0904994 0,2.17452 0,3.5 v 9 l 0.00585938,0.164062 C 0.09049938,13.968163 1.17452,15 2.5,15 h 11 l 0.164062,-0.0059 C 14.968163,14.909441 16,13.8255 16,12.5 v -7 L 15.9941,5.3359375 15.97847,5.1738281 C 15.818816,3.9471081 14.765657,3.1085091 13.5,3 H 7.9183048 L 6.0664062,1.3007812 5.9316406,1.2109375 C 5.7007706,1.0738775 5.4364756,1 5.1660156,1 Z m 0,1 h 2.6660156 l 0.080078,0.00586 c 0.07931,0.01291 0.1557931,0.04507 0.2207031,0.09375 L 6.9436952,3.521485 5.4335936,4.8457037 5.3730466,4.8984377 C 5.2868569,4.9635275 5.1817356,5 5.0722656,5 L 1,4.9980469 V 3.5 L 1.00781,3.3554688 C 1.0804925,2.5948187 1.7203,2 2.5,2 Z M 7.8675235,4 H 13.5 l 0.144531,0.00781 C 14.405131,4.0804925 15,4.7203 15,5.5 v 7 l -0.0078,0.144531 C 14.919488,13.405131 14.2797,14 13.5,14 H 2.5 L 2.3554688,13.9922 C 1.5948187,13.919488 1,13.2797 1,12.5 V 5.9980469 L 5.0722656,6 5.2246094,5.9921875 c 0.35403,-0.03627 0.6858737,-0.1969212 0.9335937,-0.4570313 z" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 773 B

Before After
Before After

View file

@ -1,5 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path <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"/>
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 1.5019531 0 L 1.4121094 0.0078125 C 1.2080094 0.0448525 1.0468056 0.20606625 1.0097656 0.41015625 L 1.0019531 0.5 L 1.0019531 4.5 L 1.0097656 4.5898438 C 1.0468056 4.7939336 1.2080094 4.9551375 1.4121094 4.9921875 L 1.5019531 5 L 5.5019531 5 L 5.5917969 4.9921875 C 5.8250365 4.9498425 6.0019531 4.74546 6.0019531 4.5 C 6.0019531 4.25454 5.8250369 4.0501525 5.5917969 4.0078125 L 5.5019531 4 L 2.2597656 3.9980469 C 3.3004656 2.5045369 4.8874025 1.4619636 6.7265625 1.1210938 C 8.5442609 0.7841996 10.32398 1.1882618 11.767578 2.1113281 L 12.494141 1.3847656 C 10.813425 0.24361054 8.700613 -0.26281209 6.5449219 0.13671875 C 4.7512419 0.46915875 3.1668931 1.3877975 2.0019531 2.7109375 L 2.0019531 0.5 L 1.9941406 0.41015625 C 1.9570856 0.20606635 1.7958869 0.0448525 1.5917969 0.0078125 L 1.5019531 0 z M 15.476562 0 A 0.5 0.5 0 0 0 15.146484 0.14648438 L 0.14648438 15.146484 A 0.5 0.5 0 0 0 0.14648438 15.853516 A 0.5 0.5 0 0 0 0.85351562 15.853516 L 15.853516 0.85351562 A 0.5 0.5 0 0 0 15.853516 0.14648438 A 0.5 0.5 0 0 0 15.476562 0 z M 14.615234 3.5058594 L 13.892578 4.2285156 C 14.367933 4.9694359 14.71445 5.8095462 14.884766 6.7285156 C 15.589266 10.529786 13.078544 14.182119 9.2773438 14.886719 C 7.4565317 15.224174 5.6733956 14.818979 4.2285156 13.892578 L 3.5039062 14.617188 C 5.1855727 15.761133 7.3008331 16.269148 9.4589844 15.869141 C 13.803284 15.063941 16.672286 10.889232 15.867188 6.5449219 C 15.658549 5.4192589 15.220463 4.3951763 14.615234 3.5058594 z M 7.5019531 4 L 7.4121094 4.0078125 C 7.2080094 4.0448525 7.0468056 4.2060665 7.0097656 4.4101562 L 7 4.5 L 7 6.8789062 L 8 5.8789062 L 8 4.5 L 7.9941406 4.4101562 C 7.9570887 4.2060669 7.7958869 4.0448525 7.5917969 4.0078125 L 7.5019531 4 z M 0.52734375 7.0039062 C 0.25145375 6.9922762 0.017499375 7.2065219 0.005859375 7.4824219 C -0.021950635 8.1420419 0.05000875 8.9930375 0.13671875 9.4609375 C 0.34489329 10.584144 0.78159872 11.606165 1.3847656 12.494141 L 2.1054688 11.773438 C 1.6323675 11.034145 1.2889412 10.195484 1.1191406 9.2792969 C 1.0454606 8.8817969 0.9813993 8.1033275 1.0058594 7.5234375 C 1.0174894 7.2475375 0.80324375 7.0155363 0.52734375 7.0039062 z M 9.1210938 9 L 8.1210938 10 L 10 10 L 10.091797 9.9960938 C 10.325095 9.9537954 10.5 9.7454001 10.5 9.5 C 10.5 9.2545 10.325097 9.0541186 10.091797 9.0117188 L 10.001953 9 L 9.1210938 9 z " />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 2.5 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,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 8.5 1 A 0.5 0.5 0 0 0 8 1.5 A 0.5 0.5 0 0 0 8.5 2 L 13.292969 2 L 2 13.292969 L 2 8.5 A 0.5 0.5 0 0 0 1.5 8 A 0.5 0.5 0 0 0 1 8.5 L 1 14.5 A 0.50005 0.50005 0 0 0 1.5 15 L 7.5 15 A 0.5 0.5 0 0 0 8 14.5 A 0.5 0.5 0 0 0 7.5 14 L 2.7070312 14 L 14 2.7070312 L 14 7.5 A 0.5 0.5 0 0 0 14.5 8 A 0.5 0.5 0 0 0 15 7.5 L 15 1.5 A 0.50005 0.50005 0 0 0 14.5 1 L 8.5 1 z " />
</svg>

Before

Width:  |  Height:  |  Size: 536 B

View file

@ -1,5 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path <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"/>
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 15.5 0 C 15.372033 0 15.244066 0.049138375 15.146484 0.14648438 L 10 5.2929688 L 10 1.5 A 0.5 0.5 0 0 0 9.5 1 A 0.5 0.5 0 0 0 9 1.5 L 9 6.5 A 0.50005 0.50005 0 0 0 9.5 7 L 14.5 7 A 0.5 0.5 0 0 0 15 6.5 A 0.5 0.5 0 0 0 14.5 6 L 10.707031 6 L 15.853516 0.85351562 C 16.048207 0.65835159 16.048207 0.34164838 15.853516 0.14648438 C 15.755934 0.049138375 15.627967 0 15.5 0 z M 1.5 9 A 0.5 0.5 0 0 0 1 9.5 A 0.5 0.5 0 0 0 1.5 10 L 5.2929688 10 L 0.14648438 15.146484 C -0.048207014 15.341648 -0.048207014 15.658352 0.14648438 15.853516 C 0.3416481 16.048208 0.6583519 16.048208 0.85351562 15.853516 L 6 10.707031 L 6 14.5 A 0.5 0.5 0 0 0 6.5 15 A 0.5 0.5 0 0 0 7 14.5 L 7 9.5 A 0.50005 0.50005 0 0 0 6.5 9 L 1.5 9 z " />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 888 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,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 8 0 C 3.58172 0 0 3.58172 0 8 C 0 12.4183 3.58172 16 8 16 C 12.4183 16 16 12.4183 16 8 C 16 3.58172 12.4183 0 8 0 z M 8 1 C 8.6568 1 9.4064844 1.5903131 10.021484 2.9082031 C 10.238984 3.3742531 10.427778 3.90978 10.580078 4.5 L 5.4199219 4.5 C 5.5722819 3.90978 5.7610256 3.3742531 5.9785156 2.9082031 C 6.5935256 1.5903131 7.34315 1 8 1 z M 5.7148438 1.3808594 C 5.4733938 1.7114494 5.2585156 2.085285 5.0722656 2.484375 C 4.7958756 3.076645 4.5643419 3.75696 4.3886719 4.5 L 1.9355469 4.5 C 2.7720169 3.05399 4.1122438 1.9341994 5.7148438 1.3808594 z M 10.285156 1.3808594 C 11.887756 1.9341994 13.228053 3.05399 14.064453 4.5 L 11.611328 4.5 C 11.435628 3.75696 11.204134 3.076645 10.927734 2.484375 C 10.741434 2.085285 10.526556 1.7114494 10.285156 1.3808594 z M 1.4589844 5.5 L 4.1933594 5.5 C 4.0679394 6.28832 4 7.12934 4 8 C 4 8.8707 4.0679394 9.7117 4.1933594 10.5 L 1.4589844 10.5 C 1.1620344 9.7236 1 8.8808 1 8 C 1 7.1192 1.1620344 6.2764 1.4589844 5.5 z M 5.2070312 5.5 L 10.792969 5.5 C 10.925769 6.27472 11 7.11669 11 8 C 11 8.8833 10.925769 9.7253 10.792969 10.5 L 5.2070312 10.5 C 5.0743113 9.7253 5 8.8833 5 8 C 5 7.11669 5.0743113 6.27472 5.2070312 5.5 z M 11.806641 5.5 L 14.541016 5.5 C 14.837916 6.2764 15 7.1192 15 8 C 15 8.8808 14.837916 9.7236 14.541016 10.5 L 11.806641 10.5 C 11.932041 9.7117 12 8.8707 12 8 C 12 7.12934 11.932041 6.28832 11.806641 5.5 z M 1.9355469 11.5 L 4.3886719 11.5 C 4.5643419 12.243 4.7958756 12.923425 5.0722656 13.515625 C 5.2585156 13.914725 5.4733937 14.288541 5.7148438 14.619141 C 4.1122438 14.065741 2.7720169 12.946 1.9355469 11.5 z M 5.4199219 11.5 L 10.580078 11.5 C 10.427778 12.0902 10.238984 12.625697 10.021484 13.091797 C 9.4064844 14.409597 8.6568 15 8 15 C 7.34315 15 6.5935256 14.409597 5.9785156 13.091797 C 5.7610256 12.625697 5.5722819 12.0902 5.4199219 11.5 z M 11.611328 11.5 L 14.064453 11.5 C 13.228053 12.946 11.887756 14.065741 10.285156 14.619141 C 10.526556 14.288541 10.741434 13.914725 10.927734 13.515625 C 11.204134 12.923425 11.435628 12.243 11.611328 11.5 z " />
</svg>

Before

Width:  |  Height:  |  Size: 2.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,5 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path <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"/>
style="fill:context-fill;fill-opacity:context-fill-opacity" <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"/>
d="M 1.5 0 A 0.5 0.5 0 0 0 1 0.5 L 1 4.5 A 0.50005 0.50005 0 0 0 1.5 5 L 5.5 5 A 0.5 0.5 0 0 0 6 4.5 A 0.5 0.5 0 0 0 5.5 4 L 2.2558594 4 C 4.1184594 1.3199033 7.614905 0.26372848 10.679688 1.5332031 C 13.928679 2.8789793 15.671903 6.4156459 14.761719 9.8125 C 13.851534 13.209354 10.572534 15.398472 7.0859375 14.939453 C 3.599341 14.480434 1 11.516682 1 8 A 0.4999975 0.4999975 0 0 0 0.5 7.5 A 0.4999975 0.4999975 0 0 0 0 8 C 1.1842379e-15 12.010785 2.9786058 15.408127 6.9550781 15.931641 C 10.93155 16.455153 14.688495 13.944435 15.726562 10.070312 C 16.764629 6.1961934 14.766029 2.144236 11.060547 0.609375 C 10.134177 0.2256598 9.1723049 0.027353125 8.21875 0.001953125 C 5.8663333 -0.060707893 3.5790633 0.93467929 2 2.734375 L 2 0.5 A 0.5 0.5 0 0 0 1.5 0 z M 7.5 4 A 0.5 0.5 0 0 0 7 4.5 L 7 9.5 A 0.50005 0.50005 0 0 0 7.5 10 L 10.5 10 A 0.5 0.5 0 0 0 11 9.5 A 0.5 0.5 0 0 0 10.5 9 L 8 9 L 8 4.5 A 0.5 0.5 0 0 0 7.5 4 z " />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 653 B

Before After
Before After

View file

@ -1,5 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path <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"/>
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="m 6.9975,0.38431277 c 0.57017,-0.51241713 1.4348,-0.51241713 2.005,0 l 5.5,4.94295923 C 14.8191,5.6118437 15,6.0175902 15,6.4433824 v 7.0561856 c 0,0.828638 -0.6716,1.500431 -1.5,1.500431 h -2 c -0.8284,0 -1.5,-0.671793 -1.5,-1.500431 V 9.5002154 C 10,9.2239361 9.7761,9.0000718 9.5,9.0000718 h -3 c -0.27614,0 -0.5,0.2238643 -0.5,0.5001436 v 3.9993526 c 0,0.828638 -0.67157,1.500431 -1.5,1.500431 h -2 c -0.82843,0 -1.5,-0.671793 -1.5,-1.500431 V 6.4433824 C 1,6.0175902 1.18086,5.6118437 1.4975,5.327272 Z M 8.3342,1.1283864 c -0.1901,-0.17079904 -0.47831,-0.17079904 -0.66837,0 l -5.5,4.9429592 C 2.06029,6.1662028 2,6.3014517 2,6.4433824 v 7.0561856 c 0,0.27618 0.22386,0.500144 0.5,0.500144 h 2 c 0.27614,0 0.5,-0.223964 0.5,-0.500144 V 9.5002154 C 5,8.6714774 5.67157,7.9997846 6.5,7.9997846 h 3 c 0.8284,0 1.5,0.6716928 1.5,1.5004308 v 3.9993526 c 0,0.27618 0.2239,0.500144 0.5,0.500144 h 2 c 0.2761,0 0.5,-0.223964 0.5,-0.500144 V 6.4433824 C 14,6.3014517 13.9397,6.1662028 13.8342,6.0713456 Z" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 661 B

Before After
Before After

View file

@ -1,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
style="fill:context-fill;fill-opacity:context-fill-opacity"
d="M 4 4 L 3.78125 4.0058594 C 1.67418 4.1197994 0 5.8645 0 8 C 0 10.2091 1.79086 12 4 12 L 6 12 L 6.0898438 11.992188 C 6.3230837 11.949885 6.5 11.7455 6.5 11.5 C 6.5 11.2239 6.27614 11 6 11 L 4 11 L 3.8027344 10.994141 C 2.2378244 10.892541 1 9.5906 1 8 C 1 6.34315 2.34315 5 4 5 L 6 5 L 6.0898438 4.9921875 C 6.3230837 4.9498575 6.5 4.74546 6.5 4.5 C 6.5 4.22386 6.27614 4 6 4 L 4 4 z M 10 4 L 9.9101562 4.0078125 C 9.6769562 4.0501425 9.5 4.25454 9.5 4.5 C 9.5 4.77614 9.7239 5 10 5 L 12 5 L 12.197266 5.0058594 C 13.762166 5.1074294 15 6.40942 15 8 C 15 9.6569 13.6569 11 12 11 L 10 11 L 9.9101562 11.007812 C 9.6769562 11.050115 9.5 11.2545 9.5 11.5 C 9.5 11.7761 9.7239 12 10 12 L 12 12 L 12.21875 11.994141 C 14.32575 11.880141 16 10.1355 16 8 C 16 5.79086 14.2091 4 12 4 L 10 4 z M 4 7.5 L 3.9101562 7.5078125 C 3.6769163 7.5501425 3.5 7.75454 3.5 8 C 3.5 8.2761 3.72386 8.5 4 8.5 L 12 8.5 L 12.089844 8.4921875 C 12.323044 8.4498875 12.5 8.2455 12.5 8 C 12.5 7.72386 12.2761 7.5 12 7.5 L 4 7.5 z " />
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

File diff suppressed because it is too large Load diff

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">
<path d="M6.498 5.497a.998.998 0 1 0 0-1.995.998.998 0 0 0 0 1.995z"/>
<path d="M3 4a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-2a2 2 0 0 0-2 2v6c0 .37.101.718.277 1.016L7.79 7.502a1.71 1.71 0 0 1 2.418 0l3.514 3.514c.176-.298.277-.645.277-1.016V4a2 2 0 0 0-2-2zm7.016 9.723L9.502 8.209a.71.71 0 0 0-1.004 0l-3.514 3.514c.298.176.645.277 1.016.277h6c.37 0 .718-.101 1.016-.277z"/>
<path d="M10 15c.888 0 1.687-.386 2.236-1H5.5A3.5 3.5 0 0 1 2 10.5V3.764C1.386 4.314 1 5.112 1 6v4.5A4.5 4.5 0 0 0 5.5 15z"/>
</svg>

After

Width:  |  Height:  |  Size: 662 B

View file

@ -0,0 +1,8 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M3 1c-1.099 0-2 .9-2 2v3.174C1.313 6.064 1.648 6 2 6V3c0-.563.437-1 1-1h3v1.5C6 4.323 6.677 5 7.5 5H14v8c0 .563-.437 1-1 1h-3c0 .352-.064.687-.174 1H13c1.1 0 2-.9 2-2V3c0-1.099-.9-2-2-2H3zm4 1h6c.563 0 1 .437 1 1v1H7.5a.493.493 0 0 1-.5-.5V2z"/>
<g fill="none" stroke="context-fill" stroke-opacity="context-fill-opacity" stroke-width="1.001">
<rect x=".5" y="7.5" width="8" height="8" rx="1.5" ry="1.5"/>
<path d="m1 15 2.793-2.793a1 1 0 0 1 1.414 0L8 15"/>
</g>
<circle cx="6.25" cy="9.75" r=".75"/>
</svg>

After

Width:  |  Height:  |  Size: 649 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="M4 1a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h2.006a1.8 1.8 0 0 1 .05-.348L6.22 14h-2.22c-.355 0-.704-.094-1.011-.273L7.65 9.145a.496.496 0 0 1 .7 0l.73.716.707-.707-.737-.722a1.5 1.5 0 0 0-2.102 0l-4.67 4.588A1.989 1.989 0 0 1 2 12V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2.006c.044-.002.087-.006.13-.006h.003c.305 0 .596.051.867.139v-2.14a3 3 0 0 0-3-3zm6.5 3c-2 0-2 3 0 3s2-3 0-3zm0 1c.667 0 .667 1 0 1s-.667-1 0-1z"/>
<path d="M14.13 7c-.478 0-.957.18-1.322.547l-4.828 4.83a2.2 2.2 0 0 0-.578 1.02l-.375 1.498a.889.889 0 0 0 1.078 1.078l1.498-.375a2.2 2.2 0 0 0 1.02-.578l4.828-4.828A1.872 1.872 0 0 0 14.13 7zm-.002 1.002c.427.002.671.224.8.537.13.314.116.643-.187.947l-4.826 4.826a1.204 1.204 0 0 1-.556.315l-1.316.332.33-1.32H8.37c.053-.21.163-.403.316-.557l4.828-4.83a.85.85 0 0 1 .614-.25zm-6.266 7 .002.002H7.86l.002-.002z"/>
</svg>

After

Width:  |  Height:  |  Size: 957 B

View file

@ -1,55 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.875 6.875" width="22" height="22">
<linearGradient
id="g2"
gradientUnits="userSpaceOnUse"
x1="2.8318"
y1="16.25"
x2="17.1682"
y2="16.25"
gradientTransform="scale(0.34375)">
<stop
offset="0.3"
stop-color="#B2AEAA"
id="stop8" />
<stop
offset="0.8"
stop-color="#33312D"
id="stop10" />
</linearGradient>
<linearGradient
id="g1"
gradientUnits="userSpaceOnUse"
x1="6"
y1="7.5"
x2="14"
y2="7.5"
gradientTransform="scale(0.34375)">
<stop
offset="0.15"
stop-color="#B2AEAA"
id="stop13" />
<stop
offset="1"
stop-color="#393632"
id="stop15" />
</linearGradient>
<circle
fill="#33312d"
cx="3.4375"
cy="3.4375"
r="3.4375"
id="circle18"
style="stroke-width:1" />
<path
fill="url(#g2)"
d="M 3.4375,6.875 C 4.4,6.875 5.29375,6.4625 5.9125,5.84375 5.465625,4.95 4.5375,4.296875 3.4375,4.296875 c -1.1,0 -2.028125,0.61875 -2.475,1.546875 C 1.58125,6.4625 2.475,6.875 3.4375,6.875 Z"
id="path20"
style="fill:url(#g2);stroke-width:1" />
<circle
fill="url(#g1)"
cx="3.4375"
cy="2.578125"
r="1.375"
id="circle22"
style="fill:url(#g1);stroke-width:1" />
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

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