回到顶部

CONTENTS

gitalk(评论系统)样式修改

博客详情页面的评论模块,接入 gitlak 后,gitlak 样式可能跟本站的基色不一样,所以就需要修改 gitlak 默认样式。

修改方法

在当前的页面的 style 下添加如下 css 样式(颜色是本站的) 即可修改成自己的样式:

<style>

        .gt-ico-text, .gt-btn-text {
            color: #000000;
        }

        .gt-container .gt-btn-login {
            background-color: #10D07A;
            border: 1px solid #10D07A;
        }

        .gt-container .gt-btn-public {
            background-color: #10D07A;
            border: 1px solid #10D07A;
        }

        .gt-container .gt-btn-public:hover {
            background-color: #25cdd0;
            border: 1px solid #10D07A;
        }

        .gt-container .gt-btn {
            border: 1px solid #10D07A;
        }

        .gt-container a {
            color: #10D07A;
        }

        .gt-container .gt-btn-preview:hover {
            border: 1px solid #10D07A;
        }

        .gt-container .gt-svg svg {
            fill: #10D07A;
        }

        .gt-container .gt-comment-username {
            color: #10D07A;
        }
        
        gt-container .gt-popup .gt-action.is--active:before {
            background: #10D07A;
        }


</style>

# 未登录效果

# 登录后效果

 

^_^
请喝咖啡 ×

前一篇: django admin 给 字段 增加 HTML 样式(显示图片、设置字体颜色、超链接等)
下一篇: django admin 给 字段 设置 widget