matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changed icons to have a material flavour

Browse Source
This commit is contained in:
Porrumentzio 2021-03-08 19:18:01 +01:00
parent c77f642ce1
commit b3c9c715d1
2 changed files with 245 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

140
public/images/talking-new-window.svg
View File

@ -27,6 +27,70 @@
offset="0" offset="0"
id="stop5156" /> id="stop5156" />
</linearGradient> </linearGradient>
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Drop Shadow"
id="filter1150">
<feFlood
flood-opacity="1"
flood-color="rgb(0,0,0)"
result="flood"
id="feFlood1140" />
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite1142" />
<feGaussianBlur
in="composite1"
stdDeviation="0.2"
result="blur"
id="feGaussianBlur1144" />
<feOffset
dx="0"
dy="0"
result="offset"
id="feOffset1146" />
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="composite2"
id="feComposite1148" />
</filter>
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Drop Shadow"
id="filter1174">
<feFlood
flood-opacity="1"
flood-color="rgb(0,0,0)"
result="flood"
id="feFlood1164" />
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite1166" />
<feGaussianBlur
in="composite1"
stdDeviation="0.2"
result="blur"
id="feGaussianBlur1168" />
<feOffset
dx="0"
dy="0"
result="offset"
id="feOffset1170" />
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="composite2"
id="feComposite1172" />
</filter>
</defs> </defs>
<sodipodi:namedview <sodipodi:namedview
id="base" id="base"
@ -36,16 +100,16 @@
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="16" inkscape:zoom="16"
inkscape:cx="28.541604" inkscape:cx="-3.3949364"
inkscape:cy="20.583538" inkscape:cy="17.380476"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="g1904"
inkscape:document-rotation="0" inkscape:document-rotation="0"
showgrid="false" showgrid="false"
inkscape:window-width="1854" inkscape:window-width="2560"
inkscape:window-height="1136" inkscape:window-height="1392"
inkscape:window-x="1920" inkscape:window-x="0"
inkscape:window-y="27" inkscape:window-y="24"
inkscape:window-maximized="1" inkscape:window-maximized="1"
units="px" /> units="px" />
<metadata <metadata
@ -56,7 +120,7 @@
<dc:format>image/svg+xml</dc:format> <dc:format>image/svg+xml</dc:format>
<dc:type <dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title> <dc:title />
</cc:Work> </cc:Work>
</rdf:RDF> </rdf:RDF>
</metadata> </metadata>
@ -94,6 +158,11 @@
d="M 2.3664875,6.7697882 2.3669966,5.9063828 2.3675058,5.0429774 3.1149823,5.475121 3.8624587,5.9072647 3.1144731,6.3385265 Z" d="M 2.3664875,6.7697882 2.3669966,5.9063828 2.3675058,5.0429774 3.1149823,5.475121 3.8624587,5.9072647 3.1144731,6.3385265 Z"
inkscape:transform-center-x="-0.24898909" inkscape:transform-center-x="-0.24898909"
inkscape:transform-center-y="-0.0002940151" /> inkscape:transform-center-y="-0.0002940151" />
<path
style="fill:#999895;stroke-width:0.0156447;fill-opacity:1"
d="M 3.1262438,29.573592 C 2.8042641,29.526108 2.5258454,29.381552 2.2769061,29.132613 2.0638506,28.919557 1.9585542,28.742039 1.8759015,28.456563 l -0.050893,-0.175781 v -4.949747 c 0,-5.573108 -0.015918,-5.066929 0.1712891,-5.446932 0.072408,-0.146979 0.1311211,-0.226269 0.2699802,-0.364602 0.2797205,-0.278661 0.5459803,-0.408093 0.9299966,-0.452085 0.1153546,-0.01322 0.8061512,-0.02272 1.6593637,-0.02282 l 1.4617362,-1.81e-4 0.1310629,0.270689 c 0.4439822,0.916974 1.3213451,1.553267 2.3364218,1.694451 0.1167928,0.01624 1.990426,0.0236 6.012991,0.0236 h 5.843333 l -0.0058,4.66801 -0.0058,4.66801 -0.06818,0.190427 c -0.172632,0.482195 -0.554947,0.838238 -1.058775,0.986023 -0.125406,0.03678 -0.569134,0.03904 -8.198019,0.04176 -4.4359904,0.0016 -8.1162771,-0.0046 -8.178415,-0.01379 z m 5.703541,-2.783365 c 0.6076699,-0.35052 1.6467852,-0.949732 2.3091452,-1.331585 0.662361,-0.381851 1.763251,-1.016651 2.446424,-1.410666 0.683172,-0.394014 1.235047,-0.723036 1.226388,-0.731159 -0.0087,-0.0081 -0.264336,-0.158424 -0.568171,-0.334001 -0.593072,-0.342719 -2.122442,-1.22657 -3.270369,-1.890006 -0.701825,-0.405615 -1.3421777,-0.776065 -2.5981257,-1.503038 -0.3594703,-0.208071 -0.6702106,-0.384691 -0.690534,-0.39249 -0.034456,-0.01322 -0.036952,0.265178 -0.036952,4.122704 0,3.930746 0.00193,4.136153 0.03867,4.122216 0.021268,-0.0081 0.5358544,-0.301456 1.1435245,-0.651975 z"
id="path957"
transform="matrix(0.26458333,0,0,0.26458333,0.20777154,-0.26436241)" />
</g> </g>
<g <g
id="g1910"> id="g1910">
@ -107,15 +176,56 @@
ry="0.65165049" /> ry="0.65165049" />
<g <g
id="g1874" id="g1874"
transform="matrix(0.55499346,0,0,0.55499346,2.7360875,0.17457966)"> transform="matrix(0.55499346,0,0,0.55499346,2.7360875,0.17457966)" />
</g>
</g>
<g
id="g955"
transform="matrix(0.53538782,0,0,0.53643836,2.6814927,0.69218317)">
<g
id="layer2"
inkscape:label="hondoa">
<rect
style="fill:#9a9996;stroke-width:0.187325"
id="rect956"
width="2.6432877"
height="1.8610171"
x="0.83802015"
y="0.84780902" />
<rect
style="fill:#9a9996;stroke-width:0.187325"
id="rect958"
width="2.4507399"
height="0.87458014"
x="4.8963342"
y="4.3804069" />
</g>
<g
inkscape:label="Calque 1"
id="layer1-3">
<g
id="g925"
transform="matrix(-0.18741319,0,0,0.18741319,8.492686,3.0044626)">
<path <path
id="rect1227" d="M 0,0 H 24 V 24 H 0 Z"
style="fill:#f47825;fill-opacity:1;stroke:#000000;stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" fill="none"
d="m 2.9365203,0.70038946 c -0.704403,0.00434 -1.3799,0.1160814 -1.87327,0.32194424 -0.56545603,0.2359407 -0.59496603,1.6917644 0,1.8381306 0.332204,0.081725 0.688509,0.1320225 1.052648,0.1612305 -0.02399,0.013783 -0.05891,0.03359 -0.05891,0.03359 l -0.735872,0.8418088 c 0,0 1.180692,-0.5396352 1.449007,-0.8474935 0.788893,0.0076 1.576021,-0.07262 2.213818,-0.1891358 0.60273,-0.1101098 0.575341,-1.6274413 0,-1.8381306 -0.60957,-0.22322434 -1.343017,-0.32628464 -2.047421,-0.32194424 z" /> id="path911" />
<path <path
id="rect1227-3" d="M 20,2 H 4 C 2.9,2 2.01,2.9 2.01,4 L 2,22 6,18 h 14 c 1.1,0 2,-0.9 2,-2 V 4 C 22,2.9 21.1,2 20,2 Z M 9,11 H 7 V 9 h 2 z m 4,0 H 11 V 9 h 2 z m 4,0 H 15 V 9 h 2 z"
style="fill:#585858;fill-opacity:1;stroke:#000000;stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="path913"
d="m 5.7472433,4.2721336 c 0.704403,0.00434 1.3799,0.1160814 1.873271,0.3219442 0.565455,0.2359407 0.594966,1.6917644 0,1.8381307 -0.332205,0.081725 -0.68851,0.1320224 -1.052649,0.1612304 0.02399,0.013782 0.05891,0.03359 0.05891,0.03359 l 0.735872,0.8418088 c 0,0 -1.180691,-0.5396352 -1.449007,-0.8474935 -0.788892,0.0076 -1.57602,-0.07262 -2.213818,-0.1891357 -0.60273,-0.1101098 -0.575341,-1.6274413 0,-1.8381307 0.609571,-0.2232243 1.343017,-0.3262845 2.047421,-0.3219442 z" /> style="fill:#deddda;filter:url(#filter1174)" />
</g>
<g
id="g941"
transform="scale(0.18741319)">
<path
d="M 0,0 H 24 V 24 H 0 Z"
fill="none"
id="path927" />
<path
d="M 20,2 H 4 C 2.9,2 2.01,2.9 2.01,4 L 2,22 6,18 h 14 c 1.1,0 2,-0.9 2,-2 V 4 C 22,2.9 21.1,2 20,2 Z M 6,9 h 12 v 2 H 6 Z m 8,5 H 6 v -2 h 8 z M 18,8 H 6 V 6 h 12 z"
id="path929"
style="fill:#deddda;filter:url(#filter1150)" />
</g> </g>
</g> </g>
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

