Give easter egg addons their own icon

This commit is contained in:
Thomas Weber committed 2021-04-14 13:50:18 -05:00
1 parent f59e272e8b
commit d1b033b3dd
3 files changed
+10

No files matched your search

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style="-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)"><path d="M6.89 6.36C8.23 3.91 10 2 12 2c2 0 3.77 1.91 5.11 4.36-.85.21-1.61.71-2.11 1.41a3.712 3.712 0 0 0-5.2-.8c-.3.22-.58.49-.8.8-.5-.7-1.26-1.2-2.11-1.41M15 18.06l-3-3-3 3-3-3-1.27 1.27a7.504 7.504 0 0 0 9.11 5.43 7.529 7.529 0 0 0 5.43-5.43L18 15.06l-3 3m-6-2.12 3-3 3 3 3-3 1.5 1.5c-.13-2.31-.7-4.58-1.69-6.68-1.16.1-2.06 1.07-2.06 2.24h-1.5A2.25 2.25 0 0 0 12 7.75 2.25 2.25 0 0 0 9.75 10h-1.5c0-1.17-.9-2.14-2.06-2.24-.99 2.1-1.56 4.37-1.69 6.68l1.5-1.5 3 3z" fill="#000"/><path fill="rgba(0, 0, 0, 0)" d="M0 0h24v24H0z"/></svg>

After

Width:  |  Height:  |  Size: 694 B

+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style="-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)"><path d="M6.89 6.36C8.23 3.91 10 2 12 2c2 0 3.77 1.91 5.11 4.36-.85.21-1.61.71-2.11 1.41a3.712 3.712 0 0 0-5.2-.8c-.3.22-.58.49-.8.8-.5-.7-1.26-1.2-2.11-1.41M15 18.06l-3-3-3 3-3-3-1.27 1.27a7.504 7.504 0 0 0 9.11 5.43 7.529 7.529 0 0 0 5.43-5.43L18 15.06l-3 3m-6-2.12 3-3 3 3 3-3 1.5 1.5c-.13-2.31-.7-4.58-1.69-6.68-1.16.1-2.06 1.07-2.06 2.24h-1.5A2.25 2.25 0 0 0 12 7.75 2.25 2.25 0 0 0 9.75 10h-1.5c0-1.17-.9-2.14-2.06-2.24-.99 2.1-1.56 4.37-1.69 6.68l1.5-1.5 3 3z" fill="#fff"/><path fill="rgba(0, 0, 0, 0)" d="M0 0h24v24H0z"/></svg>

After

Width:  |  Height:  |  Size: 694 B

+8
View File
@@ -30,6 +30,8 @@ import extensionImageWhite from './extension-white.svg';
import extensionImageBlack from './extension-black.svg';
import brushImageWhite from './brush-white.svg';
import brushImageBlack from './brush-black.svg';
import eggImageWhite from './egg-white.svg';
import eggImageBlack from './egg-black.svg';
import undoImageWhite from './undo-white.svg';
import undoImageBlack from './undo-black.svg';
import infoImage from './info.svg';
@@ -429,6 +431,12 @@ const AddonComponent = ({
src={theme === 'dark' ? brushImageWhite : brushImageBlack}
alt=""
/>
) : manifest.tags.includes('easterEgg') ? (
<img
className={styles.extensionImage}
src={theme === 'dark' ? eggImageWhite : eggImageBlack}
alt=""
/>
) : (
<img
className={styles.extensionImage}