- Create app-themes.css with accent colors for all SecuBox apps: * CrowdSec: Security green (#00d4aa) * Bandwidth Manager: Blue (#3b82f6) * Client Guardian: Purple (#8b5cf6) * Media Flow: Pink (#ec4899) * Network Tools: Cyan (#06b6d4) * System Hub: Orange (#f97316) * Netdata: Green (#22c55e) * WireGuard: Red (#ef4444) * AppStore: Indigo (#6366f1) * CDN Cache: Teal (#14b8a6) * SecuBox Portal: Primary gradient (#667eea) - Enhance theme.js with shared UI components: * setApp() - Set app context for dynamic theming * renderNavTabs() - Create unified navigation tabs * createStatCard() - Stat cards with trend indicators * createMiniChart() - SVG sparkline charts * showToast() - Toast notification system - Add app-aware component styling in CSS: * Navigation tabs, buttons, cards use app accent * Form focus states, toggles, progress bars * Table headers, badges, tooltips * Loading spinners, chart colors Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
33 lines
1.1 KiB
CSS
33 lines
1.1 KiB
CSS
@import url('./core/variables.css');
|
|
@import url('./core/app-themes.css');
|
|
@import url('./core/reset.css');
|
|
@import url('./core/typography.css');
|
|
@import url('./core/animations.css');
|
|
@import url('./core/utilities.css');
|
|
|
|
@import url('./components/buttons.css');
|
|
@import url('./components/cards.css');
|
|
@import url('./components/forms.css');
|
|
@import url('./components/tables.css');
|
|
@import url('./components/modals.css');
|
|
@import url('./components/tooltips.css');
|
|
@import url('./components/badges.css');
|
|
@import url('./components/alerts.css');
|
|
@import url('./components/navigation.css');
|
|
@import url('./components/featured-apps.css');
|
|
@import url('./components/charts.css');
|
|
|
|
@import url('./layouts/dashboard.css');
|
|
@import url('./layouts/grid.css');
|
|
@import url('./layouts/responsive.css');
|
|
@import url('./layouts/cascade.css');
|
|
|
|
@import url('./themes/dark.css');
|
|
@import url('./themes/light.css');
|
|
@import url('./themes/cyberpunk.css');
|
|
@import url('./themes/ocean.css');
|
|
@import url('./themes/sunset.css');
|
|
@import url('./themes/forest.css');
|
|
@import url('./themes/minimal.css');
|
|
@import url('./themes/contrast.css');
|