feat: adding Commento

MattMattV · Feb 25, 2019 · e6239d1 · e6239d1
1 parent 7b16135
commit e6239d1
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 0 deletions.
diff --git a/src/_layouts/default.html b/src/_layouts/default.html
@@ -14,6 +14,7 @@
         <link rel="stylesheet" href="/assets/css/vendor.css">
         <link rel="stylesheet" href="/assets/css/fonts.css">
         <link rel="stylesheet" href="/assets/css/theme.css">
+        <link rel="stylesheet" href="/assets/css/dark-commento.css">
 
         <link href="{{site.url}}/feed.atom" title="Articles du blog de Matthieu" rel="alternate" type="application/atom+xml">
     </head>

diff --git a/src/_layouts/post.html b/src/_layouts/post.html
@@ -22,3 +22,10 @@ <h1>{{ page.title }}</h1>
     <a class="next-article" href="{{page.next.url}}">{{page.next.title}} &#8594;</a>
     {% endif %}
 </section>
+
+<br>
+<br>
+
+<div id="commento"></div>
+
+<script src="https://commento.mvion.fr/js/commento.js"></script>
diff --git a/src/assets/css/dark-commento.css b/src/assets/css/dark-commento.css
@@ -0,0 +1,42 @@
+.commento-login-box, .commento-email {
+    color: white !important;
+    background-color: #303030 !important;
+}
+
+#commento-login-box-email-input, #commento-login-box-email-button, #commento-login-box-password-input, .commento-email-button {
+    color: white !important;
+    background-color: #303030 !important;
+    border-radius: 2px !important;
+    border: 1px solid #666 !important; /* 👿 */
+}
+
+.commento-root textarea {
+    color: white !important;
+    background-color: #303030 !important;
+    border-radius: 2px !important;
+    border: 1px solid #666 !important; /* 👿 */
+}
+
+.commento-root .commento-footer {
+    border: none !important;
+}
+
+.commento-name {
+    color: white !important;
+}
+
+.commento-root .commento-card .commento-option-collapse {
+    background: white !important;
+}
+
+.commento-root .commento-card .commento-option-uncollapse {
+    background: white !important;
+}
+
+.commento-body > div > * {
+    color: white !important;
+}
+
+label[for=commento-anonymous-checkbox-root] {
+    color: white !important;
+}