@floegence/floe-webapp-core 0.53.0 → 0.53.2

package/dist/styles/themes/presets.js

@@ -1,6 +1,6 @@
-import { DARK_WINDOW_TOKENS as s, LIGHT_WINDOW_TOKENS as m } from "./windowTokens.js";
-import { CLASSIC_LIGHT_SEMANTIC_TOKENS as l, CLASSIC_DARK_SEMANTIC_TOKENS as b } from "./classicSemanticTokens.js";
-const w = [
+import { DARK_WINDOW_TOKENS as b, LIGHT_WINDOW_TOKENS as B } from "./windowTokens.js";
+import { CLASSIC_LIGHT_SEMANTIC_TOKENS as d, CLASSIC_DARK_SEMANTIC_TOKENS as F } from "./classicSemanticTokens.js";
+const S = [
   "--floe-window-background",
   "--floe-window-foreground",
   "--floe-window-muted-foreground",
@@ -70,7 +70,7 @@ const w = [
   "--selection-code-bg",
   "--selection-code-fg",
   "--glow"
-], p = {
+], E = {
   success: "#287A4B",
   successForeground: "#FFFFFF",
   warning: "#835800",
@@ -81,7 +81,7 @@ const w = [
   infoForeground: "#FFFFFF",
   note: "#6847A0",
   tip: "#1E6F73"
-}, B = {
+}, A = {
   success: "#72D39C",
   successForeground: "#07160E",
   warning: "#F0C36A",
@@ -94,19 +94,19 @@ const w = [
   tip: "#71C8C0"
 };
 function o(r) {
-  const e = r.mode === "light" ? p : B, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
+  const e = r.mode === "light" ? E : A, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
     background: r.background,
     foreground: r.foreground
-  }, [t, d, F, c, g] = r.chart, a = r.syntax ?? {
+  }, [t, c, u, g, s] = r.chart, a = r.syntax ?? {
     comment: r.mutedForeground,
     keyword: t,
-    string: d,
-    number: c,
-    type: F,
-    function: g,
-    constant: c
-  }, u = {
-    ...r.mode === "dark" ? s : m,
+    string: c,
+    number: g,
+    type: u,
+    function: s,
+    constant: g
+  }, i = {
+    ...r.mode === "dark" ? b : B,
     "--background": r.background,
     "--foreground": r.foreground,
     "--primary": r.primary,
@@ -115,11 +115,11 @@ function o(r) {
     "--secondary-foreground": r.foreground,
     "--muted": r.muted,
     "--muted-foreground": r.mutedForeground,
-    "--accent": r.muted,
+    "--accent": r.accent ?? r.muted,
     "--accent-foreground": r.foreground,
     "--border": r.border,
     "--input": r.input,
-    "--ring": r.primary,
+    "--ring": r.ring ?? r.primary,
     "--chrome-border": r.border,
     "--top-bar-border": r.border,
     "--activity-bar-border": r.border,
@@ -147,10 +147,10 @@ function o(r) {
     "--sidebar-foreground": r.foreground,
     "--sidebar-primary": r.primary,
     "--sidebar-primary-foreground": r.primaryForeground,
-    "--sidebar-accent": r.muted,
+    "--sidebar-accent": r.accent ?? r.muted,
     "--sidebar-accent-foreground": r.foreground,
     "--sidebar-border": r.border,
-    "--sidebar-ring": r.primary,
+    "--sidebar-ring": r.ring ?? r.primary,
     "--activity-bar": r.sidebar,
     "--activity-bar-foreground": r.mutedForeground,
     "--activity-bar-foreground-active": r.foreground,
@@ -159,10 +159,10 @@ function o(r) {
     "--terminal-background": r.terminalBackground,
     "--terminal-foreground": r.terminalForeground,
     "--chart-1": t,
-    "--chart-2": d,
-    "--chart-3": F,
-    "--chart-4": c,
-    "--chart-5": g,
+    "--chart-2": c,
+    "--chart-3": u,
+    "--chart-4": g,
+    "--chart-5": s,
     "--selection-bg": r.selectionBackground,
     "--selection-fg": r.selectionForeground,
     "--selection-on-primary-bg": n.background,
@@ -173,6 +173,8 @@ 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)
   };
+  for (const [l, p] of Object.entries(r.fileIconColors ?? {}))
+    i[`--floe-file-icon-${l}`] = p;
   return {
     name: r.name,
     displayName: r.displayName,
@@ -186,7 +188,7 @@ function o(r) {
       border: r.border,
       colors: r.chart
     },
-    semanticTokens: u,
+    semanticTokens: i,
     monaco: {
       [r.mode]: {
         base: r.mode === "light" ? "vs" : "vs-dark",
@@ -246,25 +248,25 @@ function o(r) {
         }
       }
     },
-    tokens: r.mode === "light" ? { light: u } : { dark: u }
+    tokens: r.mode === "light" ? { light: i } : { dark: i }
   };
 }
-const E = {
+const k = {
   ...o({
     name: "classic-light",
     displayName: "Classic Light",
-    description: "The original Floe warm-paper light theme.",
+    description: "Warm paper and quiet sage accents.",
     mode: "light",
-    background: "#F3F0EC",
-    foreground: "#202A37",
-    card: "#FFFDFA",
-    muted: "#F2F0ED",
-    mutedForeground: "#5A687C",
-    primary: "#202A37",
-    primaryForeground: "#FFFDFA",
-    border: "#D7D2CB",
-    input: "#CBC4B9",
-    sidebar: "#EDEBE8",
+    background: d["--background"],
+    foreground: d["--foreground"],
+    card: d["--card"],
+    muted: d["--muted"],
+    mutedForeground: d["--muted-foreground"],
+    primary: d["--primary"],
+    primaryForeground: d["--primary-foreground"],
+    border: d["--border"],
+    input: d["--input"],
+    sidebar: d["--sidebar"],
     terminalBackground: "#202A37",
     terminalForeground: "#EBEBEB",
     selectionBackground: "#2671D9",
@@ -281,24 +283,24 @@ const E = {
     }
   }),
   inheritsBaseTokens: !0,
-  semanticTokens: l,
+  semanticTokens: d,
   tokens: void 0
-}, k = {
+}, y = {
   ...o({
     name: "classic-dark",
     displayName: "Classic Dark",
-    description: "The original Floe blue-black dark theme.",
+    description: "Soft graphite and quiet sage accents.",
     mode: "dark",
-    background: "#0E121B",
-    foreground: "#F9FAFB",
-    card: "#121721",
-    muted: "#1B212D",
-    mutedForeground: "#8596AD",
-    primary: "#F9FAFB",
-    primaryForeground: "#121621",
-    border: "#252B37",
-    input: "#52627A",
-    sidebar: "#121721",
+    background: F["--background"],
+    foreground: F["--foreground"],
+    card: F["--card"],
+    muted: F["--muted"],
+    mutedForeground: F["--muted-foreground"],
+    primary: F["--primary"],
+    primaryForeground: F["--primary-foreground"],
+    border: F["--border"],
+    input: F["--input"],
+    sidebar: F["--sidebar"],
     terminalBackground: "#0C1018",
     terminalForeground: "#E8EBEE",
     selectionBackground: "#2671D9",
@@ -315,10 +317,10 @@ const E = {
     }
   }),
   inheritsBaseTokens: !0,
-  semanticTokens: b,
+  semanticTokens: F,
   tokens: void 0
-}, A = [
-  E,
+}, C = [
+  k,
   o({
     name: "paper",
     displayName: "Paper",
@@ -574,7 +576,7 @@ const E = {
       constant: "#745500"
     }
   }),
-  k,
+  y,
   o({
     name: "ink",
     displayName: "Ink",
@@ -839,7 +841,7 @@ const E = {
     foreground: "#E0E0E4",
     card: "#222226",
     muted: "#2C2C30",
-    mutedForeground: "#909098",
+    mutedForeground: "#93939B",
     primary: "#E0E0E4",
     primaryForeground: "#1A1A1C",
     border: "#323236",
@@ -874,6 +876,7 @@ const E = {
     primaryForeground: "#FFFFFF",
     border: "#38383A",
     input: "#888888",
+    ring: "#0A84FF",
     sidebar: "#242426",
     terminalBackground: "#141416",
     terminalForeground: "#E5E5EA",
@@ -889,19 +892,88 @@ const E = {
       function: "#0A84FF",
       constant: "#BF5AF2"
     }
+  }),
+  o({
+    name: "porcelain-light",
+    displayName: "Porcelain Light",
+    description: "Original Redeven warm ivory and blue-gray ink, with quiet modern surfaces.",
+    fileIconColors: {
+      primary: "hsl(214 26% 17%)",
+      warning: "hsl(38 92% 50%)",
+      info: "hsl(217 91% 60%)",
+      success: "oklch(0.68 0.16 150)",
+      error: "oklch(0.65 0.2 25)"
+    },
+    mode: "light",
+    background: "#F4F1ED",
+    foreground: "#202A37",
+    card: "#FFFDFA",
+    muted: "#F1EFEC",
+    accent: "#E4E1DD",
+    mutedForeground: "#576579",
+    primary: "#202A37",
+    primaryForeground: "#FFFDFA",
+    border: "#D8D3CC",
+    input: "#828891",
+    sidebar: "#EEECE9",
+    terminalBackground: "#202A37",
+    terminalForeground: "#EBEBEB",
+    selectionBackground: "#2671D9",
+    selectionForeground: "#FFFFFF",
+    chart: ["#202A37", "#5A687C", "#2671D9", "#287A4B", "#835800"],
+    syntax: {
+      comment: "#5A687C",
+      keyword: "#005FB8",
+      string: "#26736F",
+      number: "#8A5A00",
+      type: "#245B9B",
+      function: "#6847A0",
+      constant: "#9C225E"
+    }
+  }),
+  o({
+    name: "porcelain-dark",
+    displayName: "Porcelain Dark",
+    description: "Warm ivory text and soft blue-gray accents on a quiet slate canvas.",
+    mode: "dark",
+    background: "#20242A",
+    foreground: "#E6E3DD",
+    card: "#292E35",
+    muted: "#343A43",
+    mutedForeground: "#A2ABB8",
+    primary: "#BCC8D5",
+    primaryForeground: "#202A37",
+    border: "#3E444D",
+    input: "#7A8491",
+    ring: "#A8BCD0",
+    sidebar: "#1C2026",
+    terminalBackground: "#181C22",
+    terminalForeground: "#E6E3DD",
+    selectionBackground: "#3B6592",
+    selectionForeground: "#FFFFFF",
+    chart: ["#BCC8D5", "#79B8FF", "#C19BE8", "#72D39C", "#F0C36A"],
+    syntax: {
+      comment: "#A2ABB8",
+      keyword: "#C19BE8",
+      string: "#9AD49D",
+      number: "#F0C36A",
+      type: "#79B8FF",
+      function: "#71C8C0",
+      constant: "#E9A4A0"
+    }
   })
-], v = {
+], N = {
   light: "classic-light",
   dark: "classic-dark"
 };
-function y(r, e) {
+function h(r, e) {
   const n = r.mode ?? "both";
   return n === "both" || n === e;
 }
-function h(r, e) {
-  return r.filter((n) => y(n, e));
+function D(r, e) {
+  return r.filter((n) => h(n, e));
 }
-function C(r) {
+function f(r) {
   const e = /* @__PURE__ */ new Set();
   for (const n of r) {
     if (e.has(n.name))
@@ -909,27 +981,27 @@ function C(r) {
     e.add(n.name);
   }
 }
-function i(r, e, n, t) {
-  const d = h(r, e);
-  return n && d.some((F) => F.name === n) ? n : t && d.some((F) => F.name === t) ? t : d[0]?.name;
+function m(r, e, n, t) {
+  const c = D(r, e);
+  return n && c.some((u) => u.name === n) ? n : t && c.some((u) => u.name === t) ? t : c[0]?.name;
 }
-function S(r, e, n = {}) {
-  const t = typeof r == "object" && r !== null && !Array.isArray(r) ? r : void 0, d = t?.version === 1, F = d && typeof t.light == "string" ? t.light : void 0, c = d && typeof t.dark == "string" ? t.dark : void 0;
+function T(r, e, n = {}) {
+  const t = typeof r == "object" && r !== null && !Array.isArray(r) ? r : void 0, c = t?.version === 1, u = c && typeof t.light == "string" ? t.light : void 0, g = c && typeof t.dark == "string" ? t.dark : void 0;
   return {
     version: 1,
-    light: i(e, "light", F, n.light),
-    dark: i(e, "dark", c, n.dark)
+    light: m(e, "light", u, n.light),
+    dark: m(e, "dark", g, n.dark)
   };
 }
-C(A);
+f(C);
 export {
-  v as BUILT_IN_SHELL_THEME_DEFAULTS,
-  w as REQUIRED_SHELL_THEME_TOKENS,
-  C as assertUniqueThemePresetNames,
-  A as builtInShellThemePresets,
+  N as BUILT_IN_SHELL_THEME_DEFAULTS,
+  S as REQUIRED_SHELL_THEME_TOKENS,
+  f as assertUniqueThemePresetNames,
+  C as builtInShellThemePresets,
   o as createShellThemePreset,
-  h as getShellThemePresetsForMode,
-  S as normalizeShellThemeSelection,
-  y as presetSupportsMode,
-  i as resolveShellThemePresetName
+  D as getShellThemePresetsForMode,
+  T as normalizeShellThemeSelection,
+  h as presetSupportsMode,
+  m as resolveShellThemePresetName
 };