diff --git a/server/static/auto.js b/server/static/auto.js index 1550f92..b299858 100644 --- a/server/static/auto.js +++ b/server/static/auto.js @@ -825,7 +825,15 @@ async function captureCard(wrap){ try{await img.decode();}catch(e){} } const card=wrap.querySelector(".comment-card"); - return await window.modernScreenshot.domToBlob(card,{backgroundColor:null,scale:4}); + // 배경이 검정(흰색 배경 체크 해제)이면 흰 카드로 캡처 — 검은 카드는 검은 배경에 묻힌다. + // 캡처 순간에만 .light 를 붙였다 떼므로 검토 화면 표시는 어두운 테마 그대로다. + const light=!($("#bgwhite")&&$("#bgwhite").checked); + if(light) card.classList.add("light"); + try{ + return await window.modernScreenshot.domToBlob(card,{backgroundColor:null,scale:4}); + }finally{ + if(light) card.classList.remove("light"); + } } const nextFrame=()=>new Promise(r=>requestAnimationFrame(()=>requestAnimationFrame(r))); diff --git a/server/static/index.html b/server/static/index.html index 626b192..2925048 100644 --- a/server/static/index.html +++ b/server/static/index.html @@ -165,6 +165,13 @@ .cc-stats{font-size:12px;color:#aaa;margin-top:8px;display:flex;gap:16px;font-variant-numeric:tabular-nums;} .comment-card.mosaic .cc-avatar{filter:blur(6px);} .comment-card.mosaic .cc-author{filter:blur(5px);} + /* 흰 카드 테마 — 배경을 검정으로 만들 때(흰색 배경 체크 해제) 캡처 직전에만 붙는다. + 검은 카드는 검은 배경에 묻혀 윤곽이 안 보이므로 캡처용으로 반전(흰 바탕 + 짙은 글씨). + 검토 화면 표시는 어두운 테마 그대로 — captureCard() 가 붙였다 뗀다. */ + .comment-card.light{background:#fff;border-color:#ddd;} + .comment-card.light .cc-author{color:#222;} + .comment-card.light .cc-text{color:#111;} + .comment-card.light .cc-time,.comment-card.light .cc-stats{color:#888;} /* 검토 화면 — 본문 600px 유지, 검토 영역만 와이드 브레이크아웃(댓글 카드 3~4열) */ #autoPickReview,#autoReview,#autoSummary,#ytReview,#ytSummary,#pasteReview,#pasteSummary{ --rw:min(1240px,calc(100vw - 40px));width:var(--rw);margin-left:calc((100% - var(--rw))/2);}