Variable PRESETSConst

Type Declaration

• ReadonlyCharcoal: {
      dark: {
          accent: "#e8912d";
          bg: "#1c1c1c";
          border: "#333333";
          danger: "#e57373";
          ink3: "#6b6b6b";
          muted: "#888888";
          panel: "#252525";
          success: "#6abf69";
          surface2: "#1f1f1f";
          text: "#d4d4d4";
      };
      light: {
          accent: "#d4811f";
          bg: "#f6f6f6";
          border: "#dedede";
          danger: "#cc5252";
          ink3: "#8c8c8c";
          muted: "#666666";
          panel: "#ffffff";
          success: "#57a85a";
          surface2: "#efefef";
          text: "#1c1c1c";
      };
  }

• ReadonlyCupertino: {
      dark: {
          accent: "#0a84ff";
          bg: "#1c1c1e";
          border: "rgba(58,58,60,0.9)";
          danger: "#ff3b30";
          ink3: "rgba(235,235,245,0.45)";
          muted: "#8e8e93";
          panel: "rgba(44,44,46,0.80)";
          success: "#34c759";
          surface2: "rgba(118,118,128,0.24)";
          text: "#ffffff";
      };
      light: {
          accent: "#007aff";
          bg: "#eef1f6";
          border: "rgba(209,209,214,0.6)";
          danger: "#ff3b30";
          ink3: "rgba(60,60,67,0.45)";
          muted: "#8e8e93";
          panel: "rgba(255,255,255,0.72)";
          success: "#34c759";
          surface2: "rgba(120,120,128,0.12)";
          text: "#1c1c1e";
      };
  }

• ReadonlyEmber: {
      dark: {
          accent: "#e8912d";
          bg: "#1a1009";
          border: "#3d2b18";
          danger: "#ef5350";
          ink3: "#7d6a5c";
          muted: "#a0897a";
          panel: "#261a0e";
          success: "#a5d6a7";
          surface2: "#1f1409";
          text: "#ddd0c4";
      };
      light: {
          accent: "#cc7a1e";
          bg: "#fdf5ee";
          border: "#eed8be";
          danger: "#d94040";
          ink3: "#a88f78";
          muted: "#8a6a50";
          panel: "#ffffff";
          success: "#7ab87c";
          surface2: "#f6ece1";
          text: "#2a1a09";
      };
  }

• ReadonlyForest: {
      dark: {
          accent: "#4caf88";
          bg: "#0d1b12";
          border: "#243d2c";
          danger: "#ef9a9a";
          ink3: "#53705a";
          muted: "#6b8f72";
          panel: "#162318";
          success: "#81c784";
          surface2: "#101d14";
          text: "#c8d8cc";
      };
      light: {
          accent: "#3a9a72";
          bg: "#f0f5f2";
          border: "#c4d9cc";
          danger: "#e06060";
          ink3: "#739579";
          muted: "#527a5a";
          panel: "#ffffff";
          success: "#5aad5c";
          surface2: "#e8efea";
          text: "#0d1b12";
      };
  }

• ReadonlyNavy: {
      dark: {
          accent: "#5b8dee";
          bg: "#0f0f1a";
          border: "#2e2e50";
          danger: "#e05c6c";
          ink3: "#5c5c85";
          muted: "#7777aa";
          panel: "#1a1a2e";
          success: "#4caf88";
          surface2: "rgba(21,21,36,0.25)";
          text: "#ccccdd";
      };
      light: {
          accent: "#4a7de0";
          bg: "#f0f4ff";
          border: "#c8d4f0";
          danger: "#d64e5d";
          ink3: "#8896c0";
          muted: "#6677aa";
          panel: "#ffffff";
          success: "#3d9e76";
          surface2: "#eef2fb";
          text: "#1a1a3e";
      };
  }

• ReadonlyReading Room: {
      dark: {
          accent: "#cf5a2c";
          bg: "#1a140d";
          border: "#3a2c1c";
          danger: "#ef5350";
          ink3: "#6e5c47";
          muted: "#9c8a72";
          panel: "#241b11";
          success: "#81c784";
          surface2: "#1f160d";
          text: "#ece4d6";
      };
      light: {
          accent: "#b0451f";
          bg: "#ece4d6";
          border: "#e2d9c7";
          danger: "#c0442a";
          ink3: "#a8987f";
          muted: "#8a7c66";
          panel: "#faf6ee";
          success: "#5c9a5e";
          surface2: "#f3ecdf";
          text: "#221d16";
      };
  }

• ReadonlySlate: {
      dark: {
          accent: "#748ffc";
          bg: "#1a1b1e";
          border: "#373a40";
          danger: "#ff6b6b";
          ink3: "#6c757d";
          muted: "#868e96";
          panel: "#25262b";
          success: "#51cf66";
          surface2: "#1f2024";
          text: "#c1c2c5";
      };
      light: {
          accent: "#5a7cf8";
          bg: "#f5f5f7";
          border: "#e0e1e5";
          danger: "#fa5252";
          ink3: "#9097a0";
          muted: "#6b7280";
          panel: "#ffffff";
          success: "#40c057";
          surface2: "#eeeef1";
          text: "#1a1b1e";
      };
  }