Bug 1394457 - Update illustration for about:sessionrestore. ui-r=shorlander, r?dao draft
authorErica Wright <ewright@mozilla.com>
Wed, 20 Sep 2017 11:30:14 -0400
changeset 675534 5e01392f677d7143f3ae2075ba96e7787e24d523
parent 672593 cd9c8c48e4b3ded47a776f757008f3dcf570c59c
child 734627 f76971859ff5f9889fd9667b2deec476c6902987
push id83156
push userbmo:ewright@mozilla.com
push dateThu, 05 Oct 2017 13:15:06 +0000
reviewersshorlander, dao
bugs1394457
milestone58.0a1
Bug 1394457 - Update illustration for about:sessionrestore. ui-r=shorlander, r?dao MozReview-Commit-ID: FSLb0ucVroj
browser/components/preferences/in-content/tests/browser_bug1184989_prevent_scrolling_when_preferences_flipped.js
browser/components/sessionstore/content/aboutSessionRestore.js
browser/components/sessionstore/content/aboutSessionRestore.xhtml
browser/components/sessionstore/test/browser_590563.js
browser/locales/en-US/chrome/browser/aboutSessionRestore.dtd
browser/themes/shared/aboutSessionRestore.css
browser/themes/shared/illustrations/error-session-restore.svg
browser/themes/shared/incontent-icons/session-restore.svg
browser/themes/shared/jar.inc.mn
toolkit/themes/shared/in-content/info-pages.inc.css
--- a/browser/components/preferences/in-content/tests/browser_bug1184989_prevent_scrolling_when_preferences_flipped.js
+++ b/browser/components/preferences/in-content/tests/browser_bug1184989_prevent_scrolling_when_preferences_flipped.js
@@ -71,18 +71,18 @@ add_task(async function() {
   ss.setTabState(tab, JSON.stringify(TAB_STATE));
 
   await BrowserTestUtils.browserLoaded(tab.linkedBrowser);
   let doc = tab.linkedBrowser.contentDocument;
 
   // Make body scrollable
   doc.body.style.height = (doc.body.clientHeight + 100) + "px";
 
-  let tabList = doc.getElementById("tabList");
-  tabList.focus();
+  let tabsToggle = doc.getElementById("tabsToggle");
+  tabsToggle.focus();
   EventUtils.synthesizeKey(" ", {});
   await checkPageScrolling(doc.documentElement, "session restore");
 
   gBrowser.removeCurrentTab();
   finish();
 });
 
 function checkPageScrolling(container, type) {
--- a/browser/components/sessionstore/content/aboutSessionRestore.js
+++ b/browser/components/sessionstore/content/aboutSessionRestore.js
@@ -12,16 +12,27 @@ XPCOMUtils.defineLazyModuleGetter(this, 
   "resource://gre/modules/AppConstants.jsm");
 
 var gStateObject;
 var gTreeData;
 
 // Page initialization
 
 window.onload = function() {
+  let toggleTabs = document.getElementById("tabsToggle");
+  if (toggleTabs) {
+    let treeContainer = document.querySelector(".tree-container");
+
+    let toggleHiddenTabs = () => {
+      toggleTabs.classList.toggle("show-tabs");
+      treeContainer.classList.toggle("expanded");
+    }
+    toggleTabs.onclick = toggleHiddenTabs;
+  }
+
   // pages used by this script may have a link that needs to be updated to
   // the in-product link.
   let anchor = document.getElementById("linkMoreTroubleshooting");
   if (anchor) {
     let baseURL = Services.urlFormatter.formatURLPref("app.support.baseURL");
     anchor.setAttribute("href", baseURL + "troubleshooting");
   }
 
--- a/browser/components/sessionstore/content/aboutSessionRestore.xhtml
+++ b/browser/components/sessionstore/content/aboutSessionRestore.xhtml
@@ -20,29 +20,38 @@
     <title>&restorepage.tabtitle;</title>
     <link rel="stylesheet" href="chrome://global/skin/in-content/info-pages.css" type="text/css" media="all"/>
     <link rel="stylesheet" href="chrome://browser/skin/aboutSessionRestore.css" type="text/css" media="all"/>
     <link rel="icon" type="image/png" href="chrome://global/skin/icons/warning-16.png"/>
 
     <script type="application/javascript" src="chrome://browser/content/aboutSessionRestore.js"/>
   </head>
 
-  <body dir="&locale.dir;">
+  <body dir="&locale.dir;" class="illustrated">
 
     <div class="container restore-chosen">
+      <div class="description-wrapper">
+        <div class="title">
+          <h1 class="title-text">&restorepage.errorTitle2;</h1>
+        </div>
+        <div class="description">
+          <p>&restorepage.problemDesc2;</p>
 
-      <div class="title">
-        <h1 class="title-text">&restorepage.errorTitle2;</h1>
-      </div>
-      <div class="description">
-        <p>&restorepage.problemDesc2;</p>
-
-        <div id="errorLongDesc">
-          <p>&restorepage.tryThis2;</p>
+          <div id="errorLongDesc">
+            <p>&restorepage.tryThis2;</p>
+          </div>
         </div>
+        <button id="tabsToggle" class="show-tabs">
+          <span id="showTabs">
+            &restorepage.showTabs;
+          </span>
+          <span id="hideTabs">
+            &restorepage.hideTabs;
+          </span>
+        </button>
       </div>
       <div class="tree-container" available="true">
         <xul:tree id="tabList" seltype="single" hidecolumnpicker="true"
               onclick="onListClick(event);" onkeydown="onListKeyDown(event);"
               _window_label="&restorepage.windowLabel;">
           <xul:treecols>
             <xul:treecol cycler="true" id="restore" type="checkbox" label="&restorepage.restoreHeader;"/>
             <xul:splitter class="tree-splitter"/>
--- a/browser/components/sessionstore/test/browser_590563.js
+++ b/browser/components/sessionstore/test/browser_590563.js
@@ -20,40 +20,45 @@ function test() {
     registerCleanupFunction(() => BrowserTestUtils.closeWindow(win));
 
     is(gBrowser.tabs.length, 1, "The total number of tabs should be 1");
     is(gBrowser.visibleTabs.length, 1, "The total number of visible tabs should be 1");
 
     executeSoon(function() {
       waitForFocus(function() {
         middleClickTest(win);
-        finish();
       }, win);
     });
   });
 }
 
