/** ウィジェット用テーマカラー */

type HexColor = `#${string}`;

export type WidgetColors = {
  background: HexColor;
  headerBg: HexColor;
  headerText: HexColor;
  text: HexColor;
  textSecondary: HexColor;
  tileBg: HexColor;
  badgeText: HexColor;
  // Felica専用
  felicaBg: HexColor;
  felicaText: HexColor;
  felicaTextMuted: HexColor;
  felicaDetail: HexColor;
};

export const widgetLightColors: WidgetColors = {
  background: "#ffffff",
  headerBg: "#0099CC",
  headerText: "#ffffff",
  text: "#000000",
  textSecondary: "#555555",
  tileBg: "#E8F4FB",
  badgeText: "#ffffff",
  felicaBg: "#DDF2FF",
  felicaText: "#00527A",
  felicaTextMuted: "#699BB8",
  felicaDetail: "#3A7EA0",
};

export const widgetDarkColors: WidgetColors = {
  background: "#1e1e2e",
  headerBg: "#006688",
  headerText: "#e8e8e8",
  text: "#e8e8e8",
  textSecondary: "#b0b0b0",
  tileBg: "#2a2a3a",
  badgeText: "#ffffff",
  felicaBg: "#1a2a3a",
  felicaText: "#8ecfff",
  felicaTextMuted: "#5a8aaa",
  felicaDetail: "#6aaabb",
};