feat(graph-ui): polish memory graph visuals

This commit is contained in:
youzini
2026-06-04 08:07:09 +00:00
parent fe18a05147
commit 05d2c703c8
4 changed files with 389 additions and 54 deletions

View File

@@ -16,19 +16,19 @@ export const THEMES = {
surfaceHigh: '#2a2a2d',
surfaceHighest: '#353438',
surfaceLow: '#1b1b1e',
surfaceLowest: '#0e0e11',
surfaceLowest: '#050814',
onSurface: '#e4e1e6',
onSurfaceDim: 'rgba(228, 225, 230, 0.6)',
border: 'rgba(255, 255, 255, 0.08)',
borderActive: 'rgba(233, 69, 96, 0.4)',
// 节点颜色
nodeCharacter: '#e94560',
nodeEvent: '#4fc3f7',
nodeLocation: '#66bb6a',
nodeThread: '#ffd54f',
nodeRule: '#ab47bc',
nodeSynopsis: '#b388ff',
nodeReflection: '#80deea',
nodeCharacter: '#ff4f8b',
nodeEvent: '#4fd8ff',
nodeLocation: '#75ffb1',
nodeThread: '#ffe66d',
nodeRule: '#c778ff',
nodeSynopsis: '#bca7ff',
nodeReflection: '#86f7ff',
},
cyan: {
name: 'Neon Cyan',
@@ -44,18 +44,18 @@ export const THEMES = {
surfaceHigh: '#222a2d',
surfaceHighest: '#2d3538',
surfaceLow: '#171d1e',
surfaceLowest: '#0e1111',
surfaceLowest: '#031019',
onSurface: '#e0f7fa',
onSurfaceDim: 'rgba(224, 247, 250, 0.6)',
border: 'rgba(0, 229, 255, 0.1)',
borderActive: 'rgba(0, 229, 255, 0.4)',
nodeCharacter: '#00e5ff',
nodeEvent: '#2979ff',
nodeLocation: '#00bfa5',
nodeThread: '#ffab40',
nodeRule: '#7c4dff',
nodeSynopsis: '#18ffff',
nodeReflection: '#84ffff',
nodeCharacter: '#62f3ff',
nodeEvent: '#438cff',
nodeLocation: '#22f0c6',
nodeThread: '#ffc46b',
nodeRule: '#9a75ff',
nodeSynopsis: '#58ffff',
nodeReflection: '#b0ffff',
},
amber: {
name: 'Amber Console',
@@ -71,18 +71,18 @@ export const THEMES = {
surfaceHigh: '#2a2822',
surfaceHighest: '#35322a',
surfaceLow: '#1b1a17',
surfaceLowest: '#0e0d0b',
surfaceLowest: '#100b03',
onSurface: '#e4e1d6',
onSurfaceDim: 'rgba(228, 225, 214, 0.6)',
border: 'rgba(255, 179, 0, 0.1)',
borderActive: 'rgba(255, 179, 0, 0.4)',
nodeCharacter: '#ffb300',
nodeEvent: '#e65100',
nodeLocation: '#00d2fe',
nodeThread: '#ff6e40',
nodeRule: '#9e9d24',
nodeSynopsis: '#ffd740',
nodeReflection: '#ffab40',
nodeCharacter: '#ffc247',
nodeEvent: '#ff7a22',
nodeLocation: '#4fe4ff',
nodeThread: '#ff8f68',
nodeRule: '#d0cf4a',
nodeSynopsis: '#ffe66d',
nodeReflection: '#ffc46b',
},
violet: {
name: 'Violet Haze',
@@ -98,18 +98,18 @@ export const THEMES = {
surfaceHigh: '#28222d',
surfaceHighest: '#332b38',
surfaceLow: '#1a171e',
surfaceLowest: '#0e0c11',
surfaceLowest: '#090615',
onSurface: '#e8e0f0',
onSurfaceDim: 'rgba(232, 224, 240, 0.6)',
border: 'rgba(179, 136, 255, 0.1)',
borderActive: 'rgba(179, 136, 255, 0.4)',
nodeCharacter: '#ea80fc',
nodeEvent: '#7c4dff',
nodeLocation: '#80cbc4',
nodeThread: '#ff80ab',
nodeRule: '#b388ff',
nodeSynopsis: '#ce93d8',
nodeReflection: '#80deea',
nodeCharacter: '#f19cff',
nodeEvent: '#9572ff',
nodeLocation: '#98f0e8',
nodeThread: '#ff9cbd',
nodeRule: '#c7a8ff',
nodeSynopsis: '#dfabeb',
nodeReflection: '#9cf4ff',
},
/** 亮色 · 晨光纸感(暖纸面 + 青绿主色 + 琥珀强调) */
paperDawn: {