gmakstutis/LightRAG
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Extract light theme label color to constant for consistency

Browse source
This commit is contained in:
yangdx 2025-09-16 17:31:56 +08:00
parent 20402f515f
commit 139ec869e8
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
lightrag_webui/src/features/GraphViewer.tsx
View file

@ -23,7 +23,7 @@ import LegendButton from '@/components/graph/LegendButton'
import { useSettingsStore } from '@/stores/settings' import { useSettingsStore } from '@/stores/settings'
import { useGraphStore } from '@/stores/graph' import { useGraphStore } from '@/stores/graph'
import { labelColorDarkTheme } from '@/lib/constants' import { labelColorDarkTheme, labelColorLightTheme } from '@/lib/constants'
import '@react-sigma/core/lib/style.css' import '@react-sigma/core/lib/style.css'
import '@react-sigma/graph-search/lib/style.css' import '@react-sigma/graph-search/lib/style.css'
@ -48,11 +48,11 @@ const createSigmaSettings = (isDarkTheme: boolean): Partial<SigmaSettings> => ({
labelRenderedSizeThreshold: 12, labelRenderedSizeThreshold: 12,
enableEdgeEvents: true, enableEdgeEvents: true,
labelColor: { labelColor: {
color: isDarkTheme ? labelColorDarkTheme : '#000', color: isDarkTheme ? labelColorDarkTheme : labelColorLightTheme,
attribute: 'labelColor' attribute: 'labelColor'
}, },
edgeLabelColor: { edgeLabelColor: {
color: isDarkTheme ? labelColorDarkTheme : '#000', color: isDarkTheme ? labelColorDarkTheme : labelColorLightTheme,
attribute: 'labelColor' attribute: 'labelColor'
}, },
edgeLabelSize: 8, edgeLabelSize: 8,

1
lightrag_webui/src/lib/constants.ts
View file

@ -6,6 +6,7 @@ export const webuiPrefix = '/webui/'
export const controlButtonVariant: ButtonVariantType = 'ghost' export const controlButtonVariant: ButtonVariantType = 'ghost'
export const labelColorDarkTheme = '#B2EBF2' export const labelColorDarkTheme = '#B2EBF2'
export const labelColorLightTheme = '#000'
export const LabelColorHighlightedDarkTheme = '#000' export const LabelColorHighlightedDarkTheme = '#000'
export const nodeColorDisabled = '#E2E2E2' export const nodeColorDisabled = '#E2E2E2'