fix: 修复评论和分享按钮颜色未使用全局主题颜色的问题
- 为 #share_show 分享按钮添加主题颜色变量覆盖 - 为 #comments_toggle 评论按钮添加主题颜色变量覆盖 - 使用 !important 确保覆盖 argon.min.css 中的硬编码颜色 - 同时处理 hover 和 active 状态的颜色
This commit is contained in:
32
style.css
32
style.css
@@ -8166,6 +8166,18 @@ body.noscroll:before {
|
|||||||
padding: 8px 16px;
|
padding: 8px 16px;
|
||||||
height: 38px;
|
height: 38px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
background-color: var(--themecolor) !important;
|
||||||
|
border-color: var(--themecolor) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#comments_toggle:hover {
|
||||||
|
background-color: var(--themecolor-dark) !important;
|
||||||
|
border-color: var(--themecolor-dark) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#comments_toggle:active {
|
||||||
|
background-color: var(--themecolor-dark2) !important;
|
||||||
|
border-color: var(--themecolor-dark2) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#comments_toggle .btn-inner--icon {
|
#comments_toggle .btn-inner--icon {
|
||||||
@@ -8304,6 +8316,26 @@ body.noscroll:before {
|
|||||||
|
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
|
|
||||||
|
background-color: var(--themecolor) !important;
|
||||||
|
|
||||||
|
border-color: var(--themecolor) !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#share_show:hover {
|
||||||
|
|
||||||
|
background-color: var(--themecolor-dark) !important;
|
||||||
|
|
||||||
|
border-color: var(--themecolor-dark) !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#share_show:active {
|
||||||
|
|
||||||
|
background-color: var(--themecolor-dark2) !important;
|
||||||
|
|
||||||
|
border-color: var(--themecolor-dark2) !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#share_container.opened #share {
|
#share_container.opened #share {
|
||||||
|
|||||||
Reference in New Issue
Block a user