Files
stealth/frontend/src/App.css
T
LORDBABUINO 1c04b0b096 Feat: scaffold React frontend with Vite and Stealth theme
Three-screen state machine (input → loading → report) for analyzing
Bitcoin wallet descriptor privacy. Includes mock UTXO data with
ADDRESS_REUSE, DUST_SPEND, CONSOLIDATION, and CIOH vulnerability types.
2026-02-27 02:06:31 -03:00

78 lines
1.5 KiB
CSS

/* CSS Custom Properties — Stealth Theme */
:root {
--bg: #080c14;
--surface: #0f1623;
--surface-2: #162030;
--border: #1e2d45;
--border-hover: #2a3f5e;
--accent: #00d4aa;
--accent-dim: rgba(0, 212, 170, 0.15);
--accent-glow: rgba(0, 212, 170, 0.4);
--danger: #ff4d6d;
--danger-dim: rgba(255, 77, 109, 0.15);
--warning: #f4a261;
--warning-dim: rgba(244, 162, 97, 0.15);
--safe: #2ec4b6;
--safe-dim: rgba(46, 196, 182, 0.15);
--text: #e8edf5;
--text-muted: #6b7a99;
--text-dim: #3d4f6e;
--font-ui: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
--font-data: 'JetBrains Mono', 'Fira Code', monospace;
--radius: 8px;
--radius-lg: 12px;
--transition: 0.2s ease;
}
/* Reset & Base */
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
body {
background-color: var(--bg);
color: var(--text);
font-family: var(--font-ui);
font-size: 16px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#root {
min-height: 100vh;
display: flex;
flex-direction: column;
}
/* Scrollbar */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: var(--bg);
}
::-webkit-scrollbar-thumb {
background: var(--border);
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--border-hover);
}
/* Focus visible */
:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
}