new file mode 100644
--- /dev/null
+++ b/browser/extensions/onboarding/content/img/icons_addons-notification.svg
@@ -0,0 +1,1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}.cls-2{fill:#13bf00;}.cls-3{fill:#a0a7e6;}.cls-4{fill:#e1e1e5;}.cls-5{fill:#767aa8;}.cls-6{fill:#737eb3;}.cls-7{fill:#f5f5f7;}.cls-8{fill:#5df73e;}.cls-9{fill:#fff;}</style></defs><title>icons</title><path class="cls-1" d="M11.31,10.32a4.48,4.48,0,0,1-.52.36,4.41,4.41,0,0,0,.52-.36Z"/><path class="cls-1" d="M11.57,11.48a2.4,2.4,0,0,1-.68.26h-.67V11h0v.79h.67A2.44,2.44,0,0,0,11.57,11.48Z"/><path class="cls-1" d="M7.76,11.75H7.39a1.4,1.4,0,0,0-.67.17,1.39,1.39,0,0,1,.65-.16Z"/><path class="cls-1" d="M9.42,19.66c.35.4.47.49.77.49,0,0,.1,0,.19-.15a1.85,1.85,0,0,0,.27-1.1,1.7,1.7,0,0,0-.25-1,.3.3,0,0,0-.21-.14c-.3,0-.41.09-.77.49a3.39,3.39,0,0,1-.84.74A3.39,3.39,0,0,1,9.42,19.66Z"/><path class="cls-1" d="M7.75,4.12V7a.56.56,0,0,0,.56.56h2a.55.55,0,0,0,.24-.06.56.56,0,0,1-.21,0h-2A.56.56,0,0,1,7.78,7V4.1a.19.19,0,0,0-.19-.19l-.07,0h0l.07,0A.19.19,0,0,1,7.75,4.12Z"/><path class="cls-1" d="M12.49,6.11l.18,0-.16,0A3.74,3.74,0,0,0,11,4.17v0A3.74,3.74,0,0,1,12.49,6.11Z"/><path class="cls-1" d="M16.46,7.06h2.76a1,1,0,0,1,1,1V9.92a1,1,0,0,1-.61.93h0a1,1,0,0,0,.63-.94V8.07a1,1,0,0,0-1-1H16.49c-.35-.59-1.12-1.1-2.72-1.1A5,5,0,0,0,13,6,5.81,5.81,0,0,1,13.74,6C15.34,6,16.11,6.47,16.46,7.06Z"/><path class="cls-1" d="M10.16,21.16a1.1,1.1,0,0,0,.54-.15,1.1,1.1,0,0,1-.52.14c-1.45,0-1.52-1.49-2.63-1.49a1.68,1.68,0,0,0-.59.1,1.71,1.71,0,0,1,.57-.09C8.64,19.67,8.71,21.16,10.16,21.16Z"/><path class="cls-1" d="M7.93,18.13c.55-.2.82-.84,1.38-1.19C8.74,17.28,8.47,17.91,7.93,18.13Z"/><path class="cls-1" d="M12.93,23.27c0,1.46,1.44,1.66,1.44,2.77A1.4,1.4,0,0,1,14,27a1.38,1.38,0,0,0,.37-1c0-1.11-1.44-1.31-1.44-2.77A1.57,1.57,0,0,1,13.86,22,1.58,1.58,0,0,0,12.93,23.27Z"/><path class="cls-1" d="M17.59,11.51a.37.37,0,0,1,.35.23h2.47a1.44,1.44,0,0,1,1.43,1.45V15.3a3,3,0,0,0,.07.35c.11.4.36,1,1,1a.72.72,0,0,0,.31-.07.72.72,0,0,1-.28.06c-.59,0-.85-.61-1-1a3,3,0,0,1-.07-.35V13.18a1.44,1.44,0,0,0-1.43-1.45H18a.37.37,0,0,0-.35-.23v-.55h0Z"/><path class="cls-1" d="M27.52,18.18c0,1.58-.55,2.33-1.16,2.68.62-.34,1.18-1.1,1.18-2.69,0-2.54-1.41-2.84-2.23-2.84a2,2,0,0,0-1,.22,2,2,0,0,1,.94-.2C26.11,15.34,27.52,15.65,27.52,18.18Z"/><path class="cls-1" d="M21.84,21.06V26.2A1.45,1.45,0,0,1,21,27.52a1.45,1.45,0,0,0,.88-1.33V21s.11-1,.71-1.26C22,20,21.84,21.06,21.84,21.06Z"/><path class="cls-1" d="M15.26,22.64c-1,0-1.3.49-1.31.62,0,.36.16.53.51.89a3,3,0,0,1,.87,1.34,3,3,0,0,1,.84-1.33c.34-.36.5-.54.5-.89C16.64,23.14,16.23,22.64,15.26,22.64Z"/><path class="cls-2" d="M11.23,15.24a1,1,0,0,1,1-1h1.63v-.47a.36.36,0,0,1-.26-.09.37.37,0,0,1,.12-.61l.14-.06V12.3a.36.36,0,0,1-.26-.09.37.37,0,0,1,.12-.61l.14-.06v-.59H12.26l-.18,0a.88.88,0,0,1-.16.27l0,0-.15.14-.1.07-.09.05a2.44,2.44,0,0,1-.7.27h-.67v3.91h1Z"/><path class="cls-2" d="M7.76,14.48h0V11.75h-.4a1.39,1.39,0,0,0-.65.16A1.46,1.46,0,0,0,6,13.18v2.46h1.8Z"/><path class="cls-2" d="M12.71,7.06h3.75C16.11,6.47,15.34,6,13.74,6A5.81,5.81,0,0,0,13,6l-.29.06-.18,0A3.76,3.76,0,0,1,12.71,7.06Z"/><path class="cls-2" d="M17.73,12.22l-.14.06v.67a.37.37,0,0,1,.14.72l-.14.06v.49h1.63a1,1,0,0,1,1,1v.42h1.67a3,3,0,0,1-.07-.35V13.2a1.44,1.44,0,0,0-1.43-1.45H17.94A.37.37,0,0,1,17.73,12.22Z"/><path class="cls-3" d="M7.79,11v.79h0v2.73h.73V11A3.73,3.73,0,0,1,7.75,4.2V4.12a.19.19,0,0,0-.19-.19l-.07,0a3.76,3.76,0,0,0,.29,7Z"/><path class="cls-4" d="M9.64,7.56H8.32A.56.56,0,0,1,7.75,7V4.2A3.75,3.75,0,0,0,8.49,11v3.51h1.7v1.18h0V11h0a3.2,3.2,0,0,0,.57-.27,4.48,4.48,0,0,0,.52-.36,1,1,0,0,1-.08-.4V8.08a1,1,0,0,1,1-1h.46A3.84,3.84,0,0,0,11,4.2V7a.56.56,0,0,1-.35.52.55.55,0,0,1-.24.06Z"/><polygon class="cls-5" points="7.76 15.66 10.19 15.66 10.19 14.48 8.49 14.48 8.49 14.48 7.76 14.48 7.76 14.48 7.76 15.66"/><path class="cls-4" d="M17.59,14.21v-.49l-1.21.49h-2L17.45,13l.14,0v-.67L14,13.73a.35.35,0,0,1-.14,0v.47h-.34v1.44h4.4V14.21Z"/><path class="cls-6" d="M17.73,12.22a.37.37,0,0,0,.21-.48h0a.37.37,0,0,0-.35-.23v.77Z"/><path class="cls-6" d="M13.54,12.08a.37.37,0,0,0,.08.12.36.36,0,0,0,.26.09v-.76l-.14.06A.37.37,0,0,0,13.54,12.08Z"/><path class="cls-6" d="M17.73,13.67a.37.37,0,0,0-.14-.72v.77Z"/><path class="cls-6" d="M13.54,13.52a.37.37,0,0,0,.08.12.36.36,0,0,0,.26.09V13l-.14.06A.37.37,0,0,0,13.54,13.52Z"/><path class="cls-5" d="M14,12.28l3.31-1.34h-2l-1.46.59v.76A.35.35,0,0,0,14,12.28Z"/><path class="cls-5" d="M14.4,14.21h2l1.21-.49v-.77l-.14,0Z"/><path class="cls-5" d="M14,13.73l3.57-1.45v-.77l-.14,0L13.88,13v.76A.35.35,0,0,0,14,13.73Z"/><path class="cls-4" d="M17.94,10.29V7.06h-4.4v3.89h.34v.59l1.46-.59h2L14,12.28a.35.35,0,0,1-.14,0V13l3.57-1.45.14,0v-.56h.34v-.64Z"/><path class="cls-5" d="M11.34,10.31a1,1,0,0,0,.75.6h0l.18,0h1.28V7.06H12.26a1,1,0,0,0-1,1V9.92a1,1,0,0,0,.08.4h0Z"/><path class="cls-5" d="M13.54,15a.37.37,0,0,1,0-.28v-.47H12.26a1,1,0,0,0-1,1v.42h2.31V15Z"/><path class="cls-6" d="M13.54,15h0v-.29A.37.37,0,0,0,13.54,15Z"/><path class="cls-7" d="M20.24,9.92V8.08a1,1,0,0,0-1-1H17.94v3.87h1.31a1,1,0,0,0,1-1Z"/><path class="cls-7" d="M19.22,14.21H17.94v1.44h2.31v-.42A1,1,0,0,0,19.22,14.21Z"/><path class="cls-8" d="M21.91,15.66H6V16s-.15,2.18,1.6,2.18a1.06,1.06,0,0,0,.37-.06c.54-.21.81-.85,1.38-1.19a1.6,1.6,0,0,1,.88-.24c.72,0,1.46.68,1.46,2.19A2.27,2.27,0,0,1,10.71,21a1.1,1.1,0,0,1-.54.15c-1.45,0-1.52-1.49-2.63-1.49a1.71,1.71,0,0,0-.57.09c-1.12.42-1,2-1,2v4.42a1.44,1.44,0,0,0,1.43,1.45h4.86a3.4,3.4,0,0,0,1.12-.19l.21-.09.13-.08a1.51,1.51,0,0,0,.27-.21L14,27a1.4,1.4,0,0,0,.34-1c0-1.11-1.44-1.31-1.44-2.77a1.58,1.58,0,0,1,.93-1.3,2.89,2.89,0,0,1,1.4-.33c1.51,0,2.4.9,2.4,1.62,0,1.46-1.4,1.66-1.4,2.77,0,1.49,1.66,1.61,2.15,1.61h2a1.41,1.41,0,0,0,.56-.11,1.45,1.45,0,0,0,.85-1.32V21.06s.11-1,.73-1.27a.76.76,0,0,1,.31-.07c.88,0,.79,1.4,2.43,1.4a2.19,2.19,0,0,0,1.05-.26c.61-.35,1.16-1.11,1.16-2.68,0-2.54-1.41-2.84-2.23-2.84a2,2,0,0,0-.94.2c-.58.31-.76.88-1.18,1.05a.72.72,0,0,1-.31.07C22.27,16.67,22,16.06,21.91,15.66Z"/><path class="cls-9" d="M10.89,11.74a2.4,2.4,0,0,0,.68-.26l.09-.05.1-.07.15-.14,0,0a.88.88,0,0,0,.16-.27h0a1,1,0,0,1-.75-.6l0,0a4.41,4.41,0,0,1-.52.36,3.2,3.2,0,0,1-.57.27h0v.79Z"/><path class="cls-9" d="M6.06,11.14a2.46,2.46,0,0,0-1.1,2V16a3.57,3.57,0,0,0,.78,2.46,2.3,2.3,0,0,0,.64.48,2.3,2.3,0,0,0-.66.49A3.44,3.44,0,0,0,5,21.8v4.39a2.44,2.44,0,0,0,2.43,2.45h4.86a4.21,4.21,0,0,0,1.67-.33,2.37,2.37,0,0,0,1.41-1.67c.28,1.23,1.43,2,3.08,2h2a2.44,2.44,0,0,0,2.43-2.45V21.12a1.51,1.51,0,0,1,.05-.21,2.82,2.82,0,0,0,2.4,1.22c1.56,0,3.23-1,3.23-4A3.93,3.93,0,0,0,27.39,15a3.08,3.08,0,0,0-2.08-.71,2.86,2.86,0,0,0-2.38,1.16l0-.1c0-.07,0-.13,0-.17v-2a2.45,2.45,0,0,0-1.81-2.37,2,2,0,0,0,.21-.91V8.07a2,2,0,0,0-2-2H17a4.21,4.21,0,0,0-3.21-1.1,6.38,6.38,0,0,0-.67,0,4.73,4.73,0,0,0-1.62-1.66A1,1,0,0,0,10,4.17V6.55H8.78V4.1A1.19,1.19,0,0,0,7.12,3a4.77,4.77,0,0,0-1.06,8.13Zm9.27,14.36a3,3,0,0,0-.87-1.34c-.35-.36-.51-.54-.51-.89,0-.13.34-.62,1.31-.62s1.38.5,1.4.63c0,.35-.15.53-.5.89A3,3,0,0,0,15.32,25.49Zm-9-20.77a3.77,3.77,0,0,1,1.15-.78h0l.07,0a.19.19,0,0,1,.19.19V7a.56.56,0,0,0,.56.56h2A.56.56,0,0,0,11,7V4.17a3.74,3.74,0,0,1,1.56,1.92l.16,0L13,6a5,5,0,0,1,.8-.06c1.6,0,2.37.52,2.72,1.1h2.76a1,1,0,0,1,1,1V9.91a1,1,0,0,1-.63.94h0a1,1,0,0,1-.39.08H17.61v.55a.37.37,0,0,1,.35.23h2.47a1.44,1.44,0,0,1,1.43,1.45v2.11a3,3,0,0,0,.07.35c.11.4.36,1,1,1a.72.72,0,0,0,.28-.06c.43-.18.6-.74,1.18-1.05a2,2,0,0,1,1-.22c.82,0,2.23.3,2.23,2.84,0,1.6-.56,2.35-1.18,2.69a2.19,2.19,0,0,1-1.05.26c-1.64,0-1.55-1.4-2.43-1.4a.76.76,0,0,0-.31.07c-.6.27-.71,1.26-.71,1.26v5.14A1.45,1.45,0,0,1,21,27.52a1.41,1.41,0,0,1-.56.11h-2c-.49,0-2.15-.11-2.15-1.61,0-1.11,1.4-1.31,1.4-2.77,0-.72-.89-1.62-2.4-1.62a2.89,2.89,0,0,0-1.4.33,1.57,1.57,0,0,0-.91,1.29c0,1.46,1.44,1.66,1.44,2.77A1.38,1.38,0,0,1,14,27l-.05.05a1.51,1.51,0,0,1-.27.21l-.13.08-.21.09a3.4,3.4,0,0,1-1.12.19H7.39A1.44,1.44,0,0,1,6,26.18V21.77s-.11-1.59,1-2a1.68,1.68,0,0,1,.59-.1c1.11,0,1.17,1.49,2.63,1.49a1.1,1.1,0,0,0,.52-.14,2.27,2.27,0,0,0,.94-2.12c0-1.5-.74-2.19-1.46-2.19a1.6,1.6,0,0,0-.88.24c-.57.35-.83,1-1.38,1.19a1.06,1.06,0,0,1-.37.06C5.81,18.19,6,16,6,16v-.35H6V13.18a1.46,1.46,0,0,1,.76-1.27,1.4,1.4,0,0,1,.67-.17h.4V11A3.77,3.77,0,0,1,6.34,4.73Zm2.24,14.2a3.39,3.39,0,0,0,.84-.74c.35-.4.47-.49.77-.49a.3.3,0,0,1,.21.14,1.7,1.7,0,0,1,.25,1,1.85,1.85,0,0,1-.27,1.1c-.09.12-.17.15-.19.15-.3,0-.41-.09-.77-.49A3.39,3.39,0,0,0,8.58,18.93Z"/></svg>
\ No newline at end of file
new file mode 100644
--- /dev/null
+++ b/browser/extensions/onboarding/content/img/icons_customize-notification.svg
@@ -0,0 +1,1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}.cls-2{fill:gold;}.cls-3{fill:#f2cc00;}.cls-4{fill:#f70;}.cls-5{fill:#ff40df;}.cls-6{fill:#9400ff;}.cls-7{fill:#59acff;}.cls-8{fill:#13bf00;}.cls-9{fill:#de9b59;}.cls-10{fill:#cd6f14;}.cls-11{fill:#fff;}</style></defs><title>icons</title><path class="cls-1" d="M6.39,17.4h0Z"/><path class="cls-1" d="M12.25,18.28l.23.26.43.53.42.55c.17.22.33.45.49.68.31-.41.65-.84,1-1.27C16,17.51,17.07,16,16.07,15.22s-2.19.31-3.41,1.49l-1,1c.19.2.37.4.55.61Z"/><path class="cls-1" d="M4.06,11h0c.27.08.52.16.77.25l.21.08.52.22.18.08c.2.1.39.2.56.3h0a5.26,5.26,0,0,1,1.53,1.35v-.09a5.32,5.32,0,0,0-1.45-1.25h0c-.17-.11-.36-.21-.56-.3l-.18-.08-.51-.22-.21-.08c-.24-.09-.49-.17-.77-.25h0l-.14,0L3.9,11A.46.46,0,0,1,4,11Z"/><path class="cls-1" d="M6.66,17.38h.1Z"/><path class="cls-1" d="M16.72,25.52c.07.2.13.36.16.47l.05.17a1.17,1.17,0,0,1-.83,1.44,1.14,1.14,0,0,1-.35,0l.13,0A1.17,1.17,0,0,0,17,26.16L17,26c0-.11-.09-.27-.16-.47-.14-.38-.36-.92-.66-1.52L16,24C16.35,24.6,16.57,25.14,16.72,25.52Z"/><path class="cls-1" d="M28,14A10.14,10.14,0,0,1,18,24.18h0A10.14,10.14,0,1,0,18,3.9h0A10.14,10.14,0,0,1,28,14Z"/><path class="cls-2" d="M9.84,15a8.14,8.14,0,0,1,2.82,1.72c1.22-1.18,2.49-2.17,3.41-1.49S16,17.51,14.81,19a26.56,26.56,0,0,1,3,5.14H18a10.14,10.14,0,1,0-9.76-12.7,5.67,5.67,0,0,1,.87,1.14A6.4,6.4,0,0,1,9.84,15Zm14.54,3.59A1.74,1.74,0,1,1,25,16.1,1.8,1.8,0,0,1,24.38,18.57ZM23.32,8.74a1.8,1.8,0,0,1,2,1.6,1.87,1.87,0,0,1-3.72.26A1.8,1.8,0,0,1,23.32,8.74Zm-3.14,12a1.81,1.81,0,1,1-1.8-1.61A1.71,1.71,0,0,1,20.18,20.75ZM16.54,6.36a2,2,0,0,1,2.37,1.57c.07,1-.89,1.8-2.13,1.88a2,2,0,0,1-2.37-1.57C14.35,7.28,15.3,6.44,16.54,6.36Zm-5,4.12a1.8,1.8,0,0,1,2,1.6,1.8,1.8,0,0,1-1.74,1.86,1.8,1.8,0,0,1-2-1.6A1.8,1.8,0,0,1,11.51,10.48Z"/><path class="cls-3" d="M13.82,20.3l.32.44c.26.37.5.75.73,1.12.46.74.85,1.45,1.16,2.09l0,0,.09,0v0q.42.08.86.13l.47,0,.4,0a26.56,26.56,0,0,0-3-5.14C14.47,19.46,14.13,19.89,13.82,20.3Z"/><path class="cls-3" d="M8.51,15.28A9.24,9.24,0,0,1,9.76,16a11.37,11.37,0,0,1,1,.75h0c.29.24.58.51.86.8l.11.12,1-1A8.14,8.14,0,0,0,9.84,15a6.4,6.4,0,0,0-.79-2.37,5.67,5.67,0,0,0-.87-1.14,10.12,10.12,0,0,0-.3,1.76l-.06-.07v.09A3.23,3.23,0,0,1,8.51,15.28Z"/><ellipse class="cls-4" cx="18.38" cy="20.75" rx="1.8" ry="1.61"/><ellipse class="cls-5" cx="23.44" cy="17.12" rx="1.86" ry="1.73" transform="translate(-5.55 15.56) rotate(-33.06)"/><ellipse class="cls-6" cx="23.44" cy="10.47" rx="1.86" ry="1.73" transform="translate(-0.66 1.63) rotate(-3.93)"/><ellipse class="cls-7" cx="16.66" cy="8.08" rx="2.26" ry="1.73" transform="translate(-0.52 1.16) rotate(-3.93)"/><ellipse class="cls-8" cx="11.63" cy="12.21" rx="1.86" ry="1.73" transform="translate(-0.81 0.83) rotate(-3.93)"/><path class="cls-9" d="M16.93,26.16,16.88,26c0-.11-.09-.27-.16-.47-.14-.39-.37-.93-.67-1.54l0,0c-.31-.63-.7-1.35-1.16-2.09-.23-.37-.47-.74-.73-1.12l-.32-.44c-.16-.23-.32-.46-.49-.68l-.42-.55-.43-.53-.23-.26a5.6,5.6,0,0,1-.58.9A5.52,5.52,0,0,1,8.72,21.1l0,0h0l.2.28.42.54.43.54c.29.36.59.7.9,1s.61.66.92,1c.61.62,1.22,1.17,1.76,1.62a17.19,17.19,0,0,0,1.38,1l.42.27.15.09a1.18,1.18,0,0,0,.44.13,1.14,1.14,0,0,0,.35,0A1.17,1.17,0,0,0,16.93,26.16Z"/><path class="cls-9" d="M10.74,16.74a11.37,11.37,0,0,0-1-.75,9.24,9.24,0,0,0-1.25-.71,2.07,2.07,0,0,1-.63,1.49,2.47,2.47,0,0,1-1.13.58h.08c.07.25.15.52.26.8a11.42,11.42,0,0,0,.5,1.13,3.53,3.53,0,0,0,.5-.06A3.59,3.59,0,0,0,10.74,16.74Z"/><path class="cls-10" d="M11.67,19.18a5.6,5.6,0,0,0,.58-.9h0c-.18-.21-.36-.41-.55-.61l-.11-.12c-.28-.29-.57-.56-.86-.8h0a3.59,3.59,0,0,1-2.65,2.48,3.53,3.53,0,0,1-.5.06h0c.17.34.36.68.58,1s.35.53.55.79A5.52,5.52,0,0,0,11.67,19.18Z"/><path class="cls-2" d="M4,11a.46.46,0,0,0-.15,0h0a.47.47,0,0,1,.18,0Z"/><path class="cls-2" d="M7.88,16.78a2.07,2.07,0,0,0,.63-1.49,3.23,3.23,0,0,0-.69-2,5.26,5.26,0,0,0-1.53-1.35c-1.1.5.27,1.75-.64,2.21s-1-.23-1.51.47l0,0s0,.07,0,.1h0A2.43,2.43,0,0,0,6.38,17.4h0l.24,0,.1,0A2.47,2.47,0,0,0,7.88,16.78Z"/><path class="cls-8" d="M3.66,12c0,.09.08.17.12.26s.08.26.12.39.06.18.08.28.06.35.09.53,0,.15,0,.24a5.79,5.79,0,0,1,0,.87h0s0,.05,0,.08l0,0c.54-.69.72-.06,1.51-.47s-.46-1.71.64-2.21h0c-.17-.11-.36-.21-.56-.3l-.18-.08L5,11.31l-.21-.08c-.24-.09-.49-.17-.77-.25h0a.47.47,0,0,0-.18,0,.5.5,0,0,0-.35.71C3.58,11.77,3.62,11.88,3.66,12Z"/><path class="cls-11" d="M2.7,12.27l0,.11,0,.1,0,.11c0,.06,0,.13.06.2l0,.12L3,13l0,.09c0,.12,0,.24.06.37v.06l0,.15a4.51,4.51,0,0,1,0,.76c0,.08,0,.16,0,.23a1,1,0,0,0,0,.13,3.76,3.76,0,0,0,1,2.61,3.14,3.14,0,0,0,2,.94l0,.11a12.19,12.19,0,0,0,.5,1.15l0,.09c.19.38.4.75.63,1.1s.37.56.6.87l.08.09.14.19.28.36.14.19.16.2.3.37c.29.36.61.72.92,1.07s.63.69.95,1c.58.59,1.22,1.17,1.83,1.68A18,18,0,0,0,14.19,28l.46.29.19.11A2.17,2.17,0,0,0,18,25.9l-.06-.21c0-.12-.1-.3-.18-.51H18A11.14,11.14,0,1,0,7.21,11.26l-.26-.17-.06,0c-.2-.12-.41-.23-.64-.34l-.15-.07-.05,0-.57-.24-.23-.09c-.26-.1-.54-.19-.83-.28h0a1.51,1.51,0,0,0-1.7.67,1.49,1.49,0,0,0-.06,1.47ZM3.88,11h0l.09,0,.14,0h0c.27.08.52.16.77.25l.21.08.51.22.18.08c.2.1.39.2.56.3h0a5.32,5.32,0,0,1,1.45,1.25l.06.07A10.17,10.17,0,0,1,17.94,3.9h0a10.14,10.14,0,1,1,0,20.28h-.13l-.4,0-.47,0q-.43-.05-.86-.13v0c.3.61.52,1.14.66,1.52.07.2.13.36.16.47l.05.17a1.17,1.17,0,0,1-1.13,1.48l-.13,0a1.18,1.18,0,0,1-.44-.13l-.15-.09-.42-.27a17.19,17.19,0,0,1-1.38-1c-.54-.45-1.15-1-1.76-1.62-.3-.31-.61-.63-.92-1s-.61-.69-.9-1l-.43-.54-.42-.54-.2-.28h0l0,0c-.19-.26-.38-.53-.55-.79s-.41-.68-.58-1h0a11.42,11.42,0,0,1-.5-1.13c-.1-.28-.19-.54-.26-.8H6.66l-.24,0h0a2.43,2.43,0,0,1-2.27-2.68h0s0-.07,0-.1,0,0,0-.08h0a5.79,5.79,0,0,0,0-.87c0-.08,0-.16,0-.24s0-.36-.09-.53-.06-.18-.08-.28-.07-.27-.12-.39-.08-.18-.12-.26-.09-.21-.13-.3A.5.5,0,0,1,3.88,11Z"/></svg>
\ No newline at end of file
new file mode 100644
--- /dev/null
+++ b/browser/extensions/onboarding/content/img/icons_default-notification.svg
@@ -0,0 +1,1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}.cls-2{fill:#ffbb80;}.cls-3{fill:#f70;}.cls-4{fill:#cd6f14;}.cls-5{fill:#e60024;}.cls-6{fill:#fff;}</style></defs><title>icons</title><path class="cls-1" d="M25.87,17.09v0a3.13,3.13,0,0,0-3.15-3.15A3.16,3.16,0,0,1,25.87,17.09Z"/><path class="cls-1" d="M9.39,9.69a1.81,1.81,0,0,1,.32.64l0,0a1.81,1.81,0,0,0-.28-.57A5.9,5.9,0,0,0,7.22,7.57,5.91,5.91,0,0,1,9.39,9.69Z"/><path class="cls-1" d="M28,12.69a5.79,5.79,0,0,1-1.43,1.64,41,41,0,0,1,2.25,3.72.72.72,0,0,1,.11.39.5.5,0,0,1-.07.39c-2.65,4.75-5.47,6.65-10.8,7l.05,0a3.64,3.64,0,0,1-3.67.25,3.64,3.64,0,0,0,3.75-.21l-.05,0c5.33-.36,8.15-2.25,10.8-7a.5.5,0,0,0,.07-.39.72.72,0,0,0-.11-.39,41,41,0,0,0-2.25-3.72,5.79,5.79,0,0,0,1.43-1.64,5.87,5.87,0,0,0,0-5.79.39.39,0,0,0-.19-.14.42.42,0,0,1,.11.1A5.87,5.87,0,0,1,28,12.69Z"/><path class="cls-1" d="M22.73,13.91a3.13,3.13,0,0,0-3.15,3v0A3.16,3.16,0,0,1,22.73,13.91Z"/><path class="cls-1" d="M12.52,23.25s0,.07,0,.11,0-.07,0-.1Z"/><path class="cls-1" d="M14,25.85a13.63,13.63,0,0,1-5.65-1.42,13.54,13.54,0,0,0,5.74,1.46L14,25.83l-.14-.09Z"/><path class="cls-2" d="M8.39,24.43A13.63,13.63,0,0,0,14,25.85l-.14-.11-.19-.15h0a3.62,3.62,0,0,1-.3-.31l0,0a1.55,1.55,0,0,1-.21-.25l0,0c-.07-.11-.14-.25-.21-.36a3.73,3.73,0,0,0-.14-.36h0a3.45,3.45,0,0,1-.22-.87s0-.07,0-.11a2,2,0,0,1,0-.29V17.13a3.15,3.15,0,0,0-6.29,0v1.36H3.26s0,0,0,0a.69.69,0,0,0,.11.36A13.15,13.15,0,0,0,8.39,24.43ZM7,16.31a1.38,1.38,0,0,1,2-.18c0,.07.11.11.14.18s.11-.11.14-.18a1.45,1.45,0,0,1,2-.18,1.38,1.38,0,0,1,.18,2l-2,1.89-2-1.36a1.51,1.51,0,0,1-.25-.18A1.38,1.38,0,0,1,7,16.31Z"/><path class="cls-2" d="M28.84,18.84a.5.5,0,0,0,.07-.39h-3V17.09A3.15,3.15,0,0,0,19.58,17v6s0,0,0,.06a3.48,3.48,0,0,1-.14.89.7.7,0,0,1-.07.22s0,.07,0,.11a1.07,1.07,0,0,1-.14.36A3.13,3.13,0,0,1,19,25l0,0c-.07.07-.14.18-.21.25l-.07.07-.21.21s0,0-.07,0a1,1,0,0,1-.19.15l-.08.06-.05,0C23.37,25.49,26.19,23.6,28.84,18.84Zm-8-2.86a1.38,1.38,0,0,1,2,.18.36.36,0,0,1,.14.18.36.36,0,0,1,.14-.18,1.38,1.38,0,0,1,2,.18,1.53,1.53,0,0,1-.14,2l-2.25,1.54-1.79-1.72L20.65,18A1.38,1.38,0,0,1,20.83,16Z"/><path class="cls-3" d="M6.21,17.34v-.21a3.15,3.15,0,0,1,6.29,0V23a2,2,0,0,0,0,.29h0s0,.07,0,.1a3.45,3.45,0,0,0,.22.87h0a3.73,3.73,0,0,1,.14.36c.07.11.14.25.21.36l0,0a1.55,1.55,0,0,0,.21.25l0,0a3.62,3.62,0,0,0,.3.31h0l.19.15.14.09-.06,0a3.61,3.61,0,0,0,4.11,0l.08-.06a1,1,0,0,0,.19-.15s0,0,.07,0l.21-.21.07-.07c.07-.07.14-.18.21-.25l0,0a3.13,3.13,0,0,0,.21-.36,1.07,1.07,0,0,0,.14-.36s0-.07,0-.11a.7.7,0,0,0,.07-.22,3.48,3.48,0,0,0,.14-.89s0,0,0-.06v-6a3.15,3.15,0,0,1,6.29.11v1.39h3a.72.72,0,0,0-.11-.39,41,41,0,0,0-2.25-3.72A5.79,5.79,0,0,0,28,12.69,5.87,5.87,0,0,0,28,6.9a.42.42,0,0,0-.11-.1.35.35,0,0,0-.13,0c-.13,0-.25,0-.37,0h.36v0a9.37,9.37,0,0,0-4.11,4.4,10,10,0,0,0-1.18-.86l0-.06a12.55,12.55,0,0,0-6.38-1.58,12,12,0,0,0-6.33,1.64s0,0,0-.07l0,0h0a8.24,8.24,0,0,0-1.29.89A8.86,8.86,0,0,0,4.35,6.88.39.39,0,0,0,4.18,7a5.87,5.87,0,0,0,0,5.79,6.33,6.33,0,0,0,1.43,1.64,25.9,25.9,0,0,0-2.29,3.68.71.71,0,0,0-.1.35H6.21Zm11.65,7.11a2.24,2.24,0,0,1-1.82.86,2.49,2.49,0,0,1-1.89-.86.35.35,0,1,1,.54-.46,1.74,1.74,0,0,0,2.65,0,.35.35,0,1,1,.54.46Zm-3.68-3.79a1.05,1.05,0,0,1,.75-.29h1.86a1.62,1.62,0,0,0,.36,0,.8.8,0,0,1,.86.75.76.76,0,0,1-.21.61l-.68.75a1.51,1.51,0,0,1-.36.25,1.07,1.07,0,0,1-.36.14.45.45,0,0,1-.21,0h-.43c-.07,0-.14,0-.21,0a.27.27,0,0,1-.18-.07c-.07,0-.11,0-.18-.07a2.57,2.57,0,0,1-.36-.21l-.64-.64A.84.84,0,0,1,14.18,20.67Z"/><path class="cls-4" d="M14.82,22.49a2.57,2.57,0,0,0,.36.21c.07,0,.11.07.18.07a.27.27,0,0,0,.18.07c.07,0,.14,0,.21,0h.43a.45.45,0,0,0,.21,0,1.07,1.07,0,0,0,.36-.14,1.51,1.51,0,0,0,.36-.25l.68-.75A.76.76,0,0,0,18,21.1a.8.8,0,0,0-.86-.75,1.62,1.62,0,0,1-.36,0H14.93a1.05,1.05,0,0,0-.75.29.84.84,0,0,0,0,1.18Z"/><path class="cls-2" d="M23.66,11.23a9.37,9.37,0,0,1,4.11-4.4v0H27.4l-.38,0-.14,0a5.24,5.24,0,0,0-2.22,1,6.12,6.12,0,0,0-1.75,1.94,5.32,5.32,0,0,0-.33.62l-.08,0,0,.06A10,10,0,0,1,23.66,11.23Z"/><path class="cls-2" d="M8.43,11.23a8.24,8.24,0,0,1,1.29-.89h0a1.81,1.81,0,0,0-.32-.64,5.77,5.77,0,0,0-3-2.51A5.2,5.2,0,0,0,4.5,6.84H4.4s0,0,0,0l0,0A8.86,8.86,0,0,1,8.43,11.23Z"/><path class="cls-5" d="M20.87,18.16l1.79,1.72,2.25-1.54a1.53,1.53,0,0,0,.14-2,1.38,1.38,0,0,0-2-.18.36.36,0,0,0-.14.18.36.36,0,0,0-.14-.18A1.4,1.4,0,1,0,20.65,18Z"/><path class="cls-5" d="M7.42,18.45l2,1.36,2-1.89a1.38,1.38,0,0,0-.18-2,1.45,1.45,0,0,0-2,.18c0,.07-.11.11-.14.18S9,16.2,9,16.13a1.4,1.4,0,1,0-1.79,2.15A1.51,1.51,0,0,0,7.42,18.45Z"/><path class="cls-4" d="M17.33,24a1.74,1.74,0,0,1-2.65,0,.35.35,0,1,0-.54.46,2.49,2.49,0,0,0,1.89.86,2.24,2.24,0,0,0,1.82-.86.35.35,0,1,0-.54-.46Z"/><path class="cls-6" d="M2.25,18.53a1.69,1.69,0,0,0,.25.87c2.8,5,5.89,7.06,11.33,7.48a4.65,4.65,0,0,0,4.6,0c5.46-.42,8.56-2.46,11.35-7.48a1.5,1.5,0,0,0,.21-1,1.72,1.72,0,0,0-.24-.79c-.59-1.1-1.2-2.12-1.8-3a7.61,7.61,0,0,0,1-1.29A6.85,6.85,0,0,0,29,6.46l0-.07a1.37,1.37,0,0,0-1.15-.62A6.22,6.22,0,0,0,24.07,7a7,7,0,0,0-1.89,2,13.87,13.87,0,0,0-6.06-1.28A13.29,13.29,0,0,0,10.2,9,7,7,0,0,0,6.71,6.24,6.16,6.16,0,0,0,4.5,5.84H4.4a1,1,0,0,0-.64.22,1.4,1.4,0,0,0-.41.4l0,.06a6.88,6.88,0,0,0,0,6.78,7.6,7.6,0,0,0,1,1.27,29.59,29.59,0,0,0-1.83,3.06A1.74,1.74,0,0,0,2.25,18.53Zm1,0a.71.71,0,0,1,.1-.35,25.9,25.9,0,0,1,2.29-3.68,6.33,6.33,0,0,1-1.43-1.64A5.87,5.87,0,0,1,4.18,7a.39.39,0,0,1,.16-.13l0,0s0,0,0,0H4.5a5.2,5.2,0,0,1,1.87.35,6,6,0,0,1,.84.38A5.9,5.9,0,0,1,9.47,9.73a1.81,1.81,0,0,1,.28.57s0,0,0,.07a12,12,0,0,1,6.33-1.64,12.55,12.55,0,0,1,6.38,1.58l.08,0a5.32,5.32,0,0,1,.33-.62A6.12,6.12,0,0,1,24.66,7.8a5.24,5.24,0,0,1,2.22-1l.14,0,.38,0c.12,0,.25,0,.37,0a.35.35,0,0,1,.13,0,.39.39,0,0,1,.19.14,5.87,5.87,0,0,1,0,5.79,5.79,5.79,0,0,1-1.43,1.64,41,41,0,0,1,2.25,3.72.72.72,0,0,1,.11.39.5.5,0,0,1-.07.39c-2.65,4.75-5.47,6.65-10.8,7l.05,0A3.66,3.66,0,0,1,14,25.79l.06,0,.08.06a13.54,13.54,0,0,1-5.74-1.46,13.15,13.15,0,0,1-5-5.54.69.69,0,0,1-.11-.36S3.26,18.5,3.26,18.49Z"/></svg>
\ No newline at end of file
new file mode 100644
--- /dev/null
+++ b/browser/extensions/onboarding/content/img/icons_private-notification.svg
@@ -0,0 +1,1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}.cls-2{fill:gold;}.cls-3{fill:#f2cc00;}.cls-4{fill:#767aa8;}.cls-5{fill:#505473;}.cls-6{fill:#c980ff;}.cls-7{fill:#fff;}</style></defs><title>icons</title><path class="cls-1" d="M26.84,19.32c-.06.2-.13.39-.19.58l-.13.35c-.07.18-.15.36-.23.53l-.17.35c-.09.17-.17.34-.27.5l-.2.33c-.1.16-.2.33-.31.49l-.12.16a11.08,11.08,0,0,1-.77,1l-.27.29-.4.38-.31.28-.42.35-.33.25-.45.32-.34.21a11,11,0,0,1-1,.54l-.26.12-.53.21-.39.14-.54.16-.41.11-.56.12-.42.06-.19,0,.35,0,.42-.06.56-.12.41-.11.54-.16.39-.14.53-.21.26-.12a11,11,0,0,0,1-.54l.34-.21.45-.32.33-.25.42-.35.31-.28.4-.38.27-.29a11.07,11.07,0,0,0,.78-1l.12-.15c.11-.16.21-.32.31-.49l.2-.33c.09-.17.18-.33.27-.5l.17-.35c.08-.18.16-.35.23-.53l.13-.35c.07-.19.14-.38.19-.58v0h-.15Z"/><path class="cls-1" d="M24.27,8.6v0l.19.22c.14.16.29.32.42.49l.28.37c.11.15.22.3.33.46s.19.32.29.48l.09.14c1.3.5,1.67,1.55,1.66,3.45a13.09,13.09,0,0,1-.21,2.29c0,.07,0,.14,0,.21a1.3,1.3,0,0,1-.11,2.59h.08A1.31,1.31,0,0,0,28.57,18a1.29,1.29,0,0,0-1.13-1.3c0-.07,0-.14,0-.21a13.09,13.09,0,0,0,.21-2.29c0-1.9-.36-2.95-1.66-3.45l-.09-.14c-.09-.16-.19-.32-.29-.48s-.22-.3-.33-.45L25,9.27c-.13-.17-.28-.33-.42-.49l-.19-.22v0a11,11,0,0,0-8-3.46l-.36,0h.21A11,11,0,0,1,24.27,8.6Z"/><path class="cls-2" d="M16.22,11.88c1.82,0,2.92-1.53,6.67-1.53a11.09,11.09,0,0,1,2.31.19,11.27,11.27,0,0,0-.94-1.93,11,11,0,0,0-8-3.46h-.21a11.17,11.17,0,0,0-1.11.08h-.1a11,11,0,0,0-8,5.38,9.55,9.55,0,0,1,2.67-.29C13.3,10.35,14.4,11.88,16.22,11.88ZM20,9.24a2.3,2.3,0,0,1,3.44,0,.38.38,0,0,1,0,.54.35.35,0,0,1-.25.1.38.38,0,0,1-.29-.13,1.54,1.54,0,0,0-2.3,0,.38.38,0,0,1-.54,0A.39.39,0,0,1,20,9.24Z"/><path class="cls-2" d="M5.56,19.28h.26a11,11,0,0,0,3,4.9h0l.07.06.27.23a11.31,11.31,0,0,0,14.43-3,4.28,4.28,0,0,1-1.13.15c-2.34,0-4-2.81-6.21-2.81s-4,2.81-6.21,2.81-4.15-1.76-4.8-4.86a1.29,1.29,0,0,0-1,1.24A1.31,1.31,0,0,0,5.56,19.28Zm7,2a.55.55,0,0,1,.78,0,4.22,4.22,0,0,0,3.71.75.55.55,0,1,1,.3,1.07,5.35,5.35,0,0,1-4.74-1A.55.55,0,0,1,12.56,21.3Z"/><path class="cls-2" d="M25.84,10.73h0l-.09-.14Z"/><path class="cls-2" d="M17.31,27.17h.07l.23,0,.19,0Z"/><path class="cls-3" d="M28.42,18a1.29,1.29,0,0,0-1.13-1.3c0-.07,0-.14,0-.21-.51,2.73-1.89,4.47-3.72,5a11.31,11.31,0,0,1-14.43,3l.36.31.1.08a11,11,0,0,0,2.6,1.52l.13.05q.4.16.82.29l.17.05q.41.12.84.21l.16,0c.32.06.65.11,1,.14h0c.36,0,.72.06,1.08.06l.56,0,.34,0,.49-.06.42-.06.56-.12.41-.11.54-.16.39-.14.53-.21.26-.12a11,11,0,0,0,1-.54l.34-.21.45-.32.33-.25.42-.35.31-.28.4-.38.27-.29a11.08,11.08,0,0,0,.77-1l.12-.16c.11-.16.21-.32.31-.49l.2-.33c.09-.17.18-.33.27-.5l.17-.35c.08-.18.16-.35.23-.53l.13-.35c.07-.19.14-.38.19-.58v0h.33A1.3,1.3,0,0,0,28.42,18Z"/><path class="cls-3" d="M25.47,10.11c-.1-.16-.22-.3-.33-.46l-.28-.37c-.13-.17-.28-.33-.42-.49l-.19-.22v0a11.27,11.27,0,0,1,.94,1.93,4.23,4.23,0,0,1,.63.19l-.08-.14C25.67,10.43,25.57,10.26,25.47,10.11Z"/><path class="cls-3" d="M20.61,9.75a1.54,1.54,0,0,1,2.3,0,.38.38,0,0,0,.29.13.35.35,0,0,0,.25-.1.38.38,0,0,0,0-.54,2.3,2.3,0,0,0-3.44,0,.39.39,0,0,0,0,.54A.38.38,0,0,0,20.61,9.75Z"/><path class="cls-4" d="M16,23.25a5.22,5.22,0,0,0,1.39-.19.55.55,0,1,0-.3-1.07,4.22,4.22,0,0,1-3.71-.75.55.55,0,1,0-.74.83A5.21,5.21,0,0,0,16,23.25Z"/><path class="cls-5" d="M11.16,17c1.48,0,3.22-.54,3.22-1a2.68,2.68,0,0,0-3-2c-2.28.1-3.22,1.46-3.22,1.79S9.68,17,11.16,17Z"/><path class="cls-5" d="M21.29,17c1.48,0,3-.94,3-1.28s-.94-1.69-3.22-1.79a2.68,2.68,0,0,0-3,2C18.07,16.45,19.81,17,21.29,17Z"/><path class="cls-6" d="M10,21.59c2.2,0,4-2.81,6.21-2.81s3.87,2.81,6.21,2.81a4.28,4.28,0,0,0,1.13-.15c1.83-.5,3.22-2.24,3.72-5a13.09,13.09,0,0,0,.21-2.29c0-1.9-.36-2.95-1.66-3.45h0a4.23,4.23,0,0,0-.63-.19,11.09,11.09,0,0,0-2.31-.19c-3.75,0-4.86,1.53-6.67,1.53s-2.92-1.53-6.67-1.53a9.55,9.55,0,0,0-2.67.29l0,0c-1.37.49-1.76,1.54-1.75,3.49a12.87,12.87,0,0,0,.25,2.52l-.14,0C5.86,19.84,7.69,21.59,10,21.59Zm11-7.67c2.28.1,3.22,1.46,3.22,1.79S22.77,17,21.29,17s-3.22-.54-3.22-1A2.68,2.68,0,0,1,21.06,13.92Zm-9.67,0a2.68,2.68,0,0,1,3,2c0,.48-1.74,1-3.22,1s-3-.94-3-1.28S9.11,14,11.39,13.92Z"/><path class="cls-7" d="M5.07,20.23a12.08,12.08,0,0,0,3,4.59l.07.08L8.2,25c.21.19.44.39.68.59l.11.09a12,12,0,0,0,2.83,1.65l.1,0c.33.13.63.24.93.33l.19.06c.3.09.6.16.91.23H14l.12,0c.36.07.72.12,1.07.16a12.1,12.1,0,0,0,1.22.07l.44,0h.3l.33,0,.57-.07h.06l.46-.07.61-.13.45-.12.59-.18.35-.13.08,0,.1,0,.47-.19.2-.09.08,0a12.06,12.06,0,0,0,1.11-.59l.09-.05.28-.17.49-.35.36-.27.46-.38.33-.3.43-.42.22-.24.07-.08a12.12,12.12,0,0,0,.85-1l0,0,.09-.13c.1-.14.19-.3.29-.45l.05-.08,0-.08.17-.29c.1-.18.2-.36.29-.55l.19-.39c.09-.19.17-.38.25-.58l.12-.34-.06,0A2.31,2.31,0,0,0,29.57,18a2.27,2.27,0,0,0-1-1.94,14.55,14.55,0,0,0,.13-1.85c0-1.63-.22-3.38-2-4.24l-.24-.39c-.09-.14-.19-.27-.29-.41L26.1,9,26,9l-.23-.31c-.14-.18-.29-.35-.45-.51L25.28,8l-.15-.17L25,7.79a11.91,11.91,0,0,0-8.63-3.66A12.08,12.08,0,0,0,6.16,9.88c-1.83.84-2.07,2.63-2.06,4.29a14.57,14.57,0,0,0,.14,1.9,2.29,2.29,0,0,0-1,1.89A2.31,2.31,0,0,0,5.07,20.23Zm.14-3.5.14,0a12.87,12.87,0,0,1-.25-2.52c0-1.94.37-3,1.75-3.49l0,0a11,11,0,0,1,8-5.38h.1a11.17,11.17,0,0,1,1.11-.08l.36,0a11,11,0,0,1,8,3.46v0l.19.22c.14.16.29.32.42.49l.28.37c.11.15.22.3.33.45s.19.32.29.48l.09.14c1.3.5,1.67,1.55,1.66,3.45a13.09,13.09,0,0,1-.21,2.29c0,.07,0,.14,0,.21A1.29,1.29,0,0,1,28.57,18a1.31,1.31,0,0,1-1.31,1.31H27v0c-.06.2-.13.39-.19.58l-.13.35c-.07.18-.15.36-.23.53l-.17.35c-.09.17-.17.34-.27.5l-.2.33c-.1.16-.2.33-.31.49l-.12.15a11.07,11.07,0,0,1-.78,1l-.27.29-.4.38-.31.28-.42.35-.33.25-.45.32-.34.21a11,11,0,0,1-1,.54l-.26.12-.53.21-.39.14-.54.16-.41.11-.56.12L18,27.1l-.35,0-.23,0h-.07l-.34,0-.56,0c-.37,0-.73,0-1.08-.06h0c-.33,0-.66-.08-1-.14l-.16,0q-.42-.09-.84-.21l-.17-.05q-.42-.13-.82-.29l-.13-.05a11,11,0,0,1-2.6-1.52l-.1-.08-.36-.31-.27-.23-.07-.06h0a11,11,0,0,1-3-4.9H5.56A1.31,1.31,0,0,1,4.24,18,1.29,1.29,0,0,1,5.21,16.73Z"/></svg>
\ No newline at end of file
new file mode 100644
--- /dev/null
+++ b/browser/extensions/onboarding/content/img/icons_search-notification.svg
@@ -0,0 +1,1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}.cls-2{fill:#fff;}.cls-3{fill:#e1e1e5;}.cls-4{fill:#767aa8;}.cls-5{fill:#f9f9fa;}.cls-6{fill:#cd6f14;}</style></defs><title>icons</title><path class="cls-1" d="M5.36,20.85H19.86l5.33,5.81a.63.63,0,0,0,.46.17,2.31,2.31,0,0,0,1.47-.76,2.17,2.17,0,0,0,.75-1.57A2.22,2.22,0,0,1,27.12,26c-.69.69-1.56,1-1.93.59L19.86,20.8H5.36A1.32,1.32,0,0,1,4,19.48V14.35H4v5.17A1.32,1.32,0,0,0,5.36,20.85Z"/><path class="cls-1" d="M24.12,20.8l0,0a1.32,1.32,0,0,0,1.27-1.31v0A1.32,1.32,0,0,1,24.12,20.8Z"/><path class="cls-2" d="M23.6,20.32h.51a.84.84,0,0,0,.84-.84V14.31a.84.84,0,0,0-.84-.84H21.33a7.34,7.34,0,0,1-1.45,3.86l.63.63a.82.82,0,0,1,.77.22Z"/><path class="cls-2" d="M19.06,19.41l-.63-.63a7.39,7.39,0,0,1-11.82-5.3H5.36a.84.84,0,0,0-.84.84v5.17a.84.84,0,0,0,.84.84h14l-.13-.14A.82.82,0,0,1,19.06,19.41Z"/><path class="cls-3" d="M5.36,20.8H19.86l-.44-.48h-14a.84.84,0,0,1-.84-.84V14.31a.84.84,0,0,1,.84-.84H6.61c0-.16,0-.31,0-.47,0,0,0,0,0,0H5.36A1.32,1.32,0,0,0,4,14.35v5.13A1.32,1.32,0,0,0,5.36,20.8Z"/><path class="cls-3" d="M24.1,13.48a.84.84,0,0,1,.84.84v5.17a.84.84,0,0,1-.84.84H23.6l.26.24.26.24a1.32,1.32,0,0,0,1.3-1.32V14.36A1.32,1.32,0,0,0,24.1,13H21.34v0c0,.15,0,.31,0,.46Z"/><path class="cls-4" d="M8.75,18.11a7.4,7.4,0,0,0,9.68.67l.63.63A2.22,2.22,0,0,1,20.51,18l-.63-.63a7.34,7.34,0,0,0,1.45-3.86c0-.15,0-.31,0-.46a7.37,7.37,0,0,0-1.59-4.71l-.1-.12c-.14-.17-.29-.34-.45-.5A7.39,7.39,0,0,0,6.59,13c0,.16,0,.31,0,.47A7.36,7.36,0,0,0,8.75,18.11ZM8.28,10.9a6,6,0,0,1,.43-1h0a6,6,0,0,1,10.46,0h0c0,.07.06.15.1.22s.08.13.11.2l-.06-.08a6.15,6.15,0,0,1,.28.63A6,6,0,0,1,8.87,16.08l0,.08c-.06-.09-.1-.19-.15-.28l-.14-.26c-.05-.11-.11-.21-.15-.32a6,6,0,0,1-.25-.66v0A6,6,0,0,1,8,13.83v-.05a5.79,5.79,0,0,1,.27-2.87Z"/><path class="cls-5" d="M14.36,7.56A6,6,0,0,0,9.58,9.93h9.56A6,6,0,0,0,14.36,7.56Z"/><path class="cls-2" d="M8,12.92a6,6,0,0,1,.35-2h0A5.79,5.79,0,0,0,8,13.77,6.05,6.05,0,0,1,8,12.92Z"/><path class="cls-2" d="M8.33,13.59a6,6,0,0,0,.54,2.49A6,6,0,0,0,19.66,10.9H9A6,6,0,0,0,8.33,13.59Z"/><path class="cls-3" d="M8,12.92a6.05,6.05,0,0,0,.06.86v.05a6,6,0,0,0,.17.78v0a6,6,0,0,0,.25.66c0,.11.1.21.15.32l.14.26c.05.09.1.19.15.28l0-.08A6,6,0,0,1,9,10.9H19.66a6.15,6.15,0,0,0-.28-.63l.06.08c0-.07-.07-.13-.11-.2s-.06-.15-.1-.22h0a6,6,0,0,0-10.46,0h0a6,6,0,0,0-.43,1h0A6,6,0,0,0,8,12.92Zm6.41-5.35a6,6,0,0,1,4.78,2.37H9.58A6,6,0,0,1,14.36,7.56Z"/><path class="cls-6" d="M21.1,22.15,23.25,20l.61.56-.26-.24-2.32-2.13a.82.82,0,0,0-.77-.22,2.22,2.22,0,0,0-1.44,1.44.82.82,0,0,0,.22.77l.13.14.44.48,5.33,5.81c.37.37,1.24.1,1.93-.59a2.22,2.22,0,0,0,.75-1.53.59.59,0,0,0-.16-.36L26.4,22.93,24,25.32Z"/><path class="cls-4" d="M23.86,20.56,23.25,20,21.1,22.15,24,25.32l2.39-2.39-2.28-2.09h0l0,0Z"/><path class="cls-2" d="M5.36,21.85H19.42l5,5.49a1.65,1.65,0,0,0,1.2.49,3.27,3.27,0,0,0,2.18-1c1.12-1.12,1.37-2.56.59-3.34l-2.58-2.37a2.31,2.31,0,0,0,.59-1.54V14.36A2.32,2.32,0,0,0,24.1,12H22.3A8.37,8.37,0,0,0,8,7,8.31,8.31,0,0,0,5.63,12H5.36A2.32,2.32,0,0,0,3,14.36v5.17A2.32,2.32,0,0,0,5.36,21.85ZM4,14.36H4A1.32,1.32,0,0,1,5.36,13H6.59s0,0,0,0A7.39,7.39,0,0,1,19.2,7.69c.16.16.31.33.45.5l.1.12A7.37,7.37,0,0,1,21.34,13v0H24.1a1.32,1.32,0,0,1,1.32,1.32v5.17a1.32,1.32,0,0,1-1.27,1.31h0l2.28,2.09,1.31,1.21a.59.59,0,0,1,.16.36,2.17,2.17,0,0,1-.75,1.57,2.31,2.31,0,0,1-1.47.76.63.63,0,0,1-.46-.17l-5.33-5.81H5.36A1.32,1.32,0,0,1,4,19.52Z"/></svg>
\ No newline at end of file
new file mode 100644
--- /dev/null
+++ b/browser/extensions/onboarding/content/img/icons_sync-notification.svg
@@ -0,0 +1,1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}.cls-2{fill:#767aa8;}.cls-3{fill:#f9f9fa;}.cls-4{fill:#e1e1e5;}.cls-5{fill:#fff;}.cls-6{fill:#0a84ff;}.cls-7{fill:#f5f5f7;}</style></defs><title>icons</title><path class="cls-1" d="M20.51,8.55h0V7.2a.5.5,0,0,0-.08-.25.5.5,0,0,1,0,.17Z"/><path class="cls-1" d="M26.67,8.55h0a.26.26,0,0,0-.07-.15.25.25,0,0,1,0,.11Z"/><path class="cls-1" d="M28.11,25.26A1.07,1.07,0,0,1,27,26.33H19.09a1.06,1.06,0,0,1-1-.6,1.07,1.07,0,0,0,1,.69h7.95a1.07,1.07,0,0,0,1.07-1.07V9.7A1,1,0,0,0,28,9.23a1.06,1.06,0,0,1,.08.39Z"/><path class="cls-1" d="M4.67,21.81a.47.47,0,0,1-.4-.22.47.47,0,0,0,.44.31H18v-.08Z"/><path class="cls-2" d="M4.67,21.81H18V20.71H5.63a.41.41,0,0,1-.41-.41V9h13a1.05,1.05,0,0,1,.86-.46h1.42V7.11A.43.43,0,0,0,20,6.69H4.75a.51.51,0,0,0-.51.51V21.45a.41.41,0,0,0,0,.14A.47.47,0,0,0,4.67,21.81ZM19.21,7.46a.42.42,0,0,1,.38.38.35.35,0,0,1-.35.35.42.42,0,0,1-.38-.38A.35.35,0,0,1,19.21,7.46Zm-1.09,0a.35.35,0,1,1-.35.35A.35.35,0,0,1,18.12,7.49Zm-10.32.3a.38.38,0,0,1,.38-.38h8.2a.38.38,0,0,1,.38.38v0a.38.38,0,0,1-.38.38H8.17a.38.38,0,0,1-.38-.38ZM6.55,7.46a.35.35,0,1,1-.35.35A.35.35,0,0,1,6.55,7.46Zm-1.12,0a.35.35,0,1,1-.35.35A.35.35,0,0,1,5.43,7.46Z"/><circle class="cls-3" cx="5.43" cy="7.81" r="0.35"/><circle class="cls-3" cx="6.55" cy="7.81" r="0.35"/><rect class="cls-3" x="7.79" y="7.41" width="8.96" height="0.79" rx="0.38" ry="0.38"/><path class="cls-3" d="M17.82,19.1a1.17,1.17,0,0,1-1.17-1.17V17a1.1,1.1,0,0,1-.62.21,1.11,1.11,0,0,1-.68-.24l-3-2.28a1.12,1.12,0,0,1,0-1.78l3-2.28a1.11,1.11,0,0,1,.68-.24,1.13,1.13,0,0,1,1.13,1.12v.36H18V9.62A1,1,0,0,1,18.24,9h-13V20.3a.41.41,0,0,0,.41.41H18V19.1Z"/><circle class="cls-3" cx="18.12" cy="7.84" r="0.35"/><path class="cls-3" d="M19.24,8.18a.35.35,0,0,0,.35-.35.42.42,0,0,0-.38-.38.35.35,0,0,0-.35.35.42.42,0,0,0,.38.38Z"/><path class="cls-4" d="M19.09,8.55A1.12,1.12,0,0,0,18,9.62v2.3h.88a1.1,1.1,0,0,1,.16,0V10.2a.47.47,0,0,1,.48-.46h7a.54.54,0,0,1,.54.54v13a.54.54,0,0,1-.54.54h-7a.54.54,0,0,1-.54-.54V19.1H18v2.79h0v3.45a1,1,0,0,0,1,1H27a1.07,1.07,0,0,0,1.07-1.07V9.62a1,1,0,0,0-1-1h-.37v0s0,0,0,0h0v0a.25.25,0,0,0,0-.11.26.26,0,0,0-.18-.07H25a.26.26,0,0,0-.25.22s0,0,0,0v0H20.55V8.55H19.09Zm5.09,16.54a.45.45,0,0,1-.45.45H22.28a.45.45,0,0,1-.45-.45v0a.45.45,0,0,1,.45-.45h1.45a.45.45,0,0,1,.45.45Z"/><path class="cls-3" d="M24.32,16.28a1.12,1.12,0,0,1,0,1.78l-3,2.28a1.11,1.11,0,0,1-1.8-.82l-.52.92V23.3a.54.54,0,0,0,.54.54h7a.54.54,0,0,0,.54-.54v-13a.54.54,0,0,0-.54-.54H25.1l-2.81,5Z"/><path class="cls-5" d="M20.06,13.09V14a1.1,1.1,0,0,1,.62-.21,1.11,1.11,0,0,1,.68.24l.92.71,2.81-5H19.53a.47.47,0,0,0-.48.46V12A1.16,1.16,0,0,1,20.06,13.09Z"/><path class="cls-5" d="M19.56,19.45V19.1h-.51v1.35l.52-.92S19.56,19.48,19.56,19.45Z"/><path class="cls-6" d="M17.15,16.53v1.4a.67.67,0,0,0,.67.67h2.24v.86a.62.62,0,0,0,.63.62.61.61,0,0,0,.38-.13l3-2.28a.62.62,0,0,0,0-1l-3-2.28a.61.61,0,0,0-.38-.13.62.62,0,0,0-.63.62v1H17.82A.67.67,0,0,0,17.15,16.53Z"/><path class="cls-6" d="M16.65,11.56a.62.62,0,0,0-.63-.62.61.61,0,0,0-.38.13l-3,2.28a.62.62,0,0,0,0,1l3,2.28a.61.61,0,0,0,.38.13.62.62,0,0,0,.63-.62v-1H18.9a.67.67,0,0,0,.67-.67v-1.4a.67.67,0,0,0-.67-.67H16.65Z"/><path class="cls-7" d="M17.15,11.56A1.13,1.13,0,0,0,16,10.44a1.11,1.11,0,0,0-.68.24l-3,2.28a1.12,1.12,0,0,0,0,1.78l3,2.28a1.11,1.11,0,0,0,.68.24,1.1,1.1,0,0,0,.62-.21v.88a1.17,1.17,0,0,0,1.17,1.17h1.74v.36s0,0,0,.07a1.11,1.11,0,0,0,1.8.82l3-2.28a1.12,1.12,0,0,0,0-1.78l-2-1.57L21.37,14a1.11,1.11,0,0,0-.68-.24,1.1,1.1,0,0,0-.62.21v-.88a1.16,1.16,0,0,0-1-1.14,1.1,1.1,0,0,0-.16,0H17.15Zm2.9,4.3v-1a.62.62,0,0,1,.63-.62.61.61,0,0,1,.38.13l3,2.28a.62.62,0,0,1,0,1l-3,2.28a.61.61,0,0,1-.38.13.62.62,0,0,1-.63-.62V18.6H17.82a.67.67,0,0,1-.67-.67v-1.4a.67.67,0,0,1,.67-.67ZM18.9,12.42a.67.67,0,0,1,.67.67v1.4a.67.67,0,0,1-.67.67H16.65v1a.62.62,0,0,1-.63.62.61.61,0,0,1-.38-.13l-3-2.28a.62.62,0,0,1,0-1l3-2.28a.61.61,0,0,1,.38-.13.62.62,0,0,1,.63.62v.86Z"/><rect class="cls-3" x="21.83" y="24.62" width="2.35" height="0.92" rx="0.45" ry="0.45"/><path class="cls-5" d="M4.71,22.89H17.06v2.45a2.07,2.07,0,0,0,2.07,2.07h7.95a2.07,2.07,0,0,0,2.07-2.07V9.7a2.07,2.07,0,0,0-1.88-2.06,1.25,1.25,0,0,0-.83-.31H25a1.26,1.26,0,0,0-.82.3H21.55V7.2A1.51,1.51,0,0,0,20,5.69H4.75A1.51,1.51,0,0,0,3.24,7.2V21.45A1.46,1.46,0,0,0,4.71,22.89ZM4.24,9.09V7.2a.51.51,0,0,1,.51-.51H20a.5.5,0,0,1,.43.26.5.5,0,0,1,.08.25V8.63h4.13v0s0,0,0,0A.26.26,0,0,1,25,8.33h1.49a.26.26,0,0,1,.18.07.26.26,0,0,1,.07.15s0,0,0,0v0h.37a1.06,1.06,0,0,1,1,.6,1,1,0,0,1,.12.47V25.34a1.07,1.07,0,0,1-1.07,1.07H19.13a1.09,1.09,0,0,1-1.07-1.07V21.89H4.71a.47.47,0,0,1-.44-.31.41.41,0,0,1,0-.14Z"/></svg>
\ No newline at end of file
--- a/browser/extensions/onboarding/content/onboarding.css
+++ b/browser/extensions/onboarding/content/onboarding.css
@@ -277,69 +277,88 @@
}
/* Tour Icons */
#onboarding-tour-search {
background-image: url("img/icons_search.svg");
}
#onboarding-tour-search.onboarding-active,
-#onboarding-tour-search:hover,
+#onboarding-tour-search:hover {
+ background-image: url("img/icons_search-colored.svg");
+}
+
#onboarding-notification-bar[data-target-tour-id=onboarding-tour-search] #onboarding-notification-tour-icon {
- background-image: url("img/icons_search-colored.svg");
+ background-image: url("img/icons_search-notification.svg");
}
#onboarding-tour-private-browsing {
background-image: url("img/icons_private.svg");
}
#onboarding-tour-private-browsing.onboarding-active,
-#onboarding-tour-private-browsing:hover,
+#onboarding-tour-private-browsing:hover {
+ background-image: url("img/icons_private-colored.svg");
+}
+
#onboarding-notification-bar[data-target-tour-id=onboarding-tour-private-browsing] #onboarding-notification-tour-icon {
- background-image: url("img/icons_private-colored.svg");
+ background-image: url("img/icons_private-notification.svg");
}
#onboarding-tour-addons {
background-image: url("img/icons_addons.svg");
}
#onboarding-tour-addons.onboarding-active,
-#onboarding-tour-addons:hover,
+#onboarding-tour-addons:hover {
+ background-image: url("img/icons_addons-colored.svg");
+}
+
#onboarding-notification-bar[data-target-tour-id=onboarding-tour-addons] #onboarding-notification-tour-icon {
- background-image: url("img/icons_addons-colored.svg");
+ background-image: url("img/icons_addons-notification.svg");
}
#onboarding-tour-customize {
background-image: url("img/icons_customize.svg");
}
#onboarding-tour-customize.onboarding-active,
-#onboarding-tour-customize:hover,
-#onboarding-notification-bar[data-target-tour-id=onboarding-tour-customize] #onboarding-notification-tour-icon {
+#onboarding-tour-customize:hover {
background-image: url("img/icons_customize-colored.svg");
}
+#onboarding-notification-bar[data-target-tour-id=onboarding-tour-customize] #onboarding-notification-tour-icon {
+ background-image: url("img/icons_customize-notification.svg");
+}
+
+
#onboarding-tour-default-browser {
background-image: url("img/icons_default.svg");
}
#onboarding-tour-default-browser.onboarding-active,
-#onboarding-tour-default-browser:hover,
+#onboarding-tour-default-browser:hover {
+ background-image: url("img/icons_default-colored.svg");
+}
+
#onboarding-notification-bar[data-target-tour-id=onboarding-tour-default-browser] #onboarding-notification-tour-icon {
- background-image: url("img/icons_default-colored.svg");
+ background-image: url("img/icons_default-notification.svg");
}
#onboarding-tour-sync {
background-image: url("img/icons_sync.svg");
}
#onboarding-tour-sync.onboarding-active,
-#onboarding-tour-sync:hover,
+#onboarding-tour-sync:hover {
+ background-image: url("img/icons_sync-colored.svg");
+}
+
#onboarding-notification-bar[data-target-tour-id=onboarding-tour-sync] #onboarding-notification-tour-icon {
- background-image: url("img/icons_sync-colored.svg");
+ background-image: url("img/icons_sync-notification.svg");
}
/* Tour Notifications */
#onboarding-notification-bar {
position: fixed;
z-index: 20998; /* We want this always under #onboarding-overlay */
left: 0;
bottom: 0;