leehc991028andClaude Fable 5.1
9c6b28782d
DESIGN_SYSTEM.md 의 Dark Workspace 토큰을 shadcn 토큰으로 이식(다크 기본, radius 8px, success/warning/shadow-float), 시스템 산세리프, PwC 로고(LogoMark). 목록·새 대화·대화· 로그인 화면을 가운데 760px 열로 통일하고, 떠 있던 테마·로그아웃 상자는 상단 바로, 말풍선은 다크 토큰(AI 답변은 상자 없이), ABAP 흰 에디터 룩은 라이트 모드에서만. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
28 lines
1.1 KiB
TypeScript
28 lines
1.1 KiB
TypeScript
import React from "react"
|
|
import ReactDOM from "react-dom/client"
|
|
import { BrowserRouter } from "react-router-dom"
|
|
import { QueryClientProvider } from "@tanstack/react-query"
|
|
import { Toaster } from "sonner"
|
|
import App from "./App"
|
|
import { queryClient } from "./lib/query/queryClient"
|
|
import { ALL_THEMES_CSS } from "@/shared/theme/derive"
|
|
import "./styles/globals.css"
|
|
|
|
// 팔레트 토큰을 <head>에 한 번 주입. 서체는 globals.css 의 시스템 산세리프(ABAP_OPENCODE 와 동일).
|
|
// index.html 인라인 스크립트가 [data-theme] 을 미리 박아둠 → 첫 페인트부터 색 적용.
|
|
const styleEl = document.createElement("style")
|
|
styleEl.id = "palette-tokens"
|
|
styleEl.textContent = ALL_THEMES_CSS
|
|
document.head.appendChild(styleEl)
|
|
|
|
ReactDOM.createRoot(document.getElementById("root")!).render(
|
|
<React.StrictMode>
|
|
<QueryClientProvider client={queryClient}>
|
|
<BrowserRouter>
|
|
<App />
|
|
<Toaster richColors position="top-right" />
|
|
</BrowserRouter>
|
|
</QueryClientProvider>
|
|
</React.StrictMode>
|
|
)
|