alouette/src/config/defaultColorScales.ts

A modern, customizable design system built on top of NativeWind v5 with configurable defaults

/* eslint-disable import-x/extensions */
import { createColorScale } from "./colorScales.ts";
import type { AlouetteColorScales } from "./colorScales.ts";

export const defaultColorScales: AlouetteColorScales = {
  "grayscale.light": createColorScale({
    1: "#FFFFFF",
    2: "#F8F8F8",
    3: "#EEEEEE",
    4: "#DBDBDB",
    5: "#CECECE",
    6: "#BABABA",
    7: "#838383",
    8: "#6F6F6F",
    9: "#5D5D5D",
    10: "#4D4D4D",
    11: "#262626",
  }),
  "grayscale.dark": createColorScale({
    1: "#121212",
    2: "#1F1F1F",
    3: "#292929",
    4: "#333333",
    5: "#3D3D3D",
    6: "#484848",
    7: "#555555",
    8: "#BCBCBC",
    9: "#D2D2D2",
    10: "#F2F2F2",
    11: "#FFFFFF",
  }),
  "brand.light": createColorScale({
    1: "#F8FCFD",
    2: "#EDF6FA",
    3: "#E2F1F7",
    4: "#BDE2F1",
    5: "#98D9F3",
    6: "#60CAF0",
    7: "#2493B7",
    8: "#0E7A9A",
    9: "#0A6783",
    10: "#07556D",
    11: "#032B38",
  }),
  "brand.dark": createColorScale({
    1: "#071418",
    2: "#0A1D25",
    3: "#0E2831",
    4: "#12323E",
    5: "#163D4B",
    6: "#184F61",
    7: "#1F6D87",
    8: "#37ADD5",
    9: "#74D2F6",
    10: "#9EDEF7",
    11: "#DFF4FD",
  }),
  "danger.light": createColorScale({
    1: "#FDFAFA",
    2: "#FAF2F2",
    3: "#F7EAEA",
    4: "#F1D2D1",
    5: "#F4BFBC",
    6: "#F1A2A0",
    7: "#F1293F",
    8: "#CD112C",
    9: "#AF0D23",
    10: "#92091A",
    11: "#4E0408",
  }),
  "danger.dark": createColorScale({
    1: "#220907",
    2: "#320C0B",
    3: "#421110",
    4: "#531514",
    5: "#64191A",
    6: "#811C20",
    7: "#B2242D",
    8: "#F56D6D",
    9: "#F7AEAC",
    10: "#F8C4C2",
    11: "#FDEBEB",
  }),
  "info.light": createColorScale({
    1: "#F9FBFD",
    2: "#EFF6FA",
    3: "#E4F0F7",
    4: "#C3E0F1",
    5: "#A2D6F3",
    6: "#75C6F0",
    7: "#2391C1",
    8: "#0D78A3",
    9: "#0A668B",
    10: "#065473",
    11: "#032A3C",
  }),
  "info.dark": createColorScale({
    1: "#07131A",
    2: "#0A1D27",
    3: "#0E2734",
    4: "#123242",
    5: "#163D50",
    6: "#184E67",
    7: "#1F6B8E",
    8: "#36ABE0",
    9: "#85CFF6",
    10: "#A8DBF7",
    11: "#E2F3FD",
  }),
  "success.light": createColorScale({
    1: "#F7FDF7",
    2: "#E9FAE9",
    3: "#DAF8D9",
    4: "#A2F2A4",
    5: "#6AEF75",
    6: "#5ADA65",
    7: "#24A037",
    8: "#0E8626",
    9: "#0A721F",
    10: "#075E18",
    11: "#033009",
  }),
  "success.dark": createColorScale({
    1: "#071508",
    2: "#0B200C",
    3: "#0F2B11",
    4: "#123715",
    5: "#16431A",
    6: "#19561F",
    7: "#1F772A",
    8: "#37BC48",
    9: "#4FE760",
    10: "#5DF76D",
    11: "#D5FDD5",
  }),
  "warning.light": createColorScale({
    1: "#FDFBF4",
    2: "#FAF5E1",
    3: "#F7EECE",
    4: "#F5E7B7",
    5: "#F6D97B",
    6: "#E3C156",
    7: "#E2B930",
    8: "#9F7A0F",
    9: "#916F0C",
    10: "#694D06",
    11: "#342302",
  }),
  "warning.dark": createColorScale({
    1: "#322714",
    2: "#3E3016",
    3: "#57451F",
    4: "#685223",
    5: "#785F28",
    6: "#846724",
    7: "#8F7021",
    8: "#E0B93C",
    9: "#F4CD4B",
    10: "#F9DC7E",
    11: "#FDF0C4",
  }),
} as const;