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

style(css): 优化夜间模式下的编辑器样式

Browse Source 
- 调整夜间模式下工具栏按钮的颜色和亮度
- 修改夜间模式下输入框的背景透明度和边框颜色
- 增强夜间模式下输入框的阴影效果
- 提高夜间模式下输入框聚焦时的阴影透明度
This commit is contained in:
hehh
2025-11-27 02:40:11 +08:00
parent 200da80262
commit 0eac618a71
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
css/artalk.css
View File

@@ -382,6 +382,11 @@
margin: 2px !important; margin: 2px !important;
} }
[data-theme="night"] .atk-editor-toolbar .atk-btn {
color: #b2bec3 !important;
filter: brightness(1.3);
}
/* 暗色模式下聚焦边框 */ /* 暗色模式下聚焦边框 */
.atk-dark .atk-editor-textarea:focus { .atk-dark .atk-editor-textarea:focus {
box-shadow: 0 0 0 2px rgba(66, 153, 225, 0.5) !important; box-shadow: 0 0 0 2px rgba(66, 153, 225, 0.5) !important;
@@ -616,15 +621,15 @@
/* PC端黑夜模式下的输入框颜色和列表样式修正 - 全面优化版 */ /* PC端黑夜模式下的输入框颜色和列表样式修正 - 全面优化版 */
[data-theme="night"] .atk-editor-textarea { [data-theme="night"] .atk-editor-textarea {
background: rgba(40, 40, 45, 0.8) !important; background: rgba(30, 30, 35, 0.9) !important;
color: #e2e8f0 !important; color: #e2e8f0 !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
} }
[data-theme="night"] .atk-editor-textarea:focus { [data-theme="night"] .atk-editor-textarea:focus {
border: 1px solid #00cec9 !important; border: 1px solid #00cec9 !important;
box-shadow: 0 0 0 3px rgba(0, 206, 201, 0.2) !important; box-shadow: 0 0 0 3px rgba(0, 206, 201, 0.4) !important;
} }
[data-theme="night"] .atk-comment-wrap { [data-theme="night"] .atk-comment-wrap {