fix: [slides] Use hugo-xterm theme colors

External reveal js theme 'black' must be removed in future.

Author: manid2

assets/styles/_slides.scss

@@ -1,12 +1,25 @@
 :root {
-  --r-background-color: #{$background--light};
   --r-code-font: #{$font-family-mono};
-  --r-heading-color: #{$text--light};
   --r-heading-font: #{$font-family-title};
-  --r-link-color: #{$text-links--light};
-  --r-main-color: #{$text--light};
   --r-main-font-size: #{$font-size};
   --r-main-font: #{$font-family-normal};
+
+  /* FIXME doesn't work in light theme */
+  @include themed {
+    --r-background-color: t($background);
+    --r-heading-color: t($text);
+    --r-main-color: t($text);
+    --r-link-color: t($text-links);
+    --r-link-color-dark: t($text-links);
+    --r-link-color-hover: t($text);
+  }
+}
+
+/* HACK use this until reveal.js theme colors are fixed */
+.reveal a {
+  @include themed {
+    color: t($text-links);
+  }
 }
 
 .reveal {

layouts/partials/slides/style.html

@@ -1,3 +1,4 @@
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/reveal.min.css" />
+<!-- FIXME Removing these reveal themes breaks slides styles, need to fix. -->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/theme/black.min.css" id="theme" />
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/plugin/highlight/monokai.min.css" />