@charset "utf-8"; /* ================================================================ 화이트 테마 보정 레이어 (S6) ---------------------------------------------------------------- 원래 다크 배경을 전제로 만들어진 요소들만 흰 배경용으로 되돌린다. - 모든 규칙이 html:not([data-theme="dark"]) 로 묶여 있어 로 두면 이 파일 전체가 통째로 꺼진다. - 색 이외의 속성(여백/크기/배치)은 건드리지 않는다. 단 하나의 예외가 filter (흰색 단색 로고를 보이게 하는 용도). ================================================================ */ /* ---------- 1. 흰색 단색 SVG : 흰 배경에서 그대로 사라진다 ---------- */ /* 파일을 교체하지 않고 색만 눕힌다. data-theme="dark" 면 filter:none 으로 원복. 주의: 포인트색 버튼 위에 얹히는 흰 아이콘(pay_icon.svg 등)은 넣지 말 것 — 그 자리에서는 흰색이 정답이라 검게 만들면 오히려 안 보인다. */ html:not([data-theme="dark"]) .top_logo img, html:not([data-theme="dark"]) .foot_logo img, html:not([data-theme="dark"]) img[src$="mini_arrow.svg"], /* 미니샵 보기 › 화살표 */ html:not([data-theme="dark"]) img[src$="review_up_icon.svg"] { /* 후기 "도움이 되요" 아이콘 */ filter: var(--logo-filter); } /* CURIO_B2B 로고는 파일 자체가 브랜드 색(보라)을 갖고 있어 눕히면 안 된다. 위 규칙보다 선택자가 한 단계 더 구체적이라 순서와 무관하게 이긴다. (2026-08-21) */ html:not([data-theme="dark"]) .top_logo img[src$="logo_curio.png"], html:not([data-theme="dark"]) .foot_logo img[src$="logo_curio.png"] { filter: none; } /* ---------- 2. 바탕 ---------- */ html:not([data-theme="dark"]) body { background: var(--bg); color: var(--ink); } /* ---------- 3. 헤더 / 상단 ---------- */ html:not([data-theme="dark"]) .hd_fix, html:not([data-theme="dark"]) .top_wrap, html:not([data-theme="dark"]) .gnb_up { background: var(--bg); } html:not([data-theme="dark"]) .hd_fix { border-bottom: 1px solid var(--line); } html:not([data-theme="dark"]) .top_wrap_ul4 a, html:not([data-theme="dark"]) .top_wrap_ul4 li, html:not([data-theme="dark"]) .gnb_1dli a { color: var(--ink); } html:not([data-theme="dark"]) .gnb_1dli a:hover { color: var(--point); } /* ---------- 4. 푸터 ---------- */ /* .btm_copy 의 회색 배경(--surface-2)은 제거하고 본문과 같은 흰 바탕으로 둔다. (2026-08-21) */ html:not([data-theme="dark"]) .foot_wrap { background: var(--surface-2); } html:not([data-theme="dark"]) .foot_wrap_ul1 .foot_list a:hover { color: var(--point); } html:not([data-theme="dark"]) .btm_copy_ul1_li2, html:not([data-theme="dark"]) .btm_time { color: var(--ink-3); } /* ---------- 5. 영카트 기본 스킨의 다크 잔재 (default_shop.css) ---------- */ html:not([data-theme="dark"]) #hd, html:not([data-theme="dark"]) #ft, html:not([data-theme="dark"]) #hd_menu { background: var(--surface-2); } html:not([data-theme="dark"]) #hd_menu li a, html:not([data-theme="dark"]) .hd_login > li a, html:not([data-theme="dark"]) #ft_link a { color: var(--ink); } html:not([data-theme="dark"]) #hd_sch #sch_str { background: var(--surface-2); color: var(--ink); border: 1px solid var(--line); } html:not([data-theme="dark"]) #hd_sch #sch_submit { background: var(--point); color: var(--on-point); } html:not([data-theme="dark"]) .sv_wrap .sv { background: var(--ink); } html:not([data-theme="dark"]) .tooltip { background: var(--ink); } html:not([data-theme="dark"]) button.btn02, html:not([data-theme="dark"]) a.btn_frmline, html:not([data-theme="dark"]) button.btn_frmline, html:not([data-theme="dark"]) #sps_sch a, html:not([data-theme="dark"]) #sqa_sch a, html:not([data-theme="dark"]) #ssch_frm .ssch_scharea .btn_submit { background: var(--point); color: var(--on-point); border-color: var(--point); } html:not([data-theme="dark"]) a.btn_b02, html:not([data-theme="dark"]) .btn_b02 { background: var(--point); color: var(--on-point); } html:not([data-theme="dark"]) a.btn_b02:hover, html:not([data-theme="dark"]) .btn_b02:hover { background: var(--point-hover); } html:not([data-theme="dark"]) #sod_bsk #sod_bsk_tot li, html:not([data-theme="dark"]) .sod_frm_mobile #m_sod_bsk_tot { background: var(--surface-2); color: var(--ink); } html:not([data-theme="dark"]) #sod_bsk #sod_bsk_tot .sod_bsk_cnt, html:not([data-theme="dark"]) .sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt { background: var(--surface-3); color: var(--ink); } html:not([data-theme="dark"]) #sod_frm .tbl_frm01 td .addr button, html:not([data-theme="dark"]) #sod_frm_taker .tbl_frm01 td .addr button, html:not([data-theme="dark"]) #sod_frm .tbl_frm01 td .btn_address { background: var(--point); color: var(--on-point); } /* ---------- 6. 표 / 목록 ---------- */ html:not([data-theme="dark"]) .tbl_head01 th, html:not([data-theme="dark"]) .tbl_head02 th, html:not([data-theme="dark"]) .tbl_head03 th { color: var(--ink); } html:not([data-theme="dark"]) .tbl_head01 td, html:not([data-theme="dark"]) .tbl_head02 td, html:not([data-theme="dark"]) .tbl_head03 td { color: var(--ink-2); } /* ---------- 7. 입력창 ---------- */ html:not([data-theme="dark"]) input[type="text"], html:not([data-theme="dark"]) input[type="password"], html:not([data-theme="dark"]) input[type="number"], html:not([data-theme="dark"]) input[type="email"], html:not([data-theme="dark"]) input[type="tel"], html:not([data-theme="dark"]) input[type="search"], html:not([data-theme="dark"]) textarea, html:not([data-theme="dark"]) select { color: var(--ink); } html:not([data-theme="dark"]) ::placeholder { color: var(--ink-3); } /* ---------- 8. 팝업 / 레이어 ---------- */ html:not([data-theme="dark"]) .hd_pops_footer { background: var(--ink); } html:not([data-theme="dark"]) .hd_pops_footer button, html:not([data-theme="dark"]) .hd_pops_footer .hd_pops_reject { color: var(--on-point); } /* ---------- 9. 로딩 오버레이 ---------- */ html:not([data-theme="dark"]) #loadings { background-color: rgba(255,255,255,.75); } /* ---------- 10. 테마 밖 파일에 박혀 있어 여기서 덮는 것 ---------- 아래 규칙들의 원본은 theme/basic 바깥(shop/cart.php 등)에 있다. 지시 범위를 넘지 않으려고 파일을 고치는 대신 여기서 덮는다. */ /* shop/cart.php 의