@elixpo/lixsketch 5.5.0 → 5.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -881,13 +881,20 @@ function useTranslation() {
881
881
 
882
882
  // src/react/components/AppMenu.jsx
883
883
  import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
884
- var CANVAS_BACKGROUNDS = [
884
+ var CANVAS_BACKGROUNDS_LIGHT = [
885
885
  { color: "#ffffff", label: "menu.canvasBg.white" },
886
886
  { color: "#faf9f5", label: "menu.canvasBg.cream" },
887
887
  { color: "#f5f3ed", label: "menu.canvasBg.paper" },
888
888
  { color: "#f0f5fb", label: "menu.canvasBg.skyTint" },
889
889
  { color: "#f0f5ef", label: "menu.canvasBg.sageTint" }
890
890
  ];
891
+ var CANVAS_BACKGROUNDS_DARK = [
892
+ { color: "#000000", label: "menu.canvasBg.black" },
893
+ { color: "#161718", label: "menu.canvasBg.darkGray" },
894
+ { color: "#13171C", label: "menu.canvasBg.blueBlack" },
895
+ { color: "#181605", label: "menu.canvasBg.darkYellow" },
896
+ { color: "#1B1615", label: "menu.canvasBg.darkBrown" }
897
+ ];
891
898
  function AppMenu() {
892
899
  const { t, language } = useTranslation();
893
900
  const LINKS = [
@@ -1318,7 +1325,7 @@ function AppMenu() {
1318
1325
  ] }),
1319
1326
  /* @__PURE__ */ jsxs4("div", { className: "px-3 py-2", children: [
1320
1327
  /* @__PURE__ */ jsx4("p", { className: "text-text-dim text-xs uppercase tracking-wider mb-2", children: t("menu.canvasBackground") }),
1321
- /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-1.5", children: CANVAS_BACKGROUNDS.map((bg) => /* @__PURE__ */ jsx4(
1328
+ /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-1.5", children: (theme === "dark" ? CANVAS_BACKGROUNDS_DARK : CANVAS_BACKGROUNDS_LIGHT).map((bg) => /* @__PURE__ */ jsx4(
1322
1329
  "button",
1323
1330
  {
1324
1331
  onClick: () => setCanvasBackground(bg.color),