Commit a6307d50 authored by Dan Beam's avatar Dan Beam

WebUI Dark Mode: update settings sync promo illustration

Screenshots: https://imgur.com/a/hQji9EA

Bug: 926658
Change-Id: I7ee67f123e67ea43f4681d14dce89ac55c657a1e
Reviewed-on: https://chromium-review.googlesource.com/c/1487190Reviewed-by: default avatarHector Carmona <hcarmona@chromium.org>
Commit-Queue: Dan Beam <dbeam@chromium.org>
Auto-Submit: Dan Beam <dbeam@chromium.org>
Cr-Commit-Position: refs/heads/master@{#635857}
parent 51c31373
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 680 120"> <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1360" height="240"><defs><clipPath id="a"><path fill="none" d="M0-.36h1360v239.72H0z"/></clipPath></defs><path fill="#f8f9fa" d="M0-.36h1360v240H0z"/><g clip-path="url(#a)"><path d="M458.53 122.23h-1.31V51.9a16.06 16.06 0 0 1 16-16h46.8v1.31h-46.8a14.75 14.75 0 0 0-14.69 14.69z" fill="#bdc0c5"/><path d="M377.09 158a30.17 30.17 0 0 1 30.1 28.82H326a19.6 19.6 0 0 1 26.15-17.2l.87.31.58-.72A30 30 0 0 1 377.09 158m0-1.31a31.38 31.38 0 0 0-24.46 11.7 20.91 20.91 0 0 0-27.94 19.75h83.85a31.44 31.44 0 0 0-31.44-31.44z" fill="#e8e9eb"/><path d="M496.39 207.3h-23.13a14.75 14.75 0 0 1-14.73-14.73v-70.34h-1.31v70.33a16.06 16.06 0 0 0 16 16h23.13zM539.71 36.64V38a14.74 14.74 0 0 1 9.82 13.87v71.43h1.31V51.9a16.06 16.06 0 0 0-11.13-15.26z" fill="#bdc0c5"/><path d="M531.89 199.89h-56.43A10.44 10.44 0 0 1 465 189.46v-135A10.44 10.44 0 0 1 475.46 44h56.43a10.44 10.44 0 0 1 10.43 10.43v135a10.44 10.44 0 0 1-10.43 10.46zM475.46 45.3a9.13 9.13 0 0 0-9.12 9.12v135a9.13 9.13 0 0 0 9.12 9.12h56.43a9.13 9.13 0 0 0 9.12-9.12v-135a9.13 9.13 0 0 0-9.12-9.12z" fill="#e8e9eb"/><path d="M549.53 178.93v13.64a14.75 14.75 0 0 1-14.73 14.73h-23.13v1.31h23.13a16.06 16.06 0 0 0 16-16v-13.68z" fill="#e54440"/><path d="M629 90.92a39.3 39.3 0 1 1-39.3 39.3 39.35 39.35 0 0 1 39.3-39.3m0-2.62a41.92 41.92 0 1 0 42 41.93 41.92 41.92 0 0 0-42-41.93z" fill="#e8e9eb"/><circle cx="650.37" cy="145.95" r="5.24" fill="#4b87f1"/><circle cx="563.16" cy="130.23" r="41.92" fill="#34a751"/><path d="M587.12 130.23a41.73 41.73 0 0 0 9 25.92 41.88 41.88 0 0 0 0-51.83 41.73 41.73 0 0 0-9 25.91z" opacity=".12"/><path d="M457.17 75.43V65c21.47 0 38.35-6 50.18-17.91C525.93 28.37 526 1.06 526 .79l10.5-.08c0 1.29 0 31.8-21.63 53.64-13.87 13.99-33.29 21.08-57.7 21.08z" fill="#f7bb2a"/><path d="M387.74 137h-10.49a80.9 80.9 0 0 1 10-36c9.21-16.42 28.8-36 69.92-36v10.43c-28.93 0-49.37 10.34-60.77 30.72a70.69 70.69 0 0 0-8.66 30.85z" fill="#e8e9eb"/><path d="M562.83 146.74v-5.08h.66v3.5l4.93-4.93-4.93-4.93v3.5h-.66v-5.08l6.51 6.51zm.66-20l-6.49-6.52 6.51-6.51v5.08h-.66v-3.5l-4.93 4.93 4.93 4.93v-3.5h.66z" fill="#fff"/><path d="M572.14 135.51l-.56-.33a9.77 9.77 0 0 0-8.42-14.72v-.66a10.42 10.42 0 0 1 9 15.71zM563.16 140.64a10.42 10.42 0 0 1-9-15.71l.56.33a9.77 9.77 0 0 0 8.44 14.74z" fill="#fff"/><path d="M112 114.83H76.35v-.54a17.82 17.82 0 0 1 35.64 0zm-34.55-1.08h33.45a16.74 16.74 0 0 0-33.46 0z" fill="#bdc0c5"/><path d="M433.65 136.79h-34.56a17.28 17.28 0 1 1 34.56 0z" fill="#e8e9eb"/><path d="M339.22 200H157.78V75.65a5.3 5.3 0 0 1 5.28-5.28h170.88a5.3 5.3 0 0 1 5.28 5.28z" fill="#f4f4f4"/><path d="M330.58 71.45a7.57 7.57 0 0 1 7.56 7.55v119.89H158.86V79a7.57 7.57 0 0 1 7.56-7.56h164.16m0-1.08H166.42a8.67 8.67 0 0 0-8.64 8.64v121h181.44V79a8.67 8.67 0 0 0-8.64-8.64zM131.86 207.53h233.28v1.08H131.86z" fill="#bdc0c5"/><path d="M169.2 115.84a25.87 25.87 0 0 0-20.2 9.64 17.24 17.24 0 0 0-23 16.28h69.12a25.92 25.92 0 0 0-25.92-25.92z" fill="#fff"/><path d="M195.66 142.3h-70.2v-.54a17.78 17.78 0 0 1 23.39-16.91 26.46 26.46 0 0 1 46.81 16.91zm-69.11-1.08h68a25.38 25.38 0 0 0-45.12-15.4l-.24.3-.36-.13a16.7 16.7 0 0 0-22.31 15.23z" fill="#bdc0c5"/><path d="M76.24 163.72l7.41-7.41c15.18 15.18 31.38 22.86 48.15 22.82 26.34-.06 45.71-19.31 45.9-19.5l7.47 7.35c-.9.92-22.47 22.5-53.22 22.63-19.71.08-38.45-8.61-55.71-25.89z" fill="#4285f4"/><path d="M-16.4 158.16l-7.41-7.41a80.9 80.9 0 0 1 32.5-18.36c18.15-5.14 45.89-5.16 75 23.92l-7.41 7.41c-20.5-20.46-42.28-27.61-64.74-21.25a70.69 70.69 0 0 0-27.94 15.69z" fill="#e8e9eb"/><path d="M1273.24 78.47a22.41 22.41 0 1 1 8.31-1.61 22.29 22.29 0 0 1-8.31 1.61zm0-43.53a21.16 21.16 0 0 0-19.64 29 21.14 21.14 0 1 0 19.64-29zM1238 259h-160a13.57 13.57 0 0 1-13.55-13.55v-20h1.2v20a12.37 12.37 0 0 0 12.35 12.31h160a12.37 12.37 0 0 0 12.35-12.35v-87.1A12.37 12.37 0 0 0 1238 146h-24v-1.2h24a13.57 13.57 0 0 1 13.55 13.55v87.05A13.57 13.57 0 0 1 1238 259z" fill="#bdc0c5"/><path fill="#bdc0c5" d="M1214.01 145.96H1122l6-1.2h86.01v1.2z"/><path d="M1065.6 199.36h-1.2v-41a13.57 13.57 0 0 1 13.6-13.6h59V146h-59a12.37 12.37 0 0 0-12.35 12.35z" fill="#bdc0c5"/><path d="M1080 185.56a28.74 28.74 0 0 0-22.41 10.71 19.16 19.16 0 0 0-25.59 18.09h76.8a28.8 28.8 0 0 0-28.8-28.8z" fill="#fff"/><path d="M1109.45 215h-78v-.6a19.76 19.76 0 0 1 26-18.79 29.4 29.4 0 0 1 52 18.79zm-76.79-1.2h75.59a28.2 28.2 0 0 0-50.13-17.11l-.27.33-.4-.14a18.55 18.55 0 0 0-24.78 16.92z" fill="#bdc0c5"/><path fill="#f8f9fa" d="M997.34 58.76l71.32-60.81"/><path fill="#e8e9eb" d="M996.638 57.935l71.36-60.755 1.297 1.523-71.36 60.754zM1282.86 111.16h-11.65a89.89 89.89 0 0 0 11.11 40c10.22 18.29 32 40.1 77.68 40.1v-11.68c-32.14 0-54.86-11.49-67.52-34.14a78.55 78.55 0 0 1-9.62-34.28z"/></g></svg>
<style> \ No newline at end of file
.st0{fill:#bdc0c5}.st1{fill:#e8e9eb}.st7{fill:#fff}
</style>
<path class="st0" d="M229.3 61.3h-.7V26.1c0-4.4 3.6-8 8-8H260v.7h-23.4c-4.1 0-7.4 3.3-7.4 7.4v35.1z"/>
<path class="st1" d="M188.5 79.2c8.1 0 14.7 6.4 15.1 14.4H163c.3-5.1 4.6-9.2 9.8-9.2 1.1 0 2.2.2 3.3.6l.4.2.3-.4c2.9-3.6 7.2-5.6 11.7-5.6m0-.7c-4.9 0-9.3 2.3-12.2 5.8a10.5 10.5 0 0 0-14 9.9h42c0-8.7-7.1-15.7-15.8-15.7z"/>
<path class="st0" d="M248.2 103.8h-11.6c-4.1 0-7.4-3.3-7.4-7.4V61.3h-.7v35.2c0 4.4 3.6 8 8 8h11.6v-.7zm21.7-85.3v.7c2.9 1 4.9 3.7 4.9 6.9v35.7h.7V26.1c-.1-3.5-2.4-6.6-5.6-7.6z"/>
<path class="st1" d="M265.9 100.1h-28.2c-2.9 0-5.2-2.3-5.2-5.2V27.4c0-2.9 2.3-5.2 5.2-5.2h28.2c2.9 0 5.2 2.3 5.2 5.2v67.5a5.1 5.1 0 0 1-5.2 5.2zm-28.2-77.3c-2.5 0-4.6 2-4.6 4.6v67.5c0 2.5 2 4.6 4.6 4.6h28.2c2.5 0 4.6-2 4.6-4.6V27.4c0-2.5-2-4.6-4.6-4.6h-28.2z"/>
<path d="M274.8 89.6v6.8c0 4.1-3.3 7.4-7.4 7.4h-11.6v.7h11.6c4.4 0 8-3.6 8-8v-6.8c0-.1-.6-.1-.6-.1z" fill="#e54440"/>
<path class="st1" d="M314.5 45.6c10.8 0 19.7 8.8 19.7 19.7S325.4 85 314.5 85s-19.7-8.8-19.7-19.7 8.9-19.7 19.7-19.7m0-1.3a21 21 0 1 0 0 42 21 21 0 0 0 0-42z"/>
<circle cx="325.2" cy="73.2" r="2.6" fill="#4b87f1"/>
<circle cx="281.6" cy="65.3" r="21" fill="#34a751"/>
<path d="M293.6 65.3c0 4.9 1.7 9.4 4.5 13 2.8-3.6 4.5-8.1 4.5-13s-1.7-9.4-4.5-13c-2.9 3.6-4.5 8.1-4.5 13z" opacity=".12"/>
<path d="M228.6 37.9v-5.2c10.7 0 19.2-3 25.1-9C263 14.4 263 .7 263 .6h5.2c0 .6 0 15.9-10.8 26.8-6.9 6.9-16.6 10.5-28.8 10.5z" fill="#f7bb2a"/>
<path class="st1" d="M193.9 68.7h-5.2c0-.4.1-9.1 5-18 4.6-8.2 14.4-18 35-18v5.2c-14.5 0-24.7 5.2-30.4 15.4-4.4 7.6-4.4 15.3-4.4 15.4z"/>
<path class="st7" d="M281.4 73.5V71h.3v1.7l2.5-2.5-2.5-2.5v1.7h-.3V67l3.3 3.3-3.3 3.2zm.3-10l-3.3-3.3 3.3-3.3v2.5h-.3v-1.7l-2.5 2.5 2.5 2.5V61h.3v2.5z"/>
<path class="st7" d="M286.1 67.9l-.3-.2a4.9 4.9 0 0 0-4.2-7.4V60c2.9 0 5.2 2.3 5.2 5.2a6 6 0 0 1-.7 2.7zm-4.5 2.6c-2.9 0-5.2-2.3-5.2-5.2 0-.9.2-1.8.7-2.6l.3.2a4.9 4.9 0 0 0 4.2 7.4v.2z"/>
<path class="st0" d="M56 57.6H38.2v-.3c0-4.9 4-8.9 8.9-8.9s8.9 4 8.9 8.9v.3zm-17.3-.5h16.7c-.1-4.5-3.8-8.1-8.4-8.1s-8.1 3.6-8.3 8.1z"/>
<path class="st1" d="M216.8 68.6h-17.3c0-4.8 3.9-8.6 8.6-8.6a8.5 8.5 0 0 1 8.7 8.6z"/>
<path d="M169.6 100.2H78.9V40.6c0-2.9 2.4-5.3 5.3-5.3h80.2c2.9 0 5.3 2.4 5.3 5.3v59.6z" fill="#f4f4f4"/>
<path class="st0" d="M165.3 35.9c2.1 0 3.8 1.7 3.8 3.8v59.9H79.4V39.7c0-2.1 1.7-3.8 3.8-3.8h82.1m0-.5H83.2c-2.4 0-4.3 1.9-4.3 4.3v60.5h90.7V39.7c0-2.4-1.9-4.3-4.3-4.3zm-99.4 68.5h116.6v.5H65.9z"/>
<path class="st7" d="M84.6 58.1c-4.1 0-7.7 1.9-10.1 4.8A8.6 8.6 0 0 0 63 71h34.5c.1-7.1-5.7-12.9-12.9-12.9z"/>
<path class="st0" d="M97.8 71.3H62.7V71c0-4.9 4-8.9 8.9-8.9.9 0 1.9.2 2.8.5 2.5-3 6.2-4.8 10.2-4.8 7.3 0 13.2 5.9 13.2 13.2v.3zm-34.5-.5h34c-.1-6.9-5.8-12.4-12.7-12.4-3.8 0-7.4 1.7-9.9 4.7l-.1.1-.2-.1c-.9-.3-1.8-.5-2.8-.5-4.5.1-8.2 3.7-8.3 8.2z"/>
<path d="M38.1 82l3.7-3.7c7.6 7.6 15.7 11.4 24.1 11.4 13.2 0 22.9-9.7 23-9.8l3.7 3.7c-.5.5-11.3 11.3-26.6 11.4-9.9 0-19.3-4.3-27.9-13z" fill="#4285f4"/>
<path class="st1" d="M4.3 66.4c-1.5.4-3 1-4.3 1.5v5.8c1.7-.8 3.6-1.6 5.8-2.2 11.2-3.3 22.1.3 32.3 10.5l3.7-3.7C27.3 63.8 13.4 63.8 4.3 66.4z"/>
<path class="st0" d="M636.6 39.4c-1.5 0-3-.3-4.4-.9-2.7-1.2-4.9-3.4-6-6.1s-1.1-5.8.1-8.6c1.2-2.7 3.4-4.9 6.1-6 2.8-1.1 5.8-1.1 8.6.1 2.7 1.2 4.9 3.4 6 6.1s1.1 5.8-.1 8.6c-1.2 2.7-3.4 4.9-6.1 6-1.4.5-2.8.8-4.2.8zm0-21.7c-1.3 0-2.7.3-3.9.8-2.6 1-4.7 3.1-5.8 5.7-1.1 2.6-1.1 5.5-.1 8.1 1 2.6 3.1 4.7 5.7 5.8s5.5 1.1 8.1.1 4.7-3.1 5.8-5.7c1.1-2.6 1.1-5.5.1-8.1s-3.1-4.7-5.7-5.8c-1.3-.7-2.8-.9-4.2-.9zm-104.4 95.2h.6v7.1h-.6zm93.6-33.6c0-3.7-3-6.8-6.8-6.8h-12v.6h12c3.4 0 6.2 2.8 6.2 6.2V120h.6V79.3zM607 73.2h-46l3-.6h43z"/>
<path class="st0" d="M532.8 99.9h-.6V79.3c0-3.7 3-6.8 6.8-6.8h29.5v.6H539c-3.4 0-6.2 2.8-6.2 6.2v20.6z"/>
<path class="st7" d="M540 93c-4.5 0-8.6 2.1-11.2 5.4-1-.4-2.1-.6-3.2-.6a9.6 9.6 0 0 0-9.6 9.6h38.4c0-8-6.4-14.4-14.4-14.4z"/>
<path class="st0" d="M554.7 107.7h-39v-.3a9.86 9.86 0 0 1 13-9.4c2.8-3.4 6.9-5.3 11.3-5.3 8.1 0 14.7 6.6 14.7 14.7v.3zm-38.4-.6h37.8a14.15 14.15 0 0 0-25.1-8.6l-.1.2-.2-.1c-1-.4-2.1-.5-3.1-.5-5 0-9.1 4-9.3 9z"/>
<path fill="none" d="M498.7 29.6L534.3-.8"/>
<path class="st1" d="M498.4 29.2l.6.7L534.2 0h-1.6zm143 26.6h-5.8c0 .4.1 10.2 5.6 20 5.1 9.1 16 20.1 38.8 20.1V90c-16.1 0-27.4-5.7-33.8-17.1-4.7-8.5-4.8-17.1-4.8-17.1z"/>
</svg>
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1360" height="240"><path fill="#28282b" d="M-14.74-2.96h1389.47v245.2H-14.74z"/><path d="M458.53 122.23h-1.31V51.9a16.06 16.06 0 0 1 16-16h46.8v1.31h-46.8a14.75 14.75 0 0 0-14.69 14.69zM377.09 158a30.17 30.17 0 0 1 30.1 28.82H326a19.6 19.6 0 0 1 26.15-17.2l.87.31.58-.72A30 30 0 0 1 377.09 158m0-1.31a31.38 31.38 0 0 0-24.46 11.7 20.91 20.91 0 0 0-27.94 19.75h83.85a31.44 31.44 0 0 0-31.44-31.44zM496.39 207.3h-23.13a14.75 14.75 0 0 1-14.73-14.73v-70.34h-1.31v70.33a16.06 16.06 0 0 0 16 16h23.13zM539.71 36.64V38a14.74 14.74 0 0 1 9.82 13.87v71.43h1.31V51.9a16.06 16.06 0 0 0-11.13-15.26z" fill="#5f6368"/><path d="M531.89 199.89h-56.43A10.44 10.44 0 0 1 465 189.46v-135A10.44 10.44 0 0 1 475.46 44h56.43a10.44 10.44 0 0 1 10.43 10.43v135a10.44 10.44 0 0 1-10.43 10.46zM475.46 45.3a9.13 9.13 0 0 0-9.12 9.12v135a9.13 9.13 0 0 0 9.12 9.12h56.43a9.13 9.13 0 0 0 9.12-9.12v-135a9.13 9.13 0 0 0-9.12-9.12z" fill="#4e5154"/><path d="M549.53 178.93v13.64a14.75 14.75 0 0 1-14.73 14.73h-23.13v1.31h23.13a16.06 16.06 0 0 0 16-16v-13.68z" fill="#f18a81"/><path d="M629 90.92a39.3 39.3 0 1 1-39.3 39.3 39.35 39.35 0 0 1 39.3-39.3m0-2.62a41.92 41.92 0 1 0 42 41.93 41.92 41.92 0 0 0-42-41.93z" fill="#5f6368"/><circle cx="650.37" cy="145.95" r="5.24" fill="#8ab4f8"/><circle cx="563.16" cy="130.23" r="41.92" fill="#81c995"/><path d="M587.12 130.23a41.73 41.73 0 0 0 9 25.92 41.88 41.88 0 0 0 0-51.83 41.73 41.73 0 0 0-9 25.91z" opacity=".12"/><path d="M457.17 75.43V65c21.47 0 38.35-6 50.18-17.91C525.93 28.37 526 1.06 526 .79l10.5-.08c0 1.29 0 31.8-21.63 53.64-13.87 13.99-33.29 21.08-57.7 21.08z" fill="#f7bb2a"/><path d="M387.74 137h-10.49a80.9 80.9 0 0 1 10-36c9.21-16.42 28.8-36 69.92-36v10.43c-28.93 0-49.37 10.34-60.77 30.72a70.69 70.69 0 0 0-8.66 30.85z" fill="#414447"/><path d="M562.83 146.74v-5.08h.66v3.5l4.93-4.93-4.93-4.93v3.5h-.66v-5.08l6.51 6.51zm.66-20l-6.49-6.52 6.51-6.51v5.08h-.66v-3.5l-4.93 4.93 4.93 4.93v-3.5h.66z" fill="#292a2d"/><path d="M572.14 135.51l-.56-.33a9.77 9.77 0 0 0-8.42-14.72v-.66a10.42 10.42 0 0 1 9 15.71zM563.16 140.64a10.42 10.42 0 0 1-9-15.71l.56.33a9.77 9.77 0 0 0 8.44 14.74z" fill="#292a2d"/><path d="M112 114.83H76.35v-.54a17.82 17.82 0 0 1 35.64 0zm-34.55-1.08h33.45a16.74 16.74 0 0 0-33.46 0z" fill="#5f6368"/><path d="M433.65 136.79h-34.56a17.28 17.28 0 1 1 34.56 0z" fill="#414447"/><path d="M339.22 200H157.78V75.65a5.3 5.3 0 0 1 5.28-5.28h170.88a5.3 5.3 0 0 1 5.28 5.28z" fill="#262628"/><path d="M330.58 71.45a7.57 7.57 0 0 1 7.56 7.55v119.89H158.86V79a7.57 7.57 0 0 1 7.56-7.56h164.16m0-1.08H166.42a8.67 8.67 0 0 0-8.64 8.64v121h181.44V79a8.67 8.67 0 0 0-8.64-8.64zM131.86 207.53h233.28v1.08H131.86z" fill="#5f6368"/><path d="M169.2 115.84a25.87 25.87 0 0 0-20.2 9.64 17.24 17.24 0 0 0-23 16.28h69.12a25.92 25.92 0 0 0-25.92-25.92z" fill="#292a2d"/><path d="M195.66 142.3h-70.2v-.54a17.78 17.78 0 0 1 23.39-16.91 26.46 26.46 0 0 1 46.81 16.91zm-69.11-1.08h68a25.38 25.38 0 0 0-45.12-15.4l-.24.3-.36-.13a16.7 16.7 0 0 0-22.31 15.23z" fill="#5f6368"/><path d="M76.24 163.72l7.41-7.41c15.18 15.18 31.38 22.86 48.15 22.82 26.34-.06 45.71-19.31 45.9-19.5l7.47 7.35c-.9.92-22.47 22.5-53.22 22.63-19.71.08-38.45-8.61-55.71-25.89z" fill="#8ab4f8"/><path d="M-16.4 158.16l-7.41-7.41a80.9 80.9 0 0 1 32.5-18.36c18.15-5.14 45.89-5.16 75 23.92l-7.41 7.41c-20.5-20.46-42.28-27.61-64.74-21.25a70.69 70.69 0 0 0-27.94 15.69z" fill="#414447"/><path d="M1273.24 78.47a22.41 22.41 0 1 1 8.31-1.61 22.29 22.29 0 0 1-8.31 1.61zm0-43.53a21.16 21.16 0 0 0-19.64 29 21.14 21.14 0 1 0 19.64-29zM1238 259h-160a13.57 13.57 0 0 1-13.55-13.55v-20h1.2v20a12.37 12.37 0 0 0 12.35 12.31h160a12.37 12.37 0 0 0 12.35-12.35v-87.1A12.37 12.37 0 0 0 1238 146h-24v-1.2h24a13.57 13.57 0 0 1 13.55 13.55v87.05A13.57 13.57 0 0 1 1238 259z" fill="#5f6368"/><path fill="#5f6368" d="M1214.01 145.96H1122l6-1.2h86.01v1.2z"/><path d="M1065.6 199.36h-1.2v-41a13.57 13.57 0 0 1 13.6-13.6h59V146h-59a12.37 12.37 0 0 0-12.35 12.35z" fill="#5f6368"/><path d="M1080 185.56a28.74 28.74 0 0 0-22.41 10.71 19.16 19.16 0 0 0-25.59 18.09h76.8a28.8 28.8 0 0 0-28.8-28.8z" fill="#262628"/><path d="M1109.45 215h-78v-.6a19.76 19.76 0 0 1 26-18.79 29.4 29.4 0 0 1 52 18.79zm-76.79-1.2h75.59a28.2 28.2 0 0 0-50.13-17.11l-.27.33-.4-.14a18.55 18.55 0 0 0-24.78 16.92z" fill="#5f6368"/><path fill="#f8f9fa" d="M997.34 58.76l71.32-60.81"/><path fill="#5f6368" d="M996.638 57.935l71.36-60.755 1.297 1.523-71.36 60.754z"/><path d="M1282.86 111.16h-11.65a89.89 89.89 0 0 0 11.11 40c10.22 18.29 32 40.1 77.68 40.1v-11.68c-32.14 0-54.86-11.49-67.52-34.14a78.55 78.55 0 0 1-9.62-34.28z" fill="#414447"/><path fill="none" d="M0-.36h1360v239.72H0z"/></svg>
\ No newline at end of file
...@@ -116,9 +116,7 @@ ...@@ -116,9 +116,7 @@
} }
#banner { #banner {
background-color: rgb(248, 249, 250); background: url(../images/sync_banner.svg) no-repeat;
background-image: url(../images/sync_banner.svg);
background-repeat: no-repeat;
background-size: 100% auto; background-size: 100% auto;
display: none; display: none;
padding-top: calc(120 / 680 * 100%); /* Keep background ratio. */ padding-top: calc(120 / 680 * 100%); /* Keep background ratio. */
...@@ -126,6 +124,10 @@ ...@@ -126,6 +124,10 @@
@apply --promo-banner; @apply --promo-banner;
} }
:host-context([dark]) #banner {
background-image: url(../images/sync_banner_dark.svg);
}
:host([showing-promo]) #banner { :host([showing-promo]) #banner {
display: block; display: block;
} }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment