@floegence/floe-webapp-core 0.86.37 → 0.86.39

package/dist/styles/themes/presets.js

@@ -1,6 +1,6 @@
-import { createProgressTokens as b } from "./progressTokens.js";
-import { DARK_WINDOW_TOKENS as B, LIGHT_WINDOW_TOKENS as E } from "./windowTokens.js";
-import { CLASSIC_LIGHT_SEMANTIC_TOKENS as d, CLASSIC_DARK_SEMANTIC_TOKENS as F } from "./classicSemanticTokens.js";
+import { createProgressTokens as E } from "./progressTokens.js";
+import { DARK_WINDOW_TOKENS as B, 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",
   "--floe-window-foreground",
@@ -10,6 +10,8 @@ const T = [
   "--floe-window-shadow",
   "--background",
   "--foreground",
+  "--inline-code-foreground",
+  "--inline-code-background",
   "--primary",
   "--primary-foreground",
   "--secondary",
@@ -71,7 +73,7 @@ const T = [
   "--selection-code-bg",
   "--selection-code-fg",
   "--glow"
-], k = {
+], p = {
   success: "#287A4B",
   successForeground: "#FFFFFF",
   warning: "#835800",
@@ -95,21 +97,23 @@ const T = [
   tip: "#71C8C0"
 };
 function o(r) {
-  const e = r.mode === "light" ? k : A, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
+  const e = r.mode === "light" ? p : A, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
     background: r.background,
     foreground: r.foreground
-  }, [t, c, u, i, s] = r.chart, a = r.syntax ?? {
+  }, [d, c, u, i, s] = r.chart, a = r.syntax ?? {
     comment: r.mutedForeground,
-    keyword: t,
+    keyword: d,
     string: c,
     number: i,
     type: u,
     function: s,
     constant: i
   }, g = {
-    ...r.mode === "dark" ? B : E,
+    ...r.mode === "dark" ? B : k,
     "--background": r.background,
     "--foreground": r.foreground,
+    "--inline-code-foreground": r.inlineCode?.foreground ?? r.foreground,
+    "--inline-code-background": r.inlineCode?.background ?? r.muted,
     "--primary": r.primary,
     "--primary-foreground": r.primaryForeground,
     "--secondary": r.muted,
@@ -159,7 +163,7 @@ function o(r) {
     "--activity-bar-badge-foreground": r.primaryForeground,
     "--terminal-background": r.terminalBackground,
     "--terminal-foreground": r.terminalForeground,
-    "--chart-1": t,
+    "--chart-1": d,
     "--chart-2": c,
     "--chart-3": u,
     "--chart-4": i,
@@ -174,9 +178,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, b(r.mode, g));
-  for (const [l, p] of Object.entries(r.fileIconColors ?? {}))
-    g[`--floe-file-icon-${l}`] = p;
+  Object.assign(g, E(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,
@@ -253,22 +257,22 @@ function o(r) {
     tokens: r.mode === "light" ? { light: g } : { dark: g }
   };
 }
-const y = {
+const C = {
   ...o({
     name: "classic-light",
     displayName: "Classic Light",
     description: "Warm paper and quiet sage accents.",
     mode: "light",
-    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"],
+    background: t["--background"],
+    foreground: t["--foreground"],
+    card: t["--card"],
+    muted: t["--muted"],
+    mutedForeground: t["--muted-foreground"],
+    primary: t["--primary"],
+    primaryForeground: t["--primary-foreground"],
+    border: t["--border"],
+    input: t["--input"],
+    sidebar: t["--sidebar"],
     terminalBackground: "#202A37",
     terminalForeground: "#EBEBEB",
     selectionBackground: "#2671D9",
@@ -285,9 +289,9 @@ const y = {
     }
   }),
   inheritsBaseTokens: !0,
-  semanticTokens: d,
+  semanticTokens: t,
   tokens: void 0
-}, h = {
+}, y = {
   ...o({
     name: "classic-dark",
     displayName: "Classic Dark",
@@ -321,9 +325,10 @@ const y = {
   inheritsBaseTokens: !0,
   semanticTokens: F,
   tokens: void 0
-}, C = [
+}, D = [
   o({
     name: "porcelain-light",
+    inlineCode: { foreground: "#795C40", background: "#EAE5DF" },
     displayName: "Porcelain Light",
     description: "Original Redeven warm ivory and blue-gray ink, with quiet modern surfaces.",
     fileIconColors: {
@@ -360,9 +365,10 @@ const y = {
       constant: "#9C225E"
     }
   }),
-  y,
+  C,
   o({
     name: "paper",
+    inlineCode: { foreground: "#775D3F", background: "#EBE5DA" },
     displayName: "Paper",
     description: "Warm paper and deep ink for focused reading.",
     mode: "light",
@@ -384,6 +390,7 @@ const y = {
   }),
   o({
     name: "mist",
+    inlineCode: { foreground: "#3B607C", background: "#E0E7ED" },
     displayName: "Mist",
     description: "Cool, quiet layers for monitoring and dense data.",
     mode: "light",
@@ -405,6 +412,7 @@ const y = {
   }),
   o({
     name: "meadow",
+    inlineCode: { foreground: "#3C684C", background: "#E0E9DF" },
     displayName: "Meadow",
     description: "Natural greens for collaborative daily work.",
     mode: "light",
@@ -426,6 +434,7 @@ const y = {
   }),
   o({
     name: "citrus",
+    inlineCode: { foreground: "#865622", background: "#F5E8D2" },
     displayName: "Citrus",
     description: "Warm cream and amber for lively commercial work.",
     mode: "light",
@@ -447,6 +456,7 @@ const y = {
   }),
   o({
     name: "lilac",
+    inlineCode: { foreground: "#71548B", background: "#EAE4F1" },
     displayName: "Lilac",
     description: "Soft violet structure for creative and client work.",
     mode: "light",
@@ -468,6 +478,7 @@ const y = {
   }),
   o({
     name: "light-plus",
+    inlineCode: { foreground: "#355F8B", background: "#EFF2F6" },
     displayName: "Light+",
     description: "VS Code clarity with crisp blue actions and neutral chrome.",
     mode: "light",
@@ -498,6 +509,7 @@ const y = {
   }),
   o({
     name: "quiet-light",
+    inlineCode: { foreground: "#625987", background: "#E9E9EC" },
     displayName: "Quiet Light",
     description: "Soft gray surfaces and calm indigo for long coding sessions.",
     mode: "light",
@@ -528,6 +540,7 @@ const y = {
   }),
   o({
     name: "solarized-light",
+    inlineCode: { foreground: "#426C70", background: "#EEEBDA" },
     displayName: "Solarized Light",
     description: "Solarized warmth with measured cyan, green, and amber syntax.",
     mode: "light",
@@ -558,6 +571,7 @@ const y = {
   }),
   o({
     name: "github-light",
+    inlineCode: { foreground: "#3E6085", background: "#E7ECF1" },
     displayName: "GitHub Light",
     description: "Clean repository neutrals with familiar blue and green accents.",
     mode: "light",
@@ -588,6 +602,7 @@ const y = {
   }),
   o({
     name: "hc-light",
+    inlineCode: { foreground: "#000078", background: "#EBEBF4" },
     displayName: "High Contrast Light",
     description: "Maximum edge definition for bright environments and low vision.",
     mode: "light",
@@ -618,6 +633,7 @@ const y = {
   }),
   o({
     name: "porcelain-dark",
+    inlineCode: { foreground: "#AAC7BD", background: "#1A1D1D" },
     displayName: "Porcelain Dark",
     description: "Warm white text and neutral controls on a near-black canvas with quiet charcoal surfaces.",
     mode: "dark",
@@ -648,9 +664,10 @@ const y = {
       constant: "#E9A4A0"
     }
   }),
-  h,
+  y,
   o({
     name: "ink",
+    inlineCode: { foreground: "#A5B9D7", background: "#192330" },
     displayName: "Ink",
     description: "Blue-black focus with a restrained engineering blue.",
     mode: "dark",
@@ -672,6 +689,7 @@ const y = {
   }),
   o({
     name: "slate",
+    inlineCode: { foreground: "#B1C0D1", background: "#252A32" },
     displayName: "Slate",
     description: "Neutral graphite layers for enterprise operations.",
     mode: "dark",
@@ -693,6 +711,7 @@ const y = {
   }),
   o({
     name: "forest",
+    inlineCode: { foreground: "#9DCDB7", background: "#182A25" },
     displayName: "Forest",
     description: "Deep greens and copper for calm live monitoring.",
     mode: "dark",
@@ -714,6 +733,7 @@ const y = {
   }),
   o({
     name: "ember",
+    inlineCode: { foreground: "#D9B09D", background: "#2E1F21" },
     displayName: "Ember",
     description: "Charcoal warmth for releases and high-attention work.",
     mode: "dark",
@@ -735,6 +755,7 @@ const y = {
   }),
   o({
     name: "ocean",
+    inlineCode: { foreground: "#9BCDDC", background: "#142A35" },
     displayName: "Ocean",
     description: "High-clarity cyan for streams, terminals, and tools.",
     mode: "dark",
@@ -756,6 +777,7 @@ const y = {
   }),
   o({
     name: "dark-plus",
+    inlineCode: { foreground: "#A8C3DC", background: "#2A2D2F" },
     displayName: "Dark+",
     description: "The familiar VS Code dark workbench with balanced syntax color.",
     mode: "dark",
@@ -786,6 +808,7 @@ const y = {
   }),
   o({
     name: "monokai",
+    inlineCode: { foreground: "#CDD3A4", background: "#36372E" },
     displayName: "Monokai",
     description: "Warm charcoal with vivid pink, green, cyan, and yellow code.",
     mode: "dark",
@@ -816,6 +839,7 @@ const y = {
   }),
   o({
     name: "nord",
+    inlineCode: { foreground: "#AFC8D1", background: "#3A414D" },
     displayName: "Nord",
     description: "Arctic blue-gray surfaces with restrained frost accents.",
     mode: "dark",
@@ -846,6 +870,7 @@ const y = {
   }),
   o({
     name: "dracula",
+    inlineCode: { foreground: "#CAB5E2", background: "#373745" },
     displayName: "Dracula",
     description: "Deep violet charcoal with bright pink, green, and cyan syntax.",
     mode: "dark",
@@ -876,6 +901,7 @@ const y = {
   }),
   o({
     name: "abyss",
+    inlineCode: { foreground: "#95C4DA", background: "#0D1D29" },
     displayName: "Abyss",
     description: "Near-black ocean depth with electric cyan tool highlights.",
     mode: "dark",
@@ -906,6 +932,7 @@ const y = {
   }),
   o({
     name: "studio",
+    inlineCode: { foreground: "#BCB8CE", background: "#29282C" },
     displayName: "Studio",
     description: "Neutral near-black workspace: clean dark surfaces with zero color cast.",
     mode: "dark",
@@ -936,6 +963,7 @@ const y = {
   }),
   o({
     name: "graphite",
+    inlineCode: { foreground: "#A9C5C6", background: "#292B2D" },
     displayName: "Graphite",
     description: "macOS system dark: neutral warm surfaces, system-blue active state, teal and amber chart palette.",
     mode: "dark",
@@ -969,12 +997,12 @@ const y = {
   light: "porcelain-light",
   dark: "porcelain-dark"
 };
-function D(r, e) {
+function h(r, e) {
   const n = r.mode ?? "both";
   return n === "both" || n === e;
 }
 function f(r, e) {
-  return r.filter((n) => D(n, e));
+  return r.filter((n) => h(n, e));
 }
 function w(r) {
   const e = /* @__PURE__ */ new Set();
@@ -984,27 +1012,27 @@ function w(r) {
     e.add(n.name);
   }
 }
-function m(r, e, n, t) {
+function m(r, e, n, d) {
   const c = f(r, e);
-  return n && c.some((u) => u.name === n) ? n : t && c.some((u) => u.name === t) ? t : c[0]?.name;
+  return n && c.some((u) => u.name === n) ? n : d && c.some((u) => u.name === d) ? d : c[0]?.name;
 }
 function L(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, i = c && typeof t.dark == "string" ? t.dark : void 0;
+  const d = typeof r == "object" && r !== null && !Array.isArray(r) ? r : void 0, c = d?.version === 1, u = c && typeof d.light == "string" ? d.light : void 0, i = c && typeof d.dark == "string" ? d.dark : void 0;
   return {
     version: 1,
     light: m(e, "light", u, n.light),
     dark: m(e, "dark", i, n.dark)
   };
 }
-w(C);
+w(D);
 export {
   x as BUILT_IN_SHELL_THEME_DEFAULTS,
   T as REQUIRED_SHELL_THEME_TOKENS,
   w as assertUniqueThemePresetNames,
-  C as builtInShellThemePresets,
+  D as builtInShellThemePresets,
   o as createShellThemePreset,
   f as getShellThemePresetsForMode,
   L as normalizeShellThemeSelection,
-  D as presetSupportsMode,
+  h as presetSupportsMode,
   m as resolveShellThemePresetName
 };