Skip to content

Theming

Each grid configuration can be heavily customized to match your application's theme, whether it is Light, Dark, or Cyberpunk Green.

typescript
const config = {
  backgroundColor: '#0f172a',      // Slate 900
  gridLineColor: '#334155',        // Slate 700
  textColor: '#f8fafc',            // Slate 50
  headerBackground: '#1e293b',     // Slate 800
  headerTextColor: '#93c5fd',      // Blue 300
  font: '13px Inter, sans-serif',
  selectionColor: 'rgba(59, 130, 246, 0.3)', // Blue 500
  selectedTextColor: '#ffffff'
};

Integrated under the Sci DNA / VeloSci Ecosystem