@floegence/floe-webapp-core 0.56.14 → 0.56.16

package/dist/styles/themes/presets.d.ts

@@ -88,8 +88,8 @@ export declare const builtInShellThemePresets: readonly [{
     monaco?: Partial<Record<"light" | "dark", import("./index").FloeMonacoThemeDefinition>>;
 }, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset];
 export declare const BUILT_IN_SHELL_THEME_DEFAULTS: {
-    readonly light: "classic-light";
-    readonly dark: "classic-dark";
+    readonly light: "porcelain-light";
+    readonly dark: "porcelain-dark";
 };
 export declare function presetSupportsMode(preset: FloeThemePreset, mode: FloeShellThemeMode): boolean;
 export declare function getShellThemePresetsForMode(presets: readonly FloeThemePreset[], mode: FloeShellThemeMode): readonly FloeThemePreset[];

package/dist/styles/themes/presets.js

@@ -1,5 +1,5 @@
 import { createProgressTokens as b } from "./progressTokens.js";
-import { DARK_WINDOW_TOKENS as B, LIGHT_WINDOW_TOKENS as A } from "./windowTokens.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";
 const T = [
   "--floe-window-background",
@@ -71,7 +71,7 @@ const T = [
   "--selection-code-bg",
   "--selection-code-fg",
   "--glow"
-], E = {
+], k = {
   success: "#287A4B",
   successForeground: "#FFFFFF",
   warning: "#835800",
@@ -82,7 +82,7 @@ const T = [
   infoForeground: "#FFFFFF",
   note: "#6847A0",
   tip: "#1E6F73"
-}, k = {
+}, A = {
   success: "#72D39C",
   successForeground: "#07160E",
   warning: "#F0C36A",
@@ -95,7 +95,7 @@ const T = [
   tip: "#71C8C0"
 };
 function o(r) {
-  const e = r.mode === "light" ? E : k, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
+  const e = r.mode === "light" ? k : 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 ?? {
@@ -107,7 +107,7 @@ function o(r) {
     function: s,
     constant: i
   }, g = {
-    ...r.mode === "dark" ? B : A,
+    ...r.mode === "dark" ? B : E,
     "--background": r.background,
     "--foreground": r.foreground,
     "--primary": r.primary,
@@ -287,7 +287,7 @@ const y = {
   inheritsBaseTokens: !0,
   semanticTokens: d,
   tokens: void 0
-}, C = {
+}, h = {
   ...o({
     name: "classic-dark",
     displayName: "Classic Dark",
@@ -321,7 +321,7 @@ const y = {
   inheritsBaseTokens: !0,
   semanticTokens: F,
   tokens: void 0
-}, h = [
+}, C = [
   y,
   o({
     name: "paper",
@@ -578,7 +578,7 @@ const y = {
       constant: "#745500"
     }
   }),
-  C,
+  h,
   o({
     name: "ink",
     displayName: "Ink",
@@ -936,26 +936,27 @@ const y = {
   o({
     name: "porcelain-dark",
     displayName: "Porcelain Dark",
-    description: "Warm ivory text and soft blue-gray accents on a quiet slate canvas.",
+    description: "Warm white text and neutral controls on a near-black canvas with quiet charcoal surfaces.",
     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",
+    background: "#0C0C0D",
+    foreground: "#F2F1EE",
+    card: "#1A1A1B",
+    muted: "#252526",
+    mutedForeground: "#B7B6B3",
+    primary: "#E8E7E3",
+    primaryForeground: "#161617",
+    border: "#343435",
+    // Idle fields use a quiet edge; --ring supplies the stronger focus boundary.
+    input: "#383839",
+    ring: "#BDBCB8",
+    sidebar: "#111112",
+    terminalBackground: "#09090A",
+    terminalForeground: "#F2F1EE",
+    selectionBackground: "#454544",
     selectionForeground: "#FFFFFF",
-    chart: ["#BCC8D5", "#79B8FF", "#C19BE8", "#72D39C", "#F0C36A"],
+    chart: ["#E8E7E3", "#79B8FF", "#C19BE8", "#72D39C", "#F0C36A"],
     syntax: {
-      comment: "#A2ABB8",
+      comment: "#B7B6B3",
       keyword: "#C19BE8",
       string: "#9AD49D",
       number: "#F0C36A",
@@ -965,8 +966,8 @@ const y = {
     }
   })
 ], x = {
-  light: "classic-light",
-  dark: "classic-dark"
+  light: "porcelain-light",
+  dark: "porcelain-dark"
 };
 function D(r, e) {
   const n = r.mode ?? "both";
@@ -995,12 +996,12 @@ function L(r, e, n = {}) {
     dark: m(e, "dark", i, n.dark)
   };
 }
-w(h);
+w(C);
 export {
   x as BUILT_IN_SHELL_THEME_DEFAULTS,
   T as REQUIRED_SHELL_THEME_TOKENS,
   w as assertUniqueThemePresetNames,
-  h as builtInShellThemePresets,
+  C as builtInShellThemePresets,
   o as createShellThemePreset,
   f as getShellThemePresetsForMode,
   L as normalizeShellThemeSelection,