feat: light theme, frontend link, nav fix, rename to 七虎AI
This commit is contained in:
qyyfw committed
1 parent
effef176e2
commit
e38a32e04e
12 files changed
+429
-345
No files matched your search
@@ -1,22 +1,22 @@
|
||||
/* ===== AIFlow Design System v2 - Dark Theme Default ===== */
|
||||
/* 设计方向：融合暗黑科技感 + 极简主义 */
|
||||
/* ===== 七虎AI Design System v2 - Light Theme ===== */
|
||||
/* 设计方向：明亮简洁 + 透明玻璃态 */
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap');
|
||||
|
||||
/* CSS Custom Properties - Dark Theme */
|
||||
/* CSS Custom Properties - Light Theme */
|
||||
:root {
|
||||
/* Colors - Dark Theme */
|
||||
--color-bg-primary: #0A0E1A;
|
||||
--color-bg-secondary: #111627;
|
||||
--color-bg-tertiary: #161B2E;
|
||||
--color-bg-hover: #1C2240;
|
||||
--color-bg-active: #22284A;
|
||||
--color-bg-primary: #FFFFFF;
|
||||
--color-bg-secondary: #F5F7FC;
|
||||
--color-bg-tertiary: #FFFFFF;
|
||||
--color-bg-hover: #F0F2F8;
|
||||
--color-bg-active: #E8EBF5;
|
||||
|
||||
--color-text-primary: #E8ECF4;
|
||||
--color-text-secondary: #8892B0;
|
||||
--color-text-tertiary: #5A6480;
|
||||
--color-text-disabled: #3A4460;
|
||||
--color-text-inverse: #0A0E1A;
|
||||
--color-text-primary: #1A1F36;
|
||||
--color-text-secondary: #5A6480;
|
||||
--color-text-tertiary: #8892B0;
|
||||
--color-text-disabled: #C4C9D9;
|
||||
--color-text-inverse: #FFFFFF;
|
||||
|
||||
--color-accent: #6C63FF;
|
||||
--color-accent-hover: #8B85FF;
|
||||
@@ -32,25 +32,25 @@
|
||||
--color-info: #3B82F6;
|
||||
--color-info-light: rgba(59, 130, 246, 0.12);
|
||||
|
||||
--color-border: rgba(255, 255, 255, 0.08);
|
||||
--color-border-light: rgba(255, 255, 255, 0.05);
|
||||
--color-border-hover: rgba(255, 255, 255, 0.14);
|
||||
--color-border: rgba(0, 0, 0, 0.10);
|
||||
--color-border-light: rgba(0, 0, 0, 0.06);
|
||||
--color-border-hover: rgba(0, 0, 0, 0.16);
|
||||
|
||||
--color-sidebar-bg: #0E1225;
|
||||
--color-sidebar-hover: rgba(255, 255, 255, 0.05);
|
||||
--color-sidebar-bg: #FFFFFF;
|
||||
--color-sidebar-hover: rgba(108, 99, 255, 0.06);
|
||||
--color-sidebar-active: rgba(108, 99, 255, 0.12);
|
||||
|
||||
/* Surface/card colors */
|
||||
--color-surface: #111627;
|
||||
--color-surface-hover: #161B2E;
|
||||
--color-surface-elevated: #1C2240;
|
||||
--color-surface: #FFFFFF;
|
||||
--color-surface-hover: #F5F7FC;
|
||||
--color-surface-elevated: #FFFFFF;
|
||||
|
||||
/* Shadows - Dark theme */
|
||||
--shadow-xs: 0 1px 2px rgba(0,0,0,0.2);
|
||||
--shadow-sm: 0 1px 3px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.15);
|
||||
--shadow-md: 0 4px 12px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.2);
|
||||
--shadow-lg: 0 12px 32px rgba(0,0,0,0.35), 0 2px 6px rgba(0,0,0,0.2);
|
||||
--shadow-xl: 0 20px 48px rgba(0,0,0,0.4), 0 4px 12px rgba(0,0,0,0.25);
|
||||
--shadow-xs: 0 1px 2px rgba(0,0,0,0.06);
|
||||
--shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
|
||||
--shadow-md: 0 4px 12px rgba(0,0,0,0.10), 0 1px 3px rgba(0,0,0,0.06);
|
||||
--shadow-lg: 0 12px 32px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.06);
|
||||
--shadow-xl: 0 20px 48px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
|
||||
|
||||
/* Spacing */
|
||||
--space-xs: 4px;
|
||||
@@ -553,7 +553,7 @@ input, textarea, select {
|
||||
.admin-card,
|
||||
.stat-card,
|
||||
.dashboard-card {
|
||||
background: rgba(22, 27, 46, 0.6) !important;
|
||||
background: rgba(255, 255, 255, 0.7) !important;
|
||||
backdrop-filter: blur(12px) !important;
|
||||
-webkit-backdrop-filter: blur(12px) !important;
|
||||
border: 1px solid rgba(255, 255, 255, 0.06) !important;
|
||||
@@ -605,7 +605,7 @@ select,
|
||||
.form-input,
|
||||
.form-control {
|
||||
background: rgba(10, 14, 26, 0.6) !important;
|
||||
border: 1px solid rgba(255, 255, 255, 0.08) !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.08) !important;
|
||||
color: var(--color-text-primary) !important;
|
||||
border-radius: var(--radius-md) !important;
|
||||
transition: border-color 0.2s, box-shadow 0.2s !important;
|
||||
@@ -647,14 +647,14 @@ button[type="submit"] {
|
||||
/* Secondary/ghost button */
|
||||
.btn-secondary,
|
||||
.admin-btn-secondary {
|
||||
background: rgba(255, 255, 255, 0.05) !important;
|
||||
background: rgba(108, 99, 255, 0.06) !important;
|
||||
color: var(--color-text-secondary) !important;
|
||||
border: 1px solid rgba(255, 255, 255, 0.08) !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.08) !important;
|
||||
}
|
||||
|
||||
.btn-secondary:hover,
|
||||
.admin-btn-secondary:hover {
|
||||
background: rgba(255, 255, 255, 0.08) !important;
|
||||
background: rgba(108, 99, 255, 0.10) !important;
|
||||
color: var(--color-text-primary) !important;
|
||||
}
|
||||
|
||||
@@ -735,7 +735,7 @@ a:hover {
|
||||
/* Modal/dialog overlay */
|
||||
.modal-overlay,
|
||||
.dialog-overlay {
|
||||
background: rgba(10, 14, 26, 0.7) !important;
|
||||
background: rgba(255, 255, 255, 0.7) !important;
|
||||
backdrop-filter: blur(4px) !important;
|
||||
}
|
||||
|
||||
@@ -743,5 +743,5 @@ a:hover {
|
||||
.admin-card:hover,
|
||||
.stat-card:hover {
|
||||
border-color: rgba(108, 99, 255, 0.2) !important;
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
|
||||
}
|
||||
Reference in new issue
Block a user