gitalk(评论系统)样式修改(颜色修改)
2023-03-07 09:46:14 时间
博客详情页面的评论模块,接入 gitlak 后,gitlak 样式可能跟本站的基色不一样,所以就需要修改 gitlak 默认样式。
在当前页加 style 方法
在当前的页面的 style 下添加如下 css 样式(色值:#10D07A; 是本站的) 即可修改成自己的样式。
<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>
# 未登录效果
# 登录后效果
改 css 文件方法
把 gitalk 的 css 下载下来,放到本站,然后把里面的 色值为:#6190e8 全部替换(Ctrl + F)成你想要的色值,然后在前端引用该 css 文件即可。
相关文章
- 在 Go 里用 CGO?这 7 个问题你要关注!
- 9款优秀的去中心化通讯软件 Matrix 的客户端
- 求职数据分析,项目经验该怎么写
- 在OKR中,我看到了数据驱动业务的未来
- 火山引擎云原生大数据在金融行业的实践
- OpenHarmony富设备移植指南(二)—从postmarketOS获取移植资源
- 《数据成熟度指数》报告:64%的企业领袖认为大多数员工“不懂数据”
- OpenHarmony 小型系统兼容性测试指南
- 肯睿中国(Cloudera):2023年企业数字战略三大趋势预测
- 适用于 Linux 的十大命令行游戏
- GNOME 截图工具的新旧截图方式
- System76 即将推出的 COSMIC 桌面正在酝酿大变化
- 2GB 内存 8GB 存储即可流畅运行,Windows 11 极致精简版系统 Tiny11 发布
- 迎接 ecode:一个即将推出的具有全新图形用户界面框架的现代、轻量级代码编辑器
- loongarch架构介绍(三)—地址翻译
- Go 语言怎么解决编译器错误“err is shadowed during return”?
- 敏捷:可能被开发人员遗忘的部分
- Denodo预测2023年数据管理和分析的未来
- 利用数据推动可持续发展
- 在 Vue3 中实现 React 原生 Hooks(useState、useEffect),深入理解 React Hooks 的