sam_oneal/fx_cast
1
0
Fork 0
mirror of https://github.com/hensm/fx_cast.git synced 2026-06-08 16:49:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add browser_action icons

Browse Source
This commit is contained in:
hensm
2019-03-11 23:11:22 +00:00
parent b4deca4905
commit 0cdc402b4e
8 changed files with 80 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
ext/src/icons/cast-connected.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#0a84ff">
<path d="M12 1H4a3 3 0 0 0-3 3v2h2V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"/>
<path d="M1 15v-2a2 2 0 0 1 2 2H1zM7 15h2a8 8 0 0 0-8-8v2a6 6 0 0 1 6 6z"/>
<path d="M1 12a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM4 4v2.52A9.07 9.07 0 0 1 9.48 12H12V4z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 383 B

24
ext/src/icons/cast-connecting-dark.svg Normal file
View File

@@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(12, 12, 13, 0.8)">
<style>
@keyframes blink {
0% { opacity: 1 }
}
.wave {
animation-name: blink;
animation-duration: 1500ms;
animation-iteration-count: infinite;
animation-timing-function: ease-out;
opacity: 0.3;
}
.wave-1 { animation-delay: 500ms; }
.wave-2 { animation-delay: 1000ms; }
.wave-3 { animation-delay: 1500ms; }
</style>
<path d="M12,1H4A3,3,0,0,0,1,4V6H3V4A1,1,0,0,1,4,3h8a1,1,0,0,1,1,1v8a1,1,0,0,1-1,1H10v2h2a3,3,0,0,0,3-3V4A3,3,0,0,0,12,1Z"/>
<path class="wave wave-1" d="M1,15V13H1a2,2,0,0,1,2,2H1Z"/>
<path class="wave wave-2" d="M1,12a3,3,0,0,1,3,3H6a5,5,0,0,0-5-5Z"/>
<path class="wave wave-3" d="M7,15H9A8,8,0,0,0,1,7V9A6,6,0,0,1,7,15Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 893 B

24
ext/src/icons/cast-connecting-light.svg Normal file
View File

@@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(249, 249, 250, 0.8)">
<style>
@keyframes blink {
0% { opacity: 1 }
}
.wave {
animation-name: blink;
animation-duration: 1500ms;
animation-iteration-count: infinite;
animation-timing-function: ease-out;
opacity: 0.3;
}
.wave-1 { animation-delay: 500ms; }
.wave-2 { animation-delay: 1000ms; }
.wave-3 { animation-delay: 1500ms; }
</style>
<path d="M12,1H4A3,3,0,0,0,1,4V6H3V4A1,1,0,0,1,4,3h8a1,1,0,0,1,1,1v8a1,1,0,0,1-1,1H10v2h2a3,3,0,0,0,3-3V4A3,3,0,0,0,12,1Z"/>
<path class="wave wave-1" d="M1,15V13H1a2,2,0,0,1,2,2H1Z"/>
<path class="wave wave-2" d="M1,12a3,3,0,0,1,3,3H6a5,5,0,0,0-5-5Z"/>
<path class="wave wave-3" d="M7,15H9A8,8,0,0,0,1,7V9A6,6,0,0,1,7,15Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 896 B

5
ext/src/icons/cast-default-dark.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(12, 12, 13, 0.8)">
<path d="M12 1H4a3 3 0 0 0-3 3v2h2V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"/>
<path d="M1 15v-2a2 2 0 0 1 2 2H1zM7 15h2a8 8 0 0 0-8-8v2a6 6 0 0 1 6 6z"/>
<path d="M1 12a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 358 B

5
ext/src/icons/cast-default-light.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(249, 249, 250, 0.8)">
<path d="M12 1H4a3 3 0 0 0-3 3v2h2V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"/>
<path d="M1 15v-2a2 2 0 0 1 2 2H1zM7 15h2a8 8 0 0 0-8-8v2a6 6 0 0 1 6 6z"/>
<path d="M1 12a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 361 B

5
ext/src/icons/cast-disabled-dark.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(12, 12, 13, 0.8)" fill-opacity="0.5">
<path d="M12 1H4a3 3 0 0 0-3 3v2h2V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"/>
<path d="M1 15v-2a2 2 0 0 1 2 2H1zM7 15h2a8 8 0 0 0-8-8v2a6 6 0 0 1 6 6z"/>
<path d="M1 12a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 377 B

5
ext/src/icons/cast-disabled-light.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(249, 249, 250, 0.8)" fill-opacity="0.5">
<path d="M12 1H4a3 3 0 0 0-3 3v2h2V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2v2h2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"/>
<path d="M1 15v-2a2 2 0 0 1 2 2H1zM7 15h2a8 8 0 0 0-8-8v2a6 6 0 0 1 6 6z"/>
<path d="M1 12a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 380 B

7
ext/src/manifest.json
View File

@@ -11,6 +11,13 @@
}
, "browser_action": {
"default_popup": "popup/index.html"
, "theme_icons": [
{
"light": "icons/cast-default-light.svg"
, "dark": "icons/cast-default-dark.svg"
, "size": 32
}
]
}
, "background": {