| :root { |
| --bg: #0f172a; |
| --fg: #e2e8f0; |
| --accent: #a78bfa; |
| --c-chemical: #60a5fa; |
| --c-disease: #f87171; |
| --c-virus: #a78bfa; |
| --c-gene: #34d399; |
| } |
|
|
| html, body { |
| background: var(--bg); |
| color: var(--fg); |
| font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; |
| } |
|
|
| #graph { background: transparent; } |
| #graph .vis-network { background: transparent !important; outline: none; } |
|
|
| |
| .ent { padding: 1px 3px; border-radius: 3px; font-weight: 500; } |
| .ent-Chemical { background: rgba(96,165,250,0.25); color: #93c5fd; } |
| .ent-Disease { background: rgba(248,113,113,0.25); color: #fca5a5; } |
| .ent-Virus { background: rgba(167,139,250,0.25); color: #c4b5fd; } |
| .ent-Gene { background: rgba(52,211,153,0.25); color: #6ee7b7; } |
|
|
| |
| *::-webkit-scrollbar { width: 8px; height: 8px; } |
| *::-webkit-scrollbar-track { background: transparent; } |
| *::-webkit-scrollbar-thumb { background: rgba(148,163,184,0.25); border-radius: 4px; } |
| *::-webkit-scrollbar-thumb:hover { background: rgba(148,163,184,0.45); } |
|
|
| textarea { font-family: ui-monospace, SFMono-Regular, monospace; } |
|
|
