优化:评论插件支持跟随主题字体配置,调整了部分评论插件按钮的字体和背景色跟随主题色

This commit is contained in:
mjsoftware 2024-03-08 12:05:12 +08:00
parent 1574ce007c
commit 5de70e53e4

View File

@ -12,6 +12,7 @@ html {
--light-b: #ebeef5; --light-b: #ebeef5;
--light-c: #dcdcdc; --light-c: #dcdcdc;
--light-d: #c0c4cc; --light-d: #c0c4cc;
--light-y: #1f1f1f;
--light-z: #ffffff; --light-z: #ffffff;
--dark-a: #4a4a4a; --dark-a: #4a4a4a;
--dark-b: #909399; --dark-b: #909399;
@ -48,6 +49,7 @@ html {
--light-b: #414243; --light-b: #414243;
--light-c: #303030; --light-c: #303030;
--light-d: #666; --light-d: #666;
--light-y: #d0d0d0;
--light-z: #c2c2c2; --light-z: #c2c2c2;
--dark-a: #888; --dark-a: #888;
--dark-b: #777; --dark-b: #777;
@ -147,7 +149,7 @@ html {
/*todo 评论组件*/ /*todo 评论组件*/
//基础文字颜色 //基础文字颜色
//--halo-comment-widget-base-color: var(--dark-c) !important; --halo-comment-widget-base-color: var(--light-y) !important;
//基础元素的圆角 //基础元素的圆角
//--halo-comment-widget-base-border-radius: !important; //--halo-comment-widget-base-border-radius: !important;
////基础字体大小 ////基础字体大小
@ -155,7 +157,7 @@ html {
////基础行高 ////基础行高
//--halo-comment-widget-base-line-height: !important; //--halo-comment-widget-base-line-height: !important;
////基础字体族 ////基础字体族
//--halo-comment-widget-base-font-family: !important; --halo-comment-widget-base-font-family: "Dream Font" !important;
////头像的圆角大小 ////头像的圆角大小
//--halo-comment-widget-component-avatar-rounded: !important; //--halo-comment-widget-component-avatar-rounded: !important;
////头像大小 ////头像大小
@ -175,15 +177,15 @@ html {
////登录按钮悬停背景颜色 ////登录按钮悬停背景颜色
//--halo-comment-widget-component-form-button-login-bg-color-hover: var(--theme) !important; //--halo-comment-widget-component-form-button-login-bg-color-hover: var(--theme) !important;
////登录按钮边框颜色 ////登录按钮边框颜色
//--halo-comment-widget-component-form-button-login-border-color: #999 !important; --halo-comment-widget-component-form-button-login-border-color: var(--light-c) !important;
////提交按钮背景颜色 ////提交按钮背景颜色
//--halo-comment-widget-component-form-button-submit-bg-color: var(--theme) !important; --halo-comment-widget-component-form-button-submit-bg-color: var(--theme) !important;
////提交按钮文字颜色 ////提交按钮文字颜色
//--halo-comment-widget-component-form-button-submit-color: #f7f7f7 !important; --halo-comment-widget-component-form-button-submit-color: #f8f8f8 !important;
////提交按钮边框颜色 ////提交按钮边框颜色
//--halo-comment-widget-component-form-button-submit-border-color: var(--theme) !important; --halo-comment-widget-component-form-button-submit-border-color: var(--theme) !important;
////提交按钮悬停边框颜色 ////提交按钮悬停边框颜色
//--halo-comment-widget-component-form-button-submit-border-color-hover: var(--theme) !important; --halo-comment-widget-component-form-button-submit-border-color-hover: var(--theme) !important;
////表情按钮颜色 ////表情按钮颜色
//--halo-comment-widget-component-form-button-emoji-color: var(--theme) !important; //--halo-comment-widget-component-form-button-emoji-color: var(--theme) !important;
////评论项操作悬停背景颜色 ////评论项操作悬停背景颜色