137
public/images/talking.svg
View File

@ -17,7 +17,72 @@
inkscape:export-xdpi="9.6000004" inkscape:export-xdpi="9.6000004"
inkscape:export-ydpi="9.6000004"> inkscape:export-ydpi="9.6000004">
<defs <defs
id="defs1422" /> id="defs1422">
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Drop Shadow"
id="filter1150">
<feFlood
flood-opacity="1"
flood-color="rgb(0,0,0)"
result="flood"
id="feFlood1140" />
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite1142" />
<feGaussianBlur
in="composite1"
stdDeviation="0.2"
result="blur"
id="feGaussianBlur1144" />
<feOffset
dx="0"
dy="0"
result="offset"
id="feOffset1146" />
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="composite2"
id="feComposite1148" />
</filter>
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Drop Shadow"
id="filter1174">
<feFlood
flood-opacity="1"
flood-color="rgb(0,0,0)"
result="flood"
id="feFlood1164" />
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite1166" />
<feGaussianBlur
in="composite1"
stdDeviation="0.2"
result="blur"
id="feGaussianBlur1168" />
<feOffset
dx="0"
dy="0"
result="offset"
id="feOffset1170" />
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="composite2"
id="feComposite1172" />
</filter>
</defs>
<sodipodi:namedview <sodipodi:namedview
id="base" id="base"
pagecolor="#ffffff" pagecolor="#ffffff"
@ -25,19 +90,26 @@
borderopacity="1.0" borderopacity="1.0"
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="8" inkscape:zoom="32"
inkscape:cx="48.313892" inkscape:cx="13.501402"
inkscape:cy="43.165594" inkscape:cy="15.491133"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
inkscape:document-rotation="0" inkscape:document-rotation="0"
showgrid="false" showgrid="false"
inkscape:window-width="1854" inkscape:window-width="2560"
inkscape:window-height="1136" inkscape:window-height="1392"
inkscape:window-x="1920" inkscape:window-x="0"
inkscape:window-y="27" inkscape:window-y="24"
inkscape:window-maximized="1" inkscape:window-maximized="1"
units="px" /> units="px"
showguides="true"
inkscape:guide-bbox="true">
<sodipodi:guide
position="5.7997486,5.0873777"
orientation="0,-1"
id="guide943" />
</sodipodi:namedview>
<metadata <metadata
id="metadata1425"> id="metadata1425">
<rdf:RDF> <rdf:RDF>
@ -50,21 +122,52 @@
</cc:Work> </cc:Work>
</rdf:RDF> </rdf:RDF>
</metadata> </metadata>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="hondoa">
<rect
style="fill:#9a9996;stroke-width:0.187325"
id="rect956"
width="2.6432877"
height="1.8610171"
x="0.83802015"
y="0.84780902" />
<rect
style="fill:#9a9996;stroke-width:0.187325"
id="rect958"
width="2.4507399"
height="0.87458014"
x="4.8963342"
y="4.3804069" />
</g>
<g <g
inkscape:label="Calque 1" inkscape:label="Calque 1"
inkscape:groupmode="layer" inkscape:groupmode="layer"
id="layer1"> id="layer1">
<g <g
id="g1870" id="g925"
transform="translate(0.00198959,0.07950317)"> transform="matrix(-0.18741319,0,0,0.18741319,8.492686,3.0044626)">
<path <path
id="rect1227" d="M 0,0 H 24 V 24 H 0 Z"
style="fill:#f47825;fill-opacity:1;stroke:#000000;stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" fill="none"
d="m 2.8259822,0.77565819 c -0.704403,0.00434 -1.3799002,0.11608136 -1.87327066,0.32194421 -0.56545507,0.2359407 -0.59496586,1.6917644 0,1.8381306 0.33220466,0.081725 0.68850956,0.1320225 1.05264886,0.1612305 -0.023993,0.013783 -0.058911,0.03359 -0.058911,0.03359 L 1.2105769,3.9723623 c 0,0 1.1806918,-0.5396352 1.4490072,-0.8474935 0.7888928,0.0076 1.5760208,-0.07262 2.2138182,-0.1891358 0.6027301,-0.1101098 0.5753412,-1.6274413 0,-1.8381306 C 4.2638317,0.87437812 3.5303853,0.77131783 2.8259822,0.77565819 Z" /> id="path911" />
<path <path
id="rect1227-3" d="M 20,2 H 4 C 2.9,2 2.01,2.9 2.01,4 L 2,22 6,18 h 14 c 1.1,0 2,-0.9 2,-2 V 4 C 22,2.9 21.1,2 20,2 Z M 9,11 H 7 V 9 h 2 z m 4,0 H 11 V 9 h 2 z m 4,0 H 15 V 9 h 2 z"
style="fill:#585858;fill-opacity:1;stroke:#000000;stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="path913"
d="m 5.6367053,4.3474023 c 0.704403,0.00434 1.3799002,0.1160814 1.8732706,0.3219442 0.5654551,0.2359407 0.5949659,1.6917644 0,1.8381307 -0.3322046,0.081725 -0.6885095,0.1320224 -1.0526488,0.1612304 0.023993,0.013782 0.058911,0.03359 0.058911,0.03359 l 0.7358724,0.8418088 c 0,0 -1.1806917,-0.5396352 -1.4490071,-0.8474935 -0.7888928,0.0076 -1.5760208,-0.07262 -2.2138182,-0.1891357 -0.6027301,-0.1101098 -0.5753412,-1.6274413 0,-1.8381307 C 4.1988558,4.4461222 4.9323022,4.343062 5.6367053,4.3474023 Z" /> style="fill:#deddda;filter:url(#filter1174)" />
</g>
<g
id="g941"
transform="scale(0.18741319)">
<path
d="M 0,0 H 24 V 24 H 0 Z"
fill="none"
id="path927" />
<path
d="M 20,2 H 4 C 2.9,2 2.01,2.9 2.01,4 L 2,22 6,18 h 14 c 1.1,0 2,-0.9 2,-2 V 4 C 22,2.9 21.1,2 20,2 Z M 6,9 h 12 v 2 H 6 Z m 8,5 H 6 v -2 h 8 z M 18,8 H 6 V 6 h 12 z"
id="path929"
style="fill:#deddda;filter:url(#filter1150)" />
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB