Update theme with new accent color and new logo

This commit is contained in:
Alice Gaudon 2020-11-03 19:47:25 +01:00
parent 5b145c7b4b
commit 5ec67553de
4 changed files with 151 additions and 36 deletions

View File

@ -7,21 +7,24 @@
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="logo.svg"
id="svg4"
version="1.1"
class="feather feather-key"
stroke-linejoin="round"
stroke-linecap="round"
stroke-width="2"
stroke="currentColor"
fill="none"
viewBox="0 0 24 24"
width="24"
height="24"
width="24">
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-inbox"
version="1.1"
id="svg6"
sodipodi:docname="logo.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
inkscape:export-filename="/r/arisu/dev/rainbox.email/assets/img/logox128.png"
inkscape:export-xdpi="512"
inkscape:export-ydpi="512">
<metadata
id="metadata10">
id="metadata12">
<rdf:RDF>
<cc:Work
rdf:about="">
@ -33,29 +36,141 @@
</rdf:RDF>
</metadata>
<defs
id="defs8" />
id="defs10" />
<sodipodi:namedview
inkscape:current-layer="svg4"
inkscape:window-maximized="1"
inkscape:window-y="32"
inkscape:window-x="1920"
inkscape:cy="12.237144"
inkscape:cx="15.6616"
inkscape:zoom="25.573695"
showgrid="false"
id="namedview6"
inkscape:window-height="1381"
inkscape:window-width="2560"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
pagecolor="#ffffff"
bordercolor="#666666"
pagecolor="#ffffff" />
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="2560"
inkscape:window-height="1381"
id="namedview8"
showgrid="false"
inkscape:zoom="45.254834"
inkscape:cx="10.500648"
inkscape:cy="8.784376"
inkscape:window-x="0"
inkscape:window-y="32"
inkscape:window-maximized="1"
inkscape:current-layer="g862" />
<path
style="fill:none;stroke:#004698;stroke-width:1.70404;stroke-opacity:1"
id="path2"
d="M 19.678517,3.8520054 17.974481,5.5560416 M 11.490623,12.0399 a 4.6860997,4.6860997 0 1 1 -6.6269966,6.626997 4.6860997,4.6860997 0 0 1 6.6261446,-6.626145 z m 0,0 3.501794,-3.5017949 m 0,0 2.556054,2.5560539 2.982065,-2.982063 -2.556055,-2.5560544 m -2.982064,2.9820635 2.982064,-2.9820635" />
id="path1120"
style="display:inline;fill:#ffffff;stroke:#80e1ff;stroke-opacity:1;fill-opacity:1;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none"
d="m 22,12 h -6 l -2,3 H 10 L 8,12 H 2 M 22,12 18.55,5.11 C 18.21227,4.4303423 17.518944,4.0004027 16.76,4 H 7.24 C 6.481056,4.0004027 5.78773,4.4303423 5.45,5.11 L 2,12" />
<g
id="g862"
transform="matrix(0.03363999,0,0,0.03349138,4.6336965,-1.8743259)">
<path
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#8e008e;stroke-width:31.4844;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000;stop-opacity:1"
id="path968"
sodipodi:type="arc"
sodipodi:cx="218.97458"
sodipodi:cy="493.64069"
sodipodi:rx="58.337669"
sodipodi:ry="58.596531"
sodipodi:start="3.1415927"
sodipodi:end="0"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 160.63691,493.64069 a 58.337669,58.596531 0 0 1 58.33767,-58.59653 58.337669,58.596531 0 0 1 58.33767,58.59653" />
<path
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#400098;stroke-width:31.4844;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000;stop-opacity:1"
id="path968-3"
sodipodi:type="arc"
sodipodi:cx="218.97458"
sodipodi:cy="493.64069"
sodipodi:rx="87.5065"
sodipodi:ry="87.894798"
sodipodi:start="3.1415927"
sodipodi:end="0"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 131.46808,493.64069 a 87.5065,87.894798 0 0 1 87.5065,-87.8948 87.5065,87.894798 0 0 1 87.5065,87.8948" />
<path
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#00c0c0;stroke-width:31.4844;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000;stop-opacity:1"
id="path968-3-5"
sodipodi:type="arc"
sodipodi:cx="218.97458"
sodipodi:cy="493.64069"
sodipodi:rx="116.67534"
sodipodi:ry="117.19306"
sodipodi:start="3.1415927"
sodipodi:end="0"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="M 102.29924,493.64069 A 116.67534,117.19306 0 0 1 218.97458,376.44762 116.67534,117.19306 0 0 1 335.64992,493.64069" />
<path
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#008e00;stroke-width:31.4844;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000;stop-opacity:1"
id="path968-3-5-6"
sodipodi:type="arc"
sodipodi:cx="218.97458"
sodipodi:cy="493.64069"
sodipodi:rx="145.84416"
sodipodi:ry="146.49135"
sodipodi:start="3.1415927"
sodipodi:end="0"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="M 73.130417,493.64069 A 145.84416,146.49135 0 0 1 218.97458,347.14934 145.84416,146.49135 0 0 1 364.81874,493.64069" />
<path
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#ffff00;stroke-width:31.4844;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000;stop-opacity:1"
id="path968-3-5-6-2"
sodipodi:type="arc"
sodipodi:cx="218.97458"
sodipodi:cy="493.64069"
sodipodi:rx="175.013"
sodipodi:ry="175.7896"
sodipodi:start="3.1415927"
sodipodi:end="0"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m 43.961578,493.64069 a 175.013,175.7896 0 0 1 175.013002,-175.7896 175.013,175.7896 0 0 1 175.013,175.7896" />
<path
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#ff8e00;stroke-width:31.4844;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000;stop-opacity:1"
id="path968-3-5-6-2-9"
sodipodi:type="arc"
sodipodi:cx="218.97458"
sodipodi:cy="493.64069"
sodipodi:rx="204.18184"
sodipodi:ry="205.08788"
sodipodi:start="3.1415927"
sodipodi:end="0"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="M 14.79274,493.64069 A 204.18184,205.08788 0 0 1 218.97458,288.55281 204.18184,205.08788 0 0 1 423.15642,493.64069" />
<path
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#ff0000;stroke-width:31.4844;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000;stop-opacity:1"
id="path968-3-5-6-2-9-1"
sodipodi:type="arc"
sodipodi:cx="218.97458"
sodipodi:cy="493.64069"
sodipodi:rx="233.35068"
sodipodi:ry="234.38612"
sodipodi:start="3.1415927"
sodipodi:end="0"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="M -14.376099,493.64069 A 233.35068,234.38612 0 0 1 218.97458,259.25456 233.35068,234.38612 0 0 1 452.32526,493.64069" />
<path
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#ff69b4;stroke-width:31.4844;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;stop-color:#000000;stop-opacity:1"
id="path968-3-5-6-2-9-1-2"
sodipodi:type="arc"
sodipodi:cx="218.97458"
sodipodi:cy="493.64069"
sodipodi:rx="262.5195"
sodipodi:ry="263.68439"
sodipodi:start="3.1415927"
sodipodi:end="0"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="M -43.544922,493.64069 A 262.5195,263.68439 0 0 1 218.97458,229.9563 262.5195,263.68439 0 0 1 481.49408,493.64069" />
</g>
<path
id="path1118"
style="display:inline;fill:#00c3ff;stroke:#80e1ff;stroke-opacity:1;fill-opacity:1;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none"
d="m 2,12 v 6 c 0,1.104569 0.8954305,2 2,2 h 16 c 1.104569,0 2,-0.895431 2,-2 v -6 m 0,0 h -6 l -2,3 H 10 L 8,12 H 2" />
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

View File

@ -1,6 +1,6 @@
$primary: darken(#333333, 2%);
$primaryForeground: #f0f0f0;
$secondary: lighten(#004698, 10%);
$secondary: #00c3ff;
$secondaryForeground: $primaryForeground;
$backgroundColor: darken($primary, 4%);