From 79c9550ee25cd086c60eb3d18b73507e15b6cf26 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Fri, 23 Sep 2022 17:26:49 +0100
Subject: [PATCH] Make sure commento works in dark mode

---
 static/src/scss/_commento.scss                | 35 +++++++++++++++++++
 static/src/scss/base.scss                     |  1 +
 website/common/templates/common/comments.html |  4 +--
 3 files changed, 37 insertions(+), 3 deletions(-)
 create mode 100644 static/src/scss/_commento.scss

diff --git a/static/src/scss/_commento.scss b/static/src/scss/_commento.scss
new file mode 100644
index 0000000..146682e
--- /dev/null
+++ b/static/src/scss/_commento.scss
@@ -0,0 +1,35 @@
+#commento {
+  .commento-profile-button {
+    @include dark-mode {
+      fill: $dark-mode-text;
+    }
+  }
+
+  .commento-name,
+  #commento-mod-tools-lock-button,
+  .commento-login-text,
+  .commento-anonymous-checkbox-container label {
+    @include dark-mode {
+      color: $dark-mode-text;
+    }
+  }
+
+  #commento-textarea-root,
+  #commento-guest-details-input-root,
+  .commento-textarea-container textarea {
+    @include dark-mode {
+      background-color: $black;
+      color: $dark-mode-text;
+    }
+  }
+
+  .commento-card {
+    @include dark-mode {
+      border-top: 1px solid color.adjust($black, $alpha: -0.4);
+
+      p {
+        color: $dark-mode-text;
+      }
+    }
+  }
+}
diff --git a/static/src/scss/base.scss b/static/src/scss/base.scss
index 251e082..f903a0e 100644
--- a/static/src/scss/base.scss
+++ b/static/src/scss/base.scss
@@ -20,6 +20,7 @@
 @import "404";
 @import "contact";
 @import "password_required";
+@import "commento";
 
 html,
 body {
diff --git a/website/common/templates/common/comments.html b/website/common/templates/common/comments.html
index e3b270c..fd358ca 100644
--- a/website/common/templates/common/comments.html
+++ b/website/common/templates/common/comments.html
@@ -2,6 +2,4 @@
   <div id="commento"></div>
 </section>
 
-{% if not DEBUG %}
-  <script async defer src="https://commento.theorangeone.net/js/commento.js"></script>
-{% endif %}
+<script async defer src="https://commento.theorangeone.net/js/commento.js"></script>