a1fa86fe55
- Add label selection on chart with visual highlight (size 2x, color change) - Implement keyboard delete handler (Delete/Backspace keys) - Add comprehensive label management sidebar with: - Collapsible label annotations section - Search by timestamp - Filter by type (Break Up, Break Down, All) - Individual delete buttons - Count display - Click to select/highlight on chart - Transform UI with hacker theme: - Matrix green (#00ff41) on dark background (#0a0e0a) - Monospace font (JetBrains Mono) - Glow effects on button hover and active states - Custom scrollbar styling - Terminal-inspired aesthetic - Add Docker deployment: - Multi-stage Dockerfile with standalone output - docker-compose.yml with volume persistence - Non-root user (nextjs) for security - Health check endpoint integration - Tailwind and CSS enhancements: - Custom colors (matrix, matrixDim, neonRed, etc.) - Glow box shadows and animations - Selection and scrollbar styling
56 lines
1.1 KiB
CSS
56 lines
1.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
--background: 120 100% 4%;
|
|
--foreground: 120 100% 50%;
|
|
--card: 120 100% 6%;
|
|
--card-foreground: 120 100% 50%;
|
|
--popover: 120 100% 4%;
|
|
--popover-foreground: 120 100% 50%;
|
|
--primary: 120 100% 50%;
|
|
--primary-foreground: 120 100% 4%;
|
|
--secondary: 120 100% 8%;
|
|
--secondary-foreground: 120 100% 50%;
|
|
--muted: 120 100% 10%;
|
|
--muted-foreground: 120 100% 40%;
|
|
--accent: 120 100% 50%;
|
|
--accent-foreground: 120 100% 4%;
|
|
--destructive: 348 100% 50%;
|
|
--destructive-foreground: 120 100% 4%;
|
|
--border: 120 100% 10%;
|
|
--input: 120 100% 8%;
|
|
--ring: 120 100% 50%;
|
|
--radius: 0.5rem;
|
|
}
|
|
}
|
|
|
|
@layer base {
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
body {
|
|
@apply bg-background text-foreground;
|
|
font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
|
|
}
|
|
}
|
|
|
|
@layer base {
|
|
::selection {
|
|
@apply bg-matrix/40 text-matrix;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
@apply bg-matrixDark;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
@apply bg-matrix rounded;
|
|
}
|
|
}
|