Sync to newest Furo to support Sphinx 8 (#619)

Closes #618.

Some notable changes:

* Sphinx 8 support
* Larger icons
* Tweak to table formatting
* Hide copy-button until you hover

pyproject.toml

@@ -26,9 +26,9 @@ classifiers = [
 dependencies = [
     "docutils",
     # Keep in sync with Furo's constraint.
-    "sphinx>=6.0,<8.0",
+    "sphinx>=6.0,<9.0",
     # See CONTRIBUTING.md for how to upgrade Furo.
-    "furo==2024.5.6",
+    "furo==2024.8.6",
 ]
 
 [project.entry-points."sphinx.html_themes"]

src/qiskit_sphinx_theme/assets/styles/_mobile-header.scss

@@ -0,0 +1,20 @@
+/* This code is a Qiskit project.
+ *
+ * (C) Copyright IBM 2024.
+ *
+ * This code is licensed under the Apache License, Version 2.0. You may
+ * obtain a copy of this license in the LICENSE.txt file in the root directory
+ * of this source tree or at http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Any modifications or derivative works of this code must retain this
+ * copyright notice, and modified files need to carry a notice indicating
+ * that they have been altered from the originals.
+ */
+
+
+@media (max-width: 63em) {
+  .toc-header-icon {
+    // On mobile, Furo has no space between the page ToC and dark mode icons. 
+    margin-left: 8px;
+  }
+}

src/qiskit_sphinx_theme/assets/styles/qiskit-sphinx-theme.scss

@@ -18,6 +18,7 @@
 @import "icons";
 @import "layout";
 @import "left-sidebar";
+@import "mobile-header";
 @import "scaffold";
 @import "sphinx-extensions";
 @import "tables";

src/qiskit_sphinx_theme/theme/qiskit-sphinx-theme/partials/icons.html

@@ -60,19 +60,6 @@
       <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" />
     </svg>
   </symbol>
-  <symbol id="svg-sun-half" viewBox="0 0 24 24">
-    <title>Auto light/dark mode</title>
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-      stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" class="icon-tabler-shadow">
-      <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-      <circle cx="12" cy="12" r="9" />
-      <path d="M13 12h5" />
-      <path d="M13 15h4" />
-      <path d="M13 18h1" />
-      <path d="M13 9h4" />
-      <path d="M13 6h1" />
-    </svg>
-  </symbol>
   <symbol id="svg-sun-with-moon" viewBox="0 0 24 24">
     <title>Auto light/dark, in light mode</title>
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"