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 "contact";
|
||||
@import "password_required";
|
||||
@import "commento";
|
||||
|
||||
html,
|
||||
body {
|
||||
|
|
|
@ -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 %}
|
||||
|
|
Loading…
Reference in a new issue