Newer
Older
hard-panel / panel / frontend / src / chartTheme.js
// Тема графиков (chart.js): производные оттенков gnexus-ui-kit (Tokyo Night),
// зажатые в допустимый для тёмной поверхности диапазон светлоты.
// Валидировано скриптом палитры: все проверки PASS (L 0.48–0.67, CVD, контраст).

export const CHART_COLORS = [
  '#6B9B40', // зелёный  ($color-neon-green)
  '#5578D6', // синий    ($color-electric-blue)
  '#CC6A2E', // оранжевый ($color-orange)
  '#8B6BD6', // фиолетовый ($color-purple)
  '#B5822F', // жёлтый   ($color-neon-yellow)
]

// Фиксированные сущности (цвет следует за сущностью, не за порядком)
export const SERIES_IN = CHART_COLORS[0] // сетевой приём
export const SERIES_OUT = CHART_COLORS[1] // сетевая отдача

export const INK = {
  text: '#C0CAF5', // $color-text-light — заголовки
  muted: '#A9B1D6', // $color-text-medium — оси, легенда
  grid: 'rgba(160, 170, 200, 0.08)', // сетка — максимально ненавязчивая
  panel: '#1F2335', // $color-dark — тултип
  border: 'rgba(160, 170, 200, 0.24)', // $border-color-muted
}