-function middleClickTest(win) {
+async function middleClickTest(win) {
   let browser = win.gBrowser.selectedBrowser;
+  let tabsToggle = browser.contentDocument.getElementById("tabsToggle");
+  EventUtils.synthesizeMouseAtCenter(tabsToggle, { button: 0 }, browser.contentWindow);
+  let treeContainer = browser.contentDocument.querySelector(".tree-container")
+  await BrowserTestUtils.waitForCondition(() => win.getComputedStyle(treeContainer).visibility == "visible");
+
   let tree = browser.contentDocument.getElementById("tabList");
   is(tree.view.rowCount, 3, "There should be three items");
 
   // click on the first tab item
   var rect = tree.treeBoxObject.getCoordsForCellItem(1, tree.columns[1], "text");
   EventUtils.synthesizeMouse(tree.body, rect.x, rect.y, { button: 1 },
                              browser.contentWindow);
   // click on the second tab item
   rect = tree.treeBoxObject.getCoordsForCellItem(2, tree.columns[1], "text");
   EventUtils.synthesizeMouse(tree.body, rect.x, rect.y, { button: 1 },
                              browser.contentWindow);
 
   is(win.gBrowser.tabs.length, 3,
      "The total number of tabs should be 3 after restoring 2 tabs by middle click.");
   is(win.gBrowser.visibleTabs.length, 3,
      "The total number of visible tabs should be 3 after restoring 2 tabs by middle click");
+  finish();
 }
 
 function newWindowWithState(state, callback) {
   let opts = "chrome,all,dialog=no,height=800,width=800";
   let win = window.openDialog(getBrowserURL(), "_blank", opts);
 
   win.addEventListener("load", function() {
     // The form data will be restored before SSTabRestored, so we want to listen
--- a/browser/locales/en-US/chrome/browser/aboutSessionRestore.dtd
+++ b/browser/locales/en-US/chrome/browser/aboutSessionRestore.dtd
@@ -5,16 +5,19 @@
 <!ENTITY restorepage.tabtitle       "Restore Session">
 
 <!-- LOCALIZATION NOTE: The title is intended to be apologetic and disarming, expressing dismay
      and regret that we are unable to restore the session for the user -->
 <!ENTITY restorepage.errorTitle2    "Sorry. We’re having trouble getting your pages back.">
 <!ENTITY restorepage.problemDesc2   "We are having trouble restoring your last browsing session. Select Restore Session to try again.">
 <!ENTITY restorepage.tryThis2       "Still not able to restore your session? Sometimes a tab is causing the issue. View previous tabs, remove the checkmark from the tabs you don’t need to recover, and then restore.">
 
+<!ENTITY restorepage.hideTabs       "Hide Previous Tabs">
+<!ENTITY restorepage.showTabs       "View Previous Tabs">
+
 <!ENTITY restorepage.tryagainButton2 "Restore Session">
 <!ENTITY restorepage.restore.access2 "R">
 <!ENTITY restorepage.closeButton2    "Start New Session">
 <!ENTITY restorepage.close.access2   "N">
 
 <!ENTITY restorepage.restoreHeader  "Restore">
 <!ENTITY restorepage.listHeader     "Windows and Tabs">
 <!-- LOCALIZATION NOTE: &#37;S will be replaced with a number. -->
--- a/browser/themes/shared/aboutSessionRestore.css
+++ b/browser/themes/shared/aboutSessionRestore.css
@@ -1,16 +1,79 @@
 %if 0
 /* 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/. */
 %endif
 
+.description-wrapper {
+  background-image: url("chrome://browser/skin/illustrations/error-session-restore.svg");
+  background-repeat: no-repeat;
+  background-size: 38%;
+  padding-inline-start: 38%;
+  background-position: left center;
+  min-height: 300px;
+}
+
 .title {
-  background-image: url("chrome://browser/skin/session-restore.svg");
+  background-image: none;
+}
+
+body[dir="rtl"] .description-wrapper {
+  background-position: right center;
+}
+body[dir="rtl"] #tabsToggle:after {
+  background-position: left center;
+}
+
+#tabsToggle {
+  cursor: pointer;
+  color: #0a84ff;
+  -moz-context-properties: fill;
+  fill: currentColor;
+  border: none;
+  padding: 0;
+  margin: 0;
+  padding-inline-end: 45px;
+  font: inherit;
+  position: relative;
+}
+
+#tabsToggle:after {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-image: url("chrome://global/skin/icons/arrow-dropdown-16.svg");
+  background-repeat: no-repeat;
+  background-size: 20px;
+  background-position: right center;
+}
+
+#tabsToggle:not(.show-tabs):after {
+  transform: scaleY(-1);
+}
+
+#tabsToggle:hover {
+  background-color: transparent;
+}
+
+#tabsToggle.show-tabs > #hideTabs,
+#tabsToggle:not(.show-tabs) > #showTabs {
+  display: none;
+}
+
+.tree-container:not(.expanded) {
+  visibility: collapse;
+}
+
+.button-container {
+  text-align: end;
 }
 
 treechildren::-moz-tree-image(icon),
 treechildren::-moz-tree-image(noicon) {
   padding-right: 2px;
   margin: 0 2px;
   width: 16px;
   height: 16px;
new file mode 100644
--- /dev/null
+++ b/browser/themes/shared/illustrations/error-session-restore.svg
@@ -0,0 +1,65 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300">
+  <defs>
+    <linearGradient id="a" x1="-300.021" y1="-272.736" x2="547.138" y2="574.423" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ccfbff"/>
+      <stop offset="1" stop-color="#c9e4ff"/>
+    </linearGradient>
+    <linearGradient id="b" x1="-18.672" y1="23.78" x2="279.805" y2="322.256" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#00c8d7"/>
+      <stop offset="1" stop-color="#0a84ff"/>
+    </linearGradient>
+  </defs>
+  <ellipse cx="147.98" cy="227.18" rx="37.772" ry="5.739" fill="#eaeaee"/>
+  <path d="M166.909 241.114c-3.981-6.089-4.649-6.1-5.174-6.1-.694-.012-20.082-1.128-30.409-1.727l-5.48-2.529a1 1 0 0 0-.736-.04c-.521.174-8.625 2.562-11.7 3.468a1 1 0 0 0 .217 1.957l13.172.854-6.831 3.564a1 1 0 0 0 .458 1.887l45.649.217a1 1 0 0 0 .837-1.547z" fill="#eaeaee"/>
+  <path d="M147.941 251.71l-6.3-4.348a.934.934 0 0 0-.6-.176l-36.954 1.3a1 1 0 0 0-.649.27l-3.478 3.261a1 1 0 0 0 .684 1.729l46.736-.217a1 1 0 0 0 .563-1.823z" fill="#eaeaee"/>
+  <path d="M196.264 252.187l-11.3-9.13a1 1 0 0 0-.718-.218l-26.5 2.39-4.328.216a1 1 0 0 0-.648 1.715l8.7 8.479a1 1 0 0 0 .7.284h.059l33.476-1.957a1 1 0 0 0 .57-1.776z" fill="#eaeaee"/>
+  <path d="M223.976 231.634a1.006 1.006 0 0 0-.71-.319c-11.112-.254-28.009-.689-29.167-.85a1 1 0 0 0-.893 1.7l5 4.782a1 1 0 0 0 .691.277h.051c9.877-.507 24.978-1.217 26.009-1.114a1.108 1.108 0 0 0 1.258-.485c.354-.598.434-1.111-2.239-3.991z" fill="#eaeaee"/>
+  <path d="M157.336 56.28H133.1c-2.108-3.9-7.559-12.719-14.4-14.023-8.952-1.707-10.737 7.217-10.737 7.217s-5.949-15.469-21-13.419c-16.878 2.3-8.928 20.065-8.928 20.065H52.627l8.187.159h-8.191a1 1 0 0 0 0 2h104.713a1 1 0 0 0 0-2z" fill="#fff"/>
+  <path d="M255.293 70.249H241.6c-1.129-2.113-4.19-7.156-8.057-7.894-4.978-.949-5.971 4.013-5.971 4.013s-3.309-8.6-11.68-7.462c-9.386 1.278-4.965 11.158-4.965 11.158H196.8l9.462.184h-9.2a1 1 0 0 0 0 2h58.233a1 1 0 0 0 0-2z" fill="#fff"/>
+  <path d="M241.739 47.853l.045-.1c-.058.025-.063.06-.045.1z" fill="#fff"/>
+  <path d="M153.55 53.855h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm-11 0h-8.07a.5.5 0 0 1-.452-.285 38.288 38.288 0 0 0-1.976-3.334.5.5 0 0 1 .837-.549c.393.6 1.445 2.295 1.889 3.168h7.771a.5.5 0 0 1 0 1zm-66.488-.712h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm-11 0h-12a.5.5 0 0 1 0-1h12a.5.5 0 0 1 0 1zm12.838-1.49a.5.5 0 0 1-.473-.339c-.1-.29-.2-.616-.311-.972a.5.5 0 1 1 .958-.287c.1.344.2.656.3.937a.5.5 0 0 1-.312.635.515.515 0 0 1-.162.026zm30.5-5.153a.506.506 0 0 1-.468-.32 23.563 23.563 0 0 0-2.181-4.037.5.5 0 0 1 .834-.553 27.46 27.46 0 0 1 1.718 2.983 10.516 10.516 0 0 1 3.679-5.017.5.5 0 1 1 .571.82 10.183 10.183 0 0 0-3.663 5.724.5.5 0 0 1-.4.394.492.492 0 0 1-.09.006zm18.343-2.966a.5.5 0 0 1-.339-.133q-.361-.333-.734-.65a.5.5 0 1 1 .646-.762q.39.33.766.678a.5.5 0 0 1-.339.867zM76.821 41.81a.563.563 0 0 1-.09-.008.5.5 0 0 1-.4-.582c.792-4.351 3.544-7.229 8.181-8.555a.5.5 0 1 1 .275.961c-4.24 1.213-6.754 3.828-7.473 7.773a.5.5 0 0 1-.493.411zm45.892-1.221a.5.5 0 0 1-.236-.06 12.614 12.614 0 0 0-2.667-1.082.5.5 0 0 1 .262-.965 13.589 13.589 0 0 1 2.879 1.166.5.5 0 0 1-.237.94zm-22.76-4.664a.5.5 0 0 1-.28-.086q-.4-.271-.82-.525a.5.5 0 1 1 .517-.855q.444.267.865.553a.5.5 0 0 1-.281.914zm-4.47-2.2a.5.5 0 0 1-.154-.024 16.412 16.412 0 0 0-2.832-.647.5.5 0 0 1 .137-.99 17.452 17.452 0 0 1 3 .687.5.5 0 0 1-.154.976z" fill="#eaeaee"/>
+  <path d="M182.316 98.659a18.015 18.015 0 0 1-9.94-2.7 21.661 21.661 0 0 0-21.783 0 19.662 19.662 0 0 1-19.879 0 21.655 21.655 0 0 0-21.78 0 19.65 19.65 0 0 1-19.873 0 19.92 19.92 0 0 0-10.886-2.937 19.931 19.931 0 0 0-10.889 2.938 18.005 18.005 0 0 1-9.937 2.7 18 18 0 0 1-9.936-2.7 19.926 19.926 0 0 0-10.888-2.937 1 1 0 0 0 0 2 18 18 0 0 1 9.936 2.7 19.926 19.926 0 0 0 10.888 2.938 19.932 19.932 0 0 0 10.89-2.938 18 18 0 0 1 9.937-2.7 18 18 0 0 1 9.934 2.7 21.649 21.649 0 0 0 21.777 0 19.657 19.657 0 0 1 19.876 0 21.659 21.659 0 0 0 21.782 0 19.666 19.666 0 0 1 19.881 0 19.937 19.937 0 0 0 10.892 2.938 1 1 0 0 0 0-2zm66.143-10.24a.5.5 0 0 0-.7-.084 19.457 19.457 0 0 1-9.2 3.162 11.427 11.427 0 0 1-3.738-.029c2-.62 3.759-1.488 4.548-2.628.953-1.376.377-2.177.086-2.457-.88-.849-2.82-.664-4.236.4-1.065.8-2.892 2.666-2.477 4.2a29.546 29.546 0 0 1-4.815.685.5.5 0 0 0 .024 1h.025a30.5 30.5 0 0 0 5.355-.79c.88.715 2.643.915 5.337.616 6.261-.7 9.574-3.263 9.712-3.371a.5.5 0 0 0 .079-.704zm-12.646-.839a3.515 3.515 0 0 1 2.052-.735 1.318 1.318 0 0 1 .891.259c.31.3 0 .859-.215 1.168-.734 1.06-2.664 1.894-4.832 2.472-.233-.777.881-2.244 2.104-3.164zm-103.279 3.449a17.836 17.836 0 0 0 2.88 1.09.5.5 0 0 0 .27-.963 16.942 16.942 0 0 1-2.722-1.031.5.5 0 1 0-.428.9zm-18.885-2.8a.483.483 0 0 0 .168-.029 18.775 18.775 0 0 1 6.459-1 20.224 20.224 0 0 1 5.081.581.5.5 0 1 0 .249-.969 21.191 21.191 0 0 0-5.33-.612 19.728 19.728 0 0 0-6.795 1.062.5.5 0 0 0 .168.971zm35.6 2.948a.5.5 0 0 0 .208-.046c.81-.373 1.565-.782 2.3-1.178a18.324 18.324 0 0 1 8.719-2.718.5.5 0 0 0-.057-1 19.381 19.381 0 0 0-9.139 2.837c-.716.388-1.458.789-2.237 1.148a.5.5 0 0 0 .209.954zm18.929-3.052a19.413 19.413 0 0 1 2.681 1.165.5.5 0 0 0 .457-.891 20.737 20.737 0 0 0-2.815-1.222.5.5 0 0 0-.323.947zm-28.717 4.656c.328.02.666.034 1.017.043h.013a.5.5 0 0 0 .013-1 26.883 26.883 0 0 1-.981-.041.5.5 0 0 0-.061 1zm-34.925-.516a.516.516 0 0 0 .121-.015c.345-.086.674-.18.992-.28a.5.5 0 1 0-.3-.953q-.448.142-.932.263a.5.5 0 0 0 .12.985zm69.891-1.124c.3.141.619.276.944.4a.486.486 0 0 0 .184.035.5.5 0 0 0 .184-.965c-.308-.122-.6-.25-.893-.383a.5.5 0 0 0-.418.908zm31.973-4.795a24.722 24.722 0 0 0-2.812-.152h-.246a.5.5 0 0 0 .006 1h.239a23.378 23.378 0 0 1 2.7.146h.058a.5.5 0 0 0 .057-1zm4.957 1.286a18.905 18.905 0 0 0-.957-.373.5.5 0 1 0-.337.941c.313.112.614.231.906.354a.5.5 0 0 0 .388-.922zm13.064 4.2a20.357 20.357 0 0 1-4.951-.548.5.5 0 0 0-.241.971 21.357 21.357 0 0 0 5.192.577.5.5 0 1 0 0-1zM78.626 87.193A18.422 18.422 0 0 1 88.8 89.95l.942.506a.5.5 0 0 0 .468-.885l-.934-.5a19.489 19.489 0 0 0-10.649-2.878.5.5 0 0 0 0 1zm116.741.636c-.863.392-1.662.824-2.435 1.242a18.337 18.337 0 0 1-8.572 2.708.5.5 0 0 0 .031 1h.032a19.407 19.407 0 0 0 8.985-2.827c.758-.409 1.542-.833 2.373-1.211a.5.5 0 1 0-.413-.91zm-97.823 4.933c.6.044 1.243.066 1.905.066q.6 0 1.148-.022a.5.5 0 0 0 .479-.521.493.493 0 0 0-.52-.479 26.789 26.789 0 0 1-2.94-.042.493.493 0 0 0-.535.462.5.5 0 0 0 .463.536z" fill="#eaeaee"/>
+  <path d="M93.5 151.647a18.413 18.413 0 0 1 10.172 2.757c.313.17.627.34.945.507a.5.5 0 1 0 .465-.885c-.314-.165-.624-.333-.934-.5a19.486 19.486 0 0 0-10.648-2.879.5.5 0 0 0 0 1zm18.919 5.567c.518.038 1.067.056 1.631.062v-1a24.239 24.239 0 0 1-1.56-.06.5.5 0 0 0-.073 1zm84.386 7.1a17.993 17.993 0 0 1-9.934-2.7 24.348 24.348 0 0 0-4.74-2.115q-.039 1.039-.087 2.073a24.339 24.339 0 0 1 3.875 1.8 19.91 19.91 0 0 0 10.886 2.938 1 1 0 1 0 0-2zm-83.284 0a18 18 0 0 1-9.935-2.7 19.924 19.924 0 0 0-10.887-2.937 19.92 19.92 0 0 0-10.886 2.938 18 18 0 0 1-9.935 2.7 18 18 0 0 1-9.934-2.7 19.92 19.92 0 0 0-10.886-2.937 1 1 0 0 0 0 2 18 18 0 0 1 9.934 2.7 19.92 19.92 0 0 0 10.886 2.938 19.922 19.922 0 0 0 10.887-2.937 19.644 19.644 0 0 1 19.869 0 19.923 19.923 0 0 0 10.887 2.938c.222 0 .432-.006.645-.011q-.027-1-.047-2c-.202.002-.397.007-.603.007z" fill="#eaeaee"/>
+  <path d="M209.235 68.394h-12a.5.5 0 0 1 0-1h12a.5.5 0 0 1 0 1zm45.582-.184h-1.8a.5.5 0 0 1 0-1h1.8a.5.5 0 0 1 0 1zm-10.8 0h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1zm-3.491-2.881a.5.5 0 0 1-.39-.187 18.3 18.3 0 0 0-2-2.129.5.5 0 1 1 .668-.744 19.181 19.181 0 0 1 2.109 2.246.5.5 0 0 1-.389.813zm-12.517-.629a.5.5 0 0 1-.466-.32 13.846 13.846 0 0 0-3.855-5.164.5.5 0 1 1 .623-.781 14.475 14.475 0 0 1 3.623 4.438 5.416 5.416 0 0 1 3.107-3.029.5.5 0 0 1 .326.945 5 5 0 0 0-2.867 3.51.5.5 0 0 1-.447.4zm-17.64-2.036h-.051a.5.5 0 0 1-.447-.548 6.448 6.448 0 0 1 1.057-3.035.5.5 0 1 1 .824.566 5.457 5.457 0 0 0-.886 2.57.5.5 0 0 1-.497.444zm4.193-5.039a.5.5 0 0 1-.151-.977 10.123 10.123 0 0 1 1.018-.264.5.5 0 0 1 .2.98 8.89 8.89 0 0 0-.916.236.512.512 0 0 1-.151.022z" fill="#eaeaee"/>
+  <path d="M104.646 204.6H40.958a1 1 0 0 1 0-2h63.688a1 1 0 1 1 0 2z" fill="#eaeaee"/>
+  <path d="M209.627 204.6h-21.586a1 1 0 0 1 0-2h21.587a1 1 0 0 1 0 2z" fill="#eaeaee"/>
+  <path d="M264.9 204.6h-22.368a1 1 0 0 1 0-2H264.9a1 1 0 0 1 0 2z" fill="#eaeaee"/>
+  <path d="M212.21 123.577a.479.479 0 0 0 .167-.029 18.777 18.777 0 0 1 6.456-1 .5.5 0 0 0 0-1 19.725 19.725 0 0 0-6.791 1.06.5.5 0 0 0 .167.971zm-9.118 4.039a.516.516 0 0 0 .121-.015c.345-.086.674-.18.992-.28a.5.5 0 1 0-.3-.953q-.448.142-.932.263a.5.5 0 0 0 .12.985zm19.345-4.964h.025a30.515 30.515 0 0 0 5.356-.79c.881.714 2.644.916 5.336.616 6.261-.7 9.575-3.264 9.712-3.372a.5.5 0 0 0-.619-.785 19.464 19.464 0 0 1-9.2 3.163 11.451 11.451 0 0 1-3.737-.029c2-.621 3.758-1.488 4.548-2.629.952-1.375.377-2.176.086-2.457-.88-.846-2.82-.664-4.236.4-1.065.8-2.892 2.667-2.476 4.2a29.559 29.559 0 0 1-4.815.685.5.5 0 0 0 .024 1zm7.867-5.087a3.514 3.514 0 0 1 2.051-.735 1.319 1.319 0 0 1 .892.259c.31.3 0 .859-.214 1.168-.734 1.06-2.664 1.894-4.832 2.473-.234-.777.881-2.248 2.099-3.165zm-34.2 10.55c.6.044 1.242.066 1.9.066q.6 0 1.15-.022a.5.5 0 0 0 .479-.521.5.5 0 0 0-.52-.479 26.784 26.784 0 0 1-2.94-.042.494.494 0 0 0-.535.462.5.5 0 0 0 .468.536zm65.04.63a19.926 19.926 0 0 0-10.888 2.938 19.646 19.646 0 0 1-19.87 0 21.646 21.646 0 0 0-21.775 0 19.648 19.648 0 0 1-19.871 0 27.517 27.517 0 0 0-3.86-1.825 8.043 8.043 0 0 1-1.24 1.6l-.067.067a23.017 23.017 0 0 1 4.215 1.913 21.646 21.646 0 0 0 21.775 0 19.648 19.648 0 0 1 19.871 0 21.644 21.644 0 0 0 21.774 0 18 18 0 0 1 9.936-2.7 1 1 0 0 0 0-2zm-15.1 13.382q-.448.142-.932.263a.5.5 0 0 0 .12.985.516.516 0 0 0 .121-.015c.345-.086.674-.18.992-.28a.5.5 0 1 0-.3-.953zM187.36 125.3c.313.17.626.34.944.507a.5.5 0 0 0 .466-.885c-.313-.165-.624-.333-.936-.5a30.785 30.785 0 0 0-3.129-1.539 7.669 7.669 0 0 1 .688 1.4c.675.317 1.317.669 1.967 1.017zm53.9 17.615a26.531 26.531 0 0 1-2.94-.042.5.5 0 0 0-.073 1c.6.044 1.241.066 1.9.066q.6 0 1.152-.022a.5.5 0 0 0 .479-.521.517.517 0 0 0-.52-.477zm19.709-5.611a19.715 19.715 0 0 0-6.786 1.058.5.5 0 0 0 .167.971.479.479 0 0 0 .167-.029 18.767 18.767 0 0 1 6.451-1 .5.5 0 0 0 0-1zm-30.059 3.378c-.314-.165-.624-.333-.934-.5a19.5 19.5 0 0 0-10.648-2.877.5.5 0 0 0 0 1 18.429 18.429 0 0 1 10.172 2.756c.313.17.627.34.945.507a.5.5 0 1 0 .465-.885z" fill="#eaeaee"/>
+  <path d="M186.068 174.772c1.01-10.949 1.759-25.609.451-38.9l.514-.514c5.006-5.033 4.911-12.421-.216-17.577a12.97 12.97 0 0 0-17.732-.631l-4.1-1.107s.429-2.85-.321-3.725a2.606 2.606 0 0 0-1.935-.82s.81-4.055-1.065-5.555c-2.071-1.656-7.945 3-7.945 3-3.551 1.84-9.684 4.594-12.2 4.956-2.875.413-9.386 2.182-15.237 3.867l-.414-.417a12.97 12.97 0 0 0-18.4 0 13.094 13.094 0 0 0 0 18.425l1.835 1.845a281.627 281.627 0 0 0-.386 35.906 21.818 21.818 0 0 0-5.216 17.689c.914 6.436 4.8 9.96 8.711 12.237a45.905 45.905 0 0 0 2.483 7.891 48.514 48.514 0 0 0 1.584 5.944c2.971 8.511 6.707 12.826 11.1 12.826a6.214 6.214 0 0 0 3.926-1.4c1.7-1.391 2.456-3.106 2.576-9.037 4.45.407 9.479.63 14.506.63 3.466 0 7.989-.107 12.491-.521-.062 5.242.283 7.251 2.332 8.929a6.041 6.041 0 0 0 3.818 1.358c5.994 0 9.9-8.623 11.693-13.763a54.51 54.51 0 0 0 2.272-9.4 22.5 22.5 0 0 0 .282-1.662c5.6-3.181 9.206-8.133 10.03-13.929a18.73 18.73 0 0 0-5.437-16.545z" fill="#fff"/>
+  <path d="M180.923 176.649c1.356-13.432 2.047-29.548.435-42.9l2.282-2.282c3.039-3.056 2.813-7.153-.227-10.209a7.753 7.753 0 0 0-11.006 0l-1.5 1.506-10.849-2.927V116.9l-5.485.652 1.837-4.185s-9.323 4.837-13.862 5.489c-3.256.468-12.518 3.116-17.495 4.577l-2.6-2.612a7.753 7.753 0 0 0-11.006 0 7.856 7.856 0 0 0 0 11.067l3.588 3.608c-1 8.19-1.392 24.339-.5 39.878a16.356 16.356 0 0 0-5.384 14.9c.691 4.861 3.718 7.353 8.133 9.5a43.736 43.736 0 0 0 2.876 9.68 46.786 46.786 0 0 0 1.529 5.906c2.594 7.432 5.5 10.17 6.8 9.108.621-.509.764-5.158.623-10.882 10.036 1.55 27.191 1.879 37.611.037-.141 5.711-.339 10.337.281 10.845 1.3 1.062 4.686-2.654 7.28-10.086a49.724 49.724 0 0 0 2.075-8.686c.24-1.009.389-2.865.65-4.129 4.971-2.094 8.871-5.932 9.619-11.195 1.06-7.448-2.858-11.281-5.705-13.723z" fill="url(#a)"/>
+  <g fill="#f9f9fa">
+    <path d="M157.681 202.625c-7.81-1.785-7.984-6.013-7.316-8.5l-5.042-.149c.345 2.51-.575 6.011-7.5 7.594a37.408 37.408 0 0 1-10.215.863c9.456 9.453 32.143 9.571 41.307.752a33.732 33.732 0 0 1-11.234-.56z"/>
+    <path d="M174.91 164.318a9.715 9.715 0 0 0 2.452-3.815c.485-10.321.055-20.871-2.338-29.052-2.232-7.632-28.394-17.552-50.949-2.609-4.418 2.927-5.452 17.609-4.682 33.059a13.622 13.622 0 0 0 1.968 2.818c2.466 2.659.879 4.441-1.338 6.078a179.491 179.491 0 0 0 2.655 18.852 16.685 16.685 0 0 0 4.478 1.311l-.076-24.062 17.388.691 2.177-5.053h6.114l2.011 5.434 15.319.637-.706 23.843a20.118 20.118 0 0 0 4.39-1.865c.9-4.84 1.941-11.371 2.7-18.563-2.273-2.035-4.473-5.278-1.563-7.704z"/>
+  </g>
+  <g fill="url(#b)">
+    <path d="M128.086 142.316a1.412 1.412 0 0 0 1.411-1.41v-3.162a1.41 1.41 0 1 0-2.821 0v3.162a1.412 1.412 0 0 0 1.41 1.41z"/>
+    <path d="M163.123 142.316a1.412 1.412 0 0 0 1.411-1.41v-3.162a1.41 1.41 0 1 0-2.821 0v3.162a1.412 1.412 0 0 0 1.41 1.41z"/>
+    <path d="M167.475 144.641a1 1 0 0 0-1.383.28 3.677 3.677 0 0 1-5.937 0 1 1 0 0 0-1.675 1.093 5.674 5.674 0 0 0 9.287 0 1 1 0 0 0-.292-1.373z"/>
+    <path d="M132.434 144.633a1 1 0 0 0-1.383.295 3.758 3.758 0 0 1-2.965 1.5 3.709 3.709 0 0 1-2.968-1.506 1 1 0 0 0-1.675 1.093 5.674 5.674 0 0 0 9.287 0 1 1 0 0 0-.296-1.382z"/>
+    <path d="M156.383 149.1a3.079 3.079 0 0 1-2.589-.454 5.065 5.065 0 0 1-1.237-1.437 14.022 14.022 0 0 0 4.227-4.094 2.611 2.611 0 0 0 .316-2.192 1.475 1.475 0 0 0-1.215-.9c-2.294-.468-9.138 1.038-12.121 4.226a1.236 1.236 0 0 0-.175 1.476c.667 1.18 4.491 2.1 6.339 2.316a7.2 7.2 0 0 1-.174 1.908 4.738 4.738 0 0 1-3.063 3.2 1 1 0 0 0 .563 1.919 6.765 6.765 0 0 0 4.441-4.631 7.768 7.768 0 0 0 .161-.853 4.526 4.526 0 0 0 .864.75 5.069 5.069 0 0 0 4.408.626 1 1 0 0 0-.743-1.857z"/>
+    <path stroke="#59acff" stroke-linecap="round" stroke-linejoin="round" d="M116.035 173.443l-4.139 3.327"/>
+    <path d="M125.989 190.92h-.029c-4.94-.28-6.414-3.149-6.474-3.271a.5.5 0 0 1 .9-.445c.055.105 1.317 2.473 5.636 2.719a.5.5 0 0 1-.028 1z"/>
+    <path d="M169.551 192.631a4.541 4.541 0 0 1-.563-.035.5.5 0 1 1 .124-.992c3.16.386 6.822-3.654 6.858-3.7a.5.5 0 0 1 .746.666c-.154.178-3.658 4.061-7.165 4.061z"/>
+    <path d="M183.016 175.823c1.106-11.346 2.011-27.289.441-41.342l1.6-1.6c3.752-3.772 3.659-9.13-.223-13.034a9.753 9.753 0 0 0-13.842 0l-.68.683-8.249-2.225v-1.4a2 2 0 0 0-2.236-1.986l-2.011.239.431-.982a2 2 0 0 0-2.752-2.579c-2.511 1.3-9.781 4.79-13.226 5.284-3.123.449-11.319 2.756-16.631 4.3l-1.759-1.769a9.752 9.752 0 0 0-13.842 0 9.869 9.869 0 0 0 0 13.888l2.909 2.925c-.839 7.717-1.311 22.481-.456 38.32a18.247 18.247 0 0 0-5.315 16.012c.785 5.528 4.3 8.4 7.952 10.359a.973.973 0 0 0 .379.315l.044.018a44.416 44.416 0 0 0 2.707 8.865 47.481 47.481 0 0 0 1.548 5.908c1.391 3.985 4.288 10.669 8.067 10.669a2.948 2.948 0 0 0 1.888-.672c.741-.607 1.506-1.232 1.4-10.127a149.239 149.239 0 0 0 17.72.992 122.747 122.747 0 0 0 15.786-.912c-.187 7.245-.156 9.04 1.075 10.048a2.777 2.777 0 0 0 1.78.631c3.395 0 6.7-6 8.655-11.606a51.053 51.053 0 0 0 2.149-8.956c.138-.606.239-1.364.346-2.163.043-.324.087-.653.133-.968a21.447 21.447 0 0 0 2.278-1.27c.384-.2.763-.42 1.127-.66a.978.978 0 0 0 .307-.341 15.378 15.378 0 0 0 6.094-10.03 15.622 15.622 0 0 0-5.594-14.834zm3.615 14.554a13.725 13.725 0 0 1-6.578 9.6c-4.748 2.479-11.193 2.162-11.262 2.162a1 1 0 0 0-.111 2c.065 0 .426.022 1 .022a30.255 30.255 0 0 0 7.052-.837c-.121.893-.231 1.788-.373 2.385a49.721 49.721 0 0 1-2.075 8.686c-2.3 6.6-5.231 10.265-6.767 10.265a.788.788 0 0 1-.513-.178c-.588-.481-.44-4.669-.3-9.971a92.144 92.144 0 0 0 3.713-.719.5.5 0 1 0-.213-.977 95.1 95.1 0 0 1-10.957 1.71c-3.286.248-6.816.369-10.368.369-3.15 0-6.3-.1-9.3-.267a93.424 93.424 0 0 1-15-2.351.5.5 0 0 0-.265.965c.06.016 1.8.483 4.818 1.03.114 5.411-.04 9.722-.637 10.211a.956.956 0 0 1-.621.22c-1.47 0-3.942-2.918-6.179-9.328a46.793 46.793 0 0 1-1.529-5.906 37.051 37.051 0 0 1-2.391-7.444 43.727 43.727 0 0 0 9.71 1.22h.005a1 1 0 0 0 .005-2c-.065 0-6.126-.055-10.213-1.46-4.41-2.147-7.435-4.639-8.125-9.5a16.356 16.356 0 0 1 5.384-14.9c-.888-15.538-.5-31.687.5-39.878l-3.588-3.608a7.856 7.856 0 0 1 0-11.067 7.752 7.752 0 0 1 11.006 0l1.839 1.849c-6.694 2.774-7.5 6.758-7.537 6.949a.5.5 0 0 0 .983.183c.008-.043.855-3.866 7.552-6.438 5.027-1.473 14.049-4.046 17.255-4.507 4.54-.652 13.862-5.489 13.862-5.489l-1.837 4.185 5.485-.652v2.935l10.7 2.888c5.988 2.057 5.959 4.674 5.957 4.737a.5.5 0 0 0 .448.538h.05a.5.5 0 0 0 .5-.45c.014-.139.235-3.223-6.035-5.565l.726-.73a7.753 7.753 0 0 1 11.006 0c3.039 3.056 3.266 7.154.227 10.209l-2.282 2.282c1.562 12.943.959 28.472-.314 41.645l-3.794-3.566a.5.5 0 1 0-.685.729l4.357 4.1.01.009 1.883 1.77c.011.01.025.014.037.024a13.352 13.352 0 0 1 3.779 11.911z"/>
+    <path d="M168.257 240.857h-.01l-48.258-.979a.5.5 0 0 1-.263-.919l8.478-5.543a.449.449 0 0 1 .3-.08c28.881 1.809 32.47.4 32.853.169a.5.5 0 0 1 .729-.023L168.61 240a.5.5 0 0 1-.354.854z"/>
+    <path d="M147.391 237.905c-4.526 0-12.919-.456-20.082-3.389-9.543-3.907-13.037-8.2-13.719-9.141a.5.5 0 0 1 0-.9l12.716-6.2a.493.493 0 0 1 .449.006.5.5 0 0 1 .263.363c.011.068 1.141 6.818 5.027 9.79 5.259 4.022 11.862 1.9 11.929 1.88a.5.5 0 0 1 .511.121L151 236.96a.5.5 0 0 1-.315.853c-.038.002-1.285.092-3.294.092z"/>
+    <path d="M164.795 253.513c-2.23 0-3.545-.125-3.574-.127a.5.5 0 0 1-.373-.229l-8.561-13.457a.5.5 0 0 1 .4-.769c.109 0 11.008-.447 18.976-4.033 7.87-3.541 10.335-8.282 10.359-8.33a.5.5 0 0 1 .382-.271.5.5 0 0 1 .438.163l13.047 14.678a.5.5 0 0 1 .006.657 36.427 36.427 0 0 1-19.868 10.769 69.143 69.143 0 0 1-11.232.949z"/>
+    <path d="M148.408 251.333l-48.267-.189a.5.5 0 0 1-.343-.862l6.677-6.361a.5.5 0 0 1 .728.041c.378.239 3.928 1.74 32.847.626a.542.542 0 0 1 .3.088l8.341 5.746a.5.5 0 0 1-.284.912z"/>
+    <path d="M226.286 234.554h-.027c-.12-.006-12.14-.7-21.877-4.159-9.865-3.507-14.313-8.4-15.115-9.353a.5.5 0 0 1-.045-.909l9.663-5a.5.5 0 0 1 .635.151c.042.058 4.181 5.759 8.169 8.808 5.376 4.112 15.307 5.541 15.406 5.555a.505.505 0 0 1 .315.175l3.26 3.913a.5.5 0 0 1-.384.82z"/>
+    <path d="M209.79 213.262a.5.5 0 0 1-.408-.788l5.322-7.532a.5.5 0 0 1 .277-.194 24.254 24.254 0 0 0 10.284-6.463 23.325 23.325 0 0 0 4.677-8.068.5.5 0 0 1 .619-.339l13.582 3.951a.5.5 0 0 1 .148.89c-.513 1.044-3.23 5.865-11.973 11.332-9.476 5.926-22.353 7.2-22.482 7.21z"/>
+    <path d="M144.443 167.645l-.217 8.151 1.304-.543.87 1.087 1.087-.979.978 1.196.978-1.196 1.087 1.305.869-1.196.979 1.304.978-1.521 1.413.652v-7.934l-10.326-.326z"/>
+    <path d="M165.622 173.79l-2.857-2.5a.5.5 0 0 0-.65-.007l-2.643 2.214a.5.5 0 0 0 .239.876l1.283.214-.058 1.921a.5.5 0 0 0 .457.513l1.643.144h.043a.5.5 0 0 0 .5-.5v-1.832l1.762-.17a.5.5 0 0 0 .281-.874z"/>
+    <path d="M169.732 172.623a.524.524 0 0 0-.519.481l-.8 21.024-40.759-1.183-.159-15.1a.5.5 0 0 0-.5-.5h-.005a.5.5 0 0 0-.495.5l.164 15.582c0 .015.007.027.009.041a.5.5 0 0 0 .289.569l13.975 6.062a22.293 22.293 0 0 1-6.079 1.544.5.5 0 0 0 .05 1h.051c.194-.02 4.631-.49 7.136-2.035l2.022.877a.5.5 0 0 0 .7-.433l.35-6.6 6.365.185a14.875 14.875 0 0 1-2.8 4.539 24.216 24.216 0 0 1-10.479 6.371.5.5 0 0 0-.342.292l-3.56 8.508a.5.5 0 0 0 .461.693.492.492 0 0 0 .154-.024 64.014 64.014 0 0 0 17.133-9.089l1.849 4.061a.5.5 0 0 0 .374.286.46.46 0 0 0 .082.007.5.5 0 0 0 .364-.157l14.088-14.968s0-.012.009-.017h.044a.5.5 0 0 0 .5-.481l.815-21.52a.5.5 0 0 0-.487-.515z"/>
+    <path d="M170.579 168.566a.439.439 0 0 0-.054-.187.471.471 0 0 0-.049-.078.485.485 0 0 0-.074-.073c-.014-.012-.022-.028-.038-.038l-8.958-5.92a.5.5 0 0 0-.261-.083l-25.205-.746c-.011 0-.021.005-.032.006a.488.488 0 0 0-.115.021 17.081 17.081 0 0 0-.113.036l-8.846 4.957c-.01.006-.013.018-.022.024a.494.494 0 0 0-.189.208.5.5 0 0 0-.042.2l-.08 7.691a.5.5 0 0 0 .495.5H127a.5.5 0 0 0 .5-.5l.075-7.174 14.4.657H142a.5.5 0 0 0 .022-1l-13.17-.6 7.2-4.033 24.924.737 7.375 4.874-11.173-.325a.514.514 0 0 0-.515.485.5.5 0 0 0 .485.515l12.929.376h.015a.49.49 0 0 0 .214-.053.481.481 0 0 0 .05-.033.488.488 0 0 0 .124-.113c.008-.01.021-.015.029-.026s.008-.024.014-.035a.621.621 0 0 0 .06-.187c0-.013.008-.024.009-.038a.475.475 0 0 0-.013-.045z"/>
+    <path d="M169.876 169.851a.5.5 0 0 0-.5.5v.815a.5.5 0 1 0 1 0v-.815a.5.5 0 0 0-.5-.5z"/>
+  </g>
+  <g fill="#fff">
+    <path d="M161.635 234.443c-1.483.6-5.74.859-12.372.777l1.737 1.74a.5.5 0 0 1-.315.853c-.04 0-1.287.093-3.3.093-4.39 0-12.412-.436-19.426-3.137l-6.338 4.144 45.4.92z"/>
+    <path d="M114.627 225.078c1.019 1.253 4.62 5.057 13.061 8.513 8.37 3.426 18.489 3.393 21.81 3.279l-5.512-5.512c-1.421.4-7.462 1.769-12.552-2.125-3.5-2.678-4.888-7.92-5.281-9.77z"/>
+    <path d="M190.3 220.7c1.248 1.357 5.686 5.649 14.414 8.753 7.842 2.788 17.2 3.754 20.433 4.018l-2.385-2.862c-1.471-.224-10.457-1.726-15.683-5.722a49.522 49.522 0 0 1-8.117-8.669z"/>
+    <path d="M215.419 205.661l-4.57 6.469c3.292-.446 13.271-2.132 20.939-6.928 7.762-4.854 10.646-9.2 11.432-10.6l-12.474-3.629a24.19 24.19 0 0 1-4.746 7.985 24.936 24.936 0 0 1-10.581 6.703z"/>
+    <path d="M152.6 194.682a14.244 14.244 0 0 1-3.155 5.187 25.007 25.007 0 0 1-10.718 6.586L135.7 213.7c3.117-1.151 12.491-4.964 18.936-11.311a40.684 40.684 0 0 0 6.307-7.457z"/>
+    <path d="M101.386 250.148l45.406.178-6.872-4.733c-18.61.709-30.359.451-33.017-.7z"/>
+    <path d="M182.553 227.638c-.948 1.463-3.872 5.2-10.477 8.174a38.538 38.538 0 0 1-5.678 1.98L168.61 240a.5.5 0 0 1-.354.854h-.01l-14.223-.288 7.535 11.841a63.477 63.477 0 0 0 14.307-.831 35.459 35.459 0 0 0 18.979-10.112z"/>
+  </g>
+</svg>
deleted file mode 100644
--- a/browser/themes/shared/incontent-icons/session-restore.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60">
-  <defs>
-    <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="10" x2="30" y2="50">
-      <stop offset="0" style="stop-color: #fedb00"/>
-      <stop offset="1" style="stop-color: #fcce00"/>
-    </linearGradient>
-  </defs>
-  <path fill="url(#gradient)" d="M49.316,42.867L33.829,12.7c-0.879-1.715-2.274-2.7-3.828-2.7c-1.554,0-2.949,0.985-3.829,2.702 L10.685,42.864c-0.869,1.69-0.913,3.482-0.121,4.909C11.35,49.187,12.817,50,14.591,50h30.82c1.772,0,3.24-0.81,4.023-2.224 C50.227,46.349,50.185,44.56,49.316,42.867z M32.176,22.304l-0.48,14.304h-3.424L27.76,22.304H32.176z M30,44.896 c-1.44,0-2.592-1.184-2.592-2.592c0-1.44,1.152-2.592,2.592-2.592c1.472,0,2.592,1.152,2.592,2.592 C32.592,43.712,31.472,44.896,30,44.896z"/>
-</svg>
--- a/browser/themes/shared/jar.inc.mn
+++ b/browser/themes/shared/jar.inc.mn
@@ -51,16 +51,18 @@
   skin/classic/browser/fullscreen/secure.svg                   (../shared/fullscreen/secure.svg)
   skin/classic/browser/connection-secure.svg                   (../shared/identity-block/connection-secure.svg)
   skin/classic/browser/connection-mixed-passive-loaded.svg     (../shared/identity-block/connection-mixed-passive-loaded.svg)
   skin/classic/browser/connection-mixed-active-loaded.svg      (../shared/identity-block/connection-mixed-active-loaded.svg)
   skin/classic/browser/identity-icon.svg                       (../shared/identity-block/identity-icon.svg)
   skin/classic/browser/identity-icon-notice.svg                (../shared/identity-block/identity-icon-notice.svg)
   skin/classic/browser/info.svg                                (../shared/info.svg)
 
+  skin/classic/browser/illustrations/error-session-restore.svg (../shared/illustrations/error-session-restore.svg)
+
   skin/classic/browser/notification-icons/camera-blocked.svg                (../shared/notification-icons/camera-blocked.svg)
   skin/classic/browser/notification-icons/camera.svg                        (../shared/notification-icons/camera.svg)
   skin/classic/browser/notification-icons/default-info.svg                  (../shared/notification-icons/default-info.svg)
   skin/classic/browser/notification-icons/desktop-notification-blocked.svg  (../shared/notification-icons/desktop-notification-blocked.svg)
   skin/classic/browser/notification-icons/desktop-notification.svg          (../shared/notification-icons/desktop-notification.svg)
   skin/classic/browser/notification-icons/focus-tab-by-prompt.svg           (../shared/notification-icons/focus-tab-by-prompt.svg)
   skin/classic/browser/notification-icons/indexedDB-blocked.svg             (../shared/notification-icons/indexedDB-blocked.svg)
   skin/classic/browser/notification-icons/indexedDB.svg                     (../shared/notification-icons/indexedDB.svg)
@@ -206,17 +208,16 @@
   skin/classic/browser/translation-16.png                      (../shared/translation/translation-16.png)
   skin/classic/browser/translation-16@2x.png                   (../shared/translation/translation-16@2x.png)
   skin/classic/browser/update-badge.svg                        (../shared/update-badge.svg)
   skin/classic/browser/update-badge-failed.svg                 (../shared/update-badge-failed.svg)
   skin/classic/browser/warning.svg                             (../shared/warning.svg)
   skin/classic/browser/warning-white.svg                       (../shared/warning-white.svg)
   skin/classic/browser/cert-error.svg                          (../shared/incontent-icons/cert-error.svg)
   skin/classic/browser/wifi.svg                                (../shared/incontent-icons/wifi.svg)
-  skin/classic/browser/session-restore.svg                     (../shared/incontent-icons/session-restore.svg)
   skin/classic/browser/tab-crashed.svg                         (../shared/incontent-icons/tab-crashed.svg)
   skin/classic/browser/favicon-search-16.svg                   (../shared/favicon-search-16.svg)
   skin/classic/browser/icon-search-64.svg                      (../shared/incontent-icons/icon-search-64.svg)
   skin/classic/browser/welcome-back.svg                        (../shared/incontent-icons/welcome-back.svg)
   skin/classic/browser/readerMode.svg                          (../shared/reader/readerMode.svg)
   skin/classic/browser/panic-panel/header.png                  (../shared/panic-panel/header.png)
   skin/classic/browser/panic-panel/header@2x.png               (../shared/panic-panel/header@2x.png)
   skin/classic/browser/panic-panel/header-small.png            (../shared/panic-panel/header-small.png)
--- a/toolkit/themes/shared/in-content/info-pages.inc.css
+++ b/toolkit/themes/shared/in-content/info-pages.inc.css
@@ -117,8 +117,15 @@ button {
 
 .tree-container > tree {
   height: 100%;
 }
 
 tree {
   width: 100%;
 }
+
+/* Illustrated Info Pages */
+
+.illustrated .title {
+  margin-inline-start: 0;
+  padding-inline-start: 0;
+}