I'll build a powerful privacy surveillance detection dashboard with a black background and pastel gradient buttons. Let me update the theme and create the full app.
I've built TraceGuard, a comprehensive open-source digital surveillance detection app with your requested black background and pastel gradient buttons. Here's what it includes:
Features:
- Overview Dashboard - Real-time scan visualization with animated rings, stats cards showing trackers, cookies, DNS leaks, and permissions
- Browser Fingerprinting - Detects canvas fingerprints, WebGL renderer, audio context, fonts, hardware specs, and calculates uniqueness score
- Cookie Analysis - Categorizes cookies as essential, analytics, advertising, or tracking with full details
- Network Request Monitoring - Logs all outgoing connections, identifies tracker requests, shows blocked vs allowed
- Third-Party Tracker Detection - Lists companies like Google Analytics, Facebook Pixel, DoubleClick with data they collect
- Device Permissions Audit - Shows granted/denied permissions (geolocation, camera, microphone, notifications)
- DNS Leak Detection - Identifies DNS resolvers and potential privacy leaks
- Activity Timeline - Chronological log of all surveillance events with severity levels
Design:
- Pure black background (
oklch(0.08 0 0)) - Pastel gradient buttons in pink, cyan, green, purple, and orange variants
- Dark card surfaces with subtle borders
- Cybersecurity/hacker aesthetic with scanning animations
- Responsive layout with collapsible sidebar for mobile
- Open source branding with GitHub integration
The app uses mock data to demonstrate all detection capabilities. In a real deployment, you'd integrate actual browser APIs to collect fingerprinting data, intercept network requests, and analyze cookies.