mirror of
https://github.com/samvallad33/vestige.git
synced 2026-05-11 16:52:36 +02:00
101 lines
2.3 KiB
CSS
101 lines
2.3 KiB
CSS
|
@import 'tailwindcss';
|
||
|
|
|
||
|
|
@theme {
|
||
|
|
/* Vestige cosmic dark palette */
|
||
|
|
--color-void: #050510;
|
||
|
|
--color-abyss: #0a0a1a;
|
||
|
|
--color-deep: #10102a;
|
||
|
|
--color-surface: #161638;
|
||
|
|
--color-elevated: #1e1e4a;
|
||
|
|
--color-subtle: #2a2a5e;
|
||
|
|
--color-muted: #4a4a7a;
|
||
|
|
--color-dim: #7a7aaa;
|
||
|
|
--color-text: #e0e0ff;
|
||
|
|
--color-bright: #ffffff;
|
||
|
|
|
||
|
|
/* Accent colors */
|
||
|
|
--color-synapse: #6366f1;
|
||
|
|
--color-synapse-glow: #818cf8;
|
||
|
|
--color-dream: #a855f7;
|
||
|
|
--color-dream-glow: #c084fc;
|
||
|
|
--color-memory: #3b82f6;
|
||
|
|
--color-recall: #10b981;
|
||
|
|
--color-decay: #ef4444;
|
||
|
|
--color-warning: #f59e0b;
|
||
|
|
|
||
|
|
/* Node type colors */
|
||
|
|
--color-node-fact: #3b82f6;
|
||
|
|
--color-node-concept: #8b5cf6;
|
||
|
|
--color-node-event: #f59e0b;
|
||
|
|
--color-node-person: #10b981;
|
||
|
|
--color-node-place: #06b6d4;
|
||
|
|
--color-node-note: #6b7280;
|
||
|
|
--color-node-pattern: #ec4899;
|
||
|
|
--color-node-decision: #ef4444;
|
||
|
|
|
||
|
|
--font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Base styles */
|
||
|
|
html {
|
||
|
|
background: var(--color-void);
|
||
|
|
color: var(--color-text);
|
||
|
|
font-family: var(--font-mono);
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
min-height: 100vh;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Scrollbar */
|
||
|
|
::-webkit-scrollbar {
|
||
|
|
width: 6px;
|
||
|
|
height: 6px;
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-track {
|
||
|
|
background: var(--color-abyss);
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-thumb {
|
||
|
|
background: var(--color-subtle);
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-thumb:hover {
|
||
|
|
background: var(--color-muted);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Glow effects */
|
||
|
|
.glow-synapse {
|
||
|
|
box-shadow: 0 0 20px rgba(99, 102, 241, 0.3), 0 0 60px rgba(99, 102, 241, 0.1);
|
||
|
|
}
|
||
|
|
.glow-dream {
|
||
|
|
box-shadow: 0 0 20px rgba(168, 85, 247, 0.3), 0 0 60px rgba(168, 85, 247, 0.1);
|
||
|
|
}
|
||
|
|
.glow-memory {
|
||
|
|
box-shadow: 0 0 20px rgba(59, 130, 246, 0.3), 0 0 60px rgba(59, 130, 246, 0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Pulse animation for live indicators */
|
||
|
|
@keyframes pulse-glow {
|
||
|
|
0%, 100% { opacity: 1; }
|
||
|
|
50% { opacity: 0.5; }
|
||
|
|
}
|
||
|
|
.animate-pulse-glow {
|
||
|
|
animation: pulse-glow 2s ease-in-out infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Neural particle animation */
|
||
|
|
@keyframes float {
|
||
|
|
0%, 100% { transform: translateY(0) translateX(0); }
|
||
|
|
25% { transform: translateY(-10px) translateX(5px); }
|
||
|
|
50% { transform: translateY(-5px) translateX(-5px); }
|
||
|
|
75% { transform: translateY(-15px) translateX(3px); }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Retention bar colors */
|
||
|
|
.retention-critical { color: var(--color-decay); }
|
||
|
|
.retention-low { color: var(--color-warning); }
|
||
|
|
.retention-good { color: var(--color-recall); }
|
||
|
|
.retention-strong { color: var(--color-synapse); }
|