ENH: Adapt target viewcode to tango highlighting style (#635)

Author: 12rambau

docs/conf.py

@@ -38,6 +38,7 @@
     "sphinx.ext.autodoc",
     "sphinx.ext.autosummary",
     "sphinxext.rediraffe",
+    "sphinx.ext.viewcode",
 ]
 
 # -- Internationalization ------------------------------------------------

src/pydata_sphinx_theme/assets/styles/base/_color.scss

@@ -89,6 +89,10 @@ html[data-theme="light"] {
   --pst-color-preformatted-background: var(--pst-color-background-up);
   --pst-color-preformatted-shadow: var(--pst-color-shadow);
 
+  // targeted viewcode
+  --pst-color-viewcode-target-border: rgb(170, 204, 153);
+  --pst-color-viewcode-target-background: rgb(244, 222, 191);
+
   /*****************************************************************************
   * layout
   */
@@ -232,6 +236,10 @@ html[data-theme="dark"] {
   --pst-color-preformatted-background: var(--pst-color-background-up);
   --pst-color-preformatted-shadow: var(--pst-color-shadow);
 
+  // targeted viewcode
+  --pst-color-viewcode-target-border: rgb(170, 204, 153);
+  --pst-color-viewcode-target-background: rgb(35, 55, 83);
+
   /*****************************************************************************
   * layout
   */

src/pydata_sphinx_theme/assets/styles/content/_api.scss

@@ -99,7 +99,7 @@ span.highlighted {
 }
 
 .viewcode-block:target {
-  background-color: #f4debf;
-  border-top: 1px solid #ac9;
-  border-bottom: 1px solid #ac9;
+  background-color: var(--pst-color-viewcode-target-background);
+  border-top: 1px solid var(--pst-color-viewcode-target-border);
+  border-bottom: 1px solid var(--pst-color-viewcode-target-border);
 }