/* ===================================================================== * V1D Dark theme — közös override-ok az új (redesignolt) oldalakhoz * Aktiválás: * Hatókör: csak a .v1b / .v1d / .pf1 / .pl1 / .pd1 / .ck1 / .us1 / .inv1 / * .kb1 / .sr1 wrapperen belül — nem polluálja a Limitless oldalakat. * Paletta a new-design-dashboard.css dark blokkjából (--v1b-*). * ===================================================================== */ [data-color-theme="dark"] body { background: #0b0f17; color: #e5e7eb; } [data-color-theme="dark"] .v1b.v1d { --v1d-bg: #0b0f17; --v1d-surface: #131a26; --v1d-surface-2: #1a2433; --v1d-surface-3: #0f1726; --v1d-border: #243043; --v1d-border-strong: #334155; --v1d-text: #e5e7eb; --v1d-text-muted: #9ca3af; --v1d-text-soft: #6b7280; --v1d-primary: #3b82f6; --v1d-primary-hover: #60a5fa; --v1d-primary-soft: #172554; --v1d-danger: #ef4444; --v1d-success: #10b981; --v1d-warning: #f59e0b; } /* ===================================================================== */ /* COMMON: pf1 (Profile/Users/Invoices/KB/Search wrapper bázisa) */ /* ===================================================================== */ [data-color-theme="dark"] .v1b.v1d.pf1, [data-color-theme="dark"] .pf1-main { background: var(--v1d-bg); color: var(--v1d-text); } /* Breadcrumb */ [data-color-theme="dark"] .pf1-crumb { color: var(--v1d-text-muted); } [data-color-theme="dark"] .pf1-crumb a { color: var(--v1d-text-muted); } [data-color-theme="dark"] .pf1-crumb a:hover { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .pf1-crumb b { color: var(--v1d-text); } [data-color-theme="dark"] .pf1-crumb .sep { color: var(--v1d-border-strong); } /* Head */ [data-color-theme="dark"] .pf1-head h1 { color: var(--v1d-text); } [data-color-theme="dark"] .pf1-head p { color: var(--v1d-text-muted); } /* Cards */ [data-color-theme="dark"] .pf1-card, [data-color-theme="dark"] .pf1-mini, [data-color-theme="dark"] .pf1-callout { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); box-shadow: 0 1px 2px rgba(0,0,0,.4); } [data-color-theme="dark"] .pf1-card__head { border-bottom-color: var(--v1d-border); } [data-color-theme="dark"] .pf1-card__title h2, [data-color-theme="dark"] .pf1-card__title h3 { color: var(--v1d-text); } [data-color-theme="dark"] .pf1-card__ic { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); } /* Sub headers / labels inside cards */ [data-color-theme="dark"] .pf1-sub h3, [data-color-theme="dark"] .pf1-label, [data-color-theme="dark"] .pf1-field label { color: var(--v1d-text); } [data-color-theme="dark"] .pf1-sub { border-bottom-color: var(--v1d-border); } [data-color-theme="dark"] .pf1-help { color: var(--v1d-text-muted); } /* Inputs / textareas / selects */ [data-color-theme="dark"] .pf1-input, [data-color-theme="dark"] .pf1-textarea, [data-color-theme="dark"] .pf1-select, [data-color-theme="dark"] .pf1-input--password { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .pf1-input::placeholder, [data-color-theme="dark"] .pf1-textarea::placeholder { color: var(--v1d-text-soft); } [data-color-theme="dark"] .pf1-input:focus, [data-color-theme="dark"] .pf1-textarea:focus, [data-color-theme="dark"] .pf1-select:focus { border-color: var(--v1d-primary); box-shadow: 0 0 0 3px rgba(59,130,246,.2); background: var(--v1d-surface-3); } /* Buttons */ [data-color-theme="dark"] .pf1-btn { background: var(--v1d-surface-2); color: var(--v1d-text); border-color: var(--v1d-border); } [data-color-theme="dark"] .pf1-btn:hover { background: var(--v1d-border); border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .pf1-btn--primary { background: var(--v1d-primary); color: #fff; border-color: var(--v1d-primary); } [data-color-theme="dark"] .pf1-btn--primary:hover { background: var(--v1d-primary-hover); border-color: var(--v1d-primary-hover); } [data-color-theme="dark"] .pf1-btn--ghost { background: transparent; color: var(--v1d-text); } [data-color-theme="dark"] .pf1-btn--ghost:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .pf1-btn--gen { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); border-color: var(--v1d-border); } [data-color-theme="dark"] .pf1-btn--gen:hover { background: var(--v1d-primary-soft); } [data-color-theme="dark"] .pf1-btn--danger { background: #450a0a; color: #fca5a5; border-color: #7f1d1d; } [data-color-theme="dark"] .pf1-btn--danger:hover { background: #7f1d1d; color: #fff; } [data-color-theme="dark"] .pf1-btn[disabled], [data-color-theme="dark"] .pf1-btn:disabled { opacity: .55; } /* Pills / badges */ [data-color-theme="dark"] .pf1-pill { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .pf1-pill.blue { background: #172554; color: #93c5fd; border-color: #1e3a8a; } /* /users fejléc-darabszám kör-badge (v1-users.css .pf1-head__count) sötét változata */ [data-color-theme="dark"] .pf1-head h1 .pf1-head__count { background: #172554; color: #93c5fd; } [data-color-theme="dark"] .pf1-pill.green { background: #064e3b; color: #6ee7b7; border-color: #065f46; } [data-color-theme="dark"] .pf1-pill.amber { background: #422006; color: #fcd34d; border-color: #92400e; } [data-color-theme="dark"] .pf1-pill.violet { background: #3b0764; color: #d8b4fe; border-color: #6b21a8; } [data-color-theme="dark"] .pf1-pill.rose { background: #4c0519; color: #fda4af; border-color: #9f1239; } [data-color-theme="dark"] .pf1-pill.cyan { background: #083344; color: #67e8f9; border-color: #155e75; } /* FIX 2026-07-18: a `.red` variáns HIÁNYZOTT a listából, pedig a kredit-történet a `charge` (Terhelés) típust erre képezi le. Emiatt sötétben az általános .pf1-pill szabályra esett vissza: mérve #1a2433 háttér + #9ca3af szöveg = pontosan ugyanaz, mint a semleges `slate`. Vagyis a tényleges pénzköltés vizuálisan megkülönböztethetetlen volt az `adjustment`-től, miközben a zárolás borostyán, a feloldás kék maradt — a jelentés-hierarchia fordítva sült el, mint világosban. */ [data-color-theme="dark"] .pf1-pill.red { background: #450a0a; color: #fca5a5; border-color: #7f1d1d; } [data-color-theme="dark"] .pf1-pill.slate { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } /* Saved / footer */ [data-color-theme="dark"] .pf1-saved, [data-color-theme="dark"] .v1b-foot { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b-foot { border-top-color: var(--v1d-border); } [data-color-theme="dark"] .v1b-foot a { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b-foot a:hover { color: var(--v1d-text); } /* Password meter / rules */ [data-color-theme="dark"] .pf1-pw-meter { background: var(--v1d-border); } [data-color-theme="dark"] .pf1-pw-rules li { color: var(--v1d-text-muted); } [data-color-theme="dark"] .pf1-pw-rules li.is-ok { color: #6ee7b7; } /* Card foot border */ [data-color-theme="dark"] .pf1-card__foot { border-top-color: var(--v1d-border); } /* Checkbox / radio surfaces */ [data-color-theme="dark"] .pf1-check, [data-color-theme="dark"] .pf1-radio { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } /* Code/preformatted inside content */ [data-color-theme="dark"] .v1b.v1d code { background: var(--v1d-surface-2); color: #fcd34d; border-color: var(--v1d-border); } /* Mini cards */ [data-color-theme="dark"] .pf1-mini__body { color: var(--v1d-text); } /* ===================================================================== */ /* PROJECTS LIST (pl1) */ /* ===================================================================== */ [data-color-theme="dark"] .pl1-card, [data-color-theme="dark"] .pl1-row, [data-color-theme="dark"] .pl1-stat, [data-color-theme="dark"] .pl1-toolbar, [data-color-theme="dark"] .pl1-empty { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .pl1-row:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .pl1-row__title { color: var(--v1d-text); } [data-color-theme="dark"] .pl1-row__sub, [data-color-theme="dark"] .pl1-row__meta { color: var(--v1d-text-muted); } [data-color-theme="dark"] .pl1-search input, [data-color-theme="dark"] .pl1-toolbar input, [data-color-theme="dark"] .pl1-toolbar select { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .pl1-chip { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .pl1-chip.is-active { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); border-color: var(--v1d-primary); } /* ===================================================================== */ /* PROJECT DETAIL / EDIT (pd1) */ /* ===================================================================== */ [data-color-theme="dark"] .pd1-section, [data-color-theme="dark"] .pd1-card, [data-color-theme="dark"] .pd1-side, [data-color-theme="dark"] .pd1-tabs, [data-color-theme="dark"] .pd1-panel { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .pd1-tab { color: var(--v1d-text-muted); } [data-color-theme="dark"] .pd1-tab:hover { color: var(--v1d-text); } [data-color-theme="dark"] .pd1-tab.is-active { color: var(--v1d-primary-hover); border-bottom-color: var(--v1d-primary); } [data-color-theme="dark"] .pd1-section h2, [data-color-theme="dark"] .pd1-section h3 { color: var(--v1d-text); } [data-color-theme="dark"] .pd1-section p, [data-color-theme="dark"] .pd1-help { color: var(--v1d-text-muted); } [data-color-theme="dark"] .pd1-input, [data-color-theme="dark"] .pd1-select, [data-color-theme="dark"] .pd1-textarea { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .pd1-divider { border-color: var(--v1d-border); } /* Az Utasítások (AJAX-loaded, Limitless .form-control/.form-select/textarea) mezői sötétben NE világítsanak fehéren — a FIX 87 világos gradiens felülírása. Az #id miatt magas specificitás kell, hogy a FIX 87 szabály fölé kerüljön. */ [data-color-theme="dark"] #project_instructions_container .form-control, [data-color-theme="dark"] #project_instructions_container .form-select, [data-color-theme="dark"] #project_instructions_container textarea.form-control { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] #project_instructions_container .form-control:focus, [data-color-theme="dark"] #project_instructions_container .form-select:focus, [data-color-theme="dark"] #project_instructions_container textarea.form-control:focus { background: var(--v1d-surface); border-color: var(--v1d-primary); color: var(--v1d-text); } [data-color-theme="dark"] #project_instructions_container .form-control::placeholder, [data-color-theme="dark"] #project_instructions_container textarea.form-control::placeholder { color: var(--v1d-text-muted); } /* Limitless accordion-kártya sötétben (ha a Limitless alap-fehér átütne) */ [data-color-theme="dark"] #project_instructions_container .card, [data-color-theme="dark"] #project_instructions_container .card-header, [data-color-theme="dark"] #project_instructions_container .card-body { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } /* ===================================================================== */ /* CHECKOUT (ck1) */ /* ===================================================================== */ [data-color-theme="dark"] .ck1-section, [data-color-theme="dark"] .ck1-card, [data-color-theme="dark"] .ck1-package, [data-color-theme="dark"] .ck1-summary, [data-color-theme="dark"] .ck1-step, [data-color-theme="dark"] .ck1-form { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .ck1-package { background: var(--v1d-surface-2); } [data-color-theme="dark"] .ck1-package.is-selected, [data-color-theme="dark"] .ck1-package:hover { border-color: var(--v1d-primary); background: var(--v1d-primary-soft); } [data-color-theme="dark"] .ck1-package__name { color: var(--v1d-text); } [data-color-theme="dark"] .ck1-package__desc, [data-color-theme="dark"] .ck1-package__sub { color: var(--v1d-text-muted); } /* #12: ÁSZF-elfogadás sötét módban */ [data-color-theme="dark"] .v1b.v1d .ck1-terms { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .ck1-terms a { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .ck1-summary__row { border-bottom-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .ck1-summary__row .lbl { color: var(--v1d-text-muted); } [data-color-theme="dark"] .ck1-input, [data-color-theme="dark"] .ck1-select, [data-color-theme="dark"] .ck1-textarea { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .ck1-step__num { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .ck1-step.is-active .ck1-step__num, [data-color-theme="dark"] .ck1-step.is-done .ck1-step__num { background: var(--v1d-primary); color: #fff; border-color: var(--v1d-primary); } /* ===================================================================== */ /* USERS (us1) */ /* ===================================================================== */ [data-color-theme="dark"] .us1-group, [data-color-theme="dark"] .us1-row { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .us1-row { background: transparent; } [data-color-theme="dark"] .us1-row:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .us1-row + .us1-row { border-top-color: var(--v1d-border); } [data-color-theme="dark"] .us1-row__name { color: var(--v1d-text); } [data-color-theme="dark"] .us1-row__email, [data-color-theme="dark"] .us1-row__meta { color: var(--v1d-text-muted); } [data-color-theme="dark"] .us1-row__avatar { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); border-color: var(--v1d-border); } [data-color-theme="dark"] .us1-row__actions button { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .us1-row__actions button:hover { background: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .us1-group__title { color: var(--v1d-text); } [data-color-theme="dark"] .us1-group__sub { color: var(--v1d-text-muted); } [data-color-theme="dark"] .us1-group__head { border-bottom-color: var(--v1d-border); } /* ===================================================================== */ /* INVOICES (inv1) */ /* ===================================================================== */ [data-color-theme="dark"] .inv1-stat, [data-color-theme="dark"] .inv1-table, [data-color-theme="dark"] .inv1-card, [data-color-theme="dark"] .inv1-toolbar { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .inv1-stat__label { color: var(--v1d-text-muted); } [data-color-theme="dark"] .inv1-stat__num { color: var(--v1d-text); } [data-color-theme="dark"] .inv1-table thead th { color: var(--v1d-text-muted); border-bottom-color: var(--v1d-border); background: var(--v1d-surface-3); } [data-color-theme="dark"] .inv1-table tbody tr { background: transparent; color: var(--v1d-text); } [data-color-theme="dark"] .inv1-table tbody tr:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .inv1-table td { border-color: var(--v1d-border); } [data-color-theme="dark"] .inv1-row, [data-color-theme="dark"] .inv1-row:hover { background: transparent; } [data-color-theme="dark"] .inv1-toolbar input, [data-color-theme="dark"] .inv1-toolbar select { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .inv1-status--paid { background: #064e3b; color: #6ee7b7; border-color: #065f46; } [data-color-theme="dark"] .inv1-status--pending { background: #422006; color: #fcd34d; border-color: #92400e; } [data-color-theme="dark"] .inv1-status--cancelled{ background: #450a0a; color: #fca5a5; border-color: #7f1d1d; } [data-color-theme="dark"] .inv1-status--refunded { background: #3b0764; color: #d8b4fe; border-color: #6b21a8; } /* ===================================================================== */ /* KNOWLEDGE BASE (kb1) — list + article */ /* ===================================================================== */ [data-color-theme="dark"] .kb1-hero { background: linear-gradient(180deg, var(--v1d-surface), var(--v1d-bg)); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .kb1-hero h1 { color: var(--v1d-text); } [data-color-theme="dark"] .kb1-hero p { color: var(--v1d-text-muted); } [data-color-theme="dark"] .kb1-hero__eyebrow { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); border-color: var(--v1d-primary); } [data-color-theme="dark"] .kb1-search input { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); box-shadow: 0 4px 16px rgba(0,0,0,.4); } [data-color-theme="dark"] .kb1-search input::placeholder { color: var(--v1d-text-soft); } [data-color-theme="dark"] .kb1-search input:focus { border-color: var(--v1d-primary); box-shadow: 0 0 0 4px rgba(59,130,246,.2); } [data-color-theme="dark"] .kb1-search > svg { color: var(--v1d-text-muted); } [data-color-theme="dark"] .kb1-search__btn { background: linear-gradient(180deg, var(--v1d-primary), #1d4ed8); } [data-color-theme="dark"] .kb1-popular__label { color: var(--v1d-text-muted); } [data-color-theme="dark"] .kb1-popular a { color: var(--v1d-text); background: var(--v1d-surface); border-color: var(--v1d-border); } [data-color-theme="dark"] .kb1-popular a:hover { background: var(--v1d-surface-2); border-color: var(--v1d-primary); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .kb1-cat { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .kb1-cat__head { border-bottom-color: var(--v1d-border); } [data-color-theme="dark"] .kb1-cat__title { color: var(--v1d-text); } [data-color-theme="dark"] .kb1-cat__sub { color: var(--v1d-text-muted); } [data-color-theme="dark"] .kb1-cat__list a { color: var(--v1d-text); } [data-color-theme="dark"] .kb1-cat__list a:hover { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .kb1-cat__list a svg { color: var(--v1d-text-soft); } [data-color-theme="dark"] .kb1-cat__list a:hover svg { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .kb1-cat__foot { border-top-color: var(--v1d-border); color: var(--v1d-text-muted); } [data-color-theme="dark"] .kb1-cat__foot a { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .kb1-cat__ic.blue { background: #172554; color: #93c5fd; } [data-color-theme="dark"] .kb1-cat__ic.green { background: #064e3b; color: #6ee7b7; } [data-color-theme="dark"] .kb1-cat__ic.amber { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .kb1-cat__ic.violet { background: #3b0764; color: #d8b4fe; } [data-color-theme="dark"] .kb1-cat__ic.cyan { background: #083344; color: #67e8f9; } [data-color-theme="dark"] .kb1-cat__ic.rose { background: #4c0519; color: #fda4af; } [data-color-theme="dark"] .kb1-cat__list .vmark { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .kb1-cat__list .nmark { background: #172554; color: #93c5fd; } /* KB Article */ [data-color-theme="dark"] .kb1-art__main { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .kb1-art__cat { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .kb1-art__main h1 { color: var(--v1d-text); } [data-color-theme="dark"] .kb1-art__meta { color: var(--v1d-text-muted); } [data-color-theme="dark"] .kb1-art__body { color: var(--v1d-text); } [data-color-theme="dark"] .kb1-art__body h2, [data-color-theme="dark"] .kb1-art__body h3 { color: var(--v1d-text); } [data-color-theme="dark"] .kb1-art__body p, [data-color-theme="dark"] .kb1-art__body li { color: #d1d5db; } [data-color-theme="dark"] .kb1-art__body a { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .kb1-art__body code { background: var(--v1d-surface-2); color: #fcd34d; border: 1px solid var(--v1d-border); } [data-color-theme="dark"] .kb1-art__media { background: var(--v1d-surface-2); border-color: var(--v1d-border); } [data-color-theme="dark"] .kb1-art__media__caption, [data-color-theme="dark"] .kb1-art__media__time { color: var(--v1d-text-muted); } [data-color-theme="dark"] .kb1-art__media__play { background: var(--v1d-primary); color: #fff; } [data-color-theme="dark"] .kb1-art__shot { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text-muted); } [data-color-theme="dark"] .kb1-art__caption { color: var(--v1d-text-muted); } [data-color-theme="dark"] .kb1-art__callout { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .kb1-art__callout.info { background: var(--v1d-primary-soft); border-color: #1e3a8a; color: #bfdbfe; } /* FIX 2026-07-08: cikk-törzs félkövér bevezetők + callout-címkék dark alatt sötét-a-sötéten maradtak (v1-kb.css #0f172a / #78350f / #0c4a6e). A callout b a sima body-b UTÁN áll → azonos specificitásnál megtartja az accent-színét. */ [data-color-theme="dark"] .kb1-art__body b, [data-color-theme="dark"] .kb1-art__body strong { color: var(--v1d-text); } [data-color-theme="dark"] .kb1-art__callout b { color: #fcd34d; } [data-color-theme="dark"] .kb1-art__callout.info b { color: #93c5fd; } [data-color-theme="dark"] .kb1-art__fb { border-top-color: var(--v1d-border); } [data-color-theme="dark"] .kb1-art__fb__q { color: var(--v1d-text-muted); } [data-color-theme="dark"] .kb1-art__fb__b button { background: var(--v1d-surface-2); color: var(--v1d-text); border-color: var(--v1d-border); } [data-color-theme="dark"] .kb1-art__fb__b button:hover { background: var(--v1d-border); } /* KB Article — sidebar */ [data-color-theme="dark"] .kb1-toc, [data-color-theme="dark"] .kb1-related { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .kb1-toc h4, [data-color-theme="dark"] .kb1-related h4 { color: var(--v1d-text); } [data-color-theme="dark"] .kb1-toc a { color: var(--v1d-text-muted); } /* FIX 2026-05-27: hover/active háttér tompított kék (eddig fehér izzott át) */ [data-color-theme="dark"] .kb1-toc a:hover { background: var(--v1d-surface-2) !important; color: #bfdbfe !important; } [data-color-theme="dark"] .kb1-toc a.is-active { background: var(--v1d-primary-soft) !important; color: #bfdbfe !important; border-left-color: #60a5fa !important; } [data-color-theme="dark"] .kb1-related a { color: var(--v1d-text); border-bottom-color: var(--v1d-border); } [data-color-theme="dark"] .kb1-related a:hover { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .kb1-related a small { color: var(--v1d-text-soft); } /* FIX 2026-07-08: KB inline-styled blokkok — index „segítség" kártyák + cikk „elakadtál?" doboz. A blade-ben beégetett light színek (#0f172a cím, #f5f8ff→#fff gradient) külső CSS-t !important nélkül nem engednének felül, ezért itt !important-tal írjuk felül csak dark alatt. */ [data-color-theme="dark"] .kb1-help__title { color: var(--v1d-text) !important; } [data-color-theme="dark"] .kb1-help__sub { color: var(--v1d-text-muted) !important; } [data-color-theme="dark"] .kb1-help__ic--green { background: #064e3b !important; color: #6ee7b7 !important; } [data-color-theme="dark"] .kb1-help__ic--orange { background: #422006 !important; color: #fdba74 !important; } [data-color-theme="dark"] .kb1-stuck { background: var(--v1d-surface-2) !important; border-color: var(--v1d-border) !important; } [data-color-theme="dark"] .kb1-stuck__ic { background: var(--v1d-primary-soft) !important; color: var(--v1d-primary-hover) !important; } [data-color-theme="dark"] .kb1-stuck__title { color: var(--v1d-text) !important; } [data-color-theme="dark"] .kb1-stuck__text { color: var(--v1d-text-muted) !important; } /* ===================================================================== */ /* SEARCH RESULTS (sr1) */ /* ===================================================================== */ [data-color-theme="dark"] .sr1-summary h1 { color: var(--v1d-text); } [data-color-theme="dark"] .sr1-summary h1 q { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .sr1-summary__count { color: var(--v1d-text-muted); } [data-color-theme="dark"] .sr1-summary__count b { color: var(--v1d-text); } [data-color-theme="dark"] .sr1-toolbar { background: var(--v1d-surface); border-color: var(--v1d-border); } [data-color-theme="dark"] .sr1-chip { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .sr1-chip:hover { background: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .sr1-chip.is-active { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); border-color: var(--v1d-primary); } [data-color-theme="dark"] .sr1-chip .pill { background: var(--v1d-surface); color: var(--v1d-text-muted); } [data-color-theme="dark"] .sr1-chip.is-active .pill { background: var(--v1d-primary); color: #fff; } [data-color-theme="dark"] .sr1-list { background: var(--v1d-surface) !important; border-color: var(--v1d-border) !important; box-shadow: none !important; } [data-color-theme="dark"] .sr1-row { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .sr1-row:hover { background: var(--v1d-surface-2); border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .sr1-row__title { color: var(--v1d-text); } [data-color-theme="dark"] .sr1-row__snippet { color: #d1d5db; } [data-color-theme="dark"] .sr1-row__meta { color: var(--v1d-text-muted); } [data-color-theme="dark"] .sr1-row__meta .dot { color: var(--v1d-border-strong); } [data-color-theme="dark"] .sr1-row__type { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .sr1-row__type.kb { background: #172554; color: #93c5fd; border-color: #1e3a8a; } [data-color-theme="dark"] .sr1-row__type.project { background: #064e3b; color: #6ee7b7; border-color: #065f46; } [data-color-theme="dark"] .sr1-row__type.content { background: #422006; color: #fcd34d; border-color: #92400e; } [data-color-theme="dark"] .sr1-row__type.prompt { background: #3b0764; color: #d8b4fe; border-color: #6b21a8; } [data-color-theme="dark"] .sr1-row__type.user { background: #4c0519; color: #fda4af; border-color: #9f1239; } [data-color-theme="dark"] .sr1-row__ic { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .sr1-row__ic.kb { background: #172554; color: #93c5fd; } [data-color-theme="dark"] .sr1-row__ic.project { background: #064e3b; color: #6ee7b7; } [data-color-theme="dark"] .sr1-row__ic.content { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .sr1-row__ic.prompt { background: #3b0764; color: #d8b4fe; } [data-color-theme="dark"] .sr1-row__ic.user { background: #4c0519; color: #fda4af; } [data-color-theme="dark"] .sr1-row__cta { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } /* FIX 49 (2026-05-27): sr1-row__cta hover sötétben túl világos volt — most halvány surface + világoskék ikon */ [data-color-theme="dark"] .sr1-row:hover .sr1-row__cta, [data-color-theme="dark"] .sr1-row__cta:hover { background: var(--v1d-surface-3, #0f1726) !important; color: #93c5fd !important; border-color: rgba(96,165,250,.35) !important; } [data-color-theme="dark"] .sr1-empty { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text-muted); } [data-color-theme="dark"] .sr1-empty h3 { color: var(--v1d-text); } [data-color-theme="dark"] mark { background: rgba(252, 211, 77, .25); color: #fcd34d; padding: 0 2px; border-radius: 3px; } /* ===================================================================== */ /* Globális finomhangolás (linkek, hr-ek, tooltipek) */ /* ===================================================================== */ [data-color-theme="dark"] .v1b.v1d a:not([class*="btn"]):not([class*="cta"]):not([class*="primary"]):not([class*="__primary"]):not(.pf1-btn):not(.v1b-btn):not(.v1d-btn) { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d hr { border-color: var(--v1d-border); } /* CTA / primary gombok — fehér szöveg színes hátteren (felülírja a generikus a-rule-t) */ [data-color-theme="dark"] .v1b .v1b-q__primary, [data-color-theme="dark"] .v1b .v1b-credit-big__cta, [data-color-theme="dark"] .v1b.v1d a.pr1-cta, [data-color-theme="dark"] .v1b.v1d a.pf1-btn--primary, [data-color-theme="dark"] .v1b.v1d a.ck1-summary__cta, [data-color-theme="dark"] .v1b.v1d a.v1b-btn--buy, [data-color-theme="dark"] .v1b.v1d a.v1b-btn--primary { color: #fff !important; } /* FIX 76: footer linkek (Ügyfélszolgálat/Adatvédelem/ÁSZF) — a generikus a-rule kék színe helyett fehér */ [data-color-theme="dark"] .v1b.v1d .v1b-foot a { color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .v1b-foot a:hover { color: var(--v1d-primary-hover) !important; } /* Zöld v1b-q (termékleírás) primary gomb — kifejezetten zöld, ne kék */ [data-color-theme="dark"] .v1b .v1b-q--green .v1b-q__primary { background: #059669; border-color: #059669; color: #fff !important; } /* ===================================================================== */ /* PRIMARY CTA GOMBOK — szöveg MINDIG fehér (light + dark, minden állapot) */ /* A pf1-btn--primary mintát követjük az egész oldalon — egységes UX. */ /* ===================================================================== */ .v1b-q__primary, .v1b-q__primary:link, .v1b-q__primary:visited, .v1b-q__primary:hover, .v1b-q__primary:focus, .v1b-q__primary:active, .v1b-q__primary *, .v1b-q__primary:hover *, .v1b-credit-big__cta, .v1b-credit-big__cta:link, .v1b-credit-big__cta:visited, .v1b-credit-big__cta:hover, .v1b-credit-big__cta:focus, .v1b-credit-big__cta:active, .v1b-credit-big__cta *, .v1b-credit-big__cta:hover * { color: #fff !important; text-decoration: none !important; } /* Dashboard nagy CTA gombok hover állapota — dark módban DARKABB, ne világosabb */ [data-color-theme="dark"] .v1b .v1b-q__primary:hover { background: #1d4ed8 !important; border-color: #1d4ed8 !important; } [data-color-theme="dark"] .v1b .v1b-q--green .v1b-q__primary:hover { background: #065f46 !important; border-color: #065f46 !important; } [data-color-theme="dark"] .v1b .v1b-credit-big__cta:hover { background: #1d4ed8 !important; } /* ===================================================================== */ /* CATCH-ALL — kimaradt fehér / világos hátterű felületek */ /* (inline style="background:#fff…" + még nem lefedett ismert class-ek) */ /* ===================================================================== */ /* --- inline style="background:..." override-ok --- Inline stílust csak !important-tel tudunk felülírni. */ [data-color-theme="dark"] .v1b.v1d [style*="background:#fff"], [data-color-theme="dark"] .v1b.v1d [style*="background: #fff"], [data-color-theme="dark"] .v1b.v1d [style*="background:#FFF"], [data-color-theme="dark"] .v1b.v1d [style*="background:white"], [data-color-theme="dark"] .v1b.v1d [style*="background: white"] { background: var(--v1d-surface) !important; color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d [style*="background:#f1f5f9"], [data-color-theme="dark"] .v1b.v1d [style*="background:#f8fafc"], [data-color-theme="dark"] .v1b.v1d [style*="background:#f9fafb"], [data-color-theme="dark"] .v1b.v1d [style*="background:#fafbff"], [data-color-theme="dark"] .v1b.v1d [style*="background:#f5f8ff"] { background: var(--v1d-surface-2) !important; } [data-color-theme="dark"] .v1b.v1d [style*="background:#eff6ff"] { background: #172554 !important; color: #93c5fd !important; } [data-color-theme="dark"] .v1b.v1d [style*="background:#ecfdf5"] { background: #064e3b !important; color: #6ee7b7 !important; } [data-color-theme="dark"] .v1b.v1d [style*="background:#fff7ed"] { background: #422006 !important; color: #fcd34d !important; } [data-color-theme="dark"] .v1b.v1d [style*="background:#fffbeb"] { background: #422006 !important; color: #fcd34d !important; } [data-color-theme="dark"] .v1b.v1d [style*="background:#fef2f2"] { background: #450a0a !important; color: #fca5a5 !important; } [data-color-theme="dark"] .v1b.v1d [style*="background:linear-gradient(180deg,#f5f8ff"], [data-color-theme="dark"] .v1b.v1d [style*="background:linear-gradient(180deg,#fff"], [data-color-theme="dark"] .v1b.v1d [style*="background:linear-gradient(180deg, #f"] { background: linear-gradient(180deg, var(--v1d-surface), var(--v1d-bg)) !important; } /* --- Profile (pf1) — kimaradt felületek (tbl, creditstrip, billboard) --- */ [data-color-theme="dark"] .v1b.v1d .pf1-tbl, [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip, [data-color-theme="dark"] .v1b.v1d .pf1-billboard, [data-color-theme="dark"] .v1b.v1d .pf1-cta, [data-color-theme="dark"] .v1b.v1d .pf1-pricing, [data-color-theme="dark"] .v1b.v1d .pf1-side { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pf1-tbl thead th, [data-color-theme="dark"] .v1b.v1d .pf1-tbl tbody td { border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pf1-tbl thead th { color: var(--v1d-text-muted); background: var(--v1d-surface-3); } [data-color-theme="dark"] .v1b.v1d .pf1-tbl tbody tr:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .pf1-tbl__type__ic.use { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .v1b.v1d .pf1-tbl__chip.pending { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__ic { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__ic.amber { background: #422006; color: #fcd34d; } /* Credit ledger strip (2026-07-08) — csak a szín-változók: layout a page-CSS-ből öröklődik */ [data-color-theme="dark"] .v1b.v1d .credit-ledger { --cl-panel: var(--v1d-surface); --cl-panel-2: var(--v1d-surface-2); --cl-border: var(--v1d-border); --cl-border-hi: var(--v1d-border-strong); --cl-text: var(--v1d-text); --cl-muted: var(--v1d-text-muted); --cl-soft: var(--v1d-text-soft); --cl-green: #6ee7b7; --cl-violet: #c4b5fd; --cl-slate: #9ca3af; --cl-blue: #93c5fd; --cl-amber: #fcd34d; --cl-rose: #fda4af; box-shadow: 0 10px 30px -18px rgba(0,0,0,0.7); } /* Kredit-történet feed (profil) — dark */ [data-color-theme="dark"] .v1b.v1d .pf1-hist__row { border-top-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pf1-hist__name { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pf1-hist__sub { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pf1-hist__bal { color: var(--v1d-text-soft); } [data-color-theme="dark"] .v1b.v1d .pf1-hist__bal small { color: var(--v1d-text-soft); opacity: 0.7; } [data-color-theme="dark"] .v1b.v1d .pf1-hist__row.buy .pf1-hist__ic { background: #064e3b; color: #6ee7b7; } [data-color-theme="dark"] .v1b.v1d .pf1-hist__row.use .pf1-hist__ic { background: var(--v1d-surface-2); color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pf1-hist__row.refund .pf1-hist__ic { background: #2e1065; color: #c4b5fd; } [data-color-theme="dark"] .v1b.v1d .pf1-hist__row.welcome .pf1-hist__ic { background: #172554; color: #93c5fd; } [data-color-theme="dark"] .v1b.v1d .pf1-hist__amt.pos { color: #6ee7b7; } [data-color-theme="dark"] .v1b.v1d .pf1-hist__amt.neg { color: #fca5a5; } [data-color-theme="dark"] .v1b.v1d .pf1-hist__amt.zero { color: var(--v1d-text-soft); } [data-color-theme="dark"] .v1b.v1d .pf1-hist__chip.done { background: #064e3b; color: #6ee7b7; border-color: #065f46; } [data-color-theme="dark"] .v1b.v1d .pf1-hist__chip.aborted { background: #451a03; color: #fbbf24; border-color: #78350f; } [data-color-theme="dark"] .v1b.v1d .pf1-hist__chip.progress { background: #172554; color: #93c5fd; border-color: #1e3a8a; } /* --- Projects list (pl1) — strip, search, chips, view, pg --- */ [data-color-theme="dark"] .v1b.v1d .pl1-strip, [data-color-theme="dark"] .v1b.v1d .pl1-search, [data-color-theme="dark"] .v1b.v1d .pl1-bar, [data-color-theme="dark"] .v1b.v1d .pl1-pg button { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-strip__ic { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .pl1-strip__ic.amber { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .v1b.v1d .pl1-chips { background: var(--v1d-surface-2); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pl1-chips button { background: transparent; color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-chips button.is-active { background: var(--v1d-surface); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-view { background: var(--v1d-surface-2); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pl1-view button { background: transparent; color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-view button.is-active { background: var(--v1d-surface); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-pg button:disabled { background: var(--v1d-surface); color: var(--v1d-text-soft); } [data-color-theme="dark"] .v1b.v1d .pl1-pg button:hover:not(:disabled) { background: var(--v1d-surface-2); border-color: var(--v1d-border-strong); } /* --- Project detail / edit (pd1) — toolbar, dropdown, accordion --- */ [data-color-theme="dark"] .v1b.v1d .pd1-toolbar, [data-color-theme="dark"] .v1b.v1d .pd1-menu, [data-color-theme="dark"] .v1b.v1d .pd1-acc, [data-color-theme="dark"] .v1b.v1d .pd1-acc__panel, [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl, [data-color-theme="dark"] .v1b.v1d .pd1-nav, [data-color-theme="dark"] .v1b.v1d .pd1-modal, [data-color-theme="dark"] .v1b.v1d .pd1-search, [data-color-theme="dark"] .v1b.v1d .pd1-fields, [data-color-theme="dark"] .v1b.v1d .pd1-promo, [data-color-theme="dark"] .v1b.v1d .pd1-callout { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pd1-acc__panel--white { background: var(--v1d-surface-3); } [data-color-theme="dark"] .v1b.v1d .pd1-acc__ic.shop, [data-color-theme="dark"] .v1b.v1d .pd1-menu__item .ic.shop, [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl .type__ic.shop { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .v1b.v1d .pd1-acc__count.partial { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .v1b.v1d .pd1-nav__state.warn { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .v1b.v1d .pd1-search input { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl thead th { background: var(--v1d-surface-3); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl tbody td { border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl tbody tr:hover { background: var(--v1d-surface-2); } /* --- Checkout (ck1) extra felületek — minden white bg-t lefed --- */ [data-color-theme="dark"] .v1b.v1d .ck1-pkg, [data-color-theme="dark"] .v1b.v1d .ck1-side, [data-color-theme="dark"] .v1b.v1d .ck1-tab, [data-color-theme="dark"] .v1b.v1d .ck1-tabs, [data-color-theme="dark"] .v1b.v1d .ck1-table, [data-color-theme="dark"] .v1b.v1d .ck1-row, [data-color-theme="dark"] .v1b.v1d .ck1-coupon, [data-color-theme="dark"] .v1b.v1d .ck1-payment, [data-color-theme="dark"] .v1b.v1d .ck1-billing, [data-color-theme="dark"] .v1b.v1d .ck1-totals, [data-color-theme="dark"] .v1b.v1d .ck1-progress { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } /* --- Users (us1) — bg/empty/help-row mind --- */ [data-color-theme="dark"] .v1b.v1d .us1-bg, [data-color-theme="dark"] .v1b.v1d .us1-toolbar, [data-color-theme="dark"] .v1b.v1d .us1-empty, [data-color-theme="dark"] .v1b.v1d .us1-helprow { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } /* --- Invoices (inv1) — payment-method, status, receipt blokkok --- */ [data-color-theme="dark"] .v1b.v1d .inv1-pay, [data-color-theme="dark"] .v1b.v1d .inv1-receipt, [data-color-theme="dark"] .v1b.v1d .inv1-empty, [data-color-theme="dark"] .v1b.v1d .inv1-billing, [data-color-theme="dark"] .v1b.v1d .inv1-balance, [data-color-theme="dark"] .v1b.v1d .inv1-fold, [data-color-theme="dark"] .v1b.v1d .inv1-quick { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } /* --- KB (kb1) — promo, footer, mini, info --- */ [data-color-theme="dark"] .v1b.v1d .kb1-promo, [data-color-theme="dark"] .v1b.v1d .kb1-cta, [data-color-theme="dark"] .v1b.v1d .kb1-newsletter, [data-color-theme="dark"] .v1b.v1d .kb1-art__shot { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } /* --- Search (sr1) — empty + helper --- */ [data-color-theme="dark"] .v1b.v1d .sr1-tip, [data-color-theme="dark"] .v1b.v1d .sr1-foot { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } /* --- Közös v1c-* / v1d-* maradék fehér felületek (recent, dropdown, news, modal, exp, prompt, iconbtn, stat-link) --- */ [data-color-theme="dark"] .v1b.v1d .v1c-recent, [data-color-theme="dark"] .v1b.v1d .v1c-dropdown, [data-color-theme="dark"] .v1b.v1d .v1c-exp-field, [data-color-theme="dark"] .v1b.v1d .v1c-prompt-wrap, [data-color-theme="dark"] .v1b.v1d .v1c-news-card, [data-color-theme="dark"] .v1b.v1d .v1d-recent, [data-color-theme="dark"] .v1b.v1d .v1d-iconbtn, [data-color-theme="dark"] .v1b.v1d .v1d-dropdown, [data-color-theme="dark"] .v1b.v1d .v1d-exp-field, [data-color-theme="dark"] .v1b.v1d .v1d-prompt-wrap, [data-color-theme="dark"] .v1b.v1d .v1d-stat-link, [data-color-theme="dark"] .v1b.v1d .v1d-modal, [data-color-theme="dark"] .v1b.v1d .v1d-modal__btn, [data-color-theme="dark"] .v1b.v1d .v1d-news-card { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } /* Dark: a modal cím/szövegblokk light-színe (#1a1a2e / #1f2937 / inline #4b5563) sötét-sötéten olvashatatlan → világosra. Az `!important` az INLINE színeket is felülírja (a dashboard eldobás/ átnevezés/„hamarosan" modalok body-szövegén inline `color:#4b5563` van) — light-ban semmi nem változik. A primary gombot a generikus dark `.v1d-modal__btn` sötétre írta → brand-kék vissza. */ [data-color-theme="dark"] .v1b.v1d .v1d-modal__title, [data-color-theme="dark"] .v1b.v1d .v1d-modal__body, [data-color-theme="dark"] .v1b.v1d .v1d-modal__body p, [data-color-theme="dark"] .v1b.v1d .v1d-modal__body label, [data-color-theme="dark"] .v1b.v1d .v1d-modal__body h2, [data-color-theme="dark"] .v1b.v1d .v1d-modal__body h3 { color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .v1d-modal__btn--primary { background: #2563eb; border-color: #2563eb; color: #fff; } [data-color-theme="dark"] .v1b.v1d .v1d-modal__btn--primary:hover { background: #1d4ed8; border-color: #1d4ed8; } [data-color-theme="dark"] .v1b.v1d .v1c-news-card__tag--guide, [data-color-theme="dark"] .v1b.v1d .v1d-news-card__tag--guide { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .v1b.v1d .v1c-dropdown .danger:hover, [data-color-theme="dark"] .v1b.v1d .v1d-dropdown .danger:hover, [data-color-theme="dark"] .v1b.v1d .v1d-menu .danger:hover { background: #2a1414; } /* --- fv2 (form v2) komponensek — ha jelen vannak --- */ [data-color-theme="dark"] .v1b.v1d .fv2-instr, [data-color-theme="dark"] .v1b.v1d .fv2-instr .fv2-textarea, [data-color-theme="dark"] .v1b.v1d .fv2-card, [data-color-theme="dark"] .v1b.v1d .fv2-section { background: var(--v1d-surface) !important; border-color: var(--v1d-border) !important; color: var(--v1d-text) !important; } /* --- Generikus: tetszőleges direkt v1b/v1d gyerekekben white bg legyen surface --- */ [data-color-theme="dark"] .v1b.v1d table { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d thead th { color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d tbody td { border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d input, [data-color-theme="dark"] .v1b.v1d select, [data-color-theme="dark"] .v1b.v1d textarea { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d input::placeholder, [data-color-theme="dark"] .v1b.v1d textarea::placeholder { color: var(--v1d-text-soft); } /* ===================================================================== */ /* HIBA-JAVÍTÁSOK — névelmosódás miatt kimaradtak (audit alapján) */ /* ===================================================================== */ /* --- Name aliasok: az audit talált 4 nagy konténert, amik más néven */ /* vannak a blade-ekben, mint a CSS-ekben (pd1-sec vs pd1-section, */ /* inv1-tbl vs inv1-table, pl1-tools vs pl1-toolbar, pl1-panel) --- */ [data-color-theme="dark"] .v1b.v1d .pd1-sec, [data-color-theme="dark"] .v1b.v1d .pd1-sec__body, [data-color-theme="dark"] .v1b.v1d .pd1-sec__head, [data-color-theme="dark"] .v1b.v1d .pl1-tools, [data-color-theme="dark"] .v1b.v1d .pl1-panel, [data-color-theme="dark"] .v1b.v1d .pl1-tbl, [data-color-theme="dark"] .v1b.v1d .inv1-tbl, [data-color-theme="dark"] .v1b.v1d .inv1-tools, [data-color-theme="dark"] .v1b.v1d .inv1-stripe { background: var(--v1d-surface) !important; border-color: var(--v1d-border) !important; color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .pd1-sec__title, [data-color-theme="dark"] .v1b.v1d .pd1-sec h2, [data-color-theme="dark"] .v1b.v1d .pd1-sec h3 { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pd1-sec__sub, [data-color-theme="dark"] .v1b.v1d .pd1-sec__hint { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pd1-sec__ic { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pd1-sec__badge.req { background: #422006; color: #fcd34d; border-color: #92400e; } [data-color-theme="dark"] .v1b.v1d .pd1-sec__badge.opt { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } /* --- pl1 — child elements + tools + tbl --- */ [data-color-theme="dark"] .v1b.v1d .pl1-strip__item, [data-color-theme="dark"] .v1b.v1d .pl1-tools__ctrl, [data-color-theme="dark"] .v1b.v1d .pl1-tools__ctrl select, [data-color-theme="dark"] .v1b.v1d .pl1-tools__spacer, [data-color-theme="dark"] .v1b.v1d .pl1-menu, [data-color-theme="dark"] .v1b.v1d .pl1-actions button, [data-color-theme="dark"] .v1b.v1d .pl1-actions .pl1-menu-wrap > button { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-tbl thead th { background: var(--v1d-surface-3); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pl1-tbl tbody td { border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-tbl tbody tr:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .pl1-actions button:hover, [data-color-theme="dark"] .v1b.v1d .pl1-menu__item:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .pl1-menu__item.danger:hover { background: #2a1414; } [data-color-theme="dark"] .v1b.v1d .pl1-menu__sep { border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pl1-avatar.bg-empty { background: var(--v1d-surface-2); color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-status { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pl1-status.inactive { background: #450a0a; color: #fca5a5; border-color: #7f1d1d; } /* Kattintható fejléc-rendezés (FIX 62) sötét mód */ [data-color-theme="dark"] .v1b.v1d .pl1-tbl thead th.is-sortable:hover, [data-color-theme="dark"] .v1b.v1d .pl1-tbl thead th.is-sorted-asc, [data-color-theme="dark"] .v1b.v1d .pl1-tbl thead th.is-sorted-desc { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-tbl thead th .th-arrow { border-top-color: var(--v1d-border-strong); } [data-color-theme="dark"] .v1b.v1d .pl1-tbl thead th.is-sorted-desc .th-arrow { border-top-color: #60a5fa; } [data-color-theme="dark"] .v1b.v1d .pl1-tbl thead th.is-sorted-asc .th-arrow { border-bottom-color: #60a5fa; } /* --- pf1 — identity + side + affiliate + segmented control + pw --- */ [data-color-theme="dark"] .v1b.v1d .pf1-side__hero, [data-color-theme="dark"] .v1b.v1d .pf1-side__avatar, [data-color-theme="dark"] .v1b.v1d .pf1-affil, [data-color-theme="dark"] .v1b.v1d .pf1-affil__stat, [data-color-theme="dark"] .v1b.v1d .pf1-affil__stats, [data-color-theme="dark"] .v1b.v1d .pf1-tbl__more, [data-color-theme="dark"] .v1b.v1d .pf1-tbl__more__pg button { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } /* Az identity-sor tényleges átlátszó-javítása a fájl későbbi „Identity-row" blokkjában van (az nyer, mert később jön). */ /* Kredit-történet lapozó (pf1-tbl__more__pg) — az alapú lapozó-gombok sötét módban. A világos mód fehér gombjai kirívóak a sötét kártyán; itt a dizájn-tokenekre igazítjuk: sima oldal-gomb = surface-2 finom kerettel, aktív oldal = primary kék, tiltott = halvány. */ /* A szöveg-színnél !important kell: egy magas-specifikusságú generikus dark link-szabály (a:not([class*="btn"])…) egyébként kékre (--v1d-primary-hover) festené a lapozó-számokat, amitől a nem-aktív gombok linknek tűnnének, az aktív oldal száma pedig kék-a-kéken olvashatatlan. */ [data-color-theme="dark"] .v1b.v1d .pf1-tbl__more__pg a { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-tbl__more__pg a:hover, [data-color-theme="dark"] .v1b.v1d .pf1-tbl__more__pg button:hover { background: var(--v1d-border); border-color: var(--v1d-border-strong); color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-tbl__more__pg a.is-current, [data-color-theme="dark"] .v1b.v1d .pf1-tbl__more__pg a.is-current:hover { background: var(--v1d-primary); border-color: var(--v1d-primary); color: #fff !important; } [data-color-theme="dark"] .v1b.v1d .pf1-tbl__more__pg a.is-current:hover { background: var(--v1d-primary-hover); border-color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pf1-tbl__more__pg a.is-disabled { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text-soft) !important; } /* „Teljes előzmény megtekintése" szöveg-link a Profilom kártyán */ [data-color-theme="dark"] .v1b.v1d .pf1-tbl__more > a { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pf1-identity__name, [data-color-theme="dark"] .v1b.v1d .pf1-side__name { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pf1-identity__role, [data-color-theme="dark"] .v1b.v1d .pf1-side__email, [data-color-theme="dark"] .v1b.v1d .pf1-side__meta, [data-color-theme="dark"] .v1b.v1d .pf1-affil__label { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pf1-identity__edit { background: var(--v1d-surface-2); color: var(--v1d-text); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pf1-affil__code { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pf1-affil__copy { background: var(--v1d-surface-2); color: var(--v1d-text); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pf1-type { background: var(--v1d-surface-2); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pf1-type button { background: transparent; color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pf1-type button.is-active { background: var(--v1d-surface); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pf1-pw-rule__dot { background: var(--v1d-surface-2); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pf1-eye:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .pf1-tbl__type__ic.lock, [data-color-theme="dark"] .v1b.v1d .pf1-tbl__chip.locked { background: #450a0a; color: #fca5a5; } [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__ic.red { background: #450a0a; color: #fca5a5; } [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__ic.slate { background: var(--v1d-surface-2); color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pf1-error { background: #450a0a; color: #fca5a5; border-color: #7f1d1d; } /* --- pd1 — hero, toggle, user-row, ledger, status, nav, savebar, balance --- */ [data-color-theme="dark"] .v1b.v1d .pd1-hero, [data-color-theme="dark"] .v1b.v1d .pd1-hero__body, [data-color-theme="dark"] .v1b.v1d .pd1-hero__details, [data-color-theme="dark"] .v1b.v1d .pd1-hero__detail-field, [data-color-theme="dark"] .v1b.v1d .pd1-hero__detail-field input, [data-color-theme="dark"] .v1b.v1d .pd1-hero__actions, [data-color-theme="dark"] .v1b.v1d .pd1-grid, [data-color-theme="dark"] .v1b.v1d .pd1-split, [data-color-theme="dark"] .v1b.v1d .pd1-split__main, [data-color-theme="dark"] .v1b.v1d .pd1-toggle, [data-color-theme="dark"] .v1b.v1d .pd1-toggle__body, [data-color-theme="dark"] .v1b.v1d .pd1-user, [data-color-theme="dark"] .v1b.v1d .pd1-userlist, [data-color-theme="dark"] .v1b.v1d .pd1-ledger, [data-color-theme="dark"] .v1b.v1d .pd1-bal__item, [data-color-theme="dark"] .v1b.v1d .pd1-bal-chart, [data-color-theme="dark"] .v1b.v1d .pd1-savebar, [data-color-theme="dark"] .v1b.v1d .pd1-nav__sticky, [data-color-theme="dark"] .v1b.v1d .pd1-nav__quick, /* A `.pd1-nav__sub` INNEN KIVÉVE (2026-07-23): ez nem panel, hanem a menüpont alcím-SPAN-je (`projects/edit.blade.php:151`). A panel-háttértől átlátszatlan #131a26 téglalapot kapott, ami az AKTÍV (kék) menüponton kivágta a sávot — a felirat körül dobozként látszott. A többi alcím-osztály (`.pd1-sec__sub`, `.pd1-toggle__sub`) is csak SZÍNT kap, hátteret nem. Színe így a világos témabeli #94a3b8 marad, ami sötét felületen is olvasható. */ [data-color-theme="dark"] .v1b.v1d .pd1-progress__bar, [data-color-theme="dark"] .v1b.v1d .pd1-progress__ic { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pd1-hero__ic, [data-color-theme="dark"] .v1b.v1d .pd1-nav__ic { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pd1-hero__eyebrow, [data-color-theme="dark"] .v1b.v1d .pd1-hero__meta, [data-color-theme="dark"] .v1b.v1d .pd1-toggle__sub, [data-color-theme="dark"] .v1b.v1d .pd1-user__email, [data-color-theme="dark"] .v1b.v1d .pd1-user__role, [data-color-theme="dark"] .v1b.v1d .pd1-ledger__sub, [data-color-theme="dark"] .v1b.v1d .pd1-ledger__type, [data-color-theme="dark"] .v1b.v1d .pd1-nav__lbl { color: var(--v1d-text-muted); } /* A hero-meta sávban a értékek (dátumok, felhasználó-szám) saját #0f172a színt kapnak (v1-project-detail.css) → sötétben feketén eltűntek. Világos szövegre javítva. */ [data-color-theme="dark"] .v1b.v1d .pd1-hero__meta b { color: var(--v1d-text); } /* Mobil hamburger-gomb: hardcode `background: white` → sötétben fehéren világított. Dark felület. */ [data-color-theme="dark"] .v1b.v1d .v1b-topbar__burger { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .v1b-topbar__burger:hover { background: var(--v1d-surface); border-color: var(--v1d-border-strong); } /* „Projekt aktív" toggle (#19): tiszta kapcsoló sötétben is. A konténer-szabály NEM érinti a .pd1-toggle--inline (Hozzáférés) toggle-t, ami keret nélküli. A switch off-állapota látható sötét-szürke; ON = zöld (az inline ON marad kék, az saját, specifikusabb szabálya miatt). */ [data-color-theme="dark"] .v1b.v1d .pd1-toggle:not(.pd1-toggle--inline) { background: var(--v1d-surface-2); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pd1-toggle:not(.pd1-toggle--inline):hover { border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .v1b.v1d .pd1-toggle__sw { background: #3a4657; } [data-color-theme="dark"] .v1b.v1d .pd1-toggle__sw.is-on { background: #10b981; } [data-color-theme="dark"] .v1b.v1d .pd1-toggle__title, [data-color-theme="dark"] .v1b.v1d .pd1-toggle__label, [data-color-theme="dark"] .v1b.v1d .pd1-user__name { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pd1-toggle__sw { background: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pd1-toggle__sw::after { background: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pd1-toggle.is-on .pd1-toggle__sw, [data-color-theme="dark"] .v1b.v1d .pd1-user.is-on .pd1-user__sw { background: var(--v1d-primary); } /* FIX 85: az inline hozzáférés-kapcsoló bekapcsolt állapota sötétben is V1D-kék (a .is-on a __sw-en van, nem a .pd1-toggle-on, ezért a fenti szabály nem fogta meg → korábban a sötét border-színt kapta). */ [data-color-theme="dark"] .v1b.v1d .pd1-toggle--inline .pd1-toggle__sw.is-on { background: var(--v1d-primary); } [data-color-theme="dark"] .v1b.v1d .pd1-toggle--inline .pd1-toggle__sw.is-on ~ .pd1-toggle__label { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pd1-user.is-on { background: var(--v1d-primary-soft); border-color: var(--v1d-primary); } [data-color-theme="dark"] .v1b.v1d .pd1-user__avatar { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pd1-status-pill { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pd1-status-pill.inactive { background: #450a0a; color: #fca5a5; border-color: #7f1d1d; } [data-color-theme="dark"] .v1b.v1d .pd1-nav__item:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .pd1-nav__item.is-active { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); } /* Az AKTÍV menüpontnak saját hover-állapota kell (2026-07-23). A fenti `:hover` szabály azonos fajsúlyú az `.is-active`-kal, és MEGELŐZI — így az aktív elem hátterén a kurzor semmit nem változtatott (mérve: rgb(23,37,84) → rgb(23,37,84)), miközben a többi menüpont megemelkedik. Az aktív elem így halottnak látszott. A szín a `--v1d-primary-soft` egy fokkal világosabb testvére: érezhető visszajelzés, de nem vonja el a figyelmet a kijelölt állapottól. */ [data-color-theme="dark"] .v1b.v1d .pd1-nav__item.is-active:hover { background: #1e2f6b; } [data-color-theme="dark"] .v1b.v1d .pd1-nav__item.is-active .pd1-nav__ic { background: #1e3a8a; color: #93c5fd; } [data-color-theme="dark"] .v1b.v1d .pd1-nav__item.is-active .pd1-nav__lbl { color: #93c5fd; } [data-color-theme="dark"] .v1b.v1d .pd1-nav__item.is-active .pd1-nav__sub { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pd1-nav__divider { background: var(--v1d-border) !important; border-color: var(--v1d-border); } /* Sidebar nav jobb oldali chevron / state-jelölő körök — diszkrétebb dark tone */ [data-color-theme="dark"] .v1b.v1d .pd1-nav__state.info { background: transparent !important; color: var(--v1d-text-soft) !important; } [data-color-theme="dark"] .v1b.v1d .pd1-nav__item.is-active .pd1-nav__state.info { background: rgba(147, 197, 253, .15) !important; color: #93c5fd !important; } [data-color-theme="dark"] .v1b.v1d .pd1-nav__state.done { background: #064e3b !important; color: #6ee7b7 !important; } [data-color-theme="dark"] .v1b.v1d .pd1-nav__state.warn { background: #422006 !important; color: #fcd34d !important; } [data-color-theme="dark"] .v1b.v1d .pd1-nav__state.todo { background: #450a0a !important; color: #fca5a5 !important; } /* Csapattagok mini-kártya — szaggatott elválasztó vonalak helyett finom solid */ [data-color-theme="dark"] .v1b.v1d .pf1-row-line { border-bottom: 1px solid rgba(255,255,255,.06) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-row-line:last-child { border-bottom: none !important; } [data-color-theme="dark"] .v1b.v1d .pf1-row-line .l { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pf1-row-line .v { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pf1-row-line[style*="border-top"] { border-top: 1px solid var(--v1d-border) !important; } /* FIX 2026-07-08: az összesítő sor .l/.v inline #0f172a-t hordoz (users/list), ami a fenti !important nélküli szabályt felülírja → dark alatt olvashatatlan. */ [data-color-theme="dark"] .v1b.v1d .pf1-row-line[style*="border-top"] .l { color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-row-line[style*="border-top"] .v { color: var(--v1d-text) !important; } /* Felhasználók — csoport-fejléc (Fiók tulajdonosok / Szerkesztők / Megtekintők) */ [data-color-theme="dark"] .v1b.v1d .us1-group { border-bottom-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .us1-group__head { background: var(--v1d-surface-3) !important; color: var(--v1d-text-muted) !important; border-top-color: var(--v1d-border) !important; } [data-color-theme="dark"] .v1b.v1d .us1-group__count { background: var(--v1d-surface-2); color: var(--v1d-text); } /* "Te" badge a saját felhasználói sor mellett */ [data-color-theme="dark"] .v1b.v1d .us1-row__name .you { background: #172554; color: #93c5fd; } /* ===================================================================== */ /* SB1 — STÁTUSZ-BANNEREK sötét variánsai */ /* (4 variáns: critical / warning / promo / info) */ /* ===================================================================== */ [data-color-theme="dark"] .sb1-banner { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } [data-color-theme="dark"] .sb1-banner__title { color: var(--v1d-text); } [data-color-theme="dark"] .sb1-banner__text { color: #d1d5db; } [data-color-theme="dark"] .sb1-banner__close { color: var(--v1d-text-muted); } [data-color-theme="dark"] .sb1-banner__close:hover { background: rgba(255, 255, 255, 0.08); } /* Critical (piros) */ [data-color-theme="dark"] .sb1-banner--critical { background: #2a0a0a; border-color: #7f1d1d; } [data-color-theme="dark"] .sb1-banner--critical .sb1-banner__ic { background: #7f1d1d; color: #fca5a5; } [data-color-theme="dark"] .sb1-banner--critical .sb1-banner__title { color: #fca5a5; } [data-color-theme="dark"] .sb1-banner--critical .sb1-banner__text { color: #fecaca; } [data-color-theme="dark"] .sb1-banner--critical .sb1-banner__text a { color: #fca5a5; } [data-color-theme="dark"] .sb1-banner--critical .sb1-banner__action { background: #b91c1c; color: #fff; border-color: #b91c1c; } [data-color-theme="dark"] .sb1-banner--critical .sb1-banner__action:hover { background: #dc2626; border-color: #dc2626; } /* Warning (sárga) */ [data-color-theme="dark"] .sb1-banner--warning { background: #2a1e06; border-color: #92400e; } [data-color-theme="dark"] .sb1-banner--warning .sb1-banner__ic { background: #92400e; color: #fcd34d; } [data-color-theme="dark"] .sb1-banner--warning .sb1-banner__title { color: #fcd34d; } [data-color-theme="dark"] .sb1-banner--warning .sb1-banner__text { color: #fde68a; } [data-color-theme="dark"] .sb1-banner--warning .sb1-banner__text a { color: #fcd34d; } [data-color-theme="dark"] .sb1-banner--warning .sb1-banner__action { background: #b45309; color: #fff; border-color: #b45309; } [data-color-theme="dark"] .sb1-banner--warning .sb1-banner__action:hover { background: #d97706; border-color: #d97706; } /* Promo (zöld) */ [data-color-theme="dark"] .sb1-banner--promo { background: #052e22; border-color: #065f46; } [data-color-theme="dark"] .sb1-banner--promo .sb1-banner__ic { background: #065f46; color: #6ee7b7; } [data-color-theme="dark"] .sb1-banner--promo .sb1-banner__title { color: #6ee7b7; } [data-color-theme="dark"] .sb1-banner--promo .sb1-banner__text { color: #a7f3d0; } [data-color-theme="dark"] .sb1-banner--promo .sb1-banner__text a { color: #6ee7b7; } [data-color-theme="dark"] .sb1-banner--promo .sb1-banner__action { background: #059669; color: #fff; border-color: #059669; } [data-color-theme="dark"] .sb1-banner--promo .sb1-banner__action:hover { background: #047857; border-color: #047857; } /* Info (kék) */ [data-color-theme="dark"] .sb1-banner--info { background: #0c1a3d; border-color: #1e3a8a; } [data-color-theme="dark"] .sb1-banner--info .sb1-banner__ic { background: #1e3a8a; color: #93c5fd; } [data-color-theme="dark"] .sb1-banner--info .sb1-banner__title { color: #93c5fd; } [data-color-theme="dark"] .sb1-banner--info .sb1-banner__text { color: #bfdbfe; } [data-color-theme="dark"] .sb1-banner--info .sb1-banner__text a { color: #93c5fd; } [data-color-theme="dark"] .sb1-banner--info .sb1-banner__action { background: #2563eb; color: #fff; border-color: #2563eb; } [data-color-theme="dark"] .sb1-banner--info .sb1-banner__action:hover { background: #1d4ed8; border-color: #1d4ed8; } [data-color-theme="dark"] .sb1-banner code { background: rgba(255, 255, 255, 0.08); } /* Generált tartalmak tábla (project-requests) — dark variant */ [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl__name__txt { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl__date, [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl__user { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl__prog { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl .type__ic.blog { background: #172554; color: #93c5fd; } [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl .type__ic.shop { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl__chip.ok { background: #064e3b; color: #6ee7b7; } [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl__chip.warn { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl__chip.danger { background: #450a0a; color: #fca5a5; } [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl__dots { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pd1-gen-tbl__dots:hover { background: var(--v1d-border); border-color: var(--v1d-border-strong); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pd1-empty { color: var(--v1d-text-muted) !important; } /* Számláim — pf1-tbl chip-ek (Issued / pending / locked) dark verziók */ [data-color-theme="dark"] .v1b.v1d .pf1-tbl__chip.ok { background: #064e3b !important; color: #6ee7b7 !important; } /* Stripe logó — sötét módban szürkítő/invertáló filter, hogy ne legyen tök fekete */ [data-color-theme="dark"] .v1b.v1d .ck1-pay__logo { filter: brightness(0) invert(1) opacity(.9); } /* Primary hover állapota — fehér szöveg garantáltan megmarad */ .pf1-btn.pf1-btn--primary:hover, .pf1-btn.pf1-btn--primary:hover * { color: #fff !important; } .pf1-btn.pf1-btn--primary:focus, .pf1-btn.pf1-btn--primary:active { color: #fff !important; } /* Stripe payment option — dark mode finomítások a kibővített megjelenéshez */ [data-color-theme="dark"] .v1b.v1d .ck1-pay__opt .ck1-pay__name { color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .ck1-pay__card { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .ck1-pay__card.visa { color: #93c5fd; border-color: #1e3a8a; background: #172554; } [data-color-theme="dark"] .v1b.v1d .ck1-pay__card.mc { color: #fcd34d; border-color: #92400e; background: #422006; } [data-color-theme="dark"] .v1b.v1d .ck1-pay__card.amex { color: #93c5fd; border-color: #1e3a8a; background: #172554; } [data-color-theme="dark"] .v1b.v1d .ck1-pay__card.maestro { color: #fcd34d; border-color: #92400e; background: #422006; } [data-color-theme="dark"] .v1b.v1d .ck1-pay__trust { border-top-color: var(--v1d-border); color: #6ee7b7; } [data-color-theme="dark"] .v1b.v1d .ck1-pay__trust svg { color: #6ee7b7; } [data-color-theme="dark"] .v1b.v1d .pd1-nav__state.todo { background: #450a0a; color: #fca5a5; } [data-color-theme="dark"] .v1b.v1d .pd1-acc__head:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .pd1-pin__badge { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); border-color: var(--v1d-primary); } [data-color-theme="dark"] .v1b.v1d .pd1-split__caret { color: var(--v1d-text-muted); } /* --- ck1 — section, payment, line items, totals, summary, fields --- */ [data-color-theme="dark"] .v1b.v1d .ck1-main, [data-color-theme="dark"] .v1b.v1d .ck1-grid, [data-color-theme="dark"] .v1b.v1d .ck1-head, [data-color-theme="dark"] .v1b.v1d .ck1-crumb, [data-color-theme="dark"] .v1b.v1d .ck1-section__head, [data-color-theme="dark"] .v1b.v1d .ck1-section__body, [data-color-theme="dark"] .v1b.v1d .ck1-pay__opt, [data-color-theme="dark"] .v1b.v1d .ck1-pay__radio, [data-color-theme="dark"] .v1b.v1d .ck1-pay__body, [data-color-theme="dark"] .v1b.v1d .ck1-pay__group, [data-color-theme="dark"] .v1b.v1d .ck1-pay__head, [data-color-theme="dark"] .v1b.v1d .ck1-coupon__row, [data-color-theme="dark"] .v1b.v1d .ck1-line__body, [data-color-theme="dark"] .v1b.v1d .ck1-row, [data-color-theme="dark"] .v1b.v1d .ck1-tot, [data-color-theme="dark"] .v1b.v1d .ck1-trust, [data-color-theme="dark"] .v1b.v1d .ck1-soon, [data-color-theme="dark"] .v1b.v1d .ck1-alert, [data-color-theme="dark"] .v1b.v1d .ck1-type, [data-color-theme="dark"] .v1b.v1d .ck1-field, [data-color-theme="dark"] .v1b.v1d .ck1-bottombar, [data-color-theme="dark"] .v1b.v1d .ck1-qty-mini, [data-color-theme="dark"] .v1b.v1d .ck1-summary__head, [data-color-theme="dark"] .v1b.v1d .ck1-summary__line { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .ck1-section__title, [data-color-theme="dark"] .v1b.v1d .ck1-pay__name, [data-color-theme="dark"] .v1b.v1d .ck1-line__name, [data-color-theme="dark"] .v1b.v1d .ck1-tot__val, [data-color-theme="dark"] .v1b.v1d .ck1-tot__grand, [data-color-theme="dark"] .v1b.v1d .ck1-label { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .ck1-section__hint, [data-color-theme="dark"] .v1b.v1d .ck1-pay__desc, [data-color-theme="dark"] .v1b.v1d .ck1-line__meta, [data-color-theme="dark"] .v1b.v1d .ck1-tot__label, [data-color-theme="dark"] .v1b.v1d .ck1-tot__note, [data-color-theme="dark"] .v1b.v1d .ck1-summary__cta-note { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .ck1-section__num { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .ck1-line__ic, [data-color-theme="dark"] .v1b.v1d .ck1-line__price { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .ck1-pay__opt:hover { background: var(--v1d-surface-2); border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .v1b.v1d .ck1-pay__opt.is-selected { background: var(--v1d-primary-soft); border-color: var(--v1d-primary); } [data-color-theme="dark"] .v1b.v1d .ck1-pay__opt.is-disabled { background: var(--v1d-surface-3); opacity: .55; } [data-color-theme="dark"] .v1b.v1d .ck1-coupon__row input { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .ck1-coupon__row button { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .ck1-input--mono { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .ck1-summary__back { background: var(--v1d-surface-2); color: var(--v1d-text); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .ck1-summary__cta { background: var(--v1d-primary); color: #fff; border-color: var(--v1d-primary); } [data-color-theme="dark"] .v1b.v1d .ck1-type button { background: transparent; color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .ck1-type button.is-active { background: var(--v1d-surface-2); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .ck1-qty-mini button:hover { background: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .ck1-brand { background: var(--v1d-surface); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .ck1-trust__row { color: var(--v1d-text-muted); } /* --- us1 — projlist + toolbar search + group count --- */ [data-color-theme="dark"] .v1b.v1d .us1-projlist, [data-color-theme="dark"] .v1b.v1d .us1-projlist__head, [data-color-theme="dark"] .v1b.v1d .us1-projlist__item, [data-color-theme="dark"] .v1b.v1d .us1-toolbar__search, [data-color-theme="dark"] .v1b.v1d .us1-group__count { background: var(--v1d-surface); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .us1-projlist__title, [data-color-theme="dark"] .v1b.v1d .us1-projlist__item__name { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .us1-projlist__item__sub, [data-color-theme="dark"] .v1b.v1d .us1-projlist__head__action { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .us1-toolbar__search input { background: transparent; color: var(--v1d-text); } /* --- inv1 — extra cells --- */ [data-color-theme="dark"] .v1b.v1d .inv1-tbl__act, [data-color-theme="dark"] .v1b.v1d .inv1-tools__actions, [data-color-theme="dark"] .v1b.v1d .inv1-typecell { background: transparent; color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .inv1-tbl thead th { background: var(--v1d-surface-3); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .inv1-tbl tbody tr:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .inv1-tbl tbody td { border-color: var(--v1d-border); color: var(--v1d-text); } /* Tapadó fejléc alsó vonala: a v1-invoices.css `box-shadow: inset 0 -1px 0 #e5e7eb`-et használ (border-collapse mellett scroll közben is látszik) — ez világos szürke, ezért sötét nézetben FEHÉR vonalként jelent meg a fejléc alatt. Sötétre igazítva. */ [data-color-theme="dark"] .v1b.v1d .inv1-scrollbox .inv1-tbl thead th, [data-color-theme="dark"] .v1b.v1d .inv1-scrollbox .pf1-tbl thead th { box-shadow: inset 0 -1px 0 var(--v1d-border); } /* --- kb1 — wrappers --- */ [data-color-theme="dark"] .v1b.v1d .kb1-cats, [data-color-theme="dark"] .v1b.v1d .kb1-art, [data-color-theme="dark"] .v1b.v1d .kb1-art__side { background: transparent; color: var(--v1d-text); } /* --- sr1 — children --- */ [data-color-theme="dark"] .v1b.v1d .sr1-row__body { background: transparent; color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .sr1-toolbar__chips { background: transparent; } /* --- v1d-* / v1c-* shared chrome — kimaradt felületek --- */ [data-color-theme="dark"] .v1b.v1d .v1d-row.open, [data-color-theme="dark"] .v1b.v1d .v1d-expanded, [data-color-theme="dark"] .v1b.v1d .v1d-prompt-full, [data-color-theme="dark"] .v1b.v1d .v1d-modal__close, [data-color-theme="dark"] .v1b.v1d .v1d-modal__foot { background: var(--v1d-surface-3) !important; border-color: var(--v1d-border) !important; color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .v1d-row:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .v1d-menu__item:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .v1d-badge--rejected { background: #450a0a; color: #fca5a5; border-color: #7f1d1d; } [data-color-theme="dark"] .v1b.v1d .v1d-badge--titles { background: #422006; color: #fcd34d; border-color: #92400e; } [data-color-theme="dark"] .v1b.v1d .v1d-badge--partial { background: #431407; color: #fdba74; border-color: #9a3412; } /* narancs — részben kész */ /* ===================================================================== */ /* ULTIMATE FALLBACK — minden „kártya-szerű" felület amit bármilyen */ /* class-szel definiáltak a v1b.v1d wrapper alatt: ha fehér háttere van, */ /* minimum a card-bg-re cseréljük (style attribútumok + általános rule). */ /* ===================================================================== */ /* Ha bármilyen elem inline `border: 1px solid #e5e7eb` (vagy hasonló */ /* világos) keretű — sötét keretre. */ [data-color-theme="dark"] .v1b.v1d [style*="border:1px solid #e5e7eb"], [data-color-theme="dark"] .v1b.v1d [style*="border: 1px solid #e5e7eb"], [data-color-theme="dark"] .v1b.v1d [style*="border:1px solid #e2e8f0"], [data-color-theme="dark"] .v1b.v1d [style*="border: 1px solid #e2e8f0"], [data-color-theme="dark"] .v1b.v1d [style*="border:1px solid #f1f5f9"], [data-color-theme="dark"] .v1b.v1d [style*="border:1px solid #eaeaf5"] { border-color: var(--v1d-border) !important; } /* Ha bármi inline color-t használ ami sötét text-re lenne fehér */ /* alapon (#0f172a, #1f2937, #111827) — világos szürkére. */ [data-color-theme="dark"] .v1b.v1d [style*="color:#0f172a"], [data-color-theme="dark"] .v1b.v1d [style*="color: #0f172a"], [data-color-theme="dark"] .v1b.v1d [style*="color:#1f2937"], [data-color-theme="dark"] .v1b.v1d [style*="color: #1f2937"], [data-color-theme="dark"] .v1b.v1d [style*="color:#111827"], [data-color-theme="dark"] .v1b.v1d [style*="color: #111827"] { color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d [style*="color:#475569"], [data-color-theme="dark"] .v1b.v1d [style*="color: #475569"], [data-color-theme="dark"] .v1b.v1d [style*="color:#64748b"], [data-color-theme="dark"] .v1b.v1d [style*="color: #64748b"], [data-color-theme="dark"] .v1b.v1d [style*="color:#6b7280"], [data-color-theme="dark"] .v1b.v1d [style*="color: #6b7280"], [data-color-theme="dark"] .v1b.v1d [style*="color:#94a3b8"], [data-color-theme="dark"] .v1b.v1d [style*="color: #94a3b8"] { color: var(--v1d-text-muted) !important; } /* ===================================================================== */ /* TELJES NAMESPACE-COVERAGE (kép-ellenőrzés alapján) */ /* Ahol a forrás-CSS class-szinten color:#0f172a / #1f2937 / #111827-ot */ /* ad — a v1b.v1d wrapper alatt világosra váltjuk. */ /* ===================================================================== */ /* --- pl1 (Projektek lista) szövegszínek + felület-belsők --- */ [data-color-theme="dark"] .v1b.v1d .pl1-main { background: var(--v1d-bg); } [data-color-theme="dark"] .v1b.v1d .pl1-crumb { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-crumb a { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-crumb a:hover { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pl1-crumb b { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-crumb .sep { color: var(--v1d-border-strong); } [data-color-theme="dark"] .v1b.v1d .pl1-head h1 { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-head p { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-head h1 .count { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pl1-strip__item { background: var(--v1d-surface); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pl1-strip__item .l { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-strip__item .v { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-strip__ic.blue { background: #172554; color: #93c5fd; } [data-color-theme="dark"] .v1b.v1d .pl1-strip__ic.green { background: #064e3b; color: #6ee7b7; } [data-color-theme="dark"] .v1b.v1d .pl1-strip__ic.amber { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .v1b.v1d .pl1-strip__ic.slate { background: var(--v1d-surface-2); color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-search input { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-search svg { color: var(--v1d-text-soft); } [data-color-theme="dark"] .v1b.v1d .pl1-tools { border-bottom-color: var(--v1d-border); background: var(--v1d-surface); } [data-color-theme="dark"] .v1b.v1d .pl1-chips { background: var(--v1d-surface-3); } [data-color-theme="dark"] .v1b.v1d .pl1-chips button { color: var(--v1d-text-muted); background: transparent; } [data-color-theme="dark"] .v1b.v1d .pl1-chips button.is-active { background: var(--v1d-surface); color: var(--v1d-text); box-shadow: 0 1px 2px rgba(0,0,0,0.4); } [data-color-theme="dark"] .v1b.v1d .pl1-chips button .pill { background: var(--v1d-border); color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-chips button.is-active .pill { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pl1-tools__ctrl { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-tools__ctrl select { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-view { background: var(--v1d-surface-3); } [data-color-theme="dark"] .v1b.v1d .pl1-view button { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-view button.is-active { background: var(--v1d-surface); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-tbl thead th { color: var(--v1d-text-muted); background: var(--v1d-surface-3); border-bottom-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pl1-tbl thead th .sort:hover { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-tbl tbody td { border-bottom-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-tbl tbody tr:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .pl1-proj__name { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-proj__name a { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pl1-proj__name a:hover { color: #93c5fd; } [data-color-theme="dark"] .v1b.v1d .pl1-proj__meta { color: var(--v1d-text-soft); } [data-color-theme="dark"] .v1b.v1d .pl1-credits { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-credits.zero { color: var(--v1d-text-soft); } [data-color-theme="dark"] .v1b.v1d .pl1-date { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-date .time { color: var(--v1d-text-soft); } [data-color-theme="dark"] .v1b.v1d .pl1-status.active { background: #064e3b; color: #6ee7b7; } [data-color-theme="dark"] .v1b.v1d .pl1-status.inactive { background: var(--v1d-surface-2); color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-actions > button, [data-color-theme="dark"] .v1b.v1d .pl1-actions > .pl1-menu-wrap > button { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pl1-actions > button:hover, [data-color-theme="dark"] .v1b.v1d .pl1-actions > .pl1-menu-wrap > button:hover { background: var(--v1d-border); border-color: var(--v1d-border-strong); color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-foot { background: var(--v1d-surface-3); border-top-color: var(--v1d-border); color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-pg button { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pl1-pg button:hover { background: var(--v1d-border); border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .v1b.v1d .pl1-pg button.is-active { background: var(--v1d-primary); color: #fff; border-color: var(--v1d-primary); } [data-color-theme="dark"] .v1b.v1d .pl1-pg button:disabled { background: var(--v1d-surface-3); color: var(--v1d-text-soft); } [data-color-theme="dark"] .v1b.v1d .pl1-menu { background: var(--v1d-surface); border-color: var(--v1d-border); box-shadow: 0 12px 32px rgba(0,0,0,0.5); } [data-color-theme="dark"] .v1b.v1d .pl1-menu__head { color: var(--v1d-text-soft); } [data-color-theme="dark"] .v1b.v1d .pl1-menu__item { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pl1-menu__item:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .v1b.v1d .pl1-menu__item.danger { color: #fca5a5; } [data-color-theme="dark"] .v1b.v1d .pl1-menu__item.danger:hover { background: #2a1414; } [data-color-theme="dark"] .v1b.v1d .pl1-users__more { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-surface); } [data-color-theme="dark"] .v1b.v1d .pl1-users__empty { color: var(--v1d-text-soft); } [data-color-theme="dark"] .v1b.v1d .pl1-avatar { border-color: var(--v1d-surface); } [data-color-theme="dark"] .v1b.v1d .pl1-avatar.bg-empty { background: var(--v1d-surface-2); color: var(--v1d-text-soft); border-color: var(--v1d-surface); } /* FIX 82: az aktív/inaktív státusz-pötty gyűrűje a sötét kártya-felülethez igazodjon (ne fehér). */ [data-color-theme="dark"] .v1b.v1d .pl1-avatar__status { border-color: var(--v1d-surface); } [data-color-theme="dark"] .v1b.v1d .pl1-avatar.is-inactive .pl1-avatar__status { background: #f87171; } /* FIX 83: az oszlopos kredit-diagram nulla-vödör csonkja sötétben ne világítson */ [data-color-theme="dark"] .v1b.v1d .pl1-spark rect.z { fill: var(--v1d-border); } /* --- pr1 (Kreditcsomag-választó / pricing) — TELJES coverage --- */ [data-color-theme="dark"] .v1b.v1d .pr1-main { background: var(--v1d-bg); } [data-color-theme="dark"] .v1b.v1d .pr1-hero h1 { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pr1-hero p { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pr1-hero__eyebrow { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); border-color: var(--v1d-primary); } [data-color-theme="dark"] .v1b.v1d .pr1-card { background: var(--v1d-surface) !important; border-color: var(--v1d-border) !important; color: var(--v1d-text); box-shadow: 0 1px 3px rgba(0,0,0,.4); } [data-color-theme="dark"] .v1b.v1d .pr1-card:hover { border-color: var(--v1d-border-strong) !important; } [data-color-theme="dark"] .v1b.v1d .pr1-card--popular { background: linear-gradient(180deg, var(--v1d-primary), #1d4ed8) !important; border-color: var(--v1d-primary) !important; } [data-color-theme="dark"] .v1b.v1d .pr1-icon { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-icon { background: rgba(255,255,255,.15); color: #fff; } [data-color-theme="dark"] .v1b.v1d .pr1-name { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pr1-credits__num, [data-color-theme="dark"] .v1b.v1d .pr1-price__num { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pr1-credits__label, [data-color-theme="dark"] .v1b.v1d .pr1-price__ccy, [data-color-theme="dark"] .v1b.v1d .pr1-gross { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pr1-rate { background: #064e3b; color: #6ee7b7; } [data-color-theme="dark"] .v1b.v1d .pr1-divider { background: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pr1-gen-label { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pr1-row__ic { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pr1-row__count { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pr1-row__count b { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pr1-row__unit { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pr1-qty { background: var(--v1d-surface-2); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pr1-qty button { background: transparent; color: var(--v1d-text); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pr1-qty button:hover { background: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pr1-qty input { background: var(--v1d-surface-3); color: var(--v1d-text); border: none; } [data-color-theme="dark"] .v1b.v1d .pr1-cta { background: var(--v1d-primary); color: #fff !important; border-color: var(--v1d-primary); } [data-color-theme="dark"] .v1b.v1d .pr1-cta:hover { background: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-cta { background: #fff !important; color: var(--v1d-primary) !important; border-color: #fff; } [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-cta:hover { background: #f3f4f6 !important; } [data-color-theme="dark"] .v1b.v1d .pr1-help { background: var(--v1d-surface) !important; border-color: var(--v1d-border) !important; color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pr1-help h3, [data-color-theme="dark"] .v1b.v1d .pr1-help b { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pr1-help p, [data-color-theme="dark"] .v1b.v1d .pr1-help { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pr1-help a { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pr1-help__ic { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pr1-ribbon { background: #422006; color: #fcd34d; } /* --- pf1 (Profilom) szövegek + sidebar + bottom save bar --- */ [data-color-theme="dark"] .v1b.v1d .pf1-main { background: var(--v1d-bg); } [data-color-theme="dark"] .v1b.v1d .pf1-card__foot { /* Light-ban a foot alig üt el a kártyától (#fafbfc). A surface-3 sötét sávja túl kontrasztos volt → a kártya lekerekített alján inset „dobozként" hatott. A kártya színére húzva már csak a felső elválasztó vonal jelzi a footert. */ background: var(--v1d-surface) !important; border-top-color: var(--v1d-border) !important; color: var(--v1d-text-muted) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-side__hero, [data-color-theme="dark"] .v1b.v1d .pf1-mini { background: var(--v1d-surface); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pf1-side__hero b, [data-color-theme="dark"] .v1b.v1d .pf1-mini b { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pf1-side__row, [data-color-theme="dark"] .v1b.v1d .pf1-side__pair { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pf1-side__pair b, [data-color-theme="dark"] .v1b.v1d .pf1-side__row b { color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-side__divider, [data-color-theme="dark"] .v1b.v1d .pf1-mini__divider { border-top-color: var(--v1d-border); } /* FIX 68/69: side__meta szaggatott elválasztó + mini__head alsó szegély fehér maradt */ [data-color-theme="dark"] .v1b.v1d .pf1-side__meta { border-top-color: var(--v1d-border); } /* FIX 2026-07-08: side__meta érték-szöveg (szerepkör, csatlakozás, státusz, tagok) #0f172a-t örökölt a v1-profile.css-ből → olvashatatlan volt dark alatt. */ [data-color-theme="dark"] .v1b.v1d .pf1-side__meta .l { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pf1-side__meta .v { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pf1-mini__head { border-bottom-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pf1-stat, [data-color-theme="dark"] .v1b.v1d .pf1-stat__num { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pf1-stat__label { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pf1-stat__ic { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .v1b.v1d .pf1-card__head h2, [data-color-theme="dark"] .v1b.v1d .pf1-card__head h3 { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pf1-card__head .pf1-saved { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pf1-helper, [data-color-theme="dark"] .v1b.v1d .pf1-card__body p, [data-color-theme="dark"] .v1b.v1d .pf1-card__body small { color: var(--v1d-text-muted); } /* --- us1 (Felhasználók) — sidebar header + bottom strip --- */ [data-color-theme="dark"] .v1b.v1d .us1-side h2, [data-color-theme="dark"] .v1b.v1d .us1-side h3 { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .us1-side b { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .us1-side__pill { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .us1-side__pill.owners { background: #172554; color: #93c5fd; border-color: #1e3a8a; } [data-color-theme="dark"] .v1b.v1d .us1-side__pill.editors { background: #064e3b; color: #6ee7b7; border-color: #065f46; } /* --- inv1 (Számláim) — issued badge + status --- */ [data-color-theme="dark"] .v1b.v1d .inv1-status, [data-color-theme="dark"] .v1b.v1d [class*="inv1-status"] { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .inv1-status--issued, [data-color-theme="dark"] .v1b.v1d .inv1-status.issued { background: #064e3b; color: #6ee7b7; border-color: #065f46; } /* --- ck1 (Checkout) — qty button + section title text --- */ [data-color-theme="dark"] .v1b.v1d .ck1-main { background: var(--v1d-bg); } [data-color-theme="dark"] .v1b.v1d .ck1-hero h1, [data-color-theme="dark"] .v1b.v1d .ck1-section h2, [data-color-theme="dark"] .v1b.v1d .ck1-section h3 { color: var(--v1d-text); } /* ===================================================================== */ /* ALAP-FALLBACK: a `pf1`/`pl1`/`pr1`/`pd1`/`ck1`/`us1`/`inv1`/`kb1`/`sr1` */ /* alá tartozó

...

,

, , , ,

  • , , */ /* öröklődő szövegszínre kerül, ha nincs explicit dark szabály. */ /* ===================================================================== */ [data-color-theme="dark"] .v1b.v1d.pf1, [data-color-theme="dark"] .v1b.v1d.pl1, [data-color-theme="dark"] .v1b.v1d.pr1, [data-color-theme="dark"] .v1b.v1d.pd1, [data-color-theme="dark"] .v1b.v1d.ck1, [data-color-theme="dark"] .v1b.v1d.us1, [data-color-theme="dark"] .v1b.v1d.inv1, [data-color-theme="dark"] .v1b.v1d.kb1, [data-color-theme="dark"] .v1b.v1d.sr1, [data-color-theme="dark"] .v1b.v1d .pf1-main, [data-color-theme="dark"] .v1b.v1d .pl1-main, [data-color-theme="dark"] .v1b.v1d .pr1-main, [data-color-theme="dark"] .v1b.v1d .pd1-main, [data-color-theme="dark"] .v1b.v1d .ck1-main, [data-color-theme="dark"] .v1b.v1d .us1-main, [data-color-theme="dark"] .v1b.v1d .inv1-main, [data-color-theme="dark"] .v1b.v1d .kb1-main, [data-color-theme="dark"] .v1b.v1d .sr1-main { color: var(--v1d-text); background: var(--v1d-bg); } /* Ha mégis maradt fehér háttér valahol direkt v1b.v1d gyerekként — biztos surface: */ [data-color-theme="dark"] .v1b.v1d > main > div[style*="background:"] { color: inherit; } /* ===================================================================== */ /* HEADER + ALÁCÍMEK — minden namespace alatt explicit világos szöveg */ /* (fix: ck1 / pr1 / pl1 / pf1 oldalakon dark text invisible volt) */ /* ===================================================================== */ [data-color-theme="dark"] .v1b.v1d h1, [data-color-theme="dark"] .v1b.v1d h2, [data-color-theme="dark"] .v1b.v1d h3, [data-color-theme="dark"] .v1b.v1d h4, [data-color-theme="dark"] .v1b.v1d h5, [data-color-theme="dark"] .v1b.v1d h6 { color: var(--v1d-text); } /* Bekezdések, listák, paragraphusok defaultolva muted szövegre */ [data-color-theme="dark"] .v1b.v1d p { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d ul li, [data-color-theme="dark"] .v1b.v1d ol li { color: var(--v1d-text); } /* Section-fej, summary-fej, head-blokk: / + dark wrapper-en */ [data-color-theme="dark"] .v1b.v1d .ck1-section__head h2, [data-color-theme="dark"] .v1b.v1d .ck1-section__title h2, [data-color-theme="dark"] .v1b.v1d .ck1-summary__head h2, [data-color-theme="dark"] .v1b.v1d .ck1-summary__head h3, [data-color-theme="dark"] .v1b.v1d .ck1-summary__head b, [data-color-theme="dark"] .v1b.v1d .ck1-head h1, [data-color-theme="dark"] .v1b.v1d .ck1-head p, [data-color-theme="dark"] .v1b.v1d .pr1-hero h1, [data-color-theme="dark"] .v1b.v1d .pr1-hero p, [data-color-theme="dark"] .v1b.v1d .pf1-head h1, [data-color-theme="dark"] .v1b.v1d .pf1-head p, [data-color-theme="dark"] .v1b.v1d .pl1-head h1, [data-color-theme="dark"] .v1b.v1d .pl1-head p, [data-color-theme="dark"] .v1b.v1d .us1-head h1, [data-color-theme="dark"] .v1b.v1d .inv1-head h1, [data-color-theme="dark"] .v1b.v1d .kb1-hero h1, [data-color-theme="dark"] .v1b.v1d .sr1-summary h1 { color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .ck1-head p, [data-color-theme="dark"] .v1b.v1d .pr1-hero p, [data-color-theme="dark"] .v1b.v1d .pf1-head p, [data-color-theme="dark"] .v1b.v1d .pl1-head p, [data-color-theme="dark"] .v1b.v1d .kb1-hero p { color: var(--v1d-text-muted) !important; } /* Bárhol egy section, card, summary, hero h1-h6 mindenképp világos legyen */ [data-color-theme="dark"] .v1b.v1d section h1, [data-color-theme="dark"] .v1b.v1d section h2, [data-color-theme="dark"] .v1b.v1d section h3, [data-color-theme="dark"] .v1b.v1d aside h1, [data-color-theme="dark"] .v1b.v1d aside h2, [data-color-theme="dark"] .v1b.v1d aside h3 { color: var(--v1d-text) !important; } /* ===================================================================== */ /* PROFIL — kredit-strip kártyák (4 fehér felső widget) + identity-row */ /* ===================================================================== */ [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__item { background: var(--v1d-surface) !important; border-color: var(--v1d-border) !important; color: var(--v1d-text) !important; box-shadow: 0 1px 2px rgba(0,0,0,.4) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__item .l { color: var(--v1d-text-muted) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__item .v { color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__item .v small { color: var(--v1d-text-soft) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__ic.green { background: #064e3b !important; color: #6ee7b7 !important; } [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__ic.amber { background: #422006 !important; color: #fcd34d !important; } [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__ic.red { background: #450a0a !important; color: #fca5a5 !important; } [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__ic.slate { background: var(--v1d-surface-2) !important; color: var(--v1d-text-muted) !important; } /* Identity-row (avatar + név + email + role) — NEM külön panel: light-ban átlátszó a kártyán, csak szaggatott alsó elválasztóval. A korábbi surface-2 háttér furcsa keretes dobozt festett a név köré dark alatt. */ [data-color-theme="dark"] .v1b.v1d .pf1-identity { background: transparent; border: 0; border-bottom: 1px dashed var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pf1-identity__name { color: var(--v1d-text); } [data-color-theme="dark"] .v1b.v1d .pf1-identity__row { color: var(--v1d-text-muted); } [data-color-theme="dark"] .v1b.v1d .pf1-identity__row .dot { color: var(--v1d-border-strong); } [data-color-theme="dark"] .v1b.v1d .pf1-identity__row svg { color: var(--v1d-text-soft); } [data-color-theme="dark"] .v1b.v1d .pf1-identity__role { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .v1b.v1d .pf1-identity__edit:hover { background: var(--v1d-border); border-color: var(--v1d-border-strong); } /* ===================================================================== */ /* Pricing — "Legnépszerűbb" kártya halványabb tone (kevésbé élénk kék) */ /* ===================================================================== */ [data-color-theme="dark"] .v1b.v1d .pr1-card--popular { background: linear-gradient(180deg, #1e3a8a, #1e40af) !important; border-color: #3b82f6 !important; box-shadow: 0 4px 18px rgba(30, 58, 138, .45) !important; } [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-name, [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-credits__num, [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-price__num, [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-gen-label, [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-row__count, [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-row__count b { color: #fff !important; } [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-credits__label, [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-price__ccy, [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-gross, [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-row__unit { color: rgba(255,255,255,.72) !important; } [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-rate { background: rgba(255,255,255,.15) !important; color: #fff !important; } [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-row__ic { background: rgba(255,255,255,.15) !important; color: #fff !important; } [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-divider { background: rgba(255,255,255,.18) !important; } [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-qty { background: rgba(0,0,0,.25) !important; border-color: rgba(255,255,255,.18) !important; } [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-qty button { color: #fff !important; border-color: rgba(255,255,255,.18) !important; } [data-color-theme="dark"] .v1b.v1d .pr1-card--popular .pr1-qty input { background: transparent !important; color: #fff !important; } /* ===================================================================== */ /* Checkout — összesítő sidebar tétel-ikonja (Nagy csomag mellett) */ /* ===================================================================== */ [data-color-theme="dark"] .v1b.v1d .ck1-line__ic { background: var(--v1d-primary-soft) !important; color: var(--v1d-primary-hover) !important; } /* ===================================================================== */ /* Számláim — pf1-creditstrip megerősített override (specificitás boost) */ /* (négy felső stat-kártya — VÁSÁROLT/TERHELT/ZÁROLT/EGYENLEG) */ /* ===================================================================== */ html[data-color-theme="dark"] .v1b.v1d.pf1 .pf1-creditstrip .pf1-creditstrip__item, html[data-color-theme="dark"] .v1b.v1d .pf1-creditstrip > .pf1-creditstrip__item { background: var(--v1d-surface) !important; border: 1px solid var(--v1d-border) !important; color: var(--v1d-text) !important; } /* ===================================================================== */ /* Számláim — önauditáló kredit-főkönyv (pf1-ledger) sötét téma */ /* (Nyitó + Vásárolt + Jóváírás − Terhelt = Egyenleg + Zárolt/Elérhető) */ /* ===================================================================== */ [data-color-theme="dark"] .v1b.v1d .pf1-ledger { background: var(--v1d-surface) !important; border: 1px solid var(--v1d-border) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger__term { background: var(--v1d-surface-2) !important; border: 1px solid var(--v1d-border) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger__term--total { background: var(--v1d-surface-3) !important; border-color: var(--v1d-text-soft) !important; box-shadow: inset 0 0 0 1px var(--v1d-border) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger__term .l { color: var(--v1d-text-muted) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger__term .v, [data-color-theme="dark"] .v1b.v1d .pf1-ledger__term--total .v { color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger__op { color: var(--v1d-text-muted) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger__op--eq { color: var(--v1d-text) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger__foot { border-top-color: var(--v1d-border) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger__meta { color: var(--v1d-text-muted) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger__meta b { color: var(--v1d-text) !important; } /* ikon-chip szín-variánsok a főkönyvben (a creditstrip__ic tokeneket használják) */ [data-color-theme="dark"] .v1b.v1d .pf1-ledger .pf1-creditstrip__ic { background: var(--v1d-surface-2) !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger .pf1-creditstrip__ic.green { background: #064e3b !important; color: #6ee7b7 !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger .pf1-creditstrip__ic.amber { background: #422006 !important; color: #fcd34d !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger .pf1-creditstrip__ic.red { background: #450a0a !important; color: #fca5a5 !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger .pf1-creditstrip__ic.blue { background: #0b2545 !important; color: #93c5fd !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger .pf1-creditstrip__ic.violet { background: #2e1065 !important; color: #c4b5fd !important; } [data-color-theme="dark"] .v1b.v1d .pf1-ledger .pf1-creditstrip__ic.slate { background: var(--v1d-surface-2) !important; color: var(--v1d-text-muted) !important; } /* a világos-témában felvett .blue/.violet chip dark-párja a creditstrip-ben is */ [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__ic.blue { background: #0b2545 !important; color: #93c5fd !important; } [data-color-theme="dark"] .v1b.v1d .pf1-creditstrip__ic.violet { background: #2e1065 !important; color: #c4b5fd !important; } /* ===================================================================== * Dashboard táblázat fehér vonal-fix (a v1d-row + v1d-table) * + minden olyan "white-leak" hely, ahol a tervezett world-color áthatja. * ===================================================================== */ [data-color-theme="dark"] .v1b.v1d .v1d-table thead th, [data-color-theme="dark"] .v1b.v1d .v1d-recent__head, [data-color-theme="dark"] .v1c-table thead th, [data-color-theme="dark"] tr.v1c-expanded-row, [data-color-theme="dark"] .v1c-table tbody tr.v1c-row { border-bottom-color: var(--v1d-border) !important; } [data-color-theme="dark"] .v1b.v1d .v1d-row { border-bottom-color: var(--v1d-border) !important; } [data-color-theme="dark"] tr.v1d-expanded-row { border-bottom-color: var(--v1d-border) !important; } [data-color-theme="dark"] .v1d-menu .sep, [data-color-theme="dark"] .v1d-modal__head, [data-color-theme="dark"] .v1d-modal__body .meta { border-bottom-color: var(--v1d-border) !important; } [data-color-theme="dark"] .v1c-expanded { border-top-color: var(--v1d-border) !important; background: var(--v1d-surface-3) !important; } /* ===================================================================== * V5 ŰRLAPOK SÖTÉT TÉMA — fv3 + fv5 namespace * * Az fv3+fv5 designt eredetileg világos témára építették. * Itt az összes kulcs-felületet sötétre öltöztetjük — kreatív cikkírás, * pontos célzás és forráskutató mindhárom oldalra hat. * ===================================================================== */ /* ------------------------------------------------------------------- * CSS-változó BOOTSTRAP — ugyanazok a --v1d-* tokenek, mint a többi * V1D namespace-en (.pf1, .pl1, .pd1, .kb1, stb.). Az fv3+fv5 wrapper * nem örökli őket a .v1b.v1d block-ból, mert NEM benne ül — ezért itt * rakjuk rá kézzel. Innentől az ÖSSZES alábbi szabály a v1d paletta * ugyanazon tokenjeivel dolgozik (egységes a többi sötét oldallal). * ------------------------------------------------------------------- */ [data-color-theme="dark"] .fv3-page, [data-color-theme="dark"] .fv5-page { --v1d-bg: #0b0f17; --v1d-surface: #131a26; --v1d-surface-2: #1a2433; --v1d-surface-3: #0f1726; --v1d-border: #243043; --v1d-border-strong: #334155; --v1d-text: #e5e7eb; --v1d-text-muted: #9ca3af; --v1d-text-soft: #6b7280; --v1d-primary: #3b82f6; --v1d-primary-hover: #60a5fa; --v1d-primary-soft: #172554; --v1d-danger: #ef4444; --v1d-success: #10b981; --v1d-warning: #f59e0b; background: var(--v1d-bg) !important; color: var(--v1d-text); } /* Breadcrumb */ [data-color-theme="dark"] .fv3-crumb { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-crumb a { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-crumb a:hover { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv3-crumb span { color: var(--v1d-text); } /* Page header */ [data-color-theme="dark"] .fv3-head h1 { color: var(--v1d-text); } [data-color-theme="dark"] .fv3-head p { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-head p b { color: var(--v1d-text); } /* Numbered blocks */ [data-color-theme="dark"] .fv3-block { color: var(--v1d-text); } [data-color-theme="dark"] .fv3-block__num { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border: 1px solid var(--v1d-border); } [data-color-theme="dark"] .fv3-block.is-active .fv3-block__num, [data-color-theme="dark"] .fv3-block:hover .fv3-block__num { background: var(--v1d-primary); color: #fff; border-color: var(--v1d-primary); } [data-color-theme="dark"] .fv3-block__title { color: var(--v1d-text); } [data-color-theme="dark"] .fv3-block__sub { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-block__sub b, [data-color-theme="dark"] .fv3-block__sub strong { color: var(--v1d-text); } /* Cards */ [data-color-theme="dark"] .fv3-card { background: var(--v1d-surface) !important; border: 1px solid var(--v1d-border) !important; color: var(--v1d-text); } /* Fields + labels */ [data-color-theme="dark"] .fv3-field { color: var(--v1d-text); } [data-color-theme="dark"] .fv3-label { color: var(--v1d-text); } [data-color-theme="dark"] .fv3-hint { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-hint b { color: var(--v1d-text); } /* Inputs / textareas / selects (a forráskutatóban + mindhárom formban) */ [data-color-theme="dark"] .fv5-page .fv3-input, [data-color-theme="dark"] .fv5-page .fv3-textarea, [data-color-theme="dark"] .fv5-page .fv3-select, [data-color-theme="dark"] .fv5-page input[type="text"], [data-color-theme="dark"] .fv5-page input[type="number"], [data-color-theme="dark"] .fv5-page textarea { background: var(--v1d-surface-2) !important; border-color: var(--v1d-border) !important; color: var(--v1d-text) !important; } [data-color-theme="dark"] .fv5-page .fv3-input:hover, [data-color-theme="dark"] .fv5-page .fv3-textarea:hover { border-color: var(--v1d-border-strong) !important; } [data-color-theme="dark"] .fv5-page .fv3-input:focus, [data-color-theme="dark"] .fv5-page .fv3-textarea:focus, [data-color-theme="dark"] .fv5-page .fv3-select:focus { background: var(--v1d-surface-3) !important; border-color: var(--v1d-primary) !important; box-shadow: 0 0 0 3px rgba(59,130,246,.2) !important; } [data-color-theme="dark"] .fv5-page input::placeholder, [data-color-theme="dark"] .fv5-page textarea::placeholder { color: var(--v1d-text-soft) !important; } [data-color-theme="dark"] .fv5-page .fv3-per-item__row input { background: var(--v1d-surface-2) !important; border-color: var(--v1d-border) !important; color: var(--v1d-text) !important; } /* Project popover dropdown */ [data-color-theme="dark"] .fv3-project-pick { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv3-project-pick:hover { border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .fv3-project-name { color: var(--v1d-text); } [data-color-theme="dark"] .fv3-project-sub { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-project-chev { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-pop { background: var(--v1d-surface); border: 1px solid var(--v1d-border); box-shadow: 0 8px 32px rgba(0,0,0,.5); } [data-color-theme="dark"] .fv3-pop__search { background: var(--v1d-surface-2); border-bottom-color: var(--v1d-border); } [data-color-theme="dark"] .fv3-pop__search input { background: transparent !important; color: var(--v1d-text) !important; border: none !important; } [data-color-theme="dark"] .fv3-pop__item { color: var(--v1d-text); } [data-color-theme="dark"] .fv3-pop__item:hover { background: var(--v1d-surface-2); } [data-color-theme="dark"] .fv3-pop__item.is-active { background: var(--v1d-primary-soft); } /* Instruction stack (3 toggle-able cards) */ [data-color-theme="dark"] .fv3-instr { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv3-instr.is-off { opacity: 0.55; } [data-color-theme="dark"] .fv3-instr__head { background: transparent; } [data-color-theme="dark"] .fv3-instr__name { color: var(--v1d-text); } [data-color-theme="dark"] .fv3-instr__desc { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-instr__expand { background: none; color: var(--v1d-text-muted); border: 0; } [data-color-theme="dark"] .fv3-instr__expand:hover { background: none; color: var(--v1d-text); } [data-color-theme="dark"] .fv3-instr__body { background: var(--v1d-surface); border-top-color: var(--v1d-border); } [data-color-theme="dark"] .fv3-instr__chev { color: var(--v1d-text-muted); } /* Toggle switch (fv3-tog) */ [data-color-theme="dark"] .fv3-tog__slider { background: var(--v1d-border-strong); } [data-color-theme="dark"] .fv3-tog input:checked + .fv3-tog__slider { background: var(--v1d-primary); } [data-color-theme="dark"] .fv3-tog__slider::before { background: #fff; } /* Switch list (kw-include, kw-exclude, extra-instr) */ [data-color-theme="dark"] .fv3-switch { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv3-switch:hover { border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .fv3-switch__name { color: var(--v1d-text); } [data-color-theme="dark"] .fv3-switch__sub { color: var(--v1d-text-muted); } /* Segmented buttons (lang, tone, style) */ [data-color-theme="dark"] .fv3-seg { background: var(--v1d-surface-3); border: 1px solid var(--v1d-border); } [data-color-theme="dark"] .fv3-seg button { background: transparent; color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-seg button:hover { background: var(--v1d-surface-2); color: var(--v1d-text); } [data-color-theme="dark"] .fv3-seg button.is-on { background: var(--v1d-surface) !important; color: var(--v1d-text) !important; } /* Length tiles */ [data-color-theme="dark"] .fv3-tile { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv3-tile:hover { border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .fv3-tile.is-on { background: var(--v1d-primary-soft); border-color: var(--v1d-primary); } [data-color-theme="dark"] .fv3-tile__t { color: var(--v1d-text); } [data-color-theme="dark"] .fv3-tile__d { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-tile__check { background: var(--v1d-primary); color: #fff; } /* Addons */ [data-color-theme="dark"] .fv3-addon { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv3-addon:hover { border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .fv3-addon.is-on { background: var(--v1d-primary-soft); border-color: var(--v1d-primary); } [data-color-theme="dark"] .fv3-addon__name { color: var(--v1d-text); } [data-color-theme="dark"] .fv3-addon__price { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv3-addon__sub { color: var(--v1d-text-muted); } /* Stepper +/- (mennyiség) */ [data-color-theme="dark"] .fv3-stepper { background: var(--v1d-surface-2); border-color: var(--v1d-border); } [data-color-theme="dark"] .fv3-stepper button { background: transparent; color: var(--v1d-text); border-color: var(--v1d-border); } [data-color-theme="dark"] .fv3-stepper button:hover { background: var(--v1d-border); } [data-color-theme="dark"] .fv3-stepper input, [data-color-theme="dark"] .fv5-page .fv3-stepper input { background: var(--v1d-surface) !important; color: var(--v1d-text) !important; border-color: var(--v1d-border) !important; } /* Preset gombok */ [data-color-theme="dark"] .fv3-preset { background: var(--v1d-surface-2); color: var(--v1d-text-muted); border-color: var(--v1d-border); } [data-color-theme="dark"] .fv3-preset:hover { background: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv3-preset.is-on { background: var(--v1d-primary) !important; color: #fff !important; border-color: var(--v1d-primary) !important; } [data-color-theme="dark"] .fv3-presets__label { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-presets__divider { background: var(--v1d-border); } /* Per-item topic list */ [data-color-theme="dark"] .fv3-per-item { background: var(--v1d-surface); border-color: var(--v1d-border); } [data-color-theme="dark"] .fv3-per-item__head { color: var(--v1d-text); border-bottom-color: var(--v1d-border); } [data-color-theme="dark"] .fv3-per-item__row { background: transparent; } [data-color-theme="dark"] .fv3-per-item__idx { color: var(--v1d-text-muted); } /* Téma-hossz élő számláló — a világos témás #6b7280/#b91c1c sötét háttéren olvashatatlan. */ [data-color-theme="dark"] .fv3-per-item__row .topic-input-counter { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-per-item__row .topic-input-counter.is-over { color: #f87171; } /* Ugyanez a pontos célzás altéma-mezőin (2026-07-22) — a világos színek ott olvashatatlanok. */ [data-color-theme="dark"] .fv5-topic__counter { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-csv__limits { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-topic__counter.is-over { color: #f87171; } [data-color-theme="dark"] .fv3-per-item__hint { color: var(--v1d-text-muted); } /* ===== fv5 specific (sidebar + articles + csv + research) ===== */ /* Sidebar slim summary */ [data-color-theme="dark"] .fv3-side { background: transparent; } [data-color-theme="dark"] .fv5-summary { background: var(--v1d-surface) !important; border: 1px solid var(--v1d-border) !important; color: var(--v1d-text); } [data-color-theme="dark"] .fv5-summary__head { background: linear-gradient(180deg, #0c1424, #0a1020) !important; color: #fff !important; border-bottom-color: var(--v1d-border) !important; } [data-color-theme="dark"] .fv5-summary__title { color: #93c5fd; } [data-color-theme="dark"] .fv5-summary__num { color: #fff; } [data-color-theme="dark"] .fv5-summary__unit { color: #93c5fd; } [data-color-theme="dark"] .fv5-summary__sub { color: rgba(255,255,255,.72); } [data-color-theme="dark"] .fv5-summary__body { background: var(--v1d-surface); color: var(--v1d-text); } [data-color-theme="dark"] .fv5-mini-cost { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-mini-cost__row { border-bottom-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv5-mini-cost__row .l { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-mini-cost__row .v { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-mini-cost__row .v.plus { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv5-mini-cost__total { background: var(--v1d-surface-2); color: var(--v1d-text); border-top: 1px dashed var(--v1d-border); } [data-color-theme="dark"] .fv5-mini-cost__total .l { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-mini-cost__total .v { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-mini-cost__total .u { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-balance { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv5-balance__num { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-balance__after { color: var(--v1d-primary-hover); } /* Articles (pontos célzás + forráskutató per-item) */ [data-color-theme="dark"] .fv5-article { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv5-article.is-expanded { background: var(--v1d-surface); border-color: var(--v1d-primary); } [data-color-theme="dark"] .fv5-article__head { background: transparent; } [data-color-theme="dark"] .fv5-article__head:hover { background: var(--v1d-surface-3); } [data-color-theme="dark"] .fv5-article__idx { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv5-article__title-preview { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-article__remove { background: var(--v1d-surface-2); border-color: #7f1d1d; color: #fca5a5; } [data-color-theme="dark"] .fv5-article__remove:hover { background: #2a0a0a; border-color: #dc2626; color: #fca5a5; } [data-color-theme="dark"] .fv5-article__remove:disabled { background: var(--v1d-surface-3); border-color: var(--v1d-border); color: var(--v1d-text-soft); } [data-color-theme="dark"] .fv5-article__chev { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-article__body { background: var(--v1d-surface); border-top-color: var(--v1d-border); } /* Topics (5 alcím cikkenként) */ [data-color-theme="dark"] .fv5-topics__label { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-topics__progress { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv5-topics__list { background: var(--v1d-surface-3); } [data-color-theme="dark"] .fv5-topic { background: var(--v1d-surface-2); border-color: var(--v1d-border); } [data-color-theme="dark"] .fv5-topic:hover { border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .fv5-topic:focus-within { background: var(--v1d-surface); border-color: var(--v1d-primary); } [data-color-theme="dark"] .fv5-topic.is-filled { background: var(--v1d-surface); border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .fv5-topic__num { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv5-topic__input { background: transparent !important; color: var(--v1d-text) !important; } [data-color-theme="dark"] .fv5-topics__hint { color: var(--v1d-text-muted); } /* "Új cikk hozzáadása" big button — már flat fixelve, csak biztos ami biztos */ [data-color-theme="dark"] .fv5-articles__add-big { background: var(--v1d-primary) !important; color: #fff !important; } [data-color-theme="dark"] .fv5-articles__add-big:hover { background: var(--v1d-primary-hover) !important; } [data-color-theme="dark"] .fv5-articles__add-icon { background: rgba(255,255,255,.15); } [data-color-theme="dark"] .fv5-articles__count { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-articles__count b { color: var(--v1d-primary-hover); } /* CSV mód (drop-zone, loaded state) */ [data-color-theme="dark"] .fv5-csv__drop { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv5-csv__drop.is-dragover { background: var(--v1d-primary-soft); border-color: var(--v1d-primary); } [data-color-theme="dark"] .fv5-csv__title { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-csv__sub { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-csv__icon { background: var(--v1d-primary); color: #fff; } [data-color-theme="dark"] .fv5-csv__btn { background: var(--v1d-surface); color: var(--v1d-primary-hover); border-color: var(--v1d-primary); } [data-color-theme="dark"] .fv5-csv__btn:hover { background: var(--v1d-primary); color: #fff; } [data-color-theme="dark"] .fv5-csv__template { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-csv__template:hover { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv5-csv__loaded { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-csv__file { background: #052e22; border-color: #065f46; } [data-color-theme="dark"] .fv5-csv__file-ic { background: #065f46; color: #6ee7b7; } [data-color-theme="dark"] .fv5-csv__file-name { color: #6ee7b7; } [data-color-theme="dark"] .fv5-csv__file-meta { color: #a7f3d0; } [data-color-theme="dark"] .fv5-csv__file-meta b { color: #6ee7b7; } [data-color-theme="dark"] .fv5-csv__remove { color: #6ee7b7; } [data-color-theme="dark"] .fv5-csv__remove:hover { background: rgba(5,150,105,.18); } [data-color-theme="dark"] .fv5-csv__hint { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-csv__hint code, [data-color-theme="dark"] .fv5-csv__hint kbd { background: var(--v1d-surface-3); color: var(--v1d-primary-hover); border-color: var(--v1d-border); } /* Mode-switch (Cikkek kézi / CSV) */ [data-color-theme="dark"] .fv5-precise-mode { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv5-precise-mode:hover { border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .fv5-precise-mode.is-on { background: var(--v1d-primary-soft); border-color: var(--v1d-primary); } [data-color-theme="dark"] .fv5-precise-mode__icon { background: var(--v1d-surface-3); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv5-precise-mode.is-on .fv5-precise-mode__icon { background: var(--v1d-primary); color: #fff; } [data-color-theme="dark"] .fv5-precise-mode__name { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-precise-mode__desc { color: var(--v1d-text-muted); } /* Cost summary in-block (fv5-precise-cost) */ [data-color-theme="dark"] .fv5-precise-cost { background: #0a1020 !important; color: #fff !important; } [data-color-theme="dark"] .fv5-precise-cost b { color: #93c5fd; } [data-color-theme="dark"] .fv5-precise-cost__total { color: #fff; } /* ============== FORRÁSKUTATÓ specifikus (fv5-pkg, fv5-srccat) ============== */ /* Sub-label headerek (Kutatási csomag, Forrás kategóriák) */ [data-color-theme="dark"] .fv5-sub-label { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-sub-label__hint { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-sub-divider { border-color: var(--v1d-border); background: var(--v1d-border); } /* Csomag-választó kártyák */ [data-color-theme="dark"] .fv5-pkg { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv5-pkg:hover { border-color: var(--v1d-border-strong); background: var(--v1d-surface-3); } [data-color-theme="dark"] .fv5-pkg.is-on { background: var(--v1d-primary-soft); border-color: var(--v1d-primary); } [data-color-theme="dark"] .fv5-pkg__icon { background: var(--v1d-surface-3); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv5-pkg.is-on .fv5-pkg__icon { background: var(--v1d-primary); color: #fff; } [data-color-theme="dark"] .fv5-pkg--vip .fv5-pkg__icon { background: #422006; color: #fcd34d; } [data-color-theme="dark"] .fv5-pkg--vip.is-on .fv5-pkg__icon { background: #f59e0b; color: #fff; } [data-color-theme="dark"] .fv5-pkg__name { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-pkg__desc { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-pkg__meta { color: var(--v1d-text-muted); border-top-color: var(--v1d-border); } [data-color-theme="dark"] .fv5-pkg__meta-l { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-pkg__meta-l b { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-pkg__price { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv5-pkg.is-on .fv5-pkg__price { color: #93c5fd; } [data-color-theme="dark"] .fv5-pkg--vip .fv5-pkg__price { color: #fcd34d; } [data-color-theme="dark"] .fv5-pkg__badge { background: #f59e0b; color: #422006; } /* Forrás-kategória kártyák */ [data-color-theme="dark"] .fv5-srccat { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv5-srccat:hover { border-color: var(--v1d-border-strong); background: var(--v1d-surface-3); } [data-color-theme="dark"] .fv5-srccat.is-on { background: var(--v1d-primary-soft); border-color: var(--v1d-primary); } [data-color-theme="dark"] .fv5-srccat__icon { background: var(--v1d-surface-3); color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-srccat.is-on .fv5-srccat__icon { background: var(--v1d-primary); color: #fff; } [data-color-theme="dark"] .fv5-srccat__name { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-srccat__examples { color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv5-srccat__examples code { background: var(--v1d-surface-3); color: var(--v1d-primary-hover); border: 1px solid var(--v1d-border); } [data-color-theme="dark"] .fv5-srccat__textarea-wrap textarea { background: var(--v1d-surface) !important; border-color: var(--v1d-border) !important; color: var(--v1d-text) !important; } /* Kategória-summary sor */ [data-color-theme="dark"] .fv5-srccat-summary { background: var(--v1d-surface-3); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv5-srccat-summary.is-warn { background: #422006; border-color: #92400e; color: #fcd34d; } [data-color-theme="dark"] .fv5-srccat-summary b { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv5-srccat-summary.is-warn b { color: #fcd34d; } [data-color-theme="dark"] .fv5-srccat-summary__icon { background: var(--v1d-surface-2); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv5-srccat-summary.is-warn .fv5-srccat-summary__icon { background: #92400e; color: #fcd34d; } /* Kizárások blokk */ [data-color-theme="dark"] .fv5-exclusions { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .fv5-exclusions__icon { background: #450a0a; color: #fca5a5; } [data-color-theme="dark"] .fv5-exclusions__title { color: var(--v1d-text); } [data-color-theme="dark"] .fv5-exclusions__sub { color: var(--v1d-text-muted); } /* Service-check spinner doboz */ [data-color-theme="dark"] #service_check_spinner.card, [data-color-theme="dark"] #blog_posts_prevalidate_spinner.card, [data-color-theme="dark"] #blog_posts_titles_spinner.card, [data-color-theme="dark"] #generate_blog_posts_loader.card, [data-color-theme="dark"] #prevalidation_result_container.card { background: var(--v1d-surface) !important; border-color: var(--v1d-border) !important; color: var(--v1d-text) !important; } [data-color-theme="dark"] #service_check_spinner h2, [data-color-theme="dark"] #service_check_spinner h4 { color: var(--v1d-text); } /* fv3-btn (primary + secondary) — már flat, csak dark szín */ [data-color-theme="dark"] .fv3-btn { background: var(--v1d-surface-2); color: var(--v1d-text); border-color: var(--v1d-border); } [data-color-theme="dark"] .fv3-btn:hover { background: var(--v1d-border); } [data-color-theme="dark"] .fv3-btn--primary { background: var(--v1d-primary) !important; color: #fff !important; border-color: var(--v1d-primary) !important; } [data-color-theme="dark"] .fv3-btn--primary:hover { background: var(--v1d-primary-hover) !important; border-color: var(--v1d-primary-hover) !important; } [data-color-theme="dark"] .fv3-btn--ghost { background: transparent; color: var(--v1d-text-muted); } [data-color-theme="dark"] .fv3-btn--ghost:hover { background: var(--v1d-surface-2); color: var(--v1d-text); } /* fv3-stepper button override-ok */ [data-color-theme="dark"] .fv5-page .fv3-stepper button { background: var(--v1d-primary) !important; color: #fff !important; } [data-color-theme="dark"] .fv5-page .fv3-stepper button:hover { background: var(--v1d-primary-hover) !important; } /* p-figyelmeztetés szöveg (placeholder árak) */ [data-color-theme="dark"] .fv5-page .fv3-hint b[style*="color:#dc2626"], [data-color-theme="dark"] .fv5-page p[style*="color:#9ca3af"] { color: var(--v1d-text-muted) !important; } /* ------------------------------------------------------------------- * SAFETY NET — az fv5-page-en belül bármi, amit a sok hardcoded * "background: white" / "color: #1f2937" / "border-color: #e5e7eb" * szabályból név szerint nem fogtunk meg konkrét selectorral. * Általános, mintegy "alapszín-konvertáló" réteg — ahol a tartalom * fehér háttéren feketével lenne, ott most v1d-paletta. * ------------------------------------------------------------------- */ [data-color-theme="dark"] .fv5-page, [data-color-theme="dark"] .fv3-page, [data-color-theme="dark"] .fv5-page p, [data-color-theme="dark"] .fv5-page span, [data-color-theme="dark"] .fv5-page div, [data-color-theme="dark"] .fv5-page h1, [data-color-theme="dark"] .fv5-page h2, [data-color-theme="dark"] .fv5-page h3, [data-color-theme="dark"] .fv5-page h4, [data-color-theme="dark"] .fv5-page h5, [data-color-theme="dark"] .fv5-page label, [data-color-theme="dark"] .fv5-page small, [data-color-theme="dark"] .fv5-page b, [data-color-theme="dark"] .fv5-page strong { color: inherit; } /* Bármi kifejezett #fff/white háttér az fv5-page wrapperen belül, ami nincs külön kezelve, kapja a surface színt. A switch/topic/ article/card/instr/srccat/pkg már kezelve van föntebb — itt csak a kimaradt "általános" white-bg elemekre futunk rá. */ [data-color-theme="dark"] .fv5-page [style*="background: white"], [data-color-theme="dark"] .fv5-page [style*="background:#fff"], [data-color-theme="dark"] .fv5-page [style*="background: #fff"] { background: var(--v1d-surface) !important; color: var(--v1d-text) !important; } /* Sub-section divider / label sávok */ [data-color-theme="dark"] .fv5-page .fv3-sub-block, [data-color-theme="dark"] .fv5-page .fv3-row-2, [data-color-theme="dark"] .fv5-page .fv3-auto-extra { color: var(--v1d-text); } /* CSV-letöltés / drop hint szürkék */ [data-color-theme="dark"] .fv5-page .fv3-hint, [data-color-theme="dark"] .fv5-page .fv3-help, [data-color-theme="dark"] .fv5-page .fv5-csv__sub { color: var(--v1d-text-muted); } /* Linkek alap-színe a wrapper-en belül */ [data-color-theme="dark"] .fv5-page a:not(.fv3-btn):not(.smap__row) { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .fv5-page a:not(.fv3-btn):not(.smap__row):hover { color: #93c5fd; } /* fv3-presets--v4 belső kerete */ [data-color-theme="dark"] .fv5-page .fv3-presets--v4 { background: var(--v1d-surface-2) !important; border-color: var(--v1d-border) !important; } [data-color-theme="dark"] .fv5-page .fv3-preset--soft { background: var(--v1d-surface) !important; border-color: var(--v1d-border) !important; color: var(--v1d-text-muted) !important; } [data-color-theme="dark"] .fv5-page .fv3-preset--soft:hover, [data-color-theme="dark"] .fv5-page .fv3-preset--soft.is-on { background: var(--v1d-primary-soft) !important; border-color: var(--v1d-primary) !important; color: var(--v1d-primary-hover) !important; } /* Validation error-szöveg sávok */ [data-color-theme="dark"] .fv5-page [style*="color:#dc2626"] { color: #fca5a5 !important; } [data-color-theme="dark"] .fv5-page [style*="color:#1f2937"], [data-color-theme="dark"] .fv5-page [style*="color:#111827"], [data-color-theme="dark"] .fv5-page [style*="color:#0f172a"] { color: var(--v1d-text) !important; } [data-color-theme="dark"] .fv5-page [style*="color:#6b7280"], [data-color-theme="dark"] .fv5-page [style*="color:#9ca3af"], [data-color-theme="dark"] .fv5-page [style*="color:#4b5563"] { color: var(--v1d-text-muted) !important; } [data-color-theme="dark"] .fv5-page [style*="border:1px solid #e5e7eb"], [data-color-theme="dark"] .fv5-page [style*="border-color:#e5e7eb"] { border-color: var(--v1d-border) !important; } /* ===================================================================== * V1 COLLECTION PAGE — SÖTÉT TÉMA (col1 namespace) * /blog-post és /product-description gyűjtőoldalakhoz. * A design eredetileg light-themera készült — itt sötétebb, kicsit * deszaturáltabb kék gradient + sötét page-bg, hogy ne legyen harsány. * ===================================================================== */ [data-color-theme="dark"] .col1 { background: var(--v1d-bg, #0b0f17); } [data-color-theme="dark"] .col1-head h1 { color: var(--v1d-text, #e5e7eb); } [data-color-theme="dark"] .col1-card { background: #1d4ed8; background-image: radial-gradient(110% 80% at 100% 0%, rgba(255,255,255,0.08), transparent 55%), linear-gradient(180deg, #1e40af 0%, #1d4ed8 100%); color: #f1f5f9; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(29,78,216,0.28); } [data-color-theme="dark"] .col1-card:hover { box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 14px 32px rgba(29,78,216,0.42); } [data-color-theme="dark"] .col1-card__title { color: #f8fafc; } [data-color-theme="dark"] .col1-card__desc { color: rgba(241,245,249,0.85); } [data-color-theme="dark"] .col1-card--soon { background-image: radial-gradient(110% 80% at 100% 0%, rgba(255,255,255,0.04), transparent 55%), linear-gradient(180deg, #334155 0%, #283449 100%); box-shadow: 0 1px 2px rgba(0,0,0,.4); } [data-color-theme="dark"] .col1-card--soon:hover { box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 6px 14px rgba(51,65,85,0.32); } [data-color-theme="dark"] .col1-card__cta { background: #0f172a; color: #93c5fd; box-shadow: 0 1px 2px rgba(0,0,0,.5); } [data-color-theme="dark"] .col1-card__cta:hover { background: #1e293b; color: #bfdbfe; } [data-color-theme="dark"] .col1-card__cta svg { color: #93c5fd; } [data-color-theme="dark"] .col1-card--soon .col1-card__cta { background: rgba(255,255,255,0.08); color: #cbd5e1; } [data-color-theme="dark"] .col1-card--soon .col1-card__cta svg { color: #cbd5e1; } [data-color-theme="dark"] .col1-card--soon .col1-card__cta:hover { background: rgba(255,255,255,0.14); } [data-color-theme="dark"] .col1-card__soon { background: rgba(255,255,255,0.10); color: #f8fafc; } /* ===================================================================== * FIX-BATCH 2026-05-23 — sotet nezet finomitasok V5 urlapokon + col1 * ===================================================================== */ /* --- #3: scrollbar Limitless override --- */ [data-color-theme="dark"] body, [data-color-theme="dark"] .custom-scrollbars, [data-color-theme="dark"] .custom-scrollbars * { scrollbar-color: #4b5563 #1a2433 !important; scrollbar-width: thin !important; } [data-color-theme="dark"] ::-webkit-scrollbar { width: 10px; height: 10px; background: #1a2433; } [data-color-theme="dark"] ::-webkit-scrollbar-thumb { background: #4b5563; border-radius: 5px; border: 2px solid #1a2433; } [data-color-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #6b7280; } [data-color-theme="dark"] ::-webkit-scrollbar-track { background: #1a2433; } /* --- #4: fv5-summary + mini-cost (fv5-page--soft) --- */ [data-color-theme="dark"] .fv5-page--soft .fv5-summary { background: var(--v1d-surface, #131a26) !important; border: 1px solid var(--v1d-border, #243043) !important; box-shadow: 0 4px 18px rgba(0,0,0,.42) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-summary__head { background: var(--v1d-surface-2, #1a2433) !important; border-bottom: 1px solid var(--v1d-border, #243043) !important; color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-summary__title { color: #93c5fd !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-summary__num { color: #f8fafc !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-summary__unit { color: #cbd5e1 !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-summary__sub { color: var(--v1d-text-muted, #9ca3af) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-summary__body { background: var(--v1d-surface, #131a26) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-mini-cost { background: var(--v1d-surface-3, #0f1726) !important; border-color: var(--v1d-border, #243043) !important; color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-mini-cost__row { border-bottom-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-mini-cost__row .l { color: var(--v1d-text-muted, #9ca3af) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-mini-cost__row .v { color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-mini-cost__total { border-top: 1px solid var(--v1d-border, #243043) !important; background: rgba(59,130,246,.08) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-mini-cost__total .l { color: var(--v1d-text-muted, #9ca3af) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-mini-cost__total .v { color: #f8fafc !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-mini-cost__total .u { color: var(--v1d-text-muted, #9ca3af) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-precise-cost { background: var(--v1d-surface-2, #1a2433) !important; color: var(--v1d-text, #e5e7eb) !important; border-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-precise-cost b { color: #93c5fd !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-precise-cost__total { color: #f8fafc !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-balance { background: var(--v1d-surface-3, #0f1726) !important; border-color: var(--v1d-border, #243043) !important; color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-balance__num { color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-page--soft .fv5-balance__after { color: #6ee7b7 !important; } /* --- #5: fv3-block__num + thread-line --- */ [data-color-theme="dark"] .fv3-page .fv3-block__num, [data-color-theme="dark"] .fv5-page--soft .fv3-block__num { background: var(--v1d-surface-2, #1a2433) !important; color: var(--v1d-text-muted, #9ca3af) !important; border-color: var(--v1d-border, #243043) !important; box-shadow: none !important; } [data-color-theme="dark"] .fv3-page .fv3-block.is-active .fv3-block__num, [data-color-theme="dark"] .fv5-page--soft .fv3-block.is-active .fv3-block__num { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; box-shadow: 0 0 0 4px rgba(37,99,235,.18) !important; } [data-color-theme="dark"] .fv3-page .fv3-block.is-done .fv3-block__num, [data-color-theme="dark"] .fv5-page--soft .fv3-block.is-done .fv3-block__num { background: rgba(37,99,235,.18) !important; color: #93c5fd !important; border-color: rgba(37,99,235,.32) !important; } [data-color-theme="dark"] .fv3-page .fv3-block::before, [data-color-theme="dark"] .fv3-page .fv3-block::after, [data-color-theme="dark"] .fv5-page--soft .fv3-block::before, [data-color-theme="dark"] .fv5-page--soft .fv3-block::after { background: var(--v1d-border, #243043) !important; } /* --- #7: col1 page (selector) --- */ [data-color-theme="dark"] .col1 { background: var(--v1d-bg, #0b0f17) !important; } [data-color-theme="dark"] .col1-head h1 { color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .col1-card { background: #1e3a8a !important; background-image: radial-gradient(110% 80% at 100% 0%, rgba(255,255,255,0.08), transparent 55%), linear-gradient(180deg, #1e40af 0%, #1d3a8a 100%) !important; color: #f1f5f9 !important; box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 10px 24px rgba(29,58,138,.42) !important; border: 1px solid rgba(96,165,250,.18) !important; } [data-color-theme="dark"] .col1-card:hover { box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 18px 36px rgba(29,58,138,.62) !important; transform: translateY(-2px); } [data-color-theme="dark"] .col1-card__title { color: #f8fafc !important; } [data-color-theme="dark"] .col1-card__desc { color: rgba(241,245,249,.92) !important; } [data-color-theme="dark"] .col1-card__icon { color: rgba(255,255,255,.95) !important; } [data-color-theme="dark"] .col1-card--soon { background: #1f2937 !important; background-image: radial-gradient(110% 80% at 100% 0%, rgba(255,255,255,0.04), transparent 55%), linear-gradient(180deg, #374151 0%, #1f2937 100%) !important; border-color: rgba(148,163,184,.16) !important; box-shadow: 0 1px 2px rgba(0,0,0,.4) !important; } [data-color-theme="dark"] .col1-card--soon:hover { transform: none; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 6px 14px rgba(0,0,0,.5) !important; } [data-color-theme="dark"] .col1-card__cta { background: #f8fafc !important; color: #1d4ed8 !important; box-shadow: 0 1px 3px rgba(0,0,0,.4) !important; border: 0 !important; } [data-color-theme="dark"] .col1-card__cta:hover { background: #dbeafe !important; transform: translateY(-1px); } [data-color-theme="dark"] .col1-card__cta svg { color: #2563eb !important; } [data-color-theme="dark"] .col1-card--soon .col1-card__cta { background: rgba(255,255,255,.12) !important; color: #f8fafc !important; box-shadow: none !important; } [data-color-theme="dark"] .col1-card--soon .col1-card__cta svg { color: #cbd5e1 !important; } [data-color-theme="dark"] .col1-card--soon .col1-card__cta:hover { background: rgba(255,255,255,.18) !important; } [data-color-theme="dark"] .col1-card__soon { background: rgba(255,255,255,.14) !important; color: #f8fafc !important; } /* ===================================================================== * FIX-BATCH 2 — 2026-05-23 (Fix #8 - #13) * ===================================================================== */ /* ============ FIX 11: pl1-avatar tooltip (light + dark) ============ A user-avataron a natív [title] tooltip helyett szebb CSS-tooltip. */ .pl1-avatar { position: relative; } .pl1-avatar[title]::after { content: attr(title); position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%) translateY(4px); padding: 6px 10px; background: #111827; color: #f8fafc; font-size: 11.5px; font-weight: 500; line-height: 1.2; border-radius: 6px; white-space: nowrap; opacity: 0; pointer-events: none; z-index: 100; transition: opacity .12s, transform .12s; box-shadow: 0 4px 12px rgba(0,0,0,.18); } .pl1-avatar[title]::before { content: ''; position: absolute; bottom: calc(100% + 2px); left: 50%; transform: translateX(-50%) translateY(4px); border: 5px solid transparent; border-top-color: #111827; opacity: 0; pointer-events: none; z-index: 100; transition: opacity .12s, transform .12s; } .pl1-avatar[title]:hover::after, .pl1-avatar[title]:hover::before { opacity: 1; transform: translateX(-50%) translateY(0); } [data-color-theme="dark"] .pl1-avatar[title]::after { background: #1a2433; color: #f8fafc; box-shadow: 0 4px 12px rgba(0,0,0,.5); } [data-color-theme="dark"] .pl1-avatar[title]::before { border-top-color: #1a2433; } /* ============ FIX 12: pd1-user row layout ============ A markup pd1-user__avatar / pd1-user__body / pd1-toggle 3-elemes; a meglevo grid pd1-user__av / 1fr / auto / auto -ra szamol — nem all ossze. Flex layouttal javitjuk, min-width: 0 a body-n. */ .pd1-user { display: flex !important; align-items: center !important; gap: 14px !important; grid-template-columns: none !important; } .pd1-user__avatar { width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px; display: grid; place-items: center; color: #fff; background: #2563eb; font-family: 'Supreme','Inter',sans-serif; font-weight: 600; font-size: 13px; letter-spacing: 0.02em; } .pd1-user__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .pd1-user__name { font-weight: 600; font-size: 13.5px; color: #111827; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pd1-user__email { font-size: 12px; color: #6b7280; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pd1-user .pd1-toggle--inline { flex-shrink: 0; } [data-color-theme="dark"] .pd1-user__name { color: var(--v1d-text, #e5e7eb); } [data-color-theme="dark"] .pd1-user__email { color: var(--v1d-text-muted, #9ca3af); } /* ============ FIX 13: pd1-split a.pd1-split__main dark ============ */ [data-color-theme="dark"] .v1b.v1d .pd1-split > a.pd1-split__main, [data-color-theme="dark"] .v1b.v1d .pd1-split > button { background: #2563eb !important; border-color: #2563eb !important; color: #fff !important; } [data-color-theme="dark"] .v1b.v1d .pd1-split > a.pd1-split__main:hover, [data-color-theme="dark"] .v1b.v1d .pd1-split > button:hover { background: #1d4ed8 !important; border-color: #1d4ed8 !important; color: #fff !important; } /* ============ FIX 9/70: pf1-pw-meter sotet — ugyanaz a szerkezet mint vilagosban, ============ */ /* csak sotetebb tonusok; NINCS kulon border a szegmenseken (az korabban "szigetesse" tette). */ [data-color-theme="dark"] .pf1-pw-meter span { background: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .pf1-pw-meter.lvl-1 span:nth-child(-n+1) { background: #b45309 !important; } [data-color-theme="dark"] .pf1-pw-meter.lvl-2 span:nth-child(-n+2) { background: #a16207 !important; } [data-color-theme="dark"] .pf1-pw-meter.lvl-3 span:nth-child(-n+3) { background: #65a30d !important; } [data-color-theme="dark"] .pf1-pw-meter.lvl-4 span { background: #15803d !important; } /* ============ FIX 10: kredit-tortenet (pf1-tbl) sotet ============ */ [data-color-theme="dark"] .pf1-tbl__name { color: var(--v1d-text, #f8fafc) !important; font-weight: 600; } [data-color-theme="dark"] .pf1-tbl__type__ic { background: var(--v1d-surface-2, #1a2433) !important; color: var(--v1d-text-muted, #9ca3af) !important; border: 1px solid var(--v1d-border, #243043); } [data-color-theme="dark"] .pf1-tbl__type__ic.buy { background: rgba(16,185,129,.16) !important; color: #6ee7b7 !important; border-color: rgba(16,185,129,.32); } [data-color-theme="dark"] .pf1-tbl__type__ic.use { background: rgba(245,158,11,.16) !important; color: #fcd34d !important; border-color: rgba(245,158,11,.32); } [data-color-theme="dark"] .pf1-tbl__type__ic.refund { background: rgba(59,130,246,.16) !important; color: #93c5fd !important; border-color: rgba(59,130,246,.32); } [data-color-theme="dark"] .pf1-tbl__type__ic.lock { background: rgba(239,68,68,.16) !important; color: #fca5a5 !important; border-color: rgba(239,68,68,.32); } /* ===================================================================== * FIX-BATCH 3 — 2026-05-23 (Fix #15 - #17) * ===================================================================== */ /* ============ FIX 15: szamlak td.invno fekete szoveg sotet ============ */ [data-color-theme="dark"] .inv1 td.invno b, [data-color-theme="dark"] .inv1-tbl td.invno b { color: var(--v1d-text, #f8fafc) !important; } [data-color-theme="dark"] .inv1 td.invno .invno__sub, [data-color-theme="dark"] .inv1-tbl td.invno .invno__sub { color: var(--v1d-text-muted, #94a3b8) !important; } /* ============ FIX 16: szamlak muvelet-oszlop sotet inline szinek ============ A .inv1-grp-row sok inline color: #6b7280/#475569/#374151/#0f172a/#64748b/#374151 sotet hatteren olvashatatlan — felulirjuk a sotet palettara, ahol nem szandekos. */ [data-color-theme="dark"] .inv1-grp-row td, [data-color-theme="dark"] .inv1-tbl tbody tr td { color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .inv1-grp-row td.date, [data-color-theme="dark"] .inv1-grp-row td.date * { color: var(--v1d-text-muted, #cbd5e1) !important; } [data-color-theme="dark"] .inv1-grp-row td.num { color: var(--v1d-text, #f1f5f9) !important; } /* a "+4 000,00" pozitiv osszeg zold-feher */ [data-color-theme="dark"] .inv1-grp-row td.num span[style*="color:#047857"] { color: #6ee7b7 !important; } /* FIX 2026-07-18: a NEGATIV (terheles) osszeg parja. A fenti zold megvolt, a piros KIMARADT — a #b91c1c a mert #162124 sor-hatteren mindossze 2,54:1 (a WCAG AA minimuma 4,5:1), vagyis a legfontosabb tetel, a tenyleges penzkoltes volt a legrosszabbul olvashato. Az #fca5a5 a sajat palettankbol jon (inv1-status--cancelled) es 8,66:1-et ad. SZANDEKOSAN nincs .inv1-grp-row scope: a kredit-tortenet tablaja `pf1-tbl`, nem `inv1-tbl`, ezert a scope-olt szabaly nem eri el (meressel igazolva: a piros valtozatlanul kijott sotetben). */ [data-color-theme="dark"] td.num span[style*="color:#b91c1c"] { color: #fca5a5 !important; } /* az utolso, "Kreditek vasarlasa" / muvelet-leiras oszlop */ [data-color-theme="dark"] .inv1-grp-row td[style*="color:#374151"], [data-color-theme="dark"] .inv1-grp-row td[style*="color:#0f172a"] { color: var(--v1d-text, #f1f5f9) !important; } /* csoport-azonosito kis sor (#1686 / CreditPurchase #40) */ [data-color-theme="dark"] .inv1-typecell span[style*="color:#475569"], [data-color-theme="dark"] .inv1-grp-row div[style*="color:#64748b"] { color: var(--v1d-text-muted, #94a3b8) !important; } /* csoport-row sor hatter — kicsit tompabb sotet, hogy ne ragyogjon */ [data-color-theme="dark"] .inv1-grp-row[style*="background:#85400A0d"] { background: rgba(245,158,11,.08) !important; } [data-color-theme="dark"] .inv1-grp-row[style*="background:"] { /* fallback ahol szines transparenciat raktunk; sotetben legfeljebb 12%-os opacitas */ background-color: rgba(255,255,255,0.03) !important; } /* ============ FIX 17: ck1-qty-mini (kredit csomag stepper) — kontraszt ============ */ .ck1-qty-mini button { background: #eef2ff; } .ck1-qty-mini button:hover { background: #dbeafe; color: #1d4ed8; } .ck1-qty-mini input { background: white; } [data-color-theme="dark"] .ck1-qty-mini { background: var(--v1d-surface-3, #0f1726) !important; border-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .ck1-qty-mini button { background: var(--v1d-surface-2, #1a2433) !important; color: #93c5fd !important; } [data-color-theme="dark"] .ck1-qty-mini button:hover { background: var(--v1d-border, #243043) !important; color: #bfdbfe !important; } [data-color-theme="dark"] .ck1-qty-mini input { background: var(--v1d-surface, #131a26) !important; color: var(--v1d-text, #f8fafc) !important; } /* Highlighted (nagy/legjobb) csomag — meg jobb kontraszt */ [data-color-theme="dark"] .ck1-package--highlight .ck1-qty-mini, [data-color-theme="dark"] .ck1-package--featured .ck1-qty-mini, [data-color-theme="dark"] .ck1-package.is-recommended .ck1-qty-mini { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.22) !important; } [data-color-theme="dark"] .ck1-package--highlight .ck1-qty-mini button, [data-color-theme="dark"] .ck1-package--featured .ck1-qty-mini button, [data-color-theme="dark"] .ck1-package.is-recommended .ck1-qty-mini button { background: rgba(255,255,255,.18) !important; color: #fff !important; } [data-color-theme="dark"] .ck1-package--highlight .ck1-qty-mini button:hover, [data-color-theme="dark"] .ck1-package--featured .ck1-qty-mini button:hover, [data-color-theme="dark"] .ck1-package.is-recommended .ck1-qty-mini button:hover { background: rgba(255,255,255,.28) !important; } [data-color-theme="dark"] .ck1-package--highlight .ck1-qty-mini input, [data-color-theme="dark"] .ck1-package--featured .ck1-qty-mini input, [data-color-theme="dark"] .ck1-package.is-recommended .ck1-qty-mini input { background: rgba(0,0,0,.22) !important; color: #fff !important; } /* ===================================================================== * FIX 21 (2026-05-23): V5 form-mezok hibajelzese — piros korvonal + uzenet * ===================================================================== */ /* Light: V5 inputok hibas allapota */ .fv3-page .fv3-input.is-invalid, .fv3-page .fv3-textarea.is-invalid, .fv3-page .fv3-select.is-invalid, .fv5-page .fv3-input.is-invalid, .fv5-page .fv3-textarea.is-invalid, .fv5-page .fv3-select.is-invalid { border-color: #dc2626 !important; background: #fef2f2 !important; box-shadow: 0 0 0 3px rgba(220,38,38,.12) !important; } .fv3-page .fv3-input.is-invalid:focus, .fv3-page .fv3-textarea.is-invalid:focus, .fv3-page .fv3-select.is-invalid:focus, .fv5-page .fv3-input.is-invalid:focus, .fv5-page .fv3-textarea.is-invalid:focus, .fv5-page .fv3-select.is-invalid:focus { border-color: #b91c1c !important; box-shadow: 0 0 0 3px rgba(220,38,38,.22) !important; outline: none !important; } /* JsValidator emits .invalid-feedback siblings */ .fv3-page .invalid-feedback, .fv5-page .invalid-feedback, .fv3-page .fv3-error, .fv5-page .fv3-error { display: block; color: #dc2626; font-size: 12.5px; font-weight: 500; line-height: 1.4; margin-top: 6px; padding-left: 22px; position: relative; } .fv3-page .invalid-feedback::before, .fv5-page .invalid-feedback::before, .fv3-page .fv3-error::before, .fv5-page .fv3-error::before { content: ''; position: absolute; left: 0; top: 1px; width: 16px; height: 16px; background-color: #dc2626; -webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain; mask: url('data:image/svg+xml;utf8,') no-repeat center / contain; } /* FIX 64 (2026-06-14): a laravel-jsvalidation ÜRESEN injektálja az .invalid-feedback diveket MINDEN mezőhöz (id="..-error"), így hiba nélkül is megjelent a piros ⊘ ikon. Üres állapotban (nincs valódi hiba) teljesen elrejtjük — sem ikon, sem hely. Amint a validátor hibaszöveggel tölti, :empty megszűnik → látszik. */ .fv3-page .invalid-feedback:empty, .fv5-page .invalid-feedback:empty, .fv3-page .invalid-feedback.is-valid, .fv5-page .invalid-feedback.is-valid { display: none !important; } /* fv3-field label piros, ha benne van .is-invalid mezo */ .fv3-page .fv3-field:has(.is-invalid) > .fv3-label, .fv5-page .fv3-field:has(.is-invalid) > .fv3-label { color: #b91c1c; } /* Egesz fv3-card finom piros keret, ha tartalmaz invalid mezot */ .fv3-page .fv3-card:has(.is-invalid), .fv5-page .fv3-card:has(.is-invalid) { border-color: rgba(220,38,38,.30) !important; } /* DARK */ [data-color-theme="dark"] .fv3-page .fv3-input.is-invalid, [data-color-theme="dark"] .fv3-page .fv3-textarea.is-invalid, [data-color-theme="dark"] .fv3-page .fv3-select.is-invalid, [data-color-theme="dark"] .fv5-page .fv3-input.is-invalid, [data-color-theme="dark"] .fv5-page .fv3-textarea.is-invalid, [data-color-theme="dark"] .fv5-page .fv3-select.is-invalid { border-color: #f87171 !important; background: rgba(220,38,38,.10) !important; box-shadow: 0 0 0 3px rgba(248,113,113,.16) !important; color: var(--v1d-text, #f1f5f9) !important; } [data-color-theme="dark"] .fv3-page .invalid-feedback, [data-color-theme="dark"] .fv5-page .invalid-feedback, [data-color-theme="dark"] .fv3-page .fv3-error, [data-color-theme="dark"] .fv5-page .fv3-error { color: #fca5a5; } [data-color-theme="dark"] .fv3-page .invalid-feedback::before, [data-color-theme="dark"] .fv5-page .invalid-feedback::before, [data-color-theme="dark"] .fv3-page .fv3-error::before, [data-color-theme="dark"] .fv5-page .fv3-error::before { background-color: #fca5a5; } [data-color-theme="dark"] .fv5-page .fv3-card:has(.is-invalid) { border-color: rgba(248,113,113,.30) !important; } /* ===================================================================== * FIX 23 (2026-05-27): Mutations Block 3 — projekt-tab-bar * Több kijelölt projekt instrukciói között váltó tab-bar a fv3-instr-stack felett. * ===================================================================== */ .fv5-instr-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; padding: 6px; background: #f4f6f9; border: 1px solid #e5e7eb; border-radius: 10px; } .fv5-instr-tabs:empty::before { content: 'Jelölj ki legalább egy projektet a fenti listából — a kiválasztott projekt(ek) instrukcióit itt szerkesztheted.'; display: block; padding: 8px 10px; color: #6b7280; font-size: 12.5px; font-style: italic; } .fv5-instr-tab { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px 7px 7px; background: white; border: 1.5px solid transparent; border-radius: 8px; font: inherit; font-size: 12.5px; font-weight: 500; color: #374151; cursor: pointer; transition: all .12s; } .fv5-instr-tab:hover { background: #eff6ff; color: #1d4ed8; } .fv5-instr-tab.is-active { background: white; border-color: #2563eb; color: #1d4ed8; font-weight: 600; box-shadow: 0 1px 2px rgba(37,99,235,.18); } .fv5-instr-tab__avatar { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; color: white; font-size: 10px; font-weight: 700; letter-spacing: .02em; flex-shrink: 0; } .fv5-instr-tab__name { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [data-color-theme="dark"] .fv5-instr-tabs { background: var(--v1d-surface-3, #0f1726); border-color: var(--v1d-border, #243043); } [data-color-theme="dark"] .fv5-instr-tab { background: var(--v1d-surface-2, #1a2433); color: var(--v1d-text-muted, #9ca3af); } [data-color-theme="dark"] .fv5-instr-tab:hover { background: var(--v1d-border, #243043); color: #93c5fd; } [data-color-theme="dark"] .fv5-instr-tab.is-active { background: var(--v1d-primary-soft, #172554) !important; border-color: #60a5fa !important; color: #bfdbfe !important; box-shadow: 0 1px 2px rgba(0,0,0,.4); } /* ===================================================================== * FIX-BATCH 4 — 2026-05-27 (Fix #26-29) sotet nezet finomitasok * ===================================================================== */ /* --- FIX 26: fv5-article__head sotet nezet (ne vilagitson) --- */ [data-color-theme="dark"] .fv5-article { background: var(--v1d-surface, #131a26) !important; border-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-article__head { background: var(--v1d-surface-2, #1a2433) !important; color: var(--v1d-text, #e5e7eb) !important; border-bottom-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-article.is-expanded .fv5-article__head { background: var(--v1d-primary-soft, #172554) !important; color: #bfdbfe !important; } [data-color-theme="dark"] .fv5-article__title-preview { color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-article__title-preview span[style*="color:#9ca3af"] { color: var(--v1d-text-muted, #94a3b8) !important; } [data-color-theme="dark"] .fv5-article__idx { background: rgba(59,130,246,.22) !important; color: #93c5fd !important; } [data-color-theme="dark"] .fv5-article__chev, [data-color-theme="dark"] .fv5-article__remove { color: var(--v1d-text-muted, #94a3b8) !important; } [data-color-theme="dark"] .fv5-article__remove:hover:not(:disabled) { background: rgba(239,68,68,.18) !important; color: #fca5a5 !important; } [data-color-theme="dark"] .fv5-article__body { background: var(--v1d-surface, #131a26) !important; border-top-color: var(--v1d-border, #243043) !important; color: var(--v1d-text, #e5e7eb) !important; } /* --- FIX 27: fv5-mini-cost__total sotetben ne kapjon kulon hattert --- */ [data-color-theme="dark"] .fv5-page--soft .fv5-mini-cost__total, [data-color-theme="dark"] .fv5-mini-cost__total { background: transparent !important; border-top: 1px solid var(--v1d-border, #243043) !important; } /* --- FIX 28: fv5-topic__num — szamos negyzet — sotet finomitas --- */ [data-color-theme="dark"] .fv5-topic { background: var(--v1d-surface-3, #0f1726) !important; border-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-topic:hover { border-color: var(--v1d-border-strong, #334155) !important; } [data-color-theme="dark"] .fv5-topic.is-filled { background: var(--v1d-primary-soft, #172554) !important; border-color: rgba(96,165,250,.40) !important; } [data-color-theme="dark"] .fv5-topic:focus-within { border-color: #60a5fa !important; box-shadow: 0 0 0 3px rgba(96,165,250,.18) !important; } [data-color-theme="dark"] .fv5-topic__num { background: var(--v1d-surface-2, #1a2433) !important; color: var(--v1d-text-muted, #94a3b8) !important; border: 1px solid var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-topic.is-filled .fv5-topic__num { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; } [data-color-theme="dark"] .fv5-topic__input { background: transparent !important; color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-topic__input::placeholder { color: var(--v1d-text-muted, #6b7280) !important; } [data-color-theme="dark"] .fv5-topics__list { background: transparent !important; } [data-color-theme="dark"] .fv5-topics__label { color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-topics__hint { color: var(--v1d-text-muted, #94a3b8) !important; } [data-color-theme="dark"] .fv5-topics__progress { color: var(--v1d-text-muted, #94a3b8) !important; } /* --- FIX 29: fv3-seg hover sotet --- */ [data-color-theme="dark"] .fv3-seg { background: var(--v1d-surface-3, #0f1726) !important; border-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv3-seg button { background: transparent !important; color: var(--v1d-text-muted, #94a3b8) !important; } [data-color-theme="dark"] .fv3-seg button:hover { background: var(--v1d-surface-2, #1a2433) !important; color: #bfdbfe !important; } [data-color-theme="dark"] .fv3-seg button.is-on { background: var(--v1d-surface, #131a26) !important; color: var(--v1d-text, #f1f5f9) !important; box-shadow: 0 1px 2px rgba(0,0,0,.40), 0 0 0 1px var(--v1d-border-strong, #334155) inset !important; } /* ===================================================================== * FIX-BATCH 5 — 2026-05-27 (Fix #30-36) * ===================================================================== */ /* --- FIX 30: fv5-story also recap sotet --- */ [data-color-theme="dark"] .fv5-story { background: var(--v1d-surface, #131a26) !important; border: 1px solid var(--v1d-border, #243043) !important; box-shadow: 0 4px 18px rgba(0,0,0,.42) !important; } [data-color-theme="dark"] .fv5-story__title { color: var(--v1d-text, #f1f5f9) !important; } [data-color-theme="dark"] .fv5-story__sub { color: var(--v1d-text-muted, #94a3b8) !important; } [data-color-theme="dark"] .fv5-story__step-label { color: var(--v1d-text-muted, #9ca3af) !important; } [data-color-theme="dark"] .fv5-story__step-text { color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-story__step-text b { color: #f1f5f9 !important; } [data-color-theme="dark"] .fv5-story__placeholder { color: var(--v1d-text-muted, #94a3b8) !important; font-style: italic; } [data-color-theme="dark"] .fv5-story__num { background: var(--v1d-surface-2, #1a2433) !important; color: var(--v1d-text-muted, #94a3b8) !important; border: 1px solid var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-story__step--final .fv5-story__num { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; } [data-color-theme="dark"] .fv5-story__step:not(:last-child)::before { background: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-story__chip { background: var(--v1d-surface-2, #1a2433) !important; color: var(--v1d-text, #e5e7eb) !important; border-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-story__final-card { background: var(--v1d-surface-2, #1a2433) !important; border: 1px solid var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-story__final-cost, [data-color-theme="dark"] .fv5-story__final-num { color: #f1f5f9 !important; } [data-color-theme="dark"] .fv5-story__final-unit { color: var(--v1d-text-muted, #9ca3af) !important; } /* --- FIX 31: fv3-instr__body egyseges hatter --- */ [data-color-theme="dark"] .fv3-instr { background: var(--v1d-surface, #131a26) !important; border-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv3-instr__head { background: var(--v1d-surface-2, #1a2433) !important; border-bottom-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv3-instr__body { background: var(--v1d-surface, #131a26) !important; border-top-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv3-instr__body .fv3-textarea, [data-color-theme="dark"] .fv3-instr__body .visible-instr-text { background: var(--v1d-surface-3, #0f1726) !important; color: var(--v1d-text, #e5e7eb) !important; border-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv3-instr__body .fv3-textarea:focus, [data-color-theme="dark"] .fv3-instr__body .visible-instr-text:focus { border-color: #60a5fa !important; box-shadow: 0 0 0 3px rgba(96,165,250,.18) !important; } [data-color-theme="dark"] .fv3-instr__name { color: var(--v1d-text, #f1f5f9) !important; } [data-color-theme="dark"] .fv3-instr__desc { color: var(--v1d-text-muted, #94a3b8) !important; } /* --- FIX 32: fv5-mini-cost__total transparent sotetben (erosebb selector) --- */ [data-color-theme="dark"] .fv5-page--soft .fv5-summary__body .fv5-mini-cost .fv5-mini-cost__total, [data-color-theme="dark"] .fv5-page .fv5-mini-cost .fv5-mini-cost__total, [data-color-theme="dark"] .fv5-mini-cost > .fv5-mini-cost__total { background: transparent !important; border-top: 1px solid var(--v1d-border, #243043) !important; } /* --- FIX 33: fv5-multi__item (projekt-kartyak) sotet --- */ [data-color-theme="dark"] .fv5-multi { background: var(--v1d-surface-3, #0f1726) !important; border-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-multi__head { color: var(--v1d-text-muted, #94a3b8) !important; } [data-color-theme="dark"] .fv5-multi__progress { color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-multi__progress b { color: #93c5fd !important; } [data-color-theme="dark"] .fv5-multi__progress-bar { background: var(--v1d-surface-2, #1a2433) !important; } [data-color-theme="dark"] .fv5-multi__progress-fill { background: #2563eb !important; } [data-color-theme="dark"] .fv5-multi__action { color: var(--v1d-text-muted, #94a3b8) !important; background: transparent !important; } [data-color-theme="dark"] .fv5-multi__action:hover { color: #bfdbfe !important; background: var(--v1d-surface-2, #1a2433) !important; } [data-color-theme="dark"] .fv5-multi__chips:empty::before { color: var(--v1d-text-muted, #94a3b8) !important; } [data-color-theme="dark"] .fv5-multi__chip { background: var(--v1d-surface-2, #1a2433) !important; color: var(--v1d-text, #e5e7eb) !important; border-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-multi__chip-remove { color: var(--v1d-text-muted, #94a3b8) !important; } [data-color-theme="dark"] .fv5-multi__chip-remove:hover { color: #fca5a5 !important; background: rgba(239,68,68,.18) !important; } [data-color-theme="dark"] .fv5-multi__list { background: transparent !important; } [data-color-theme="dark"] .fv5-multi__item { background: var(--v1d-surface-2, #1a2433) !important; border-color: var(--v1d-border, #243043) !important; color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-multi__item:hover { border-color: var(--v1d-border-strong, #334155) !important; background: var(--v1d-surface, #131a26) !important; } [data-color-theme="dark"] .fv5-multi__item.is-on { border-color: #60a5fa !important; background: var(--v1d-primary-soft, #172554) !important; } [data-color-theme="dark"] .fv5-multi__item.is-disabled { opacity: .45; } [data-color-theme="dark"] .fv5-multi__item-check { background: var(--v1d-surface-3, #0f1726) !important; border-color: var(--v1d-border, #243043) !important; color: transparent !important; } [data-color-theme="dark"] .fv5-multi__item.is-on .fv5-multi__item-check { background: #2563eb !important; border-color: #2563eb !important; color: white !important; } [data-color-theme="dark"] .fv5-multi__item-name { color: var(--v1d-text, #f1f5f9) !important; } [data-color-theme="dark"] .fv5-multi__item-desc { color: var(--v1d-text-muted, #94a3b8) !important; } [data-color-theme="dark"] .fv5-multi__limit { background: rgba(245,158,11,.14) !important; color: #fcd34d !important; border-color: rgba(245,158,11,.32) !important; } /* --- FIX 35 + FIX 54 (2026-05-27): fv3-seg semleges kiemelés A kék az indítógombok színe — itt nem kérünk kék hover/is-on-t. Bold font-weight tiltva (a 500→600 váltás box-méret-ugrást okozott). --- */ .fv3-seg button { font-weight: 500 !important; } .fv3-seg button:hover { background: #e5e7eb !important; color: #111827 !important; box-shadow: none !important; } .fv3-seg button.is-on { background: #ffffff !important; color: #111827 !important; box-shadow: 0 1px 2px rgba(0,0,0,.06) !important; font-weight: 500 !important; } [data-color-theme="dark"] .fv3-seg button:hover { background: var(--v1d-surface-3, #0f1726) !important; color: var(--v1d-text, #e5e7eb) !important; box-shadow: none !important; } [data-color-theme="dark"] .fv3-seg button.is-on { background: var(--v1d-surface-2, #1a2433) !important; color: var(--v1d-text, #f1f5f9) !important; box-shadow: 0 0 0 1px var(--v1d-border-strong, #334155) inset !important; font-weight: 500 !important; } /* --- FIX 36: dev/bp-research-v5 fv5-mini-cost.is-addon row sotet --- */ [data-color-theme="dark"] .fv5-mini-cost__row.is-addon { background: var(--v1d-surface-3, #0f1726) !important; color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-mini-cost__row.is-addon .l { color: var(--v1d-text-muted, #94a3b8) !important; } [data-color-theme="dark"] .fv5-mini-cost__row.is-addon .v.plus { color: #93c5fd !important; } /* ===================================================================== * FIX-BATCH 6 — 2026-05-27 (Fix #37-39 + audit-egysegesites) * ===================================================================== */ /* --- FIX 37: VIP csomag (fv5-pkg--vip) sotet nezetben kek-tinted helyett a meglevo --- Sotetben a narancs/sarga eros — tompitott rezbeige + sotetkek alapokra valtunk. */ [data-color-theme="dark"] .fv5-pkg--vip { border-color: rgba(245,158,11,.34) !important; } [data-color-theme="dark"] .fv5-pkg--vip .fv5-pkg__icon { background: rgba(245,158,11,.18) !important; color: #fcd34d !important; } [data-color-theme="dark"] .fv5-pkg--vip.is-on .fv5-pkg__icon { background: #d97706 !important; color: #fff !important; } [data-color-theme="dark"] .fv5-pkg--vip .fv5-pkg__price { color: #fcd34d !important; } [data-color-theme="dark"] .fv5-pkg--vip .fv5-pkg__badge { background: rgba(245,158,11,.20) !important; color: #fcd34d !important; border: 1px solid rgba(245,158,11,.32); } [data-color-theme="dark"] .fv5-pkg--vip.is-on { background: rgba(217,119,6,.10) !important; border-color: #d97706 !important; } /* --- FIX 38: fv3-addon__price chip egyseges szin (light + dark) --- Eddig csak bp-research-v5-on volt hasznalva; egyseges palette mindenhol. */ .fv3-addon__price { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 99px; font-size: 11px; font-weight: 600; background: #dbeafe; color: #1d4ed8; border: 1px solid rgba(37,99,235,.18); margin-left: 6px; white-space: nowrap; } [data-color-theme="dark"] .fv3-addon__price { background: rgba(59,130,246,.20) !important; color: #93c5fd !important; border-color: rgba(96,165,250,.30) !important; } /* --- FIX 39: stepper input kozepso hatter melyebb --- A jelenlegi background (white/--surface) ugyanaz mint a button kornyezete — most karakteresebb melyebb hatter. */ .fv5-page .fv3-stepper input { background: #f3f4f6 !important; color: #111827 !important; border-left: 1px solid #d1d5db !important; border-right: 1px solid #d1d5db !important; font-weight: 700; } [data-color-theme="dark"] .fv5-page .fv3-stepper input { background: #0b0f17 !important; color: var(--v1d-text, #f1f5f9) !important; border-left-color: var(--v1d-border-strong, #334155) !important; border-right-color: var(--v1d-border-strong, #334155) !important; } /* ===================================================================== * FIX-BATCH 7 — 2026-05-27 (Fix #45-46) * ===================================================================== */ /* --- FIX 45: fv5-source-article__body sotetben szurke surface (nem feher) --- */ [data-color-theme="dark"] .fv5-source-article__body { background: var(--v1d-surface, #131a26) !important; border-top-color: var(--v1d-border, #243043) !important; color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-source-article__body .fv3-label { color: var(--v1d-text-muted, #94a3b8) !important; } [data-color-theme="dark"] .fv5-source-article__body .fv3-input, [data-color-theme="dark"] .fv5-source-article__body .fv3-textarea { background: var(--v1d-surface-3, #0f1726) !important; color: var(--v1d-text, #f1f5f9) !important; border-color: var(--v1d-border, #243043) !important; } [data-color-theme="dark"] .fv5-source-article__body .fv3-input::placeholder, [data-color-theme="dark"] .fv5-source-article__body .fv3-textarea::placeholder { color: var(--v1d-text-muted, #6b7280) !important; } [data-color-theme="dark"] .fv5-source-article__body .fv3-input:focus, [data-color-theme="dark"] .fv5-source-article__body .fv3-textarea:focus { border-color: #60a5fa !important; box-shadow: 0 0 0 3px rgba(96,165,250,.18) !important; } [data-color-theme="dark"] .fv5-source-meter { color: var(--v1d-text-muted, #94a3b8) !important; } [data-color-theme="dark"] .fv5-source-meter b { color: var(--v1d-text, #e5e7eb) !important; } [data-color-theme="dark"] .fv5-source-meter__hint { color: var(--v1d-text-soft, #6b7280) !important; } /* --- FIX 46 felülírva FIX 54-gyel (fenti blokkban). A korábbi szabály törölve. --- */ /* ===================================================================== FIX 48 (2026-05-27): fv3-hint sötét nézet a source-article-body alatt. ===================================================================== */ [data-color-theme="dark"] .fv5-source-article__body .fv3-hint { color: var(--v1d-text-muted, #94a3b8) !important; } /* ===================================================================== FIX 50 (2026-05-27): fv5-multi__chips üres állapot háttere sötétben (eredeti: #f5f9ff világoskék — most sötét surface + halvány dashed) ===================================================================== */ [data-color-theme="dark"] .fv5-multi__chips { background: var(--v1d-surface-3, #0f1726) !important; border-color: rgba(96,165,250,.22) !important; } /* ===================================================================== FIX 52 (2026-05-27): oldalsó step-indicator sötétben - fv3-form::before vertikális rail #e5e7eb (fehér) volt → halvány szürke - fv3-form::after záró pont szintén - fv3-block.is-active fv3-block__num KÉK volt → egységesen surface-2 (mint az inaktív), csak halvány highlight különbség ===================================================================== */ [data-color-theme="dark"] .fv3-form::before { background: linear-gradient(180deg, transparent 0%, rgba(148,163,184,.22) 28px, rgba(148,163,184,.22) calc(100% - 56px), transparent 100%) !important; } [data-color-theme="dark"] .fv3-form::after { background: rgba(148,163,184,.28) !important; box-shadow: 0 0 0 4px var(--v1d-bg, #0b0f17) !important; } /* Aktív lépésindikátor kör — nem kék, egységes mint az inaktív, csak vékony highlight ring */ [data-color-theme="dark"] .fv3-page .fv3-block.is-active .fv3-block__num, [data-color-theme="dark"] .fv5-page--soft .fv3-block.is-active .fv3-block__num { background: var(--v1d-surface-2, #1a2433) !important; color: var(--v1d-text, #e5e7eb) !important; border-color: rgba(148,163,184,.45) !important; box-shadow: 0 0 0 4px rgba(148,163,184,.10) !important; } /* ===================================================================== FIX 56 (2026-05-27): - Step-szám kör EGYSÉGESEN: light=fehér, dark=surface — semmi kiemelés. A korábbi blue/halo/border-glow effekt mind eltüntetve. - fv5-multi__item.is-on sötétben: a #60a5fa világoskék border "okádék fehér körvonalként" nézett ki — most halvány surface inset. - kb1-art__media__play: a 1px fehér ring sötétben szintén csúnya — elvéve. ===================================================================== */ /* Step kör — sötét mód: minden állapotban ugyanaz a semleges surface */ [data-color-theme="dark"] .fv3-page .fv3-block .fv3-block__num, [data-color-theme="dark"] .fv3-page .fv3-block.is-active .fv3-block__num, [data-color-theme="dark"] .fv3-page .fv3-block.is-done .fv3-block__num, [data-color-theme="dark"] .fv5-page--soft .fv3-block .fv3-block__num, [data-color-theme="dark"] .fv5-page--soft .fv3-block.is-active .fv3-block__num, [data-color-theme="dark"] .fv5-page--soft .fv3-block.is-done .fv3-block__num { background: var(--v1d-surface-2, #1a2433) !important; color: var(--v1d-text-muted, #9ca3af) !important; border-color: var(--v1d-border, #243043) !important; box-shadow: none !important; } /* Project chip (multi-item) is-on — ne legyen feltűnő világos border */ [data-color-theme="dark"] .fv5-multi__item.is-on { border-color: var(--v1d-border-strong, #334155) !important; background: var(--v1d-surface, #131a26) !important; box-shadow: none !important; } /* Play gomb (KB cikk videó) — vékony fehér ring elvéve */ [data-color-theme="dark"] .kb1-art__media__play { border-color: transparent !important; } /* ============================================================ FIX 81: Bootstrap offcanvas (értesítés + súgó oldalsávok) záró X-gomb sötét módban. A .btn-light világosszürke köre kirívóan elüt a sötét (#2c2d33) offcanvas-háttéren. Body-szintű komponens, ezért NEM .v1b.v1d alá scope-olva. Áttetsző, a bármilyen sötét háttérrel jól vegyülő gomb, világos X-szel. ============================================================ */ /* A Limitless .btn a hátteret/szövegét custom property-ből számolja (--btn-bg / --btn-color / --btn-hover-bg …), amit egy erős dark-téma szabály állít. Ezért ezeket a változókat írjuk felül (idiomatikus Limitless-override), nem a background-ot közvetlenül. */ [data-color-theme="dark"] .offcanvas-header .btn-light.btn-icon { --btn-bg: rgba(255, 255, 255, 0.06); --btn-color: #cbd5e1; --btn-border-color: transparent; --btn-hover-bg: rgba(255, 255, 255, 0.14); --btn-hover-color: #f8fafc; --btn-hover-border-color: transparent; --btn-active-bg: rgba(255, 255, 255, 0.18); --btn-active-color: #f8fafc; } /* ===================================================================== */ /* POLISH (2026-07-08) — világos színes info-dobozok/badge-ek dark-hangolása */ /* Attribútum-szelektor a beégetett háttér-hex-re → MINDEN inline előfordulást */ /* fed (jelenlegi és jövőbeli), a light nézet bájtazonos marad. A szín- */ /* szemantika megmarad (amber=figyelmeztetés, kék=info), csak tompított, */ /* sötét-tónusú accent — a meglévő pill.amber / kb1-cat__ic.blue mintázat. */ /* ===================================================================== */ /* Amber értesítő doboz (#fffbeb bg / #fde68a border / #b45309 szöveg+ikon) pl. kredit-vásárlás: „nincs elérhető fizetési mód". */ [data-color-theme="dark"] [style*="#fffbeb"] { background: #2a2012 !important; border-color: #854d0e !important; color: #fcd34d !important; } /* Kék ikon-badge (#eff6ff bg / #2563eb ikon) — pl. dashboard „hamarosan" modal. Az ikon currentColor-t használ, így a color a badge ikonját is átszínezi. */ [data-color-theme="dark"] [style*="#eff6ff"] { background: #172554 !important; color: #93c5fd !important; } /* ============================================================================ AUTH-FELÜLET (v1-auth.css / .au1-*) — dark override ---------------------------------------------------------------------------- A v1-auth.css teljesen téma-független (0 db var(--v1d-*), csupa fix light szín), és a `.v1b.v1d`-re szűkített szabályaink sem érik el, mert az auth-body osztálya `au1-body-wrap`. Emiatt a bejelentkezés, az elfelejtett jelszó, a jelszóbeállítás és az e-mail-megerősítő oldal DARK módban is vakító fehér maradt. Váltó nincs ezeken az oldalakon, de nem is kell: a demo_configurator.js a localStorage-ból ide is beállítja a data-color-theme-et — vagyis aki a vezérlőpulton sötét témában dolgozik, kijelentkezés/lejárt munkamenet után is sötétet KAP. Az art-panel (kék gradiens) szándékosan változatlan: sötét háttéren is jól mutat. ========================================================================== */ /* A V1D tokenek a `.v1b.v1d` wrapperen vannak definiálva — az auth-oldalakon viszont NINCS ilyen wrapper (a body osztálya `au1-body-wrap`). Token nélkül minden var(--v1d-*) feloldatlan marad, és a böngésző az érintett deklarációt ÁTLÁTSZÓRA oldja (nem a light értéket hagyja meg!) — a gomb háttere, a checkbox doboza és a linkszínek tűnnének el. Ezért a paletta itt a body-ra kerül, hogy minden au1-* elem (topbar és lábléc is, amelyek nem az .au1 leszármazottai) örökölje. */ [data-color-theme="dark"] body.au1-body-wrap { --v1d-bg: #0b0f17; --v1d-surface: #131a26; --v1d-surface-2: #1a2433; --v1d-surface-3: #0f1726; --v1d-border: #243043; --v1d-border-strong: #334155; --v1d-text: #e5e7eb; --v1d-text-muted: #9ca3af; --v1d-text-soft: #6b7280; --v1d-primary: #3b82f6; --v1d-primary-hover: #60a5fa; --v1d-primary-soft: #172554; --v1d-danger: #ef4444; --v1d-success: #10b981; --v1d-warning: #f59e0b; } [data-color-theme="dark"] .au1 { background: var(--v1d-bg); color: var(--v1d-text); } [data-color-theme="dark"] .au1 h1, [data-color-theme="dark"] .au1 h2, [data-color-theme="dark"] .au1 h3 { color: var(--v1d-text); } /* Topbar */ [data-color-theme="dark"] .au1-topbar { background: var(--v1d-surface); border-bottom-color: var(--v1d-border); } [data-color-theme="dark"] .au1-topbar__nav a { color: var(--v1d-text-muted); } [data-color-theme="dark"] .au1-topbar__nav a:hover { color: var(--v1d-text); } [data-color-theme="dark"] .au1-topbar__cta { background: var(--v1d-primary); border-color: var(--v1d-primary); } [data-color-theme="dark"] .au1-topbar__cta:hover { background: var(--v1d-primary-hover); border-color: var(--v1d-primary-hover); } /* Kártya */ [data-color-theme="dark"] .au1-card { background: var(--v1d-surface); border-color: var(--v1d-border); box-shadow: 0 1px 2px rgba(0,0,0,0.4); } [data-color-theme="dark"] .au1-card h1 { color: var(--v1d-text); } [data-color-theme="dark"] .au1-card__sub { color: var(--v1d-text-muted); } [data-color-theme="dark"] .au1-card__icon { background: var(--v1d-primary-soft); color: #93c5fd; } /* Inline színezett kártya-ikonok (a blade-ekben beégetve — a light forrást nem bántjuk). Zöld pár: #064e3b / #6ee7b7 (bevált dark badge-pár). */ [data-color-theme="dark"] .au1 [style*="background:#ecfdf5"] { background: #064e3b !important; color: #6ee7b7 !important; } /* Űrlapmezők */ [data-color-theme="dark"] .au1-label { color: var(--v1d-text); } [data-color-theme="dark"] .au1-input { background: var(--v1d-surface-3); border-color: var(--v1d-border); } [data-color-theme="dark"] .au1-input:focus-within { border-color: var(--v1d-primary); } [data-color-theme="dark"] .au1-input input { color: var(--v1d-text); } [data-color-theme="dark"] .au1-input input::placeholder { color: var(--v1d-text-soft); } [data-color-theme="dark"] .au1-input__ic { color: var(--v1d-text-soft); } [data-color-theme="dark"] .au1-input:focus-within .au1-input__ic { color: var(--v1d-primary-hover); } [data-color-theme="dark"] .au1-input__action { color: var(--v1d-text-soft); } [data-color-theme="dark"] .au1-input__action:hover { color: var(--v1d-primary-hover); } /* Checkbox */ [data-color-theme="dark"] .au1-check { color: var(--v1d-text-muted); } [data-color-theme="dark"] .au1-check input { background: var(--v1d-surface-3); border-color: var(--v1d-border-strong); } [data-color-theme="dark"] .au1-check input:checked { background: var(--v1d-primary); border-color: var(--v1d-primary); } /* CTA + linkek */ [data-color-theme="dark"] .au1-cta { background: var(--v1d-primary); } [data-color-theme="dark"] .au1-cta:hover { background: var(--v1d-primary-hover); } [data-color-theme="dark"] .au1-forgot-row a, [data-color-theme="dark"] .au1-bottom a, [data-color-theme="dark"] .au1-back, [data-color-theme="dark"] .au1-label .help { color: var(--v1d-primary-hover); } /* Elválasztó + SSO */ [data-color-theme="dark"] .au1-or { color: var(--v1d-text-soft); } [data-color-theme="dark"] .au1-or::before, [data-color-theme="dark"] .au1-or::after { background: var(--v1d-border); } [data-color-theme="dark"] .au1-sso button { background: var(--v1d-surface-2); border-color: var(--v1d-border); color: var(--v1d-text); } [data-color-theme="dark"] .au1-sso button:hover { background: var(--v1d-surface-3); border-color: var(--v1d-border-strong); } /* Kiegészítő szövegek */ [data-color-theme="dark"] .au1-bottom, [data-color-theme="dark"] .au1-hint, [data-color-theme="dark"] .au1-sent__hint { color: var(--v1d-text-muted); } [data-color-theme="dark"] .au1-sent__hint b { color: var(--v1d-text); } [data-color-theme="dark"] .au1-userchip { background: var(--v1d-surface-2); color: var(--v1d-text); } [data-color-theme="dark"] .au1-sent__email { background: #064e3b; color: #6ee7b7; } /* Lábléc */ [data-color-theme="dark"] .au1-foot { background: var(--v1d-surface); border-top-color: var(--v1d-border); color: var(--v1d-text-muted); } [data-color-theme="dark"] .au1-foot a:hover { color: var(--v1d-text); } /* Hibadoboz */ [data-color-theme="dark"] .au1-error { background: #3f1d1d; border-color: #7f1d1d; color: #fca5a5; } /* ========================================================== Integrációk „függöny” — ismertető + igénylő űrlap Light forrás: v1-integration-request.css (.int1 névtér) A közös elemek (.c-btn, .form-control, .crumbs, .page-title) az .int1-ből jönnek, azokat a v1-integrations.css / a fenti szabályok már kezelik — itt CSAK az ezen az oldalon előforduló osztályok dark-párja van. ========================================================== */ [data-color-theme="dark"] .int1-page-lead { color: var(--v1d-text-muted); } /* Ismertető-kártyák */ [data-color-theme="dark"] .int1-info-card { background: var(--v1d-surface); border-color: var(--v1d-border); box-shadow: none; } [data-color-theme="dark"] .int1-info-card__title { color: var(--v1d-text); } [data-color-theme="dark"] .int1-info-card p { color: var(--v1d-text-muted); } [data-color-theme="dark"] .int1-info-card p strong { color: var(--v1d-text); } /* Kiemelt megjegyzés */ [data-color-theme="dark"] .int1-info-note { background: #0f1622; border-color: var(--v1d-border); } [data-color-theme="dark"] .int1-info-note__icon { background: #1c2534; color: #94a3b8; } [data-color-theme="dark"] .int1-info-note__eyebrow { color: #94a3b8; } [data-color-theme="dark"] .int1-info-note__body { color: var(--v1d-text-muted); } [data-color-theme="dark"] .int1-info-note__body strong { color: var(--v1d-text); } /* Funkció-rács */ [data-color-theme="dark"] .int1-feature-item { background: #0f1622; border-color: var(--v1d-border); } [data-color-theme="dark"] .int1-feature-item:hover { border-color: #35455e; box-shadow: none; } [data-color-theme="dark"] .int1-feature-item__icon { background: var(--v1d-primary-soft); color: var(--v1d-primary-hover); } [data-color-theme="dark"] .int1-feature-item__title { color: var(--v1d-text); } [data-color-theme="dark"] .int1-feature-item__desc { color: var(--v1d-text-muted); } /* Űrlap-kiegészítők */ [data-color-theme="dark"] .int1-field-lock { color: var(--v1d-text-muted); } [data-color-theme="dark"] .int1-field-lock i { color: #64748b; } [data-color-theme="dark"] .int1-form-example { color: var(--v1d-text-muted); } [data-color-theme="dark"] .int1 .form-label .req { color: #f87171; } [data-color-theme="dark"] .int1 .form-control.is-invalid { border-color: #f87171; } [data-color-theme="dark"] .int1-field-error { color: #f87171; } /* Köszönő-panel — a forrás→cél motívum sötét párja */ [data-color-theme="dark"] .int1-tm-source { fill: var(--v1d-primary-soft); stroke: var(--v1d-primary-hover); } [data-color-theme="dark"] .int1-tm-link, [data-color-theme="dark"] .int1-tm-arrow { stroke: var(--v1d-primary-hover); } [data-color-theme="dark"] .int1-tm-target { fill: var(--v1d-surface); stroke: #35455e; } [data-color-theme="dark"] .int1-tm-check { stroke: #0b0f17; } /* A „bekapcsol” animáció végállapota is a dark kékre fut, különben világoskékre ugrana vissza. */ @keyframes int1-tm-connect-dark { to { fill: #60a5fa; stroke: #60a5fa; } } [data-color-theme="dark"] .int1-tm-target { animation-name: int1-tm-connect-dark; } [data-color-theme="dark"] .int1-thanks__title { color: var(--v1d-text); } [data-color-theme="dark"] .int1-thanks__body { color: var(--v1d-text-muted); } [data-color-theme="dark"] .int1-thanks__body strong { color: var(--v1d-text); } /* „Mi történik ezután” */ [data-color-theme="dark"] .int1-next { background: #0f1622; border-color: var(--v1d-border); } [data-color-theme="dark"] .int1-next__title { color: var(--v1d-text-muted); } [data-color-theme="dark"] .int1-next__item { color: var(--v1d-text-muted); } [data-color-theme="dark"] .int1-next__item::before { border-color: #35455e; background: var(--v1d-surface); } [data-color-theme="dark"] .int1-next__item::after { background: #243043; } [data-color-theme="dark"] .int1-next__item--now { color: var(--v1d-text); } [data-color-theme="dark"] .int1-next__item--now::before { border-color: var(--v1d-primary-hover); background: var(--v1d-primary-hover); box-shadow: 0 0 0 3px rgba(96, 165, 250, .18); } @media (prefers-reduced-motion: reduce) { [data-color-theme="dark"] .int1-tm-target { animation: none; fill: #60a5fa; stroke: #60a5fa; } } /* „Pontos célzás" CSV-ellenőrzés panel — sötét téma (2026-07-20) */ [data-color-theme="dark"] .fv5-csv__item.is-blocker { background: #3b1513; border-color: #7f2b25; color: #ffd9d5; } [data-color-theme="dark"] .fv5-csv__item.is-warning { background: #3a2f10; border-color: #7a6520; color: #ffeab8; } /* CSV előnézet — sötét téma (2026-07-20) */ [data-color-theme="dark"] .fv5-csv__open { border-color: #3a4655; } [data-color-theme="dark"] .fv5-csv__open:hover { background: rgba(255,255,255,.06); } [data-color-theme="dark"] .fv5-csv__pv-item { border-color: #2c3746; } /* CSV → szekciószám jelző — sötét téma (2026-07-20) */ [data-color-theme="dark"] .fv5-lennote { background: #17222f; border-color: #2c3746; } [data-color-theme="dark"] .fv5-lennote__warn { border-top-color: #2c3746; color: #ffeab8; } [data-color-theme="dark"] .fv5-lennote.is-blocked { background: #2a1416; border-color: #7f1d1d; } [data-color-theme="dark"] .fv5-lennote__err { color: #fca5a5; } [data-color-theme="dark"] .fv5-lennote__hint { color: #fda4a4; }