Add cactus css and js to external.yaml and move custom cactus css to html

assets/scss/partials/comments/provider/cactus.scss

@@ -1,11 +0,0 @@
-.cactus-editor-textarea {
-  color: var(--body-text-color);
-}
-
-.cactus-comment-header {
-  color: var(--card-text-color-main);
-}
-
-.cactus-message-text > p {
-  color: var(--body-text-color);
-}

data/external.yaml

@@ -36,3 +36,12 @@ KaTeX:
       integrity: sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl
       type: script
       defer: true
+
+Cactus:
+    - src: https://latest.cactus.chat/cactus.js
+      integrity:
+      type: script
+      defer: false
+    - src: https://latest.cactus.chat/style.css
+      integrity:
+      type: style

exampleSite/config.yaml

@@ -98,6 +98,7 @@ params:
             defaultHomeserverUrl: "https://matrix.cactus.chat:8448"
             serverName: "cactus.chat"
             siteName: "" # You must insert a unique identifier here matching the one you registered (See https://cactus.chat/docs/getting-started/quick-start/#register-your-site)
+            
     widgets:
         enabled:
             - search

layouts/partials/comments/provider/cactus.html

@@ -1,4 +1,18 @@
 {{- with .Site.Params.comments.cactus -}}
+<style>
+    .cactus-editor-textarea {
+        color: var(--body-text-color);
+    }
+
+    .cactus-comment-header {
+        color: var(--card-text-color-main);
+    }
+
+    .cactus-message-text>p {
+        color: var(--body-text-color);
+    }
+</style>
+
 <div id="comment-section"></div>
 
 <script>