liuyu/nofx
1
0
Fork 0
mirror of https://github.com/NoFxAiOS/nofx.git synced 2026-07-10 22:36:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add DeepVoidBackground and update UI theme across pages

Browse Source 
- Add DeepVoidBackground component with animated gradient effects
- Apply nofx theme classes to StrategyStudioPage, AITradersPage, etc.
- Update styling for consistent dark theme with gold accents
- Add PageNotFound and TraderDashboardPage components
This commit is contained in:
tinkle-community
2026-01-04 17:49:59 +08:00
parent bdfd8dc0d0
commit 50923f6a2e
22 changed files with 3493 additions and 3960 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
web/src/index.css
View File

@@ -439,11 +439,15 @@ button:disabled {
border: 1px solid rgba(255, 255, 255, 0.05);
}
/* Premium Input Styles */
/* Premium Input Styles */
input,
select,
textarea {
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
background-color: var(--panel-bg);
color: var(--text-primary);
border: 1px solid var(--panel-border);
}
input:focus,
@@ -452,6 +456,35 @@ textarea:focus {
border-color: var(--binance-yellow);
box-shadow: 0 0 0 2px rgba(252, 213, 53, 0.15);
outline: none;
background-color: var(--panel-bg-hover);
}
input::placeholder,
textarea::placeholder {
color: var(--text-tertiary);
}
/* Specific Premium Input Utility */
.premium-input {
background: rgba(11, 14, 17, 0.6);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
padding: 0.5rem 0.75rem;
font-family: 'IBM Plex Mono', monospace;
font-size: 0.875rem;
color: var(--text-primary);
transition: all 0.2s ease;
}
.premium-input:hover {
border-color: rgba(240, 185, 11, 0.3);
background: rgba(11, 14, 17, 0.8);
}
.premium-input:focus {
border-color: var(--binance-yellow);
box-shadow: 0 0 0 1px rgba(240, 185, 11, 0.2), 0 0 15px rgba(240, 185, 11, 0.1);
background: rgba(11, 14, 17, 0.9);
}
/* Binance Card - Premium Polish */