grafana/public/img/g8_home_v2.svg
Torkel Ödegaard 4fabade35c
v8: Update login page design (#33923)
* Theme: Initial draft of dark login page

* update

* Updated login background

* Updates

* anim test

* Anim tweak

* Animate login box

* Updates

* Updating login page

* Improve footer readability on login page

* Fix sign up button
2021-05-11 16:34:44 +02:00

34 lines
2.0 KiB
XML

<svg width="1974" height="662" viewBox="0 0 1974 662" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1974" height="662">
<rect width="1974" height="662" fill="#C4C4C4"/>
</mask>
<g mask="url(#mask0)">
<rect x="-462" y="-412" width="2898" height="1074" fill="black"/>
<ellipse opacity="0.6" cx="981" cy="125" rx="1342" ry="537" fill="url(#paint0_radial)" fill-opacity="0.8"/>
<ellipse opacity="0.25" cx="982" cy="1" rx="1192" ry="386" fill="url(#paint1_radial)"/>
<ellipse opacity="0.6" cx="981" cy="-78" rx="1049" ry="288" fill="url(#paint2_radial)"/>
<ellipse opacity="0.8" cx="983" cy="-134.5" rx="857" ry="212.5" fill="url(#paint3_radial)"/>
</g>
<defs>
<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(981 125) rotate(90) scale(537 1342)">
<stop stop-color="#4354E6"/>
<stop offset="1" stop-color="#2E24AA" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(982 1) rotate(90) scale(386 1192)">
<stop stop-color="#F89797"/>
<stop offset="0.254209" stop-color="#E6769F" stop-opacity="0.5"/>
<stop offset="1" stop-color="#6E477C" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(981 -78) rotate(90) scale(288 1049)">
<stop stop-color="#FF8A36" stop-opacity="0.6"/>
<stop offset="0.479167" stop-color="#FB5A67" stop-opacity="0.5"/>
<stop offset="1" stop-color="#68105A" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(983 -134.5) rotate(90) scale(212.5 857)">
<stop offset="0.410941" stop-color="#FBC55A"/>
<stop offset="0.688779" stop-color="#FF8A36" stop-opacity="0.4"/>
<stop offset="1" stop-color="#B71B66" stop-opacity="0"/>
</radialGradient>
</defs>
</svg>