aboutsummaryrefslogtreecommitdiff
path: root/ext/images
diff options
context:
space:
mode:
authorStefanVukovic99 <stefanvukovic44@gmail.com>2024-05-18 21:24:28 +0200
committerGitHub <noreply@github.com>2024-05-18 19:24:28 +0000
commit1865db1a9308fea1b3a82db2e8c70e583ad69820 (patch)
tree2577f0cc2da6af74ca8da8638b41f72237c45673 /ext/images
parent96c6b970e996ead52249d895fa6c7e7104e6d3da (diff)
refactor svg code for icons (#962)
* step-1 * step-2 * add-term-kana * remove from add-term-kanji * duplicate kana * blue versions * filter ids
Diffstat (limited to 'ext/images')
-rw-r--r--ext/images/add-duplicate-term-kana-blue.svg33
-rw-r--r--ext/images/add-duplicate-term-kana.svg45
-rw-r--r--ext/images/add-duplicate-term-kanji-blue.svg42
-rw-r--r--ext/images/add-duplicate-term-kanji.svg87
-rw-r--r--ext/images/add-term-kana.svg20
-rw-r--r--ext/images/add-term-kanji.svg12
6 files changed, 107 insertions, 132 deletions
diff --git a/ext/images/add-duplicate-term-kana-blue.svg b/ext/images/add-duplicate-term-kana-blue.svg
index ef8a9180..efbfc62c 100644
--- a/ext/images/add-duplicate-term-kana-blue.svg
+++ b/ext/images/add-duplicate-term-kana-blue.svg
@@ -1,2 +1,33 @@
<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient4719" x1="-1.7198" x2="-1.7198" y1="2.7781" y2="1.4552" gradientTransform="matrix(3.7795 0 0 3.7795 14 .5)" gradientUnits="userSpaceOnUse"><stop stop-color="#8dba64" offset="0"/><stop stop-color="#b4d495" offset="1"/></linearGradient><linearGradient id="linearGradient4745-5" x1="2.1167" x2="1.4552" y1="2.3812" y2="1.7198" gradientTransform="scale(3.7795)" gradientUnits="userSpaceOnUse"><stop stop-color="#376b19" offset="0"/><stop stop-color="#81ab61" offset="1"/></linearGradient><radialGradient id="radialGradient4770-4" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(2.2677 -7.9311e-7 7.9312e-7 2.2677 2.7 3.7)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".28986" offset="0"/><stop stop-opacity="0" offset="1"/></radialGradient><linearGradient id="linearGradient1389" x1="-1.7198" x2="-1.7198" y1="2.7781" y2="1.4552" gradientTransform="matrix(3.7795 0 0 3.7795 14 .5)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4719"/><linearGradient id="linearGradient1391" x1="2.1167" x2="1.4552" y1="2.3812" y2="1.7198" gradientTransform="scale(3.7795)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4745-5"/><radialGradient id="radialGradient1393" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(2.2677,-7.9311e-7,7.9312e-7,2.2677,2.7,3.7)" gradientUnits="userSpaceOnUse" xlink:href="#radialGradient4770-4"/><filter id="filter54" x="-.083333" y="-.083333" width="1.1667" height="1.1667" color-interpolation-filters="sRGB"><feColorMatrix result="color1" type="hueRotate" values="116.90000000000001"/><feColorMatrix result="color2" type="saturate" values="1"/></filter></defs><g transform="translate(2,-2)" filter="url(#filter54)"><circle cx="7.5" cy="8.5" r="3" fill="url(#linearGradient1389)"/><circle cx="7.5" cy="8.5" r="3" fill="none" stroke="url(#linearGradient1391)"/><circle cx="7.5" cy="8.5" r="1.5" fill="url(#radialGradient1393)"/><path d="m6 8h1v-1h1v1h1v1h-1v1h-1v-1h-1v-1" fill="#fff"/></g><g filter="url(#filter54)"><circle cx="7.5" cy="8.5" r="3" fill="url(#linearGradient4719)"/><circle cx="7.5" cy="8.5" r="3" fill="none" stroke="url(#linearGradient4745-5)"/><circle cx="7.5" cy="8.5" r="1.5" fill="url(#radialGradient4770-4)"/><path d="m6 8h1v-1h1v1h1v1h-1v1h-1v-1h-1v-1" fill="#fff"/></g></svg>
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+<linearGradient id="inner-fill" x1="-1.7198" x2="-1.7198" y1="2.7781" y2="1.4552" gradientTransform="matrix(3.7795 0 0 3.7795 14 .5)" gradientUnits="userSpaceOnUse">
+ <stop stop-color="#6fb558" offset="0"/>
+ <stop stop-color="#a5db9b" offset="1"/>
+ </linearGradient>
+ <linearGradient id="outer-rim" x1="2.1167" x2="1.4552" y1="2.3812" y2="1.7198" gradientTransform="scale(3.7795 3.7795)" gradientUnits="userSpaceOnUse">
+ <stop stop-color="#34812c" offset="0"/>
+ <stop stop-color="#87b870" offset="1"/>
+ </linearGradient>
+ <radialGradient id="center-shadow" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(2.2677 -7.9311e-7 7.9312e-7 2.2677 2.7 3.7)" gradientUnits="userSpaceOnUse">
+ <stop stop-opacity=".28986" offset="0"/>
+ <stop stop-opacity="0" offset="1"/>
+ </radialGradient>
+ <filter id="green-to-blue" x="-.083333" y="-.083333" width="1.1667" height="1.1667" color-interpolation-filters="sRGB">
+ <feColorMatrix result="color1" type="hueRotate" values="105"/>
+ <feColorMatrix result="color2" type="saturate" values="1"/>
+ </filter>
+ <symbol id="plus-in-circle" viewBox="0 0 16 16">
+ <circle cx="7.5" cy="8.5" r="3" fill="url(#inner-fill)"/>
+ <circle cx="7.5" cy="8.5" r="3" fill="none" stroke="url(#outer-rim)"/>
+ <circle cx="7.5" cy="8.5" r="1.5" fill="url(#center-shadow)"/>
+ <path d="m6 8h1v-1h1v1h1v1h-1v1h-1v-1h-1v-1" fill="#fff"/>
+ </symbol>
+ </defs>
+ <g transform="translate(1,-1)" filter="url(#green-to-blue)">
+ <use xlink:href="#plus-in-circle"/>
+ </g>
+ <g transform="translate(-1,1)" filter="url(#green-to-blue)">
+ <use xlink:href="#plus-in-circle"/>
+ </g>
+</svg>
diff --git a/ext/images/add-duplicate-term-kana.svg b/ext/images/add-duplicate-term-kana.svg
index 9b574aee..267c55ec 100644
--- a/ext/images/add-duplicate-term-kana.svg
+++ b/ext/images/add-duplicate-term-kana.svg
@@ -1,40 +1,33 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
- <linearGradient id="linearGradient4719" x1="-1.7198" x2="-1.7198" y1="2.7781" y2="1.4552" gradientTransform="matrix(3.7795 0 0 3.7795 14 .5)" gradientUnits="userSpaceOnUse">
- <stop stop-color="#8dba64" offset="0"/>
- <stop stop-color="#b4d495" offset="1"/>
+<linearGradient id="inner-fill" x1="-1.7198" x2="-1.7198" y1="2.7781" y2="1.4552" gradientTransform="matrix(3.7795 0 0 3.7795 14 .5)" gradientUnits="userSpaceOnUse">
+ <stop stop-color="#6fb558" offset="0"/>
+ <stop stop-color="#a5db9b" offset="1"/>
</linearGradient>
- <linearGradient id="linearGradient4745-5" x1="2.1167" x2="1.4552" y1="2.3812" y2="1.7198" gradientTransform="scale(3.7795)" gradientUnits="userSpaceOnUse">
- <stop stop-color="#376b19" offset="0"/>
- <stop stop-color="#81ab61" offset="1"/>
+ <linearGradient id="outer-rim" x1="2.1167" x2="1.4552" y1="2.3812" y2="1.7198" gradientTransform="scale(3.7795 3.7795)" gradientUnits="userSpaceOnUse">
+ <stop stop-color="#34812c" offset="0"/>
+ <stop stop-color="#87b870" offset="1"/>
</linearGradient>
- <radialGradient id="radialGradient4770-4" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(2.2677 -7.9311e-7 7.9312e-7 2.2677 2.7 3.7)" gradientUnits="userSpaceOnUse">
+ <radialGradient id="center-shadow" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(2.2677 -7.9311e-7 7.9312e-7 2.2677 2.7 3.7)" gradientUnits="userSpaceOnUse">
<stop stop-opacity=".28986" offset="0"/>
<stop stop-opacity="0" offset="1"/>
</radialGradient>
- <linearGradient id="linearGradient1389" x1="-1.7198" x2="-1.7198" y1="2.7781" y2="1.4552" gradientTransform="matrix(3.7795 0 0 3.7795 14 .5)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4719"/>
- <linearGradient id="linearGradient1391" x1="2.1167" x2="1.4552" y1="2.3812" y2="1.7198" gradientTransform="scale(3.7795)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4745-5"/>
- <radialGradient id="radialGradient1393" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(2.2677,-7.9311e-7,7.9312e-7,2.2677,2.7,3.7)" gradientUnits="userSpaceOnUse" xlink:href="#radialGradient4770-4"/>
- <filter id="filter1916" x="-.083333" y="-.083333" width="1.1667" height="1.1667" color-interpolation-filters="sRGB">
- <feColorMatrix result="color1" type="hueRotate" values="260"/>
- <feColorMatrix result="color2" type="saturate" values="1"/>
- </filter>
- <filter id="filter1922" x="-.083333" y="-.083333" width="1.1667" height="1.1667" color-interpolation-filters="sRGB">
- <feColorMatrix result="color1" type="hueRotate" values="260"/>
+ <filter id="green-to-red" x="-.083333" y="-.083333" width="1.1667" height="1.1667" color-interpolation-filters="sRGB">
+ <feColorMatrix result="color1" type="hueRotate" values="250"/>
<feColorMatrix result="color2" type="saturate" values="1"/>
</filter>
+ <symbol id="plus-in-circle" viewBox="0 0 16 16">
+ <circle cx="7.5" cy="8.5" r="3" fill="url(#inner-fill)"/>
+ <circle cx="7.5" cy="8.5" r="3" fill="none" stroke="url(#outer-rim)"/>
+ <circle cx="7.5" cy="8.5" r="1.5" fill="url(#center-shadow)"/>
+ <path d="m6 8h1v-1h1v1h1v1h-1v1h-1v-1h-1v-1" fill="#fff"/>
+ </symbol>
</defs>
- <g transform="translate(2,-2)" filter="url(#filter1916)">
- <circle cx="7.5" cy="8.5" r="3" fill="url(#linearGradient1389)"/>
- <circle cx="7.5" cy="8.5" r="3" fill="none" stroke="url(#linearGradient1391)"/>
- <circle cx="7.5" cy="8.5" r="1.5" fill="url(#radialGradient1393)"/>
- <path d="m6 8h1v-1h1v1h1v1h-1v1h-1v-1h-1v-1" fill="#fff"/>
+ <g transform="translate(1,-1)" filter="url(#green-to-red)">
+ <use xlink:href="#plus-in-circle"/>
</g>
- <g filter="url(#filter1922)">
- <circle cx="7.5" cy="8.5" r="3" fill="url(#linearGradient4719)"/>
- <circle cx="7.5" cy="8.5" r="3" fill="none" stroke="url(#linearGradient4745-5)"/>
- <circle cx="7.5" cy="8.5" r="1.5" fill="url(#radialGradient4770-4)"/>
- <path d="m6 8h1v-1h1v1h1v1h-1v1h-1v-1h-1v-1" fill="#fff"/>
+ <g transform="translate(-1,1)" filter="url(#green-to-red)">
+ <use xlink:href="#plus-in-circle"/>
</g>
</svg>
diff --git a/ext/images/add-duplicate-term-kanji-blue.svg b/ext/images/add-duplicate-term-kanji-blue.svg
index 9e22017e..5a74ae5d 100644
--- a/ext/images/add-duplicate-term-kanji-blue.svg
+++ b/ext/images/add-duplicate-term-kanji-blue.svg
@@ -1,39 +1,37 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
- <linearGradient id="linearGradient328" x1="-1.7198" x2="-1.7198" y1="3.5719" y2=".79375" gradientTransform="matrix(3.7795,0,0,3.7795,14.5,-6.308e-7)" gradientUnits="userSpaceOnUse">
+ <linearGradient id="inner-fill" x1="-1.7198" x2="-1.7198" y1="3.5719" y2=".79375" gradientTransform="matrix(3.7795 0 0 3.7795 14.5 -6.308e-7)" gradientUnits="userSpaceOnUse">
<stop stop-color="#6fb558" offset="0"/>
<stop stop-color="#a5db9b" offset="1"/>
</linearGradient>
- <linearGradient id="linearGradient330" x1="7.5406" x2="5.1594" y1="3.3073" y2=".92604" gradientTransform="matrix(3.7795,0,0,3.7795,-16,-6e-7)" gradientUnits="userSpaceOnUse">
+ <linearGradient id="outer-rim" x1="7.5406" x2="5.1594" y1="3.3073" y2=".92604" gradientTransform="matrix(3.7795 0 0 3.7795 -16 -6e-7)" gradientUnits="userSpaceOnUse">
<stop stop-color="#34812c" offset="0"/>
<stop stop-color="#87b870" offset="1"/>
</linearGradient>
- <radialGradient id="radialGradient332" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(4.5354,8.0301e-7,-8.0301e-7,4.5354,-1.6,-1.6)" gradientUnits="userSpaceOnUse">
+ <radialGradient id="center-shadow" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(4.5354 8.0301e-7 -8.0301e-7 4.5354 -1.6 -1.6)" gradientUnits="userSpaceOnUse">
<stop stop-opacity=".28986" offset="0"/>
<stop stop-opacity="0" offset="1"/>
</radialGradient>
- <filter id="filter134" x="-.038462" y="-.038462" width="1.0769" height="1.0769" color-interpolation-filters="sRGB">
- <feColorMatrix result="color1" type="hueRotate" values="105"/>
- <feColorMatrix result="color2" type="saturate" values="1"/>
- </filter>
- <filter id="filter136" x="-.038462" y="-.038462" width="1.0769" height="1.0769" color-interpolation-filters="sRGB">
- <feColorMatrix result="color1" type="hueRotate" values="105"/>
- <feColorMatrix result="color2" type="saturate" values="1"/>
+ <filter id="green-to-blue" x="-.038462" y="-.038462" width="1.0769" height="1.0769" color-interpolation-filters="sRGB">
+ <feColorMatrix type="hueRotate" values="105"/>
+ <feColorMatrix type="saturate" values="1"/>
+ <feColorMatrix type="hueRotate" values="0"/>
</filter>
+
+ <symbol id="plus-in-circle" viewBox="0 0 16 16">
+ <circle cx="8" cy="8" r="6.5" fill="url(#inner-fill)"/>
+ <circle cx="8" cy="8" r="5.75" fill="none" stroke="#fff" stroke-opacity=".50196" stroke-width="1.5"/>
+ <circle cx="8" cy="8" r="6.5" fill="none" stroke="url(#outer-rim)"/>
+ <circle cx="8" cy="8" r="3" fill="url(#center-shadow)"/>
+ <path d="m5 7h2v-2h2v2h2v2h-2v2h-2v-2h-2v-2" fill="#fff"/>
+ </symbol>
</defs>
- <g transform="matrix(.91504 0 0 .91504 2.2745 -.91504)" filter="url(#filter136)">
- <circle cx="8" cy="8" r="6.5" fill="url(#linearGradient328)"/>
- <circle cx="8" cy="8" r="5.75" fill="none" stroke="#fff" stroke-opacity=".50196" stroke-width="1.5"/>
- <circle cx="8" cy="8" r="6.5" fill="none" stroke="url(#linearGradient330)"/>
- <circle cx="8" cy="8" r="3" fill="url(#radialGradient332)"/>
- <path d="m5 7h2v-2h2v2h2v2h-2v2h-2v-2h-2v-2" fill="#fff"/>
+
+ <g transform="matrix(.91504 0 0 .91504 2.2745 -.91504)" filter="url(#green-to-blue)">
+ <use xlink:href="#plus-in-circle"/>
</g>
- <g transform="matrix(.91504 0 0 .91504 -.91504 2.2745)" filter="url(#filter134)">
- <circle cx="8" cy="8" r="6.5" fill="url(#linearGradient328)"/>
- <circle cx="8" cy="8" r="5.75" fill="none" stroke="#fff" stroke-opacity=".50196" stroke-width="1.5"/>
- <circle cx="8" cy="8" r="6.5" fill="none" stroke="url(#linearGradient330)"/>
- <circle cx="8" cy="8" r="3" fill="url(#radialGradient332)"/>
- <path d="m5 7h2v-2h2v2h2v2h-2v2h-2v-2h-2v-2" fill="#fff"/>
+ <g transform="matrix(.91504 0 0 .91504 -.91504 2.2745)" filter="url(#green-to-blue)">
+ <use xlink:href="#plus-in-circle"/>
</g>
</svg>
diff --git a/ext/images/add-duplicate-term-kanji.svg b/ext/images/add-duplicate-term-kanji.svg
index 809d0159..fc3279d9 100644
--- a/ext/images/add-duplicate-term-kanji.svg
+++ b/ext/images/add-duplicate-term-kanji.svg
@@ -1,84 +1,37 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
- <linearGradient id="linearGradient4582" x1="-1.7198" x2="-1.7198" y1="3.5719" y2=".79375" gradientTransform="matrix(3.7795 0 0 3.7795 14.5 -6.308e-7)" gradientUnits="userSpaceOnUse">
+ <linearGradient id="inner-fill" x1="-1.7198" x2="-1.7198" y1="3.5719" y2=".79375" gradientTransform="matrix(3.7795 0 0 3.7795 14.5 -6.308e-7)" gradientUnits="userSpaceOnUse">
<stop stop-color="#6fb558" offset="0"/>
<stop stop-color="#a5db9b" offset="1"/>
</linearGradient>
- <linearGradient id="linearGradient4758-7" x1="7.5406" x2="5.1594" y1="3.3073" y2=".92604" gradientTransform="matrix(3.7795 0 0 3.7795 -16 -6e-7)" gradientUnits="userSpaceOnUse">
+ <linearGradient id="outer-rim" x1="7.5406" x2="5.1594" y1="3.3073" y2=".92604" gradientTransform="matrix(3.7795 0 0 3.7795 -16 -6e-7)" gradientUnits="userSpaceOnUse">
<stop stop-color="#34812c" offset="0"/>
<stop stop-color="#87b870" offset="1"/>
</linearGradient>
- <radialGradient id="radialGradient4683-3" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(4.5354 8.0301e-7 -8.0301e-7 4.5354 -1.6 -1.6)" gradientUnits="userSpaceOnUse">
+ <radialGradient id="center-shadow" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(4.5354 8.0301e-7 -8.0301e-7 4.5354 -1.6 -1.6)" gradientUnits="userSpaceOnUse">
<stop stop-opacity=".28986" offset="0"/>
<stop stop-opacity="0" offset="1"/>
</radialGradient>
- <linearGradient id="linearGradient328" x1="-1.7198" x2="-1.7198" y1="3.5719" y2=".79375" gradientTransform="matrix(3.7795,0,0,3.7795,14.5,-6.308e-7)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4582"/>
- <linearGradient id="linearGradient330" x1="7.5406" x2="5.1594" y1="3.3073" y2=".92604" gradientTransform="matrix(3.7795,0,0,3.7795,-16,-6e-7)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4758-7"/>
- <radialGradient id="radialGradient332" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(4.5354,8.0301e-7,-8.0301e-7,4.5354,-1.6,-1.6)" gradientUnits="userSpaceOnUse" xlink:href="#radialGradient4683-3"/>
- <filter id="filter554" x="-.038462" y="-.038462" width="1.0769" height="1.0769" color-interpolation-filters="sRGB">
- <feColorMatrix result="color1" type="hueRotate" values="250"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="color2" type="saturate" values="1"/>
- </filter>
- <filter id="filter795" x="-.038462" y="-.038462" width="1.0769" height="1.0769" color-interpolation-filters="sRGB">
- <feColorMatrix result="color1" type="hueRotate" values="250"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="fbSourceGraphic" type="saturate" values="1"/>
- <feColorMatrix in="fbSourceGraphic" result="fbSourceGraphicAlpha" values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"/>
- <feColorMatrix in="fbSourceGraphic" result="color1" type="hueRotate" values="0"/>
- <feColorMatrix result="color2" type="saturate" values="1"/>
+ <filter id="green-to-red" x="-.038462" y="-.038462" width="1.0769" height="1.0769" color-interpolation-filters="sRGB">
+ <feColorMatrix type="hueRotate" values="250"/>
+ <feColorMatrix type="saturate" values="1"/>
+ <feColorMatrix type="hueRotate" values="0"/>
</filter>
+
+ <symbol id="plus-in-circle" viewBox="0 0 16 16">
+ <circle cx="8" cy="8" r="6.5" fill="url(#inner-fill)"/>
+ <circle cx="8" cy="8" r="5.75" fill="none" stroke="#fff" stroke-opacity=".50196" stroke-width="1.5"/>
+ <circle cx="8" cy="8" r="6.5" fill="none" stroke="url(#outer-rim)"/>
+ <circle cx="8" cy="8" r="3" fill="url(#center-shadow)"/>
+ <path d="m5 7h2v-2h2v2h2v2h-2v2h-2v-2h-2v-2" fill="#fff"/>
+ </symbol>
</defs>
- <g transform="matrix(.91504 0 0 .91504 2.2745 -.91504)" filter="url(#filter795)">
- <circle cx="8" cy="8" r="6.5" fill="url(#linearGradient328)"/>
- <circle cx="8" cy="8" r="5.75" fill="none" stroke="#fff" stroke-opacity=".50196" stroke-width="1.5"/>
- <circle cx="8" cy="8" r="6.5" fill="none" stroke="url(#linearGradient330)"/>
- <circle cx="8" cy="8" r="3" fill="url(#radialGradient332)"/>
- <path d="m5 7h2v-2h2v2h2v2h-2v2h-2v-2h-2v-2" fill="#fff"/>
+
+ <g transform="matrix(.91504 0 0 .91504 2.2745 -.91504)" filter="url(#green-to-red)">
+ <use xlink:href="#plus-in-circle"/>
</g>
- <g transform="matrix(.91504 0 0 .91504 -.91504 2.2745)" filter="url(#filter554)">
- <circle cx="8" cy="8" r="6.5" fill="url(#linearGradient328)"/>
- <circle cx="8" cy="8" r="5.75" fill="none" stroke="#fff" stroke-opacity=".50196" stroke-width="1.5"/>
- <circle cx="8" cy="8" r="6.5" fill="none" stroke="url(#linearGradient330)"/>
- <circle cx="8" cy="8" r="3" fill="url(#radialGradient332)"/>
- <path d="m5 7h2v-2h2v2h2v2h-2v2h-2v-2h-2v-2" fill="#fff"/>
+ <g transform="matrix(.91504 0 0 .91504 -.91504 2.2745)" filter="url(#green-to-red)">
+ <use xlink:href="#plus-in-circle"/>
</g>
</svg>
diff --git a/ext/images/add-term-kana.svg b/ext/images/add-term-kana.svg
index bb964476..3578c5e0 100644
--- a/ext/images/add-term-kana.svg
+++ b/ext/images/add-term-kana.svg
@@ -1,23 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
- <linearGradient id="linearGradient4719" x1="-1.7198" x2="-1.7198" y1="2.7781" y2="1.4552" gradientTransform="matrix(3.7795 0 0 3.7795 14 .5)" gradientUnits="userSpaceOnUse">
- <stop stop-color="#8dba64" offset="0"/>
- <stop stop-color="#b4d495" offset="1"/>
+ <linearGradient id="inner-fill" x1="-1.7198" x2="-1.7198" y1="2.7781" y2="1.4552" gradientTransform="matrix(3.7795 0 0 3.7795 14 .5)" gradientUnits="userSpaceOnUse">
+ <stop stop-color="#6fb558" offset="0"/>
+ <stop stop-color="#a5db9b" offset="1"/>
</linearGradient>
- <linearGradient id="linearGradient4745-5" x1="2.1167" x2="1.4552" y1="2.3812" y2="1.7198" gradientTransform="scale(3.7795 3.7795)" gradientUnits="userSpaceOnUse">
- <stop stop-color="#376b19" offset="0"/>
- <stop stop-color="#81ab61" offset="1"/>
+ <linearGradient id="outer-rim" x1="2.1167" x2="1.4552" y1="2.3812" y2="1.7198" gradientTransform="scale(3.7795 3.7795)" gradientUnits="userSpaceOnUse">
+ <stop stop-color="#34812c" offset="0"/>
+ <stop stop-color="#87b870" offset="1"/>
</linearGradient>
- <radialGradient id="radialGradient4770-4" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(2.2677 -7.9311e-7 7.9312e-7 2.2677 2.7 3.7)" gradientUnits="userSpaceOnUse">
+ <radialGradient id="center-shadow" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(2.2677 -7.9311e-7 7.9312e-7 2.2677 2.7 3.7)" gradientUnits="userSpaceOnUse">
<stop stop-opacity=".28986" offset="0"/>
<stop stop-opacity="0" offset="1"/>
</radialGradient>
</defs>
<g>
- <circle cx="7.5" cy="8.5" r="3" fill="url(#linearGradient4719)"/>
- <circle cx="7.5" cy="8.5" r="3" fill="none" stroke="url(#linearGradient4745-5)"/>
- <circle cx="7.5" cy="8.5" r="1.5" fill="url(#radialGradient4770-4)"/>
+ <circle cx="7.5" cy="8.5" r="3" fill="url(#inner-fill)"/>
+ <circle cx="7.5" cy="8.5" r="3" fill="none" stroke="url(#outer-rim)"/>
+ <circle cx="7.5" cy="8.5" r="1.5" fill="url(#center-shadow)"/>
<path d="m6 8h1v-1h1v1h1v1h-1v1h-1v-1h-1v-1" fill="#fff"/>
</g>
</svg>
diff --git a/ext/images/add-term-kanji.svg b/ext/images/add-term-kanji.svg
index 3737eaec..102b9aaf 100644
--- a/ext/images/add-term-kanji.svg
+++ b/ext/images/add-term-kanji.svg
@@ -1,24 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
- <linearGradient id="linearGradient4582" x1="-1.7198" x2="-1.7198" y1="3.5719" y2=".79375" gradientTransform="matrix(3.7795 0 0 3.7795 14.5 -6.308e-7)" gradientUnits="userSpaceOnUse">
+ <linearGradient id="inner-fill" x1="-1.7198" x2="-1.7198" y1="3.5719" y2=".79375" gradientTransform="matrix(3.7795 0 0 3.7795 14.5 -6.308e-7)" gradientUnits="userSpaceOnUse">
<stop stop-color="#6fb558" offset="0"/>
<stop stop-color="#a5db9b" offset="1"/>
</linearGradient>
- <linearGradient id="linearGradient4758-7" x1="7.5406" x2="5.1594" y1="3.3073" y2=".92604" gradientTransform="matrix(3.7795 0 0 3.7795 -16 -6e-7)" gradientUnits="userSpaceOnUse">
+ <linearGradient id="outer-rim" x1="7.5406" x2="5.1594" y1="3.3073" y2=".92604" gradientTransform="matrix(3.7795 0 0 3.7795 -16 -6e-7)" gradientUnits="userSpaceOnUse">
<stop stop-color="#34812c" offset="0"/>
<stop stop-color="#87b870" offset="1"/>
</linearGradient>
- <radialGradient id="radialGradient4683-3" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(4.5354 8.0301e-7 -8.0301e-7 4.5354 -1.6 -1.6)" gradientUnits="userSpaceOnUse">
+ <radialGradient id="center-shadow" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(4.5354 8.0301e-7 -8.0301e-7 4.5354 -1.6 -1.6)" gradientUnits="userSpaceOnUse">
<stop stop-opacity=".28986" offset="0"/>
<stop stop-opacity="0" offset="1"/>
</radialGradient>
</defs>
<g>
- <circle cx="8" cy="8" r="6.5" fill="url(#linearGradient4582)"/>
+ <circle cx="8" cy="8" r="6.5" fill="url(#inner-fill)"/>
<circle cx="8" cy="8" r="5.75" fill="none" stroke="#fff" stroke-opacity=".50196" stroke-width="1.5"/>
- <circle cx="8" cy="8" r="6.5" fill="none" stroke="url(#linearGradient4758-7)"/>
- <circle cx="8" cy="8" r="3" fill="url(#radialGradient4683-3)"/>
+ <circle cx="8" cy="8" r="6.5" fill="none" stroke="url(#outer-rim)"/>
+ <circle cx="8" cy="8" r="3" fill="url(#center-shadow)"/>
<path d="m5 7h2v-2h2v2h2v2h-2v2h-2v-2h-2v-2" fill="#fff"/>
</g>
</svg>