diff options
Diffstat (limited to 'browser/components/newtab/data/content/assets/remote')
3 files changed, 124 insertions, 0 deletions
diff --git a/browser/components/newtab/data/content/assets/remote/pin-to-taskbar-v1.svg b/browser/components/newtab/data/content/assets/remote/pin-to-taskbar-v1.svg new file mode 100644 index 0000000000..a1ef351caa --- /dev/null +++ b/browser/components/newtab/data/content/assets/remote/pin-to-taskbar-v1.svg @@ -0,0 +1,4 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="516" height="160" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill="#fff" d="M0 0h516v160H0z"/><path fill="#F0F0F4" d="M0 95.853h516.129V160H0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M385.622 0H146.728v95.853h238.894V0zM297.88 160V95.853h-64.147V160h64.147z" fill="#9F9FAD"/><path d="M281.659 122.372c-.734-1.718-2.222-3.572-3.39-4.158.951 1.812 1.501 3.63 1.711 4.986l.004.027c-1.911-4.63-5.151-6.497-7.797-10.562-.133-.206-.267-.412-.398-.629a5.318 5.318 0 0 1-.186-.34 2.918 2.918 0 0 1-.252-.65.046.046 0 0 0-.011-.029.048.048 0 0 0-.028-.015.055.055 0 0 0-.031 0l-.009.005c-.004.001-.008.004-.012.007l.007-.01c-4.245 2.417-5.685 6.888-5.817 9.125a8.602 8.602 0 0 0-4.651 1.742 5.125 5.125 0 0 0-.438-.321 7.41 7.41 0 0 1-.047-4.015c-1.736.769-3.086 1.983-4.067 3.056h-.008c-.67-.825-.623-3.546-.585-4.114-.008-.035-.499.248-.564.291-.591.41-1.144.87-1.651 1.375a14.448 14.448 0 0 0-1.578 1.84l-.001.002.001-.002a13.682 13.682 0 0 0-2.268 4.977l-.022.108c-.032.145-.147.868-.167 1.026l-.003.035c-.148.748-.24 1.506-.275 2.267l-.001.084c0 9.072 7.566 16.426 16.898 16.426 8.357 0 15.297-5.898 16.656-13.646.028-.211.051-.422.076-.634.336-2.817-.037-5.778-1.096-8.254zm-19.476 12.858c.079.036.153.077.235.112l.011.007a9.319 9.319 0 0 1-.246-.119zm17.802-11.999l-.002-.016.003.018-.001-.002z" fill="url(#paint0_linear)"/><path d="M281.659 122.372c-.734-1.718-2.221-3.572-3.39-4.158.951 1.812 1.501 3.63 1.712 4.986l.002.015.003.018c1.594 4.202.726 8.475-.526 11.086-1.936 4.04-6.624 8.181-13.962 7.979-7.928-.218-14.913-5.937-16.217-13.428-.237-1.181 0-1.781.12-2.74-.146.739-.201.953-.274 2.266l-.002.084c0 9.072 7.566 16.426 16.898 16.426 8.357 0 15.297-5.898 16.656-13.646.028-.211.051-.422.076-.634.336-2.817-.037-5.778-1.096-8.254z" fill="url(#paint1_radial)"/><path d="M281.659 122.372c-.734-1.718-2.221-3.572-3.39-4.158.951 1.812 1.501 3.63 1.712 4.986l.002.015.003.018c1.594 4.202.726 8.475-.526 11.086-1.936 4.04-6.624 8.181-13.962 7.979-7.928-.218-14.913-5.937-16.217-13.428-.237-1.181 0-1.781.12-2.74-.146.739-.201.953-.274 2.266l-.002.084c0 9.072 7.566 16.426 16.898 16.426 8.357 0 15.297-5.898 16.656-13.646.028-.211.051-.422.076-.634.336-2.817-.037-5.778-1.096-8.254z" fill="url(#paint2_radial)"/><path d="M273.448 124.303l.105.075a8.967 8.967 0 0 0-1.569-1.99c-5.253-5.106-1.377-11.072-.724-11.375l.007-.009c-4.245 2.417-5.685 6.888-5.817 9.125.197-.013.393-.029.594-.029a8.572 8.572 0 0 1 7.404 4.203z" fill="url(#paint3_radial)"/><path d="M266.054 125.322c-.027.409-1.512 1.818-2.032 1.818-4.805 0-5.585 2.826-5.585 2.826.213 2.379 1.917 4.339 3.981 5.376.094.047.189.09.284.132.164.07.329.136.497.197a7.686 7.686 0 0 0 2.198.413c8.423.384 10.054-9.789 3.976-12.743 1.557-.263 3.172.345 4.075.961a8.574 8.574 0 0 0-7.404-4.203c-.201 0-.397.017-.594.03a8.591 8.591 0 0 0-4.65 1.742c.257.212.548.495 1.161 1.082 1.146 1.098 4.087 2.236 4.093 2.369z" fill="url(#paint4_radial)"/><path d="M266.054 125.322c-.027.409-1.512 1.818-2.032 1.818-4.805 0-5.585 2.826-5.585 2.826.213 2.379 1.917 4.339 3.981 5.376.094.047.189.09.284.132.164.07.329.136.497.197a7.686 7.686 0 0 0 2.198.413c8.423.384 10.054-9.789 3.976-12.743 1.557-.263 3.172.345 4.075.961a8.574 8.574 0 0 0-7.404-4.203c-.201 0-.397.017-.594.03a8.591 8.591 0 0 0-4.65 1.742c.257.212.548.495 1.161 1.082 1.146 1.098 4.087 2.236 4.093 2.369z" fill="url(#paint5_radial)"/><path d="M260.011 121.325c.118.074.235.149.351.225a7.41 7.41 0 0 1-.048-4.015c-1.736.769-3.086 1.984-4.067 3.056.081-.002 2.532-.045 3.764.734z" fill="url(#paint6_radial)"/><path d="M249.281 128.87c1.304 7.491 8.289 13.21 16.217 13.428 7.338.202 12.026-3.939 13.962-7.979 1.252-2.611 2.12-6.883.526-11.086l-.001-.002-.002-.016-.002-.015.003.027c.599 3.805-1.392 7.491-4.504 9.984l-.009.021c-6.064 4.801-11.867 2.896-13.042 2.117a9.319 9.319 0 0 1-.246-.119c-3.535-1.643-4.996-4.774-4.683-7.46-2.985 0-4.003-2.448-4.003-2.448s2.68-1.858 6.213-.242c3.271 1.497 6.344.242 6.344.242-.006-.133-2.947-1.27-4.094-2.369-.612-.587-.903-.869-1.161-1.082a5.054 5.054 0 0 0-.437-.321 21.016 21.016 0 0 0-.351-.226c-1.232-.778-3.683-.736-3.764-.733h-.008c-.67-.825-.623-3.546-.585-4.115-.008-.035-.499.249-.564.291a12.17 12.17 0 0 0-1.651 1.376 14.38 14.38 0 0 0-1.578 1.84l-.001.002.001-.002a13.663 13.663 0 0 0-2.267 4.977c-.009.035-.609 2.587-.313 3.91z" fill="url(#paint7_radial)"/><path d="M271.984 122.388a8.967 8.967 0 0 1 1.569 1.99c.093.068.18.136.253.202 3.831 3.431 1.824 8.285 1.674 8.631 3.112-2.493 5.103-6.179 4.504-9.984-1.911-4.63-5.151-6.497-7.796-10.562a21.951 21.951 0 0 1-.399-.629 5.318 5.318 0 0 1-.186-.34 2.968 2.968 0 0 1-.252-.65.046.046 0 0 0-.011-.029.048.048 0 0 0-.028-.015.055.055 0 0 0-.031 0l-.009.005a.052.052 0 0 0-.012.007c-.653.302-4.529 6.268.724 11.374z" fill="url(#paint8_radial)"/><path d="M273.806 124.58a3.198 3.198 0 0 0-.253-.202l-.105-.075c-.903-.617-2.518-1.225-4.075-.962 6.078 2.954 4.446 13.127-3.976 12.743a7.713 7.713 0 0 1-2.198-.412 9.696 9.696 0 0 1-.497-.198 6.598 6.598 0 0 1-.284-.132l.011.007c1.175.779 6.978 2.683 13.042-2.117l.009-.021c.15-.346 2.157-5.2-1.674-8.631z" fill="url(#paint9_radial)"/><path d="M258.437 129.966s.78-2.826 5.585-2.826c.52 0 2.005-1.409 2.032-1.818.028-.408-3.072 1.255-6.344-.242-3.533-1.616-6.213.242-6.213.242s1.018 2.448 4.003 2.448c-.313 2.686 1.148 5.818 4.683 7.46.079.037.153.077.234.112-2.063-1.037-3.767-2.997-3.98-5.376z" fill="url(#paint10_radial)"/><path d="M281.659 122.372c-.734-1.718-2.222-3.572-3.39-4.158.951 1.812 1.501 3.63 1.712 4.986l.003.027c-1.911-4.63-5.151-6.497-7.796-10.562a21.951 21.951 0 0 1-.399-.629 5.318 5.318 0 0 1-.186-.34 2.918 2.918 0 0 1-.252-.65.046.046 0 0 0-.011-.029.048.048 0 0 0-.028-.015.055.055 0 0 0-.031 0l-.009.005a.052.052 0 0 0-.012.007l.007-.01c-4.245 2.417-5.685 6.888-5.817 9.125.197-.013.393-.029.593-.029a8.57 8.57 0 0 1 7.404 4.203c-.902-.616-2.518-1.225-4.074-.962 6.078 2.954 4.446 13.127-3.976 12.743a7.726 7.726 0 0 1-2.199-.412 9.662 9.662 0 0 1-.496-.198 6.634 6.634 0 0 1-.285-.132l.012.007a9.319 9.319 0 0 1-.246-.119c.079.036.153.077.234.112-2.064-1.037-3.768-2.997-3.98-5.376 0 0 .78-2.826 5.585-2.826.519 0 2.004-1.409 2.032-1.818-.007-.133-2.948-1.27-4.094-2.369-.613-.587-.904-.869-1.161-1.082a4.919 4.919 0 0 0-.438-.321 7.4 7.4 0 0 1-.047-4.015c-1.736.769-3.086 1.983-4.068 3.056h-.008c-.67-.825-.622-3.546-.584-4.114-.008-.036-.5.248-.564.29-.591.411-1.144.871-1.652 1.376a14.452 14.452 0 0 0-1.577 1.84l-.001.002.001-.002a13.682 13.682 0 0 0-2.268 4.977l-.022.108c-.032.145-.175.879-.195 1.036-.002.012.001-.012 0 0-.13.759-.214 1.524-.249 2.292l-.002.084c0 9.072 7.566 16.426 16.898 16.426 8.357 0 15.297-5.898 16.656-13.646.028-.211.051-.422.076-.634.336-2.817-.037-5.778-1.096-8.254zm-1.676.843l.003.018-.001-.002-.002-.016z" fill="url(#paint11_linear)"/><circle cx="194.654" cy="128.295" r="16.959" fill="#E0E0E6"/><circle cx="123.871" cy="128.295" r="16.959" fill="#E0E0E6"/><circle cx="53.088" cy="128.295" r="16.959" fill="#E0E0E6"/><circle cx="337.696" cy="128.295" r="16.959" fill="#E0E0E6"/><path stroke="#80808F" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M169.864 74.548l12.171-12.172M182.034 74.649l-12.171-12.171"/><path fill="#AFAFBA" d="M196.439 60.461h68.571v16.221h-68.571zM270.909 60.461h49.401v16.221h-49.401z"/><path d="M165.094 31.265h6.118v4.26a1.315 1.315 0 0 0 1.314 1.313 5.763 5.763 0 0 0 4.1-1.698l.159-.16a3.174 3.174 0 0 1 4.485 0l.544.545a1.315 1.315 0 0 0 2.243-.93v-9.288a1.309 1.309 0 0 0-.811-1.214 1.314 1.314 0 0 0-1.432.285l-.544.544a3.172 3.172 0 0 1-4.485 0l-.157-.157a5.298 5.298 0 0 0-4.182-1.699 1.314 1.314 0 0 0-1.234 1.312v4.26h-6.118a1.315 1.315 0 0 0-.914 2.234c.242.246.57.387.914.393zm8.746-5.333c.346.177.661.41.931.691l.157.157a5.766 5.766 0 0 0 4.099 1.699 5.798 5.798 0 0 0 2.403-.517l-.001 3.98a5.779 5.779 0 0 0-2.4-.518 5.76 5.76 0 0 0-4.101 1.699l-.16.16c-.268.27-.583.488-.929.646l.001-7.997z" fill="#fff"/><path fill="#CFCFD8" d="M196.439 22.12h68.571v16.221h-68.571zM269.434 22.12h19.908v16.221h-19.908zM293.766 22.12h44.24v16.221h-44.24z"/></g><defs><linearGradient id="paint0_linear" x1="278.572" y1="116.256" x2="252.177" y2="142.445" gradientUnits="userSpaceOnUse"><stop offset=".05" stop-color="#FFF44F"/><stop offset=".37" stop-color="#FF980E"/><stop offset=".53" stop-color="#FF3647"/><stop offset=".7" stop-color="#E31587"/></linearGradient><radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(34.5601 0 0 34.166 272.511 114.78)"><stop offset=".13" stop-color="#FFBD4F"/><stop offset=".28" stop-color="#FF980E"/><stop offset=".47" stop-color="#FF3750"/><stop offset=".78" stop-color="#EB0878"/><stop offset=".86" stop-color="#E50080"/></radialGradient><radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(35.4241 0 0 34.166 262.489 128.891)"><stop offset=".3" stop-color="#960E18"/><stop offset=".35" stop-color="#B11927" stop-opacity=".74"/><stop offset=".43" stop-color="#DB293D" stop-opacity=".34"/><stop offset=".5" stop-color="#F5334B" stop-opacity=".09"/><stop offset=".53" stop-color="#FF3750" stop-opacity="0"/></radialGradient><radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.3435 0 0 18.7236 269.339 109.399)"><stop offset=".13" stop-color="#FFF44F"/><stop offset=".53" stop-color="#FF980E"/></radialGradient><radialGradient id="paint4_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(15.0105 0 0 15.9947 261.854 137.711)"><stop offset=".35" stop-color="#3A8EE6"/><stop offset=".67" stop-color="#9059FF"/><stop offset="1" stop-color="#C139E6"/></radialGradient><radialGradient id="paint5_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(7.97059 0 0 9.43688 264.418 125.378)"><stop offset=".21" stop-color="#9059FF" stop-opacity="0"/><stop offset=".97" stop-color="#6E008B" stop-opacity=".6"/></radialGradient><radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.9334 0 0 11.6432 264.888 113.521)"><stop offset=".1" stop-color="#FFE226"/><stop offset=".79" stop-color="#FF7139"/></radialGradient><radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(56.9727 0 0 46.497 275.787 105.882)"><stop offset=".11" stop-color="#FFF44F"/><stop offset=".46" stop-color="#FF980E"/><stop offset=".72" stop-color="#FF3647"/><stop offset=".9" stop-color="#E31587"/></radialGradient><radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(77.046 51.169 220.542) scale(17.5976 78.0841)"><stop stop-color="#FFF44F"/><stop offset=".3" stop-color="#FF980E"/><stop offset=".57" stop-color="#FF3647"/><stop offset=".74" stop-color="#E31587"/></radialGradient><radialGradient id="paint9_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(32.7107 0 0 31.2434 265.011 117.708)"><stop offset=".14" stop-color="#FFF44F"/><stop offset=".48" stop-color="#FF980E"/><stop offset=".66" stop-color="#FF3647"/><stop offset=".9" stop-color="#E31587"/></radialGradient><radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(39.3171 0 0 34.1968 273.501 119.536)"><stop offset=".09" stop-color="#FFF44F"/><stop offset=".63" stop-color="#FF980E"/></radialGradient><linearGradient id="paint11_linear" x1="276.125" y1="115.747" x2="255.092" y2="139.385" gradientUnits="userSpaceOnUse"><stop offset=".17" stop-color="#FFF44F" stop-opacity=".8"/><stop offset=".6" stop-color="#FFF44F" stop-opacity="0"/></linearGradient><clipPath id="clip0"><path fill="#fff" d="M0 0h516v160H0z"/></clipPath></defs></svg>
\ No newline at end of file diff --git a/browser/components/newtab/data/content/assets/remote/pin-to-taskbar-v2.svg b/browser/components/newtab/data/content/assets/remote/pin-to-taskbar-v2.svg new file mode 100644 index 0000000000..17c6f16ff3 --- /dev/null +++ b/browser/components/newtab/data/content/assets/remote/pin-to-taskbar-v2.svg @@ -0,0 +1,116 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="608" height="197" viewBox="0 0 608 197" fill="none" xmlns="http://www.w3.org/2000/svg"> +<g clip-path="url(#clip0)"> +<rect width="607" height="197" transform="translate(0.5)" fill="#F0F0F4"/> +<rect x="96.5" y="146" width="511" height="51" fill="#80808F"/> +<path fill-rule="evenodd" clip-rule="evenodd" d="M503.828 70H314.057V146.143H503.828V70ZM434.128 146.143H383.171V197.1H434.128V146.143Z" fill="#141422"/> +<path d="M421.179 167.097C420.608 165.723 419.451 164.24 418.543 163.771C419.282 165.221 419.71 166.675 419.874 167.76C419.874 167.762 419.875 167.767 419.876 167.782C418.39 164.078 415.87 162.584 413.812 159.332C413.709 159.167 413.604 159.003 413.503 158.829C413.451 158.74 413.403 158.649 413.358 158.557C413.273 158.392 413.207 158.217 413.162 158.037C413.162 158.028 413.159 158.02 413.154 158.014C413.148 158.007 413.14 158.003 413.132 158.002C413.124 157.999 413.115 157.999 413.107 158.002C413.105 158.002 413.103 158.005 413.101 158.005C413.098 158.006 413.094 158.009 413.091 158.011C413.092 158.009 413.096 158.004 413.096 158.003C409.795 159.937 408.675 163.514 408.572 165.303C407.254 165.394 405.993 165.88 404.955 166.697C404.846 166.605 404.733 166.52 404.614 166.44C404.315 165.392 404.302 164.283 404.578 163.228C403.227 163.843 402.177 164.815 401.414 165.673H401.408C400.887 165.013 400.924 162.836 400.953 162.381C400.947 162.353 400.565 162.58 400.515 162.614C400.055 162.942 399.625 163.311 399.23 163.714C398.781 164.17 398.37 164.662 398.003 165.186C398.003 165.187 398.002 165.188 398.002 165.188C398.002 165.188 398.003 165.187 398.003 165.186C397.158 166.384 396.558 167.737 396.239 169.168C396.233 169.196 396.228 169.226 396.222 169.255C396.197 169.37 396.108 169.949 396.092 170.075C396.091 170.085 396.091 170.094 396.089 170.103C395.974 170.702 395.903 171.308 395.876 171.917C395.876 171.939 395.875 171.961 395.875 171.984C395.875 179.242 401.759 185.125 409.018 185.125C415.518 185.125 420.916 180.406 421.972 174.208C421.994 174.04 422.012 173.87 422.032 173.701C422.293 171.447 422.003 169.078 421.179 167.097ZM406.031 177.384C406.093 177.413 406.151 177.445 406.214 177.473C406.216 177.475 406.22 177.477 406.223 177.479C406.158 177.448 406.095 177.416 406.031 177.384ZM419.877 167.785L419.876 167.772C419.876 167.777 419.877 167.782 419.878 167.786L419.877 167.785Z" fill="url(#paint0_linear)"/> +<path d="M421.18 167.097C420.608 165.723 419.451 164.24 418.543 163.771C419.282 165.221 419.71 166.675 419.874 167.76C419.874 167.757 419.874 167.763 419.876 167.772C419.876 167.777 419.877 167.782 419.878 167.786C421.118 171.148 420.442 174.567 419.469 176.655C417.963 179.887 414.317 183.2 408.609 183.038C402.443 182.864 397.011 178.288 395.997 172.296C395.812 171.351 395.997 170.871 396.09 170.104C395.976 170.695 395.933 170.866 395.876 171.917C395.876 171.939 395.875 171.962 395.875 171.984C395.875 179.242 401.759 185.125 409.018 185.125C415.518 185.125 420.916 180.406 421.972 174.208C421.995 174.04 422.012 173.87 422.032 173.701C422.293 171.447 422.003 169.078 421.18 167.097Z" fill="url(#paint1_radial)"/> +<path d="M421.18 167.097C420.608 165.723 419.451 164.24 418.543 163.771C419.282 165.221 419.71 166.675 419.874 167.76C419.874 167.757 419.874 167.763 419.876 167.772C419.876 167.777 419.877 167.782 419.878 167.786C421.118 171.148 420.442 174.567 419.469 176.655C417.963 179.887 414.317 183.2 408.609 183.038C402.443 182.864 397.011 178.288 395.997 172.296C395.812 171.351 395.997 170.871 396.09 170.104C395.976 170.695 395.933 170.866 395.876 171.917C395.876 171.939 395.875 171.962 395.875 171.984C395.875 179.242 401.759 185.125 409.018 185.125C415.518 185.125 420.916 180.406 421.972 174.208C421.995 174.04 422.012 173.87 422.032 173.701C422.293 171.447 422.003 169.078 421.18 167.097Z" fill="url(#paint2_radial)"/> +<path d="M414.793 168.642C414.821 168.662 414.847 168.682 414.874 168.702C414.544 168.117 414.134 167.581 413.654 167.11C409.569 163.025 412.583 158.253 413.091 158.011C413.093 158.009 413.096 158.004 413.097 158.003C409.795 159.937 408.675 163.514 408.572 165.303C408.725 165.292 408.878 165.28 409.034 165.28C411.498 165.28 413.643 166.634 414.793 168.642Z" fill="url(#paint3_radial)"/> +<path d="M409.042 169.458C409.021 169.785 407.866 170.912 407.462 170.912C403.725 170.912 403.118 173.173 403.118 173.173C403.283 175.076 404.609 176.644 406.214 177.473C406.287 177.511 406.361 177.545 406.435 177.579C406.562 177.636 406.691 177.688 406.821 177.737C407.372 177.932 407.948 178.043 408.531 178.067C415.082 178.374 416.351 170.236 411.624 167.873C412.834 167.662 414.091 168.149 414.793 168.642C413.644 166.634 411.498 165.28 409.034 165.28C408.878 165.28 408.726 165.292 408.573 165.303C407.254 165.394 405.994 165.879 404.955 166.697C405.156 166.866 405.382 167.093 405.858 167.563C406.75 168.441 409.037 169.351 409.042 169.458Z" fill="url(#paint4_radial)"/> +<path d="M409.042 169.458C409.021 169.785 407.866 170.912 407.462 170.912C403.725 170.912 403.118 173.173 403.118 173.173C403.283 175.076 404.609 176.644 406.214 177.473C406.287 177.511 406.361 177.545 406.435 177.579C406.562 177.636 406.691 177.688 406.821 177.737C407.372 177.932 407.948 178.043 408.531 178.067C415.082 178.374 416.351 170.236 411.624 167.873C412.834 167.662 414.091 168.149 414.793 168.642C413.644 166.634 411.498 165.28 409.034 165.28C408.878 165.28 408.726 165.292 408.573 165.303C407.254 165.394 405.994 165.879 404.955 166.697C405.156 166.866 405.382 167.093 405.858 167.563C406.75 168.441 409.037 169.351 409.042 169.458Z" fill="url(#paint5_radial)"/> +<path d="M404.342 166.26C404.434 166.319 404.525 166.379 404.615 166.44C404.315 165.392 404.302 164.283 404.578 163.228C403.228 163.843 402.177 164.815 401.414 165.673C401.477 165.671 403.384 165.637 404.342 166.26Z" fill="url(#paint6_radial)"/> +<path d="M395.997 172.296C397.011 178.288 402.443 182.864 408.609 183.038C414.317 183.2 417.963 179.887 419.469 176.655C420.442 174.566 421.118 171.148 419.878 167.787L419.878 167.785L419.876 167.772C419.874 167.763 419.874 167.757 419.874 167.76C419.874 167.762 419.875 167.767 419.876 167.782C420.343 170.826 418.794 173.775 416.374 175.769L416.366 175.786C411.65 179.626 407.136 178.103 406.223 177.479C406.158 177.448 406.095 177.417 406.031 177.384C403.281 176.07 402.145 173.565 402.389 171.416C400.067 171.416 399.275 169.458 399.275 169.458C399.275 169.458 401.36 167.972 404.108 169.264C406.652 170.461 409.042 169.458 409.042 169.458C409.037 169.351 406.75 168.441 405.858 167.563C405.382 167.093 405.155 166.867 404.955 166.697C404.846 166.605 404.733 166.519 404.615 166.44C404.524 166.379 404.434 166.319 404.342 166.26C403.384 165.637 401.477 165.671 401.414 165.672H401.408C400.887 165.013 400.924 162.836 400.953 162.381C400.947 162.353 400.565 162.58 400.515 162.614C400.055 162.942 399.625 163.31 399.23 163.714C398.781 164.17 398.37 164.662 398.003 165.186C398.003 165.187 398.003 165.188 398.002 165.188C398.002 165.188 398.003 165.187 398.003 165.186C397.158 166.384 396.558 167.737 396.239 169.168C396.233 169.196 395.766 171.237 395.997 172.296Z" fill="url(#paint7_radial)"/> +<path d="M413.654 167.11C414.134 167.581 414.544 168.117 414.874 168.702C414.947 168.757 415.014 168.811 415.072 168.864C418.051 171.609 416.49 175.492 416.374 175.769C418.794 173.775 420.342 170.826 419.876 167.782C418.39 164.078 415.87 162.584 413.812 159.332C413.709 159.167 413.604 159.003 413.503 158.829C413.451 158.74 413.403 158.649 413.358 158.557C413.273 158.392 413.207 158.217 413.162 158.037C413.162 158.028 413.159 158.02 413.154 158.014C413.148 158.007 413.14 158.003 413.132 158.002C413.124 157.999 413.115 157.999 413.107 158.002C413.105 158.002 413.103 158.005 413.101 158.005C413.098 158.006 413.094 158.009 413.091 158.011C412.583 158.253 409.569 163.025 413.654 167.11Z" fill="url(#paint8_radial)"/> +<path d="M415.072 168.864C415.014 168.811 414.947 168.757 414.874 168.702C414.847 168.682 414.821 168.662 414.793 168.642C414.091 168.149 412.834 167.662 411.624 167.873C416.351 170.236 415.082 178.374 408.531 178.067C407.948 178.043 407.371 177.932 406.821 177.737C406.691 177.688 406.562 177.636 406.435 177.579C406.361 177.546 406.287 177.511 406.214 177.474C406.216 177.475 406.22 177.477 406.223 177.479C407.136 178.102 411.65 179.626 416.366 175.786L416.373 175.768C416.49 175.492 418.051 171.609 415.072 168.864Z" fill="url(#paint9_radial)"/> +<path d="M403.118 173.173C403.118 173.173 403.724 170.912 407.462 170.912C407.866 170.912 409.021 169.785 409.042 169.458C409.063 169.131 406.652 170.461 404.107 169.264C401.36 167.971 399.275 169.458 399.275 169.458C399.275 169.458 400.067 171.416 402.389 171.416C402.145 173.565 403.281 176.07 406.031 177.384C406.093 177.413 406.15 177.445 406.213 177.474C404.609 176.644 403.283 175.076 403.118 173.173Z" fill="url(#paint10_radial)"/> +<path d="M421.18 167.097C420.608 165.723 419.451 164.24 418.543 163.771C419.282 165.221 419.71 166.675 419.874 167.76C419.874 167.762 419.875 167.767 419.876 167.782C418.39 164.078 415.87 162.584 413.813 159.332C413.709 159.167 413.604 159.003 413.503 158.829C413.451 158.74 413.403 158.649 413.358 158.557C413.273 158.392 413.207 158.217 413.162 158.037C413.162 158.028 413.159 158.02 413.154 158.014C413.148 158.007 413.14 158.003 413.132 158.002C413.124 157.999 413.115 157.999 413.107 158.002C413.105 158.002 413.103 158.005 413.101 158.005C413.098 158.006 413.094 158.009 413.091 158.011C413.092 158.009 413.096 158.004 413.096 158.003C409.795 159.937 408.675 163.514 408.572 165.303C408.725 165.293 408.878 165.28 409.034 165.28C411.498 165.28 413.643 166.634 414.792 168.642C414.091 168.149 412.834 167.662 411.623 167.873C416.351 170.236 415.082 178.374 408.531 178.067C407.948 178.043 407.371 177.932 406.821 177.737C406.691 177.688 406.562 177.636 406.435 177.579C406.361 177.546 406.287 177.512 406.213 177.474C406.216 177.475 406.22 177.477 406.222 177.479C406.158 177.448 406.094 177.416 406.031 177.384C406.092 177.413 406.15 177.445 406.213 177.473C404.608 176.644 403.283 175.076 403.117 173.173C403.117 173.173 403.724 170.912 407.461 170.912C407.865 170.912 409.02 169.785 409.042 169.458C409.037 169.351 406.749 168.441 405.858 167.563C405.381 167.093 405.155 166.867 404.955 166.697C404.846 166.605 404.732 166.519 404.614 166.44C404.315 165.392 404.302 164.283 404.577 163.228C403.227 163.843 402.177 164.815 401.414 165.673H401.408C400.887 165.013 400.923 162.836 400.953 162.381C400.947 162.353 400.564 162.58 400.514 162.614C400.054 162.942 399.625 163.31 399.23 163.714C398.781 164.17 398.37 164.662 398.003 165.186C398.003 165.187 398.003 165.188 398.002 165.188C398.002 165.188 398.003 165.187 398.003 165.186C397.158 166.384 396.558 167.737 396.239 169.168C396.233 169.196 396.228 169.226 396.222 169.255C396.197 169.37 396.086 169.957 396.07 170.083C396.069 170.093 396.071 170.074 396.07 170.083C395.969 170.69 395.904 171.302 395.876 171.917C395.876 171.939 395.875 171.962 395.875 171.984C395.875 179.242 401.759 185.125 409.018 185.125C415.518 185.125 420.916 180.406 421.972 174.208C421.994 174.04 422.012 173.87 422.032 173.701C422.293 171.447 422.003 169.078 421.18 167.097ZM419.876 167.772C419.876 167.777 419.877 167.782 419.878 167.786L419.877 167.785L419.876 167.772Z" fill="url(#paint11_linear)"/> +<circle cx="352.128" cy="171.914" r="13.4714" fill="#9F9FAD"/> +<circle cx="295.9" cy="171.914" r="13.4714" fill="#9F9FAD"/> +<circle cx="239.671" cy="171.914" r="13.4714" fill="#9F9FAD"/> +<circle cx="465.757" cy="171.914" r="13.4714" fill="#9F9FAD"/> +<line x1="331.057" y1="128.637" x2="341.067" y2="118.627" stroke="#5B5B66" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> +<line x1="341.066" y1="130.223" x2="331.056" y2="120.213" stroke="#5B5B66" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> +<rect x="350.915" y="118.446" width="57.4179" height="12.5602" fill="#5B5B66"/> +<rect x="412.705" y="118.029" width="39.2429" height="12.8857" fill="#5B5B66"/> +<path d="M328.648 94.8357L333.508 94.8357L333.508 98.2196C333.508 98.4963 333.618 98.7617 333.813 98.9573C334.009 99.153 334.274 99.2629 334.551 99.263C335.156 99.2647 335.755 99.1464 336.315 98.9149C336.874 98.6833 337.381 98.3432 337.808 97.9141L337.935 97.7872C338.407 97.315 339.048 97.0498 339.716 97.0498C340.384 97.0498 341.025 97.315 341.497 97.7872L341.93 98.2196C342.076 98.3655 342.262 98.4648 342.464 98.5051C342.666 98.5453 342.876 98.5246 343.067 98.4456C343.257 98.3667 343.42 98.2329 343.535 98.0614C343.65 97.8898 343.711 97.6881 343.711 97.4817L343.711 90.1029C343.711 89.8965 343.65 89.6948 343.535 89.5232C343.42 89.3517 343.257 89.2179 343.067 89.1389C342.876 89.06 342.666 89.0393 342.464 89.0795C342.262 89.1198 342.076 89.2191 341.93 89.365L341.497 89.7974C341.025 90.2695 340.384 90.5348 339.716 90.5348C339.048 90.5348 338.407 90.2695 337.935 89.7974L337.81 89.6727C337.39 89.2171 336.874 88.8598 336.3 88.6266C335.725 88.3933 335.106 88.2896 334.487 88.3231C334.222 88.3393 333.973 88.4561 333.791 88.6497C333.609 88.8434 333.507 89.0992 333.508 89.365L333.508 92.7489L328.648 92.7489C328.374 92.7537 328.113 92.8657 327.922 93.0609C327.73 93.256 327.622 93.5187 327.622 93.7923C327.622 94.0659 327.73 94.3286 327.922 94.5237C328.113 94.7189 328.374 94.8309 328.648 94.8357ZM335.595 90.5995C335.87 90.7404 336.12 90.9259 336.334 91.1485L336.459 91.2732C336.886 91.7022 337.393 92.0423 337.952 92.274C338.511 92.5057 339.11 92.6242 339.715 92.6227C340.374 92.6237 341.025 92.4836 341.624 92.2117L341.624 95.3736C341.025 95.1014 340.375 94.9609 339.717 94.9618C339.112 94.9601 338.512 95.0785 337.953 95.3101C337.393 95.5418 336.886 95.8821 336.459 96.3114L336.332 96.4384C336.119 96.6526 335.869 96.8266 335.594 96.9519L335.595 90.5995Z" fill="white"/> +<rect x="350.913" y="87.9432" width="57.4179" height="12.5602" fill="#9F9FAD"/> +<rect x="411.532" y="87.5717" width="15.8143" height="12.8857" fill="#9F9FAD"/> +<rect x="430.86" y="87.5717" width="35.1429" height="12.8857" fill="#9F9FAD"/> +<rect x="0.5" width="294" height="197" fill="url(#paint12_linear)"/> +<path fill-rule="evenodd" clip-rule="evenodd" d="M120.646 11.4611L341.697 70.597C364.899 76.8038 365.608 109.468 342.697 116.675L124.996 185.167L120.646 11.4611ZM336.247 112.401C346.46 112.704 354.985 104.67 355.288 94.4575C355.591 84.2447 347.557 75.7199 337.345 75.4169C327.132 75.1138 318.607 83.1472 318.304 93.36C318.001 103.573 326.034 112.098 336.247 112.401Z" fill="#BFBFC9"/> +<circle cx="99.5" cy="99" r="90" fill="#15141A"/> +<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="9" y="9" width="181" height="180"> +<circle cx="99.5" cy="99" r="90" fill="#141422"/> +</mask> +<g mask="url(#mask0)"> +<path d="M59.794 101.009L79.6171 101.009L79.6171 114.812C79.6173 115.941 80.0657 117.023 80.8638 117.821C81.662 118.619 82.7444 119.068 83.8731 119.068C86.3414 119.075 88.7866 118.593 91.0671 117.648C93.3477 116.704 95.4181 115.316 97.1587 113.566L97.6764 113.048C99.604 111.122 102.217 110.04 104.942 110.04C107.667 110.04 110.281 111.122 112.208 113.048L113.972 114.812C114.567 115.407 115.326 115.812 116.151 115.977C116.977 116.141 117.833 116.056 118.61 115.734C119.388 115.412 120.053 114.867 120.52 114.167C120.988 113.467 121.238 112.644 121.238 111.802L121.238 81.7034C121.238 80.8617 120.988 80.0389 120.52 79.339C120.053 78.6391 119.388 78.0937 118.61 77.7715C117.833 77.4494 116.977 77.365 116.151 77.5291C115.326 77.6933 114.567 78.0985 113.972 78.6935L112.208 80.4573C110.281 82.3833 107.667 83.4652 104.942 83.4652C102.217 83.4652 99.604 82.3833 97.6764 80.4573L97.1677 79.9487C95.453 78.0901 93.3491 76.633 91.0062 75.6814C88.6634 74.7298 86.1393 74.3071 83.6142 74.4436C82.532 74.5097 81.5158 74.9863 80.773 75.776C80.0302 76.5658 79.6168 77.6093 79.6171 78.6935L79.6171 92.4969L59.794 92.4969C58.6781 92.5163 57.6144 92.9732 56.8321 93.7692C56.0497 94.5653 55.6114 95.6367 55.6114 96.7528C55.6114 97.8689 56.0497 98.9404 56.8321 99.7364C57.6144 100.532 58.6781 100.989 59.794 101.009ZM88.1321 83.7291C89.254 84.304 90.2731 85.0607 91.148 85.9684L91.6566 86.4771C93.3969 88.2271 95.4668 89.6147 97.7467 90.5596C100.027 91.5045 102.471 91.988 104.939 91.9822C107.625 91.9862 110.28 91.4146 112.726 90.3057L112.723 103.203C110.281 102.093 107.628 101.52 104.945 101.523C102.476 101.516 100.03 101.999 97.7492 102.944C95.4682 103.889 93.3973 105.277 91.6566 107.029L91.1389 107.546C90.2702 108.42 89.2505 109.13 88.1291 109.641L88.1321 83.7291Z" fill="white"/> +<rect x="169.5" y="71.6085" width="221.739" height="52.1739" fill="#9F9FAD"/> +</g> +</g> +<defs> +<linearGradient id="paint0_linear" x1="418.778" y1="162.204" x2="397.675" y2="182.561" gradientUnits="userSpaceOnUse"> +<stop offset="0.05" stop-color="#FFF44F"/> +<stop offset="0.37" stop-color="#FF980E"/> +<stop offset="0.53" stop-color="#FF3647"/> +<stop offset="0.7" stop-color="#E31587"/> +</linearGradient> +<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(414.064 161.024) scale(26.8801 27.3328)"> +<stop offset="0.13" stop-color="#FFBD4F"/> +<stop offset="0.28" stop-color="#FF980E"/> +<stop offset="0.47" stop-color="#FF3750"/> +<stop offset="0.78" stop-color="#EB0878"/> +<stop offset="0.86" stop-color="#E50080"/> +</radialGradient> +<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(406.27 172.313) scale(27.5521 27.3328)"> +<stop offset="0.3" stop-color="#960E18"/> +<stop offset="0.35" stop-color="#B11927" stop-opacity="0.74"/> +<stop offset="0.43" stop-color="#DB293D" stop-opacity="0.34"/> +<stop offset="0.5" stop-color="#F5334B" stop-opacity="0.09"/> +<stop offset="0.53" stop-color="#FF3750" stop-opacity="0"/> +</radialGradient> +<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(411.597 156.719) scale(8.82276 14.9788)"> +<stop offset="0.13" stop-color="#FFF44F"/> +<stop offset="0.53" stop-color="#FF980E"/> +</radialGradient> +<radialGradient id="paint4_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(405.775 179.369) scale(11.6748 12.7958)"> +<stop offset="0.35" stop-color="#3A8EE6"/> +<stop offset="0.67" stop-color="#9059FF"/> +<stop offset="1" stop-color="#C139E6"/> +</radialGradient> +<radialGradient id="paint5_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(407.77 169.502) scale(6.19934 7.54951)"> +<stop offset="0.21" stop-color="#9059FF" stop-opacity="0"/> +<stop offset="0.97" stop-color="#6E008B" stop-opacity="0.6"/> +</radialGradient> +<radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(408.135 160.016) scale(9.28154 9.31453)"> +<stop offset="0.1" stop-color="#FFE226"/> +<stop offset="0.79" stop-color="#FF7139"/> +</radialGradient> +<radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(416.612 153.906) scale(44.3121 37.1976)"> +<stop offset="0.11" stop-color="#FFF44F"/> +<stop offset="0.46" stop-color="#FF980E"/> +<stop offset="0.72" stop-color="#FF3647"/> +<stop offset="0.9" stop-color="#E31587"/> +</radialGradient> +<radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(400.155 166.19) rotate(77.3946) scale(14.0587 60.8158)"> +<stop stop-color="#FFF44F"/> +<stop offset="0.3" stop-color="#FF980E"/> +<stop offset="0.57" stop-color="#FF3647"/> +<stop offset="0.74" stop-color="#E31587"/> +</radialGradient> +<radialGradient id="paint9_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(408.231 163.367) scale(25.4416 24.9947)"> +<stop offset="0.14" stop-color="#FFF44F"/> +<stop offset="0.48" stop-color="#FF980E"/> +<stop offset="0.66" stop-color="#FF3647"/> +<stop offset="0.9" stop-color="#E31587"/> +</radialGradient> +<radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(414.834 164.828) scale(30.58 27.3574)"> +<stop offset="0.09" stop-color="#FFF44F"/> +<stop offset="0.63" stop-color="#FF980E"/> +</radialGradient> +<linearGradient id="paint11_linear" x1="416.875" y1="161.798" x2="400" y2="180.236" gradientUnits="userSpaceOnUse"> +<stop offset="0.17" stop-color="#FFF44F" stop-opacity="0.8"/> +<stop offset="0.6" stop-color="#FFF44F" stop-opacity="0"/> +</linearGradient> +<linearGradient id="paint12_linear" x1="168.5" y1="0" x2="294.5" y2="0" gradientUnits="userSpaceOnUse"> +<stop stop-color="#EDEDF0"/> +<stop offset="1" stop-color="#EDEDF0" stop-opacity="0"/> +</linearGradient> +<clipPath id="clip0"> +<rect width="607" height="197" fill="white" transform="translate(0.5)"/> +</clipPath> +</defs> +</svg> diff --git a/browser/components/newtab/data/content/assets/remote/pip-message-icon.svg b/browser/components/newtab/data/content/assets/remote/pip-message-icon.svg new file mode 100644 index 0000000000..0c214df71b --- /dev/null +++ b/browser/components/newtab/data/content/assets/remote/pip-message-icon.svg @@ -0,0 +1,4 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="64" height="64" xmlns="http://www.w3.org/2000/svg"><rect fill="#0060DF" width="64" height="64" rx="6"/><path d="M46 34a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H34a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm-4-16c3.308 0 6 2.692 6 6v4a2 2 0 1 1-4 0v-4c0-1.104-.898-2-2-2H22c-1.102 0-2 .896-2 2v16c0 1.104.898 2 2 2h4a2 2 0 1 1 0 4h-4c-3.308 0-6-2.692-6-6V24c0-3.308 2.692-6 6-6zm-19.708 6.292a1.003 1.003 0 0 1 1.416 0L28 28.586V27a1 1 0 0 1 2 0v4a1.003 1.003 0 0 1-1 1h-4a1 1 0 0 1 0-2h1.586l-4.294-4.292a1.003 1.003 0 0 1 0-1.416z" fill="#F9F9FA"/></svg>
\ No newline at end of file |
