Make sure commento works in dark mode

This commit is contained in:
Jake Howard 2022-09-23 17:26:49 +01:00
parent c18e408db7
commit 79c9550ee2
Signed by: jake
GPG key ID: 57AFB45680EDD477
3 changed files with 37 additions and 3 deletions

View file

@ -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;
}
}
}
}

View file

@ -20,6 +20,7 @@
@import "404"; @import "404";
@import "contact"; @import "contact";
@import "password_required"; @import "password_required";
@import "commento";
html, html,
body { body {

View file

@ -2,6 +2,4 @@
<div id="commento"></div> <div id="commento"></div>
</section> </section>
{% if not DEBUG %}
<script async defer src="https://commento.theorangeone.net/js/commento.js"></script> <script async defer src="https://commento.theorangeone.net/js/commento.js"></script>
{% endif %}