UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: настройки проекта, модалки и drag-and-drop канон

2026-04-20 09:22:37 +03:00
parent bd7a7d96fe
commit df68c96795
47 changed files with 703 additions and 275 deletions
@@ -4,7 +4,7 @@
 * See the LICENSE file for details.
 */

-import type { ReactNode } from "react";
+import type { CSSProperties, ReactNode } from "react";
 import Script from "next/script";
 import { Links, Meta, Outlet, Scripts } from "react-router";
 import type { LinksFunction } from "react-router";
@@ -22,6 +22,7 @@ import icon512 from "@/app/assets/icons/icon-512x512.png?url";
 import ogImage from "@/app/assets/og-image.png?url";
 import globalStyles from "@/styles/globals.css?url";
 import type { Route } from "./+types/root";
+import designConfig from "../design.config.json";
 // components
 import { LogoSpinner } from "@/components/common/logo-spinner";
 // local
@@ -35,6 +36,12 @@ import "@fontsource/ibm-plex-mono";

 const APP_TITLE = "NODE.DC | Self-hosted task management workspace.";

+const designConfigStyle = {
+  "--nodedc-accent-rgb": designConfig.nodedc.accent_rgb.join(" "),
+  "--nodedc-card-passive-rgb": designConfig.nodedc.passive_card_rgb.join(" "),
+  "--nodedc-card-active-rgb": designConfig.nodedc.active_card_rgb.join(" "),
+} as CSSProperties;
+
 export const links: LinksFunction = () => [
  { rel: "icon", type: "image/png", sizes: "32x32", href: favicon32 },
  { rel: "icon", type: "image/png", sizes: "16x16", href: favicon16 },
@@ -58,7 +65,7 @@ export function Layout({ children }: { children: ReactNode }) {
  const isSessionRecorderEnabled = parseInt(process.env.VITE_ENABLE_SESSION_RECORDER || "0");

  return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en" suppressHydrationWarning style={designConfigStyle}>
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />