some more fixes for the rendered notebook

Author: gabalafou

docs/examples/code-cells.ipynb

@@ -355,13 +355,20 @@
     "\n",
     "\n",
     "Latex(\n",
-    "    r\"This is a \\LaTeX{} equation \"\n",
-    "    r\"This is a \\LaTeX{} equation \"\n",
-    "    r\"This is a \\LaTeX{} equation \"\n",
-    "    r\"This is a \\LaTeX{} equation: $a^2 + b^2 = c^2$\"\n",
+    "    r\"A lot of extra text \"\n",
+    "    r\"to test wrapping \"\n",
+    "    r\"when rendered to HTML. \"\n",
+    "    r\"This is an equation: $a^2 + b^2 = c^2$\"\n",
     ")"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "Some elements are repeated in the following equation to make it longer. This makes it easier to test whether the equation looks good on a mobile screen, for example, where the width of the equation does not fit within the width of the screen:"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,

src/pydata_sphinx_theme/assets/styles/nbsphinx-pydata-theme.scss

@@ -185,6 +185,19 @@ div.nboutput.container {
       }
     }
 
+    .widget-slider {
+      // Fix accessibility contrast failure. (This was added primarily to
+      // prevent the theme docs from having an accessibility violation, but
+      // putting it here extends this fix to other sites that use this theme.)
+      .noUi-handle {
+        border-color: var(--pst-gray-600);
+      }
+
+      .noUi-connects {
+        background: var(--pst-gray-600);
+      }
+    }
+
     // Dark theme special-cases
     html[data-theme="dark"] & {
       &.rendered_html:not(:has(table.dataframe, .xr-wrap)),