secubox-openwrt/package/secubox/luci-theme-secubox/htdocs/luci-static/resources/secubox-theme/themes/contrast.css
CyberMind-FR 675b2d164e feat: Portal service detection, nDPId compat layer, CrowdSec/Netifyd packages
Portal (luci-app-secubox-portal):
- Fix service status showing 0/9 by checking if init scripts exist
- Only count installed services in status display
- Use pgrep fallback when init script status fails

nDPId Dashboard (luci-app-ndpid):
- Add default /etc/config/ndpid configuration
- Add /etc/init.d/ndpid-compat init script
- Enable compat service in postinst for app detection
- Fix Makefile to install init script and config

CrowdSec Dashboard:
- Add CLAUDE.md with OpenWrt-specific guidelines (pgrep without -x)
- CSS fixes for hiding LuCI left menu in all views
- LAPI repair improvements with retry logic

New Packages:
- secubox-app-crowdsec: OpenWrt-native CrowdSec package
- secubox-app-netifyd: Netifyd DPI integration
- luci-app-secubox: Core SecuBox hub
- luci-theme-secubox: Custom theme

Removed:
- luci-app-secubox-crowdsec (replaced by crowdsec-dashboard)
- secubox-crowdsec-setup (functionality moved to dashboard)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-10 13:51:40 +01:00

86 lines
2.4 KiB
CSS

/**
* High Contrast Theme - Accessibility First
* Maximum contrast for visibility and accessibility (WCAG AAA)
*/
body[data-secubox-theme="contrast"] {
/* Backgrounds */
--cyber-bg-primary: #000000;
--cyber-bg-secondary: #0a0a0a;
--cyber-bg-tertiary: #1a1a1a;
--cyber-surface: #2a2a2a;
--cyber-surface-light: #3a3a3a;
/* Text - High Contrast */
--cyber-text-primary: #ffffff;
--cyber-text-secondary: #f0f0f0;
--cyber-text-muted: #d0d0d0;
--cyber-text-inverse: #000000;
/* Accent Colors - High Visibility */
--cyber-accent-primary: #ffffff;
--cyber-accent-primary-end: #f0f0f0;
--cyber-accent-secondary: #ffff00;
--cyber-accent-tertiary: #00ffff;
/* Semantic Colors - High Contrast */
--cyber-success: #00ff00;
--cyber-success-soft: rgba(0, 255, 0, 0.2);
--cyber-warning: #ffff00;
--cyber-warning-soft: rgba(255, 255, 0, 0.2);
--cyber-danger: #ff0000;
--cyber-danger-soft: rgba(255, 0, 0, 0.2);
--cyber-info: #00ffff;
--cyber-info-soft: rgba(0, 255, 255, 0.2);
/* Borders & Effects - Strong Contrast */
--cyber-border: 2px solid #ffffff;
--cyber-border-strong: 3px solid #ffffff;
--cyber-glass-bg: rgba(255, 255, 255, 0.1);
--cyber-glass-border: rgba(255, 255, 255, 0.3);
--cyber-shadow: 0 4px 16px rgba(255, 255, 255, 0.2);
--cyber-shadow-soft: 0 2px 8px rgba(255, 255, 255, 0.1);
/* Gradients */
--cyber-gradient-primary: linear-gradient(135deg, #ffffff 0%, #ffff00 100%);
/* Background - Pure Black for Maximum Contrast */
background: #000000;
color: var(--cyber-text-primary);
/* Force high contrast on all elements */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Enhance focus indicators for accessibility */
body[data-secubox-theme="contrast"] *:focus {
outline: 3px solid #ffff00;
outline-offset: 2px;
}
/* Strong borders on interactive elements */
body[data-secubox-theme="contrast"] button,
body[data-secubox-theme="contrast"] a,
body[data-secubox-theme="contrast"] input,
body[data-secubox-theme="contrast"] select,
body[data-secubox-theme="contrast"] textarea {
border: 2px solid #ffffff !important;
}
/* Enhanced link visibility */
body[data-secubox-theme="contrast"] a {
color: #ffff00;
text-decoration: underline;
}
body[data-secubox-theme="contrast"] a:visited {
color: #00ffff;
}
body[data-secubox-theme="contrast"] a:hover {
color: #ffffff;
background-color: #ffff00;
text-decoration: none;
}