更新
This commit is contained in:
Your Name
+138
-7
@@ -19,12 +19,12 @@
|
||||
--accent-green: hsl(150, 75%, 50%);
|
||||
--accent-red: hsl(360, 75%, 60%);
|
||||
|
||||
--text-primary: hsl(0, 0%, 95%);
|
||||
--text-secondary: hsl(230, 10%, 65%);
|
||||
--text-muted: hsl(230, 10%, 45%);
|
||||
--text-primary: hsl(0, 0%, 96%);
|
||||
--text-secondary: hsl(230, 12%, 72%);
|
||||
--text-muted: hsl(230, 10%, 58%);
|
||||
|
||||
--border-light: rgba(255, 255, 255, 0.06);
|
||||
--border-glow: hsla(270, 85%, 65%, 0.2);
|
||||
--border-light: rgba(255, 255, 255, 0.1);
|
||||
--border-glow: hsla(270, 85%, 65%, 0.28);
|
||||
|
||||
--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
||||
--transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
@@ -287,17 +287,148 @@ h1, h2, h3, h4, h5, h6 {
|
||||
.ant-modal .ant-input-password .ant-input,
|
||||
.ant-modal textarea.ant-input,
|
||||
.ant-modal .ant-select-selector {
|
||||
background: rgba(255, 255, 255, 0.05) !important;
|
||||
border-color: var(--border-light) !important;
|
||||
background: rgba(255, 255, 255, 0.08) !important;
|
||||
border-color: rgba(255, 255, 255, 0.16) !important;
|
||||
color: var(--text-primary) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.ant-modal .ant-input:hover,
|
||||
.ant-modal .ant-input-affix-wrapper:hover,
|
||||
.ant-modal .ant-select-selector:hover,
|
||||
.ant-modal .ant-input-number:hover {
|
||||
border-color: rgba(192, 132, 252, 0.45) !important;
|
||||
}
|
||||
|
||||
.ant-modal .ant-input:focus,
|
||||
.ant-modal .ant-input-focused,
|
||||
.ant-modal .ant-input-affix-wrapper-focused,
|
||||
.ant-modal .ant-select-focused .ant-select-selector,
|
||||
.ant-modal .ant-input-number-focused {
|
||||
border-color: rgba(192, 132, 252, 0.65) !important;
|
||||
box-shadow: 0 0 0 2px rgba(170, 59, 255, 0.18) !important;
|
||||
}
|
||||
|
||||
.ant-modal .ant-input::placeholder,
|
||||
.ant-modal .ant-input-number-input::placeholder,
|
||||
.ant-modal textarea.ant-input::placeholder {
|
||||
color: hsl(230, 10%, 62%) !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.ant-modal .ant-input-affix-wrapper input::placeholder {
|
||||
color: hsl(230, 10%, 62%) !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.ant-modal .ant-checkbox-wrapper {
|
||||
color: var(--text-primary) !important;
|
||||
}
|
||||
|
||||
.ant-modal .ant-checkbox-inner {
|
||||
background: rgba(255, 255, 255, 0.06) !important;
|
||||
border-color: rgba(255, 255, 255, 0.35) !important;
|
||||
}
|
||||
|
||||
.ant-modal .ant-checkbox-checked .ant-checkbox-inner {
|
||||
background: #7c3aed !important;
|
||||
border-color: #a78bfa !important;
|
||||
}
|
||||
|
||||
.ant-modal .ant-select-arrow,
|
||||
.ant-modal .ant-select-selection-placeholder {
|
||||
color: var(--text-muted) !important;
|
||||
}
|
||||
|
||||
.ant-modal .ant-select-selection-item {
|
||||
color: var(--text-primary) !important;
|
||||
}
|
||||
|
||||
.ant-modal .ant-alert-info {
|
||||
background: rgba(59, 130, 246, 0.12) !important;
|
||||
border: 1px solid rgba(96, 165, 250, 0.35) !important;
|
||||
}
|
||||
|
||||
.ant-modal .ant-alert-message {
|
||||
color: #dbeafe !important;
|
||||
}
|
||||
|
||||
/* Tabs / 搜索框 / 分页 — 暗色可读性 */
|
||||
.ant-tabs-top > .ant-tabs-nav::before {
|
||||
border-bottom-color: rgba(255, 255, 255, 0.08) !important;
|
||||
}
|
||||
|
||||
.ant-tabs .ant-tabs-tab {
|
||||
color: var(--text-secondary) !important;
|
||||
}
|
||||
|
||||
.ant-tabs .ant-tabs-tab:hover {
|
||||
color: #e9d5ff !important;
|
||||
}
|
||||
|
||||
.ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
|
||||
color: #f3e8ff !important;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.ant-tabs .ant-tabs-ink-bar {
|
||||
background: linear-gradient(90deg, #aa3bff, #c084fc) !important;
|
||||
}
|
||||
|
||||
.ant-input,
|
||||
.ant-input-affix-wrapper,
|
||||
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
|
||||
background: rgba(255, 255, 255, 0.06) !important;
|
||||
border-color: rgba(255, 255, 255, 0.14) !important;
|
||||
color: var(--text-primary) !important;
|
||||
}
|
||||
|
||||
.ant-input::placeholder,
|
||||
.ant-input-affix-wrapper input::placeholder {
|
||||
color: var(--text-muted) !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.ant-pagination {
|
||||
color: var(--text-secondary) !important;
|
||||
}
|
||||
|
||||
.ant-pagination .ant-pagination-item {
|
||||
background: rgba(255, 255, 255, 0.04) !important;
|
||||
border-color: rgba(255, 255, 255, 0.12) !important;
|
||||
}
|
||||
|
||||
.ant-pagination .ant-pagination-item a {
|
||||
color: var(--text-secondary) !important;
|
||||
}
|
||||
|
||||
.ant-pagination .ant-pagination-item-active {
|
||||
background: rgba(147, 51, 234, 0.25) !important;
|
||||
border-color: rgba(192, 132, 252, 0.55) !important;
|
||||
}
|
||||
|
||||
.ant-pagination .ant-pagination-item-active a {
|
||||
color: #f3e8ff !important;
|
||||
}
|
||||
|
||||
.ant-pagination .ant-pagination-prev .ant-pagination-item-link,
|
||||
.ant-pagination .ant-pagination-next .ant-pagination-item-link,
|
||||
.ant-pagination .ant-select-selector {
|
||||
background: rgba(255, 255, 255, 0.04) !important;
|
||||
border-color: rgba(255, 255, 255, 0.12) !important;
|
||||
color: var(--text-secondary) !important;
|
||||
}
|
||||
|
||||
.ant-pagination-options-quick-jumper input {
|
||||
background: rgba(255, 255, 255, 0.06) !important;
|
||||
border-color: rgba(255, 255, 255, 0.14) !important;
|
||||
color: var(--text-primary) !important;
|
||||
}
|
||||
|
||||
.ant-table-pagination.ant-pagination {
|
||||
margin: 16px 20px !important;
|
||||
}
|
||||
|
||||
.ant-modal .ant-radio-button-wrapper {
|
||||
color: var(--text-secondary) !important;
|
||||
background: rgba(255, 255, 255, 0.03) !important;
|
||||
|
||||
Reference in New Issue
Block a user