Honesty/home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(css): 调整黑夜模式下的输入框和评论列表样式

Browse Source 
- 为PC端黑夜模式下的编辑器文本区域添加背景、文字颜色及边框样式
- 设置编辑器文本区域聚焦时的边框和阴影效果
- 为评论包裹元素添加黑夜模式下的背景、边框和阴影样式
- 添加评论包裹元素在悬停状态下的样式变化
- 为评论列表头部和通用头部添加底部边框样式
This commit is contained in:
hehh
2025-11-26 01:02:18 +08:00
parent ace68a0bad
commit 0fbfd7b6dd
1 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
css/artalk.css
View File

@@ -612,4 +612,37 @@
border: 1px solid rgba(0, 206, 201, 0.4) !important;
box-shadow: 0 8px 25px rgba(0, 206, 201, 0.4) !important;
}
}
/* PC端黑夜模式下的输入框颜色和列表样式修正 */
[data-theme="night"] .atk-editor-textarea {
background: rgba(40, 40, 45, 0.7) !important;
color: #dfe6e9 !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}
[data-theme="night"] .atk-editor-textarea:focus {
border: 1px solid #00cec9 !important;
box-shadow: 0 0 0 3px rgba(0, 206, 201, 0.2) !important;
}
[data-theme="night"] .atk-comment-wrap {
background: rgba(30, 30, 35, 0.6) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="night"] .atk-comment-wrap:hover {
background: rgba(40, 40, 45, 0.7) !important;
border: 1px solid rgba(0, 206, 201, 0.3) !important;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="night"] .atk-list-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
[data-theme="night"] .atk-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}