@floegence/floe-webapp-core 0.86.45 → 0.86.47

package/dist/styles/themes/presets.js

@@ -1,5 +1,5 @@
-import { createProgressTokens as E } from "./progressTokens.js";
-import { DARK_WINDOW_TOKENS as B, LIGHT_WINDOW_TOKENS as k } from "./windowTokens.js";
+import { createProgressTokens as b } from "./progressTokens.js";
+import { DARK_WINDOW_TOKENS as E, LIGHT_WINDOW_TOKENS as k } from "./windowTokens.js";
 import { CLASSIC_LIGHT_SEMANTIC_TOKENS as t, CLASSIC_DARK_SEMANTIC_TOKENS as F } from "./classicSemanticTokens.js";
 const T = [
   "--floe-window-background",
@@ -97,7 +97,10 @@ const T = [
   tip: "#71C8C0"
 };
 function o(r) {
-  const e = r.mode === "light" ? p : A, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
+  const e = {
+    ...r.mode === "light" ? p : A,
+    ...r.status
+  }, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
     background: r.background,
     foreground: r.foreground
   }, [d, c, u, i, s] = r.chart, a = r.syntax ?? {
@@ -109,7 +112,8 @@ function o(r) {
     function: s,
     constant: i
   }, g = {
-    ...r.mode === "dark" ? B : k,
+    ...r.mode === "dark" ? E : k,
+    ...r.windowTokens,
     "--background": r.background,
     "--foreground": r.foreground,
     "--inline-code-foreground": r.inlineCode?.foreground ?? r.foreground,
@@ -178,9 +182,9 @@ function o(r) {
     // selectionBackground so we don't inherit a near-white primary as glow source.
     "--glow": r.glow ?? (r.mode === "light" ? r.primary : r.selectionBackground)
   };
-  Object.assign(g, E(r.mode, g));
-  for (const [l, b] of Object.entries(r.fileIconColors ?? {}))
-    g[`--floe-file-icon-${l}`] = b;
+  Object.assign(g, b(r.mode, g));
+  for (const [l, B] of Object.entries(r.fileIconColors ?? {}))
+    g[`--floe-file-icon-${l}`] = B;
   return {
     name: r.name,
     displayName: r.displayName,
@@ -365,6 +369,46 @@ const C = {
       constant: "#9C225E"
     }
   }),
+  o({
+    name: "cloud-white",
+    displayName: "Cloud White",
+    description: "Pure white reading surfaces with soft graphite text and restrained blue actions.",
+    mode: "light",
+    background: "#FFFFFF",
+    foreground: "#30343B",
+    card: "#FFFFFF",
+    muted: "#F6F7F9",
+    accent: "#EAF0FB",
+    mutedForeground: "#666D79",
+    primary: "#365FC0",
+    primaryForeground: "#FFFFFF",
+    border: "#E3E6EB",
+    input: "#8A919B",
+    sidebar: "#FAFBFC",
+    terminalBackground: "#FFFFFF",
+    terminalForeground: "#30343B",
+    selectionBackground: "#365FC0",
+    selectionForeground: "#FFFFFF",
+    inlineCode: { foreground: "#365FC0", background: "#F6F7F9" },
+    chart: ["#365FC0", "#317456", "#7B51A0", "#8A641D", "#246F96"],
+    status: {
+      success: "#317456",
+      warning: "#8A641D",
+      error: "#B34751",
+      info: "#365FC0",
+      note: "#7B51A0",
+      tip: "#287B83"
+    },
+    syntax: {
+      comment: "#666D79",
+      keyword: "#7B51A0",
+      string: "#317456",
+      number: "#8A641D",
+      type: "#365FC0",
+      function: "#287B83",
+      constant: "#B34751"
+    }
+  }),
   C,
   o({
     name: "paper",
@@ -664,6 +708,50 @@ const C = {
       constant: "#E9A4A0"
     }
   }),
+  o({
+    name: "soft-black",
+    displayName: "Soft Black",
+    description: "Near-black surfaces, soft warm-gray text and muted semantic colors for quiet focus.",
+    mode: "dark",
+    background: "#09090B",
+    foreground: "#C6C5C1",
+    card: "#101113",
+    muted: "#17181B",
+    accent: "#1C2432",
+    mutedForeground: "#96979D",
+    primary: "#9AAED3",
+    primaryForeground: "#111722",
+    border: "#292B30",
+    input: "#666971",
+    sidebar: "#0D0E10",
+    terminalBackground: "#09090B",
+    terminalForeground: "#C6C5C1",
+    selectionBackground: "#38445C",
+    selectionForeground: "#DEDDD8",
+    inlineCode: { foreground: "#E2B766", background: "#1B1915" },
+    chart: ["#9AAED3", "#91B39B", "#C594C8", "#D0B07B", "#6DB8D2"],
+    status: {
+      success: "#91B39B",
+      warning: "#C8B28A",
+      error: "#D29292",
+      info: "#9AAED3",
+      note: "#B5A1CA",
+      tip: "#84B6BD"
+    },
+    windowTokens: {
+      "--floe-window-background": "var(--card)",
+      "--floe-window-titlebar-background": "color-mix(in srgb, var(--card) 95%, var(--foreground))"
+    },
+    syntax: {
+      comment: "#96979D",
+      keyword: "#B5A1CA",
+      string: "#91B39B",
+      number: "#C8B28A",
+      type: "#9AAED3",
+      function: "#84B6BD",
+      constant: "#D29292"
+    }
+  }),
   y,
   o({
     name: "ink",