Make sure commento works in dark mode
This commit is contained in:
parent
c18e408db7
commit
79c9550ee2
3 changed files with 37 additions and 3 deletions
35
static/src/scss/_commento.scss
Normal file
35
static/src/scss/_commento.scss
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -20,6 +20,7 @@
|
||||||
@import "404";
|
@import "404";
|
||||||
@import "contact";
|
@import "contact";
|
||||||
@import "password_required";
|
@import "password_required";
|
||||||
|
@import "commento";
|
||||||
|
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
|
|
|
@ -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 %}
|
|
||||||
|
|
Loading…
Reference in a new issue