homepage/src/utils/styles/themes.js

const themes = {
  white: {
    light: "#ffffff",
    iconStart: "#ffffff",
    iconEnd: "#282828",
    dark: "#ffffff",
  },
  slate: {
    light: "#f8fafc",
    iconStart: "#94a3b8",
    iconEnd: "#334155",
    dark: "#1e293b",
  },
  gray: {
    light: "#f9fafb",
    iconStart: "#9ca3af",
    iconEnd: "#374151",
    dark: "#1f2937",
  },
  zinc: {
    light: "#fafafa",
    iconStart: "#a1a1aa",
    iconEnd: "#3f3f46",
    dark: "#27272a",
  },
  neutral: {
    light: "#fafafa",
    iconStart: "#a3a3a3",
    iconEnd: "#404040",
    dark: "#262626",
  },
  stone: {
    light: "#fafaf9",
    iconStart: "#a8a29e",
    iconEnd: "#44403c",
    dark: "#292524",
  },
  red: {
    light: "#fef2f2",
    iconStart: "#f87171",
    iconEnd: "#b91c1c",
    dark: "#991b1b",
  },
  orange: {
    light: "#fff7ed",
    iconStart: "#fb923c",
    iconEnd: "#c2410c",
    dark: "#9a3412",
  },
  amber: {
    light: "#fffbeb",
    iconStart: "#fbbf24",
    iconEnd: "#b45309",
    dark: "#92400e",
  },
  yellow: {
    light: "#fefce8",
    iconStart: "#facc15",
    iconEnd: "#a16207",
    dark: "#854d0e",
  },
  lime: {
    light: "#f7fee7",
    iconStart: "#a3e635",
    iconEnd: "#4d7c0f",
    dark: "#3f6212",
  },
  green: {
    light: "#f0fdf4",
    iconStart: "#4ade80",
    iconEnd: "#15803d",
    dark: "#166534",
  },
  emerald: {
    light: "#ecfdf5",
    iconStart: "#34d399",
    iconEnd: "#047857",
    dark: "#065f46",
  },
  teal: {
    light: "#f0fdfa",
    iconStart: "#2dd4bf",
    iconEnd: "#0f766e",
    dark: "#115e59",
  },
  cyan: {
    light: "#ecfeff",
    iconStart: "#22d3ee",
    iconEnd: "#0e7490",
    dark: "#155e75",
  },
  sky: {
    light: "#f0f9ff",
    iconStart: "#38bdf8",
    iconEnd: "#0369a1",
    dark: "#075985",
  },
  blue: {
    light: "#eff6ff",
    iconStart: "#60a5fa",
    iconEnd: "#1d4ed8",
    dark: "#1e40af",
  },
  indigo: {
    light: "#eef2ff",
    iconStart: "#818cf8",
    iconEnd: "#4338ca",
    dark: "#3730a3",
  },
  violet: {
    light: "#f5f3ff",
    iconStart: "#a78bfa",
    iconEnd: "#6d28d9",
    dark: "#5b21b6",
  },
  purple: {
    light: "#faf5ff",
    iconStart: "#c084fc",
    iconEnd: "#7e22ce",
    dark: "#6b21a8",
  },
  fuchsia: {
    light: "#fdf4ff",
    iconStart: "#e879f9",
    iconEnd: "#a21caf",
    dark: "#86198f",
  },
  pink: {
    light: "#fdf2f8",
    iconStart: "#f472b6",
    iconEnd: "#be185d",
    dark: "#9d174d",
  },
  rose: {
    light: "#fff1f2",
    iconStart: "#fb7185",
    iconEnd: "#be123c",
    dark: "#9f1239",
  },
};

export default themes;