dekun
161 lines
3.3 KiB
CSS
161 lines
3.3 KiB
CSS
/* 实例页亮色主题（覆盖模板内联暗色样式） */
|
|
html[data-theme="light"] {
|
|
color-scheme: light;
|
|
}
|
|
|
|
html[data-theme="light"] body {
|
|
background: #d8e2ec !important;
|
|
color: #1a2838 !important;
|
|
}
|
|
|
|
html[data-theme="light"] .header h1 {
|
|
color: #142232 !important;
|
|
}
|
|
|
|
html[data-theme="light"] .exchange-tag {
|
|
color: #087a50 !important;
|
|
background: rgba(10, 143, 92, 0.12) !important;
|
|
border-color: rgba(10, 143, 92, 0.35) !important;
|
|
}
|
|
|
|
html[data-theme="light"] .top-nav a {
|
|
background: #fff !important;
|
|
color: #006e9a !important;
|
|
border-color: rgba(0, 95, 140, 0.22) !important;
|
|
}
|
|
|
|
html[data-theme="light"] .top-nav a.active {
|
|
background: rgba(0, 110, 154, 0.12) !important;
|
|
color: #142232 !important;
|
|
}
|
|
|
|
html[data-theme="light"] .stat-item,
|
|
html[data-theme="light"] .card,
|
|
html[data-theme="light"] .meta-item,
|
|
html[data-theme="light"] .list-item {
|
|
background: #fff !important;
|
|
border-color: #b8c8d8 !important;
|
|
}
|
|
|
|
html[data-theme="light"] .stat-item .label,
|
|
html[data-theme="light"] .status,
|
|
html[data-theme="light"] .rule-tip {
|
|
color: #4a6078 !important;
|
|
}
|
|
|
|
html[data-theme="light"] .stat-item .value,
|
|
html[data-theme="light"] .card h2 {
|
|
color: #142232 !important;
|
|
}
|
|
|
|
html[data-theme="light"] input,
|
|
html[data-theme="light"] select,
|
|
html[data-theme="light"] textarea {
|
|
background: #f6f9fc !important;
|
|
color: #142232 !important;
|
|
border-color: #b8c8d8 !important;
|
|
}
|
|
|
|
html[data-theme="light"] .flash {
|
|
background: rgba(0, 110, 154, 0.1) !important;
|
|
color: #006e9a !important;
|
|
border-color: rgba(0, 95, 140, 0.22) !important;
|
|
}
|
|
|
|
html[data-theme="light"] th {
|
|
color: #4a6078 !important;
|
|
}
|
|
|
|
html[data-theme="light"] td {
|
|
color: #142232 !important;
|
|
border-bottom-color: #d0dae4 !important;
|
|
}
|
|
|
|
html[data-theme="light"] .ai-result,
|
|
html[data-theme="light"] .login-box {
|
|
background: #fff !important;
|
|
border-color: #b8c8d8 !important;
|
|
color: #142232 !important;
|
|
}
|
|
|
|
html[data-theme="light"] #chart-wrap {
|
|
background: #f0f4f9 !important;
|
|
border-color: #b8c8d8 !important;
|
|
}
|
|
|
|
html[data-theme="light"] .btn {
|
|
background: #fff !important;
|
|
color: #006e9a !important;
|
|
border-color: rgba(0, 95, 140, 0.22) !important;
|
|
}
|
|
|
|
html[data-theme="light"] .btn:hover {
|
|
background: #eef3f8 !important;
|
|
}
|
|
|
|
.theme-toggle {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 2px;
|
|
padding: 3px;
|
|
border-radius: 8px;
|
|
border: 1px solid #304164;
|
|
background: #151a2a;
|
|
}
|
|
|
|
html[data-theme="light"] .theme-toggle {
|
|
background: #fff;
|
|
border-color: #b8c8d8;
|
|
}
|
|
|
|
.theme-toggle.is-hub-linked {
|
|
display: none !important;
|
|
}
|
|
|
|
.theme-toggle-btn {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 32px;
|
|
height: 30px;
|
|
padding: 0;
|
|
border: none;
|
|
border-radius: 6px;
|
|
background: transparent;
|
|
color: #8fc8ff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
html[data-theme="light"] .theme-toggle-btn {
|
|
color: #4a6078;
|
|
}
|
|
|
|
.theme-toggle-btn.is-active {
|
|
color: #dbe4ff;
|
|
background: rgba(79, 121, 255, 0.2);
|
|
box-shadow: inset 0 0 0 1px #304164;
|
|
}
|
|
|
|
html[data-theme="light"] .theme-toggle-btn.is-active {
|
|
color: #006e9a;
|
|
background: rgba(0, 110, 154, 0.12);
|
|
box-shadow: inset 0 0 0 1px #b8c8d8;
|
|
}
|
|
|
|
.header-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 10px;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.login-theme-bar {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
width: 100%;
|
|
max-width: 400px;
|
|
margin: 0 auto 10px;
|
|
}
|