
import { AppSettings } from './types';

export const THEMES = {
  dark: {
    bgMain: '#272822',
    bgPanel: '#1e1f1c',
    bgCode: '#141411',
    border: '#49483e',
    textMain: '#f8f8f2',
    textMuted: '#75715e',
    accentBlue: '#66d9ef',
    accentGreen: '#a6e22e',
    accentYellow: '#e6db74',
    accentOrange: '#fd971f',
    accentRed: '#f92672',
    accentPurple: '#ae81ff',
  },
  light: {
    bgMain: '#f8f9fa',
    bgPanel: '#ffffff',
    bgCode: '#e9ecef',
    border: '#dee2e6',
    textMain: '#212529',
    textMuted: '#6c757d',
    accentBlue: '#007bff',
    accentGreen: '#28a745',
    accentYellow: '#ffc107',
    accentOrange: '#fd7e14',
    accentRed: '#dc3545',
    accentPurple: '#6f42c1',
  }
};

// Explicitly define INITIAL_SETTINGS as AppSettings to ensure theme is correctly typed as a literal union
export const INITIAL_SETTINGS: AppSettings = {
  theme: 'dark-monokai',
  repoUrl: 'https://gitea.maison43.duckdns.org/gilles/mqtt_explorer',
  ttlDays: 7,
  maxPayloadBytes: 1024 * 100, // 100KB
  autoPurgePayloads: false,
  autoPurgePayloadBytes: 1024 * 250, // 250KB
  autoExpandDepth: 2,
  imageDetectionEnabled: true,
  highlightMs: 300,
  mqttProfiles: [
    {
      id: 'default',
      name: 'Broker local',
      host: '10.0.0.3',
      port: 1883,
      username: '',
      password: '',
      isDefault: true
    }
  ],
  activeProfileId: 'default',
  applyViewFilter: true,
  expandTreeOnStart: false,
  topicFilters: [],
  uiFontSize: 13,
  topicFontSize: 12,
  payloadFontSize: 12,
  statsRefreshMs: 5000,
  resizeHandlePx: 8
};
