Spaces:
Sleeping
Sleeping
| @import "tailwindcss"; | |
| /* Palantir Foundry-inspired dark theme */ | |
| @theme { | |
| --color-void: #0a0e17; | |
| --color-abyss: #0d1117; | |
| --color-deep: #111820; | |
| --color-surface: #161b22; | |
| --color-raised: #1c2333; | |
| --color-elevated: #21283b; | |
| --color-border: #30363d; | |
| --color-border-bright: #484f58; | |
| --color-text-primary: #e6edf3; | |
| --color-text-secondary: #8b949e; | |
| --color-text-muted: #6e7681; | |
| --color-accent: #58a6ff; | |
| --color-accent-bright: #79c0ff; | |
| --color-accent-dim: #1f6feb; | |
| --color-success: #3fb950; | |
| --color-warning: #d29922; | |
| --color-danger: #f85149; | |
| --color-orange: #f0883e; | |
| --color-purple: #bc8cff; | |
| --color-cyan: #39d2c0; | |
| --color-chart-1: #58a6ff; | |
| --color-chart-2: #3fb950; | |
| --color-chart-3: #f0883e; | |
| --color-chart-4: #bc8cff; | |
| --color-chart-5: #39d2c0; | |
| --color-chart-6: #f85149; | |
| --color-chart-7: #d29922; | |
| --color-chart-8: #79c0ff; | |
| } | |
| html, body, #root { | |
| height: 100%; | |
| margin: 0; | |
| padding: 0; | |
| background: var(--color-void); | |
| color: var(--color-text-primary); | |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| ::-webkit-scrollbar { | |
| width: 6px; | |
| height: 6px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: var(--color-abyss); | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: var(--color-border); | |
| border-radius: 3px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: var(--color-border-bright); | |
| } | |
| .js-plotly-plot .plotly .modebar { | |
| background: transparent ; | |
| } | |
| .js-plotly-plot .plotly .modebar-btn path { | |
| fill: var(--color-text-secondary) ; | |
| } | |
| .js-plotly-plot .plotly .modebar-btn:hover path { | |
| fill: var(--color-accent) ; | |
| } | |