liuwei_x_x/abot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: improve plain button contrast across dashboard

Browse Source
This commit is contained in:
liuwei
2026-04-13 16:21:49 +08:00
parent 7df4bd216f
commit 29dc59c3f1
1 changed files with 74 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
admin/dashboard/templates/base.html
View File

@@ -349,6 +349,80 @@
box-shadow: 0 14px 24px rgba(79, 70, 229, 0.22) !important;
}
.el-button--primary.is-plain,
.el-button--success.is-plain,
.el-button--warning.is-plain,
.el-button--danger.is-plain,
.el-button--info.is-plain {
background: rgba(255, 255, 255, 0.96) !important;
box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06) !important;
}
.el-button--primary.is-plain {
color: #4338ca !important;
border-color: rgba(99, 102, 241, 0.34) !important;
}
.el-button--primary.is-plain:hover,
.el-button--primary.is-plain:focus {
color: #ffffff !important;
border-color: transparent !important;
background: linear-gradient(135deg, #4f46e5, #6366f1) !important;
box-shadow: 0 12px 22px rgba(79, 70, 229, 0.20) !important;
}
.el-button--success.is-plain {
color: #047857 !important;
border-color: rgba(16, 185, 129, 0.34) !important;
}
.el-button--success.is-plain:hover,
.el-button--success.is-plain:focus {
color: #ffffff !important;
border-color: transparent !important;
background: linear-gradient(135deg, #10b981, #34d399) !important;
box-shadow: 0 12px 22px rgba(16, 185, 129, 0.20) !important;
}
.el-button--warning.is-plain {
color: #b45309 !important;
border-color: rgba(245, 158, 11, 0.34) !important;
}
.el-button--warning.is-plain:hover,
.el-button--warning.is-plain:focus {
color: #ffffff !important;
border-color: transparent !important;
background: linear-gradient(135deg, #f59e0b, #fbbf24) !important;
box-shadow: 0 12px 22px rgba(245, 158, 11, 0.20) !important;
}
.el-button--danger.is-plain {
color: #b91c1c !important;
border-color: rgba(239, 68, 68, 0.34) !important;
}
.el-button--danger.is-plain:hover,
.el-button--danger.is-plain:focus {
color: #ffffff !important;
border-color: transparent !important;
background: linear-gradient(135deg, #ef4444, #f87171) !important;
box-shadow: 0 12px 22px rgba(239, 68, 68, 0.20) !important;
}
.el-button--info.is-plain {
color: #475569 !important;
border-color: rgba(100, 116, 139, 0.34) !important;
}
.el-button--info.is-plain:hover,
.el-button--info.is-plain:focus {
color: #ffffff !important;
border-color: transparent !important;
background: linear-gradient(135deg, #64748b, #94a3b8) !important;
box-shadow: 0 12px 22px rgba(100, 116, 139, 0.20) !important;
}
.el-button--default {
background: rgba(255,255,255,0.85) !important;
border-color: var(--border-strong) !important;