/** * ToolsBasic koyu tema * --------------------------------------------------------------------------- * Bu dosyadaki HER kural `html[data-theme="dark"]` altındadır. * Tema seçimi üzerine layout.blade.php içindeki inline script ile * yazılır; açık tema attribute'suz durumdur. Bu yüzden bu dosya yüklense de * açık temada tek kural bile devreye girmez, açık tema birebir korunur. * * DİKKAT: `data-theme="light"` DEĞERİ KULLANILMAZ. shell.css içinde eski * `html[data-theme="light"]` blokları vardır; o değer yazılırsa açık tema * kayar. Açık tema = attribute yok. * * Yükleme sırası: bootstrap -> fontawesome -> global -> tools.css -> shell.css * -> theme-dark.css (en son). Böylece burada !important'a ihtiyaç kalmaz; * yalnızca bootstrap'ın utility (!important) sınıflarında kullanılır. */ html[data-theme="dark"] { color-scheme: dark; --td-bg: #0b0814; --td-bg-elevated: #120e1e; --td-surface: #171227; --td-surface-soft: #1e1832; --td-surface-strong: #251d3c; --td-code-bg: #0e0b18; --td-border: rgba(176, 138, 255, 0.14); --td-border-strong: rgba(176, 138, 255, 0.26); --td-heading: #f6f3ff; --td-text: #e7e2f5; --td-muted: #b6adcd; --td-dim: #9a92b3; --td-accent: #c78bff; --td-accent-strong: #a855f7; --td-accent-soft: rgba(167, 99, 255, 0.16); --td-accent-softer: rgba(167, 99, 255, 0.10); --td-danger: #fca5a5; --td-danger-soft: rgba(248, 113, 113, 0.14); --td-shadow: 0 22px 48px rgba(0, 0, 0, 0.55); --td-shadow-soft: 0 14px 30px rgba(0, 0, 0, 0.40); /* shell.css bu değişkenleri okur: navbar/footer/hata kabukları buradan beslenir. */ --shell-bg: var(--td-bg); --shell-surface: #15111f; --shell-surface-soft: #1b1629; --shell-card: #171227; --shell-border: rgba(176, 138, 255, 0.14); --shell-text: #e7e2f5; --shell-text-muted: #b6adcd; --shell-body-text: #e7e2f5; --shell-body-muted: #9a92b3; --shell-heading: #f6f3ff; --shell-accent: #c78bff; --shell-accent-strong: #a855f7; --shell-warm: #e0a3ff; --shell-shadow: 0 22px 48px rgba(0, 0, 0, 0.5); } /* ---------------------------------------------------------------- temel */ html[data-theme="dark"] body { background-color: var(--td-bg); color: var(--td-text); } html[data-theme="dark"] a { color: var(--td-accent); } html[data-theme="dark"] a:hover { color: #ddb8ff; } html[data-theme="dark"] ::selection { background: rgba(167, 99, 255, 0.35); color: #ffffff; } /* ------------------------------------------------- bootstrap temelleri */ html[data-theme="dark"] .dropdown-menu { --bs-dropdown-bg: var(--td-surface); --bs-dropdown-color: var(--td-text); --bs-dropdown-border-color: var(--td-border); --bs-dropdown-link-color: var(--td-text); --bs-dropdown-link-hover-color: #ffffff; --bs-dropdown-link-hover-bg: var(--td-accent-soft); --bs-dropdown-link-active-color: #ffffff; --bs-dropdown-link-active-bg: var(--td-accent-strong); --bs-dropdown-header-color: var(--td-dim); --bs-dropdown-divider-bg: var(--td-border); --bs-dropdown-box-shadow: var(--td-shadow); } html[data-theme="dark"] .accordion { --bs-accordion-color: var(--td-text); --bs-accordion-bg: var(--td-surface); --bs-accordion-border-color: var(--td-border); --bs-accordion-btn-color: var(--td-text); --bs-accordion-btn-bg: var(--td-surface); --bs-accordion-btn-focus-border-color: var(--td-border-strong); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(167, 99, 255, 0.22); --bs-accordion-active-color: var(--td-accent); --bs-accordion-active-bg: var(--td-surface-soft); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b6adcd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c78bff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } html[data-theme="dark"] .card { --bs-card-bg: var(--td-surface); --bs-card-color: var(--td-text); --bs-card-border-color: var(--td-border); --bs-card-cap-bg: var(--td-surface-soft); } html[data-theme="dark"] .form-control, html[data-theme="dark"] .form-select { background-color: var(--td-surface-soft); border-color: var(--td-border); color: var(--td-text); } html[data-theme="dark"] .form-control::placeholder { color: var(--td-dim); } html[data-theme="dark"] .form-control:focus, html[data-theme="dark"] .form-select:focus { background-color: var(--td-surface-soft); border-color: var(--td-border-strong); box-shadow: 0 0 0 0.2rem rgba(167, 99, 255, 0.18); color: var(--td-text); } html[data-theme="dark"] .form-label, html[data-theme="dark"] .form-check-label { color: var(--td-muted); } html[data-theme="dark"] .form-check-input { background-color: var(--td-surface-strong); border-color: var(--td-border-strong); } html[data-theme="dark"] .form-check-input:checked { background-color: var(--td-accent-strong); border-color: var(--td-accent-strong); } html[data-theme="dark"] .list-group { --bs-list-group-bg: var(--td-surface); --bs-list-group-color: var(--td-text); --bs-list-group-border-color: var(--td-border); --bs-list-group-action-hover-bg: var(--td-surface-soft); --bs-list-group-action-hover-color: #ffffff; } html[data-theme="dark"] .table { --bs-table-color: var(--td-text); --bs-table-bg: transparent; --bs-table-border-color: var(--td-border); --bs-table-striped-color: var(--td-text); --bs-table-striped-bg: rgba(255, 255, 255, 0.03); } /* Bootstrap utility sınıfları !important taşır; koyu temada da öyle ezilir. */ html[data-theme="dark"] .text-dark { color: var(--td-text) !important; } html[data-theme="dark"] .text-muted { color: var(--td-muted) !important; } html[data-theme="dark"] .bg-white, html[data-theme="dark"] .bg-light { background-color: var(--td-surface) !important; color: var(--td-text); } /* --------------------------------------------------------- navbar / üst */ html[data-theme="dark"] .site-nav { border-color: var(--td-border); background: rgba(15, 12, 24, 0.94); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45); } html[data-theme="dark"] .site-nav.is-stuck { border-color: var(--td-border-strong); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.55); } html[data-theme="dark"] .site-nav .nav-link, html[data-theme="dark"] .site-nav .nav-link:focus { color: var(--td-text); } html[data-theme="dark"] .site-nav .nav-link:hover, html[data-theme="dark"] .site-nav .nav-link.show { color: var(--td-accent); } html[data-theme="dark"] .site-brand-copy strong { color: var(--td-heading); } html[data-theme="dark"] .site-brand-copy small { color: var(--td-muted); } html[data-theme="dark"] .site-nav .navbar-toggler { border-color: var(--td-border-strong); } html[data-theme="dark"] .site-nav-toggle .navbar-toggler-icon { filter: invert(0.92); } html[data-theme="dark"] .site-nav-search-icon { color: var(--td-dim); } html[data-theme="dark"] .site-nav-search-input { border-color: var(--td-border); background: var(--td-surface-soft); color: var(--td-text); } html[data-theme="dark"] .site-nav-search-input::placeholder { color: var(--td-dim); } html[data-theme="dark"] .site-nav-search-input:focus { border-color: var(--td-border-strong); box-shadow: 0 0 0 4px rgba(167, 99, 255, 0.16); } html[data-theme="dark"] .site-nav-search-results { border-color: var(--td-border-strong); background: var(--td-surface); box-shadow: var(--td-shadow); } html[data-theme="dark"] .site-nav-search-result { color: var(--td-text); } html[data-theme="dark"] .site-nav-search-result:hover { color: #ffffff; background: var(--td-accent-soft); } html[data-theme="dark"] .site-nav-search-result-slug { color: var(--td-dim); } /* * Gradyan düğmeler beyaz metin taşır. Koyu temada --shell-accent metin için * açıldığı için bu düğmelerin zemini ayrıca koyulaştırılır; aksi halde beyaz * yazı açık mor üzerinde okunmaz (kontrast ~2.5:1). */ html[data-theme="dark"] .site-nav-search-submit, html[data-theme="dark"] .site-primary-button, html[data-theme="dark"] .site-back-to-top, html[data-theme="dark"] .site-brand-mark { background: linear-gradient(135deg, #7c3aed, #5b21b6); color: #ffffff; } html[data-theme="dark"] .site-ghost-button { background: var(--td-accent-soft); border-color: var(--td-border-strong); color: #eddcff; } html[data-theme="dark"] .site-ghost-button:hover { background: linear-gradient(135deg, #a855f7, #6b21c9); color: #ffffff; } html[data-theme="dark"] .site-megamenu { border-color: var(--td-border-strong); background: var(--td-surface); box-shadow: var(--td-shadow); } html[data-theme="dark"] .site-megamenu .dropdown-item, html[data-theme="dark"] .site-megamenu-link { color: var(--td-text); } html[data-theme="dark"] .site-megamenu-link:hover { color: var(--td-accent); } html[data-theme="dark"] .site-megamenu-title { color: var(--td-accent); } html[data-theme="dark"] .site-megamenu-copy { color: var(--td-muted); } html[data-theme="dark"] a.site-megamenu-title:hover, html[data-theme="dark"] .site-megamenu-more { color: var(--td-accent); } html[data-theme="dark"] .site-megamenu-count { background: var(--td-accent-soft); color: #eddcff; } html[data-theme="dark"] .site-megamenu-cta { border-top-color: var(--td-border-strong); } html[data-theme="dark"] .site-language-menu { border-color: var(--td-border-strong); box-shadow: var(--td-shadow); } html[data-theme="dark"] .site-language-menu .dropdown-item { color: var(--td-text); } html[data-theme="dark"] .site-language-menu .dropdown-item.active, html[data-theme="dark"] .site-language-menu .dropdown-item:active, html[data-theme="dark"] .site-language-menu .dropdown-item:hover { background: var(--td-accent-soft); color: #eddcff; } /* --------------------------------------------------------------- footer */ html[data-theme="dark"] .site-footer-top, html[data-theme="dark"] .site-footer-bottom { border-color: var(--td-border); background: var(--shell-surface); box-shadow: var(--td-shadow-soft); } html[data-theme="dark"] .site-footer-count { color: var(--td-accent); } html[data-theme="dark"] .site-newsletter-row .form-control { background: var(--td-surface-soft); border-color: var(--td-border); color: var(--td-text); } /* ---------------------------------------------------------- hata kabuğu */ html[data-theme="dark"] .site-error-card, html[data-theme="dark"] .site-error-help-card { border-color: var(--td-border); background: var(--td-surface); box-shadow: var(--td-shadow-soft); } html[data-theme="dark"] .site-error-card h1, html[data-theme="dark"] .site-error-help-card h3 { color: var(--td-heading); } html[data-theme="dark"] .site-error-card p, html[data-theme="dark"] .site-error-help-card p { color: var(--td-muted); } html[data-theme="dark"] .site-error-code { background: var(--td-accent-soft); color: var(--td-accent); } /* ------------------------------------------------- araç sayfası zeminleri */ html[data-theme="dark"] body.tool-page { background: radial-gradient(circle at top right, rgba(167, 99, 255, 0.14), transparent 34%), radial-gradient(circle at 0% 20%, rgba(120, 60, 220, 0.12), transparent 28%), var(--td-bg); } html[data-theme="dark"] body.tool-page--octopus { background: radial-gradient(circle at top center, rgba(167, 99, 255, 0.16), transparent 32%), var(--td-bg); } html[data-theme="dark"] .tool-page .tool-shell::before { background: linear-gradient(135deg, rgba(8, 6, 14, 0.94), rgba(20, 15, 34, 0.82)), linear-gradient(90deg, rgba(167, 99, 255, 0.16), rgba(120, 60, 220, 0.10)); border-bottom-color: var(--td-border); } /* Hero görselinin üzerindeki beyaz metnin okunurluğu için zemin koyulaştırılır. */ html[data-theme="dark"] .tool-stage-bg::after { background: radial-gradient(circle at 42% 18%, rgba(229, 148, 255, 0.18), transparent 22%), linear-gradient(180deg, rgba(11, 8, 20, 0.42), rgba(11, 8, 20, 0.72)); } html[data-theme="dark"] .tool-scene { border-color: var(--td-border); background: linear-gradient(145deg, #1a1430, #100c1c); box-shadow: var(--td-shadow); color: var(--td-text); } html[data-theme="dark"] .tool-scene-backdrop { background: radial-gradient(circle at 15% 50%, rgba(167, 99, 255, 0.18), transparent 34%), radial-gradient(circle at 78% 28%, rgba(224, 163, 255, 0.12), transparent 26%), linear-gradient(90deg, rgba(11, 8, 20, 0.20), rgba(11, 8, 20, 0.04)); } html[data-theme="dark"] .tool-kicker--dark { background: var(--td-accent-soft); color: #dcbcff; } html[data-theme="dark"] .tool-lead { color: var(--td-muted); } html[data-theme="dark"] .tool-stat { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.08); } html[data-theme="dark"] .tool-stat-label { color: #dcbcff; } html[data-theme="dark"] .tool-stat-value { color: var(--td-heading); } html[data-theme="dark"] .tool-action-note { color: var(--td-accent); } /* -------------------------------------------------------- kartlar/paneller */ html[data-theme="dark"] .tool-content-card, html[data-theme="dark"] .tool-ad-card, html[data-theme="dark"] .tool-switcher-card, html[data-theme="dark"] .tool-seo-card { background: var(--td-surface); border-color: var(--td-border); box-shadow: var(--td-shadow-soft); } html[data-theme="dark"] .tool-content-card__header h3, html[data-theme="dark"] .tool-seo-card h3, html[data-theme="dark"] .tool-seo-faq h4, html[data-theme="dark"] .tool-side-card--minimal h3 { color: var(--td-heading); } html[data-theme="dark"] .tool-content-card__body, html[data-theme="dark"] .tool-seo-card p, html[data-theme="dark"] .tool-seo-list, html[data-theme="dark"] .tool-library-section-copy, html[data-theme="dark"] .tool-body-copy, html[data-theme="dark"] .tool-side-copy, html[data-theme="dark"] .tool-checklist li, html[data-theme="dark"] .tool-related-copy, html[data-theme="dark"] .tool-ad-card p { color: var(--td-muted); } html[data-theme="dark"] .tool-ad-card strong, html[data-theme="dark"] .tool-panel-title, html[data-theme="dark"] .tool-side-title, html[data-theme="dark"] .tool-related-title, html[data-theme="dark"] .tool-mini-value, html[data-theme="dark"] .tool-queue-name { color: var(--td-heading); } html[data-theme="dark"] .tool-ad-card--minimal { background: var(--td-surface-soft); border-color: var(--td-border); } html[data-theme="dark"] .tool-panel, html[data-theme="dark"] .tool-side-panel { background: var(--td-surface); border-color: var(--td-border); box-shadow: var(--td-shadow-soft); } html[data-theme="dark"] .tool-panel-header { background: linear-gradient(180deg, var(--td-surface-soft), var(--td-surface)); border-bottom-color: var(--td-border); } html[data-theme="dark"] .tool-panel-tag { background: var(--td-accent-soft); color: #dcbcff; } html[data-theme="dark"] .tool-inline-links { border-top-color: var(--td-border); } html[data-theme="dark"] .tool-inline-links__label { color: var(--td-accent); } html[data-theme="dark"] .tool-spec-inline div { background: linear-gradient(180deg, var(--td-surface-soft), var(--td-surface)); border-color: var(--td-border); } html[data-theme="dark"] .tool-spec-inline span { color: var(--td-accent); } html[data-theme="dark"] .tool-spec-inline strong { color: var(--td-heading); } html[data-theme="dark"] .tool-spec-select { color: var(--td-text); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23c78bff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E"); } html[data-theme="dark"] .tool-spec-select option { background-color: var(--td-surface); color: var(--td-text); } html[data-theme="dark"] .tool-mini-card { background: linear-gradient(180deg, var(--td-surface-soft), var(--td-surface)); border-color: var(--td-border); } html[data-theme="dark"] .tool-mini-label { color: var(--td-accent); } html[data-theme="dark"] .tool-checklist li::before { background: var(--td-accent-strong); box-shadow: 0 0 0 4px rgba(167, 99, 255, 0.18); } html[data-theme="dark"] .tool-coming-soon { background: var(--td-surface-soft); border-color: var(--td-border); } html[data-theme="dark"] .tool-side-block + .tool-side-block { border-top-color: var(--td-border); } /* --------------------------------------------------------- bağlantı listeleri */ html[data-theme="dark"] .tool-link-list a, html[data-theme="dark"] .tool-link-list--minimal a, html[data-theme="dark"] .tool-switch-pill, html[data-theme="dark"] .tool-empty-search-state { background: var(--td-accent-softer); border-color: var(--td-border); color: #dcbcff; } html[data-theme="dark"] .tool-link-list a:hover, html[data-theme="dark"] .tool-switch-pill:hover { background: var(--td-accent-soft); color: #ffffff; } html[data-theme="dark"] .tool-related-links, html[data-theme="dark"] .tool-route-switch { background: var(--td-bg-elevated); border-color: var(--td-border); } html[data-theme="dark"] .tool-related-card, html[data-theme="dark"] .tool-catalog-card { background: var(--td-surface); border-color: var(--td-border); box-shadow: var(--td-shadow-soft); } html[data-theme="dark"] .tool-catalog-card--library { background: var(--td-surface-soft); border-color: var(--td-border); } html[data-theme="dark"] .tool-catalog-card--library:hover, html[data-theme="dark"] .tool-related-card:hover, html[data-theme="dark"] .tool-catalog-card:hover { border-color: var(--td-border-strong); } html[data-theme="dark"] .tool-related-type { background: var(--td-accent-soft); color: #dcbcff; } html[data-theme="dark"] .tool-related-foot, html[data-theme="dark"] .tool-catalog-meta { color: var(--td-accent); } html[data-theme="dark"] .tool-side-card--minimal { background: var(--td-surface); border-color: var(--td-border); } html[data-theme="dark"] .tool-side-link { background: var(--td-surface-soft); color: var(--td-text); } html[data-theme="dark"] .tool-side-link:hover { background: var(--td-surface-strong); color: #ffffff; } html[data-theme="dark"] .tool-side-link i { color: var(--td-accent); } html[data-theme="dark"] .tool-side-link small { color: var(--td-dim); } html[data-theme="dark"] .tool-side-search i { color: var(--td-dim); } html[data-theme="dark"] .tool-side-search input { background: var(--td-surface-soft); border-color: var(--td-border); color: var(--td-text); } html[data-theme="dark"] .tool-side-search input::placeholder { color: var(--td-dim); } html[data-theme="dark"] .tool-side-search input:focus { border-color: var(--td-border-strong); box-shadow: 0 0 0 4px rgba(167, 99, 255, 0.14); } /* ------------------------------------------------------------- düğmeler */ html[data-theme="dark"] .tool-button { background: linear-gradient(135deg, #7c3aed, #5b21b6); box-shadow: 0 16px 28px rgba(0, 0, 0, 0.45); color: #ffffff; } html[data-theme="dark"] .tool-button--soft { background: rgba(255, 255, 255, 0.08); border-color: var(--td-border-strong); color: var(--td-text); } html[data-theme="dark"] .tool-button--soft:hover { background: rgba(255, 255, 255, 0.14); color: #ffffff; } html[data-theme="dark"] .tool-chip-button, html[data-theme="dark"] .tool-queue-icon-button { background: var(--td-surface-soft); border-color: var(--td-border); color: var(--td-text); } html[data-theme="dark"] .tool-queue-icon-button:hover { background: var(--td-surface-strong); color: #ffffff; } /* ------------------------------------------ yükleyici / konsol / kuyruk */ html[data-theme="dark"] .tool-drop-panel { background: rgba(23, 18, 39, 0.72); box-shadow: 0 24px 46px rgba(0, 0, 0, 0.5); } html[data-theme="dark"] .tool-drop-panel__inner { background: rgba(11, 8, 20, 0.42); border-color: rgba(255, 255, 255, 0.62); } html[data-theme="dark"] .tool-glass-drop { background: linear-gradient(180deg, rgba(11, 8, 20, 0.62), rgba(11, 8, 20, 0.24)); border-color: var(--td-border); } html[data-theme="dark"] .tool-console { background: var(--td-surface); box-shadow: var(--td-shadow); } html[data-theme="dark"] .tool-console-bar { background: linear-gradient(135deg, #241c3d, #35295c); } html[data-theme="dark"] .tool-console-icon { background: var(--td-surface-strong); color: var(--td-text); } html[data-theme="dark"] .tool-batch-bar { background: linear-gradient(135deg, #1e1832, #2b2247); color: var(--td-text); } html[data-theme="dark"] .tool-batch-copy strong { color: var(--td-heading); } html[data-theme="dark"] .tool-batch-copy span { color: var(--td-muted); } html[data-theme="dark"] .tool-uploader-status { background: var(--td-surface-soft); border-color: var(--td-border); color: var(--td-muted); } html[data-theme="dark"] .tool-uploader-status[data-state="success"] { background: var(--td-accent-soft); border-color: var(--td-border-strong); color: #dcbcff; } html[data-theme="dark"] .tool-uploader-status[data-state="error"], html[data-theme="dark"] .tool-alert { background: var(--td-danger-soft); border-color: rgba(248, 113, 113, 0.28); color: var(--td-danger); } html[data-theme="dark"] .tool-queue-empty { background: var(--td-surface-soft); border-color: var(--td-border-strong); color: var(--td-muted); } html[data-theme="dark"] .tool-queue-card { background: var(--td-surface); border-color: var(--td-border); box-shadow: var(--td-shadow-soft); } html[data-theme="dark"] .tool-queue--console .tool-queue-card { border-bottom-color: var(--td-border); } html[data-theme="dark"] .tool-queue-card[data-state="done"] { border-color: var(--td-border-strong); } html[data-theme="dark"] .tool-queue-thumb-wrap { background: var(--td-surface-strong); border-color: var(--td-border); } html[data-theme="dark"] .tool-queue-rename span, html[data-theme="dark"] .tool-queue-output-name, html[data-theme="dark"] .tool-queue-size, html[data-theme="dark"] .tool-queue-setting span { color: var(--td-dim); } html[data-theme="dark"] .tool-queue-rename-input, html[data-theme="dark"] .tool-queue-setting input { background: var(--td-surface-soft); border-color: var(--td-border); color: var(--td-text); } html[data-theme="dark"] .tool-queue-rename-input:focus, html[data-theme="dark"] .tool-queue-setting input:focus { border-color: var(--td-border-strong); box-shadow: 0 0 0 3px rgba(167, 99, 255, 0.16); } html[data-theme="dark"] .tool-queue-state, html[data-theme="dark"] .tool-queue-card[data-state="uploading"] .tool-queue-state, html[data-theme="dark"] .tool-queue-card[data-state="done"] .tool-queue-state { background: var(--td-accent-soft); color: #dcbcff; } html[data-theme="dark"] .tool-queue-card[data-state="error"] .tool-queue-state { background: var(--td-danger-soft); color: var(--td-danger); } html[data-theme="dark"] .tool-queue-progress { background: rgba(255, 255, 255, 0.08); } html[data-theme="dark"] .tool-utility-field input { background: var(--td-surface-soft); border-color: var(--td-border); color: var(--td-text); } html[data-theme="dark"] .tool-utility-hint { background: rgba(255, 255, 255, 0.08); color: var(--td-text); } /* ------------------------------ genel araç sayfası: giriş / çıkış blokları */ html[data-theme="dark"] .tool-generic-panel { background: rgba(23, 18, 39, 0.78); border-color: var(--td-border-strong); box-shadow: 0 24px 46px rgba(0, 0, 0, 0.5); } html[data-theme="dark"] .tool-generic-field textarea, html[data-theme="dark"] .tool-generic-option input, html[data-theme="dark"] .tool-generic-file input { background: var(--td-code-bg); border-color: var(--td-border-strong); color: var(--td-text); } html[data-theme="dark"] .tool-generic-field textarea::placeholder { color: var(--td-dim); } html[data-theme="dark"] .tool-generic-output { background: var(--td-code-bg); border: 1px solid var(--td-border-strong); color: var(--td-text); } html[data-theme="dark"] .tool-generic-output pre, html[data-theme="dark"] .tool-generic-output code { color: var(--td-text); } /* --------------------------------------------- kategori (kütüphane) sayfası */ html[data-theme="dark"] .tool-library-stage-copy { background: linear-gradient(180deg, rgba(45, 26, 82, 0.82), rgba(26, 16, 48, 0.80)); border-color: rgba(255, 255, 255, 0.14); } html[data-theme="dark"] .tool-library-stat { background: rgba(23, 18, 39, 0.92); box-shadow: var(--td-shadow-soft); } html[data-theme="dark"] .tool-library-stat span { color: var(--td-muted); } html[data-theme="dark"] .tool-library-stat strong { color: var(--td-heading); } html[data-theme="dark"] .tool-library-count { background: var(--td-accent-soft); color: #dcbcff; } html[data-theme="dark"] .tool-library-jump-link { background: rgba(255, 255, 255, 0.10); border-color: rgba(255, 255, 255, 0.14); } /* ---------------------------------------------------------- anasayfa */ html[data-theme="dark"] .home-tools-stage-card { background: rgba(28, 17, 52, 0.62); border-color: rgba(255, 255, 255, 0.14); } /* * Hero arama kutusu (home.css) açık temada beyaz bir pill'dir; koyu temada * cam koyu yüzeye çevrilir, mor gönder düğmesi korunur. */ html[data-theme="dark"] .home-tools-hero-search-field { border-color: var(--td-border-strong); background: rgba(17, 13, 30, 0.88); box-shadow: 0 18px 34px rgba(0, 0, 0, 0.45); } html[data-theme="dark"] .home-tools-hero-search-field > i { color: var(--td-accent); } html[data-theme="dark"] .home-tools-hero-search-input { color: var(--td-text); } html[data-theme="dark"] .home-tools-hero-search-input::placeholder { color: var(--td-dim); } html[data-theme="dark"] .home-tools-hero-search-submit { background: linear-gradient(135deg, #7c3aed, #5b21b6); } html[data-theme="dark"] .home-tools-card-meta { color: var(--td-dim); } html[data-theme="dark"] .home-tools-intro h2, html[data-theme="dark"] .home-tools-section-head h2, html[data-theme="dark"] .home-tools-section-head h3, html[data-theme="dark"] .home-tools-card-title, html[data-theme="dark"] .home-tools-benefit-card h3, html[data-theme="dark"] .home-tools-faq-card h3, html[data-theme="dark"] .home-tools-directory-card strong { color: var(--td-heading); } html[data-theme="dark"] .home-tools-intro p, html[data-theme="dark"] .home-tools-card-copy, html[data-theme="dark"] .home-tools-benefit-card p, html[data-theme="dark"] .home-tools-faq-card p { color: var(--td-muted); } html[data-theme="dark"] .home-tools-directory-card small { color: var(--td-dim); } html[data-theme="dark"] .home-tools-directory-card, html[data-theme="dark"] .home-tools-card, html[data-theme="dark"] .home-tools-faq-card { background: var(--td-surface); border-color: var(--td-border); box-shadow: var(--td-shadow-soft); } html[data-theme="dark"] .home-tools-card:hover, html[data-theme="dark"] .home-tools-directory-card:hover { border-color: var(--td-border-strong); } html[data-theme="dark"] .home-tools-benefit-card { background: linear-gradient(145deg, var(--td-surface) 0%, var(--td-surface-soft) 100%); border-color: var(--td-border); box-shadow: var(--td-shadow-soft); } html[data-theme="dark"] .home-tools-card-type, html[data-theme="dark"] .home-tools-section-count { background: var(--td-accent-soft); color: #dcbcff; } html[data-theme="dark"] .home-tools-directory-label, html[data-theme="dark"] .home-tools-card-foot { color: var(--td-accent); } html[data-theme="dark"] .home-tools-guide-card { background: #1c1533; box-shadow: var(--td-shadow); } /* CTA bandı mor kalır; beyaz metnin kontrastı için gradyan koyulaştırılır. */ html[data-theme="dark"] .home-tools-cta { background: radial-gradient(circle at 90% 10%, rgba(255, 255, 255, 0.16), transparent 28%), linear-gradient(135deg, #7c3aed 0%, #4c1d95 100%); box-shadow: 0 26px 54px rgba(0, 0, 0, 0.5); } html[data-theme="dark"] .home-tools-cta p { color: rgba(255, 255, 255, 0.92); } html[data-theme="dark"] .home-tools-accordion .accordion-item { background: var(--td-surface); border-color: var(--td-border); box-shadow: var(--td-shadow-soft); } html[data-theme="dark"] .home-tools-accordion .accordion-button { background: var(--td-surface); color: var(--td-text); } html[data-theme="dark"] .home-tools-accordion .accordion-button:not(.collapsed) { background: linear-gradient(135deg, var(--td-surface) 0%, var(--td-surface-soft) 100%); color: var(--td-accent); } html[data-theme="dark"] .home-tools-accordion .accordion-button:focus { box-shadow: 0 0 0 0.2rem rgba(167, 99, 255, 0.22); } html[data-theme="dark"] .home-tools-accordion .accordion-body { color: var(--td-muted); } /* -------------------------------------------------------- reklam alanları */ html[data-theme="dark"] .tool-ad-shell { background: var(--td-bg-elevated); border-color: var(--td-border-strong); } html[data-theme="dark"] .tool-ad-shell strong { color: var(--td-heading); } html[data-theme="dark"] .tool-ad-shell p { color: var(--td-muted); } html[data-theme="dark"] .tool-ad-slot, html[data-theme="dark"] .tool-ad-slot--content, html[data-theme="dark"] .tool-ad-slot--sidebar { background: var(--td-bg-elevated); border-color: var(--td-border-strong); color: var(--td-muted); } html[data-theme="dark"] .tool-ad-label, html[data-theme="dark"] .tool-ad-slot--content .tool-ad-label, html[data-theme="dark"] .tool-ad-slot--sidebar .tool-ad-label { color: var(--td-accent); } /* Adsense çerçevesi kendi içeriğini boyar; kutunun zemini nötr bırakılır. */ html[data-theme="dark"] .site-ad-slot ins.adsbygoogle { background-color: transparent; } /* ------------------------------------------- içerik / statik sayfa metni */ html[data-theme="dark"] .blog-post, html[data-theme="dark"] .page_subtitle, html[data-theme="dark"] .page-inside-title { color: var(--td-text); } html[data-theme="dark"] .tool-seo-card h1, html[data-theme="dark"] .tool-seo-card h2, html[data-theme="dark"] .tool-seo-card h4, html[data-theme="dark"] .tool-seo-card h5, html[data-theme="dark"] .tool-content-card__body h2, html[data-theme="dark"] .tool-content-card__body h3, html[data-theme="dark"] .tool-content-card__body h4, html[data-theme="dark"] .blog-post h1, html[data-theme="dark"] .blog-post h2, html[data-theme="dark"] .blog-post h3, html[data-theme="dark"] .blog-post h4 { color: var(--td-heading); } html[data-theme="dark"] .tool-seo-card li, html[data-theme="dark"] .tool-content-card__body li, html[data-theme="dark"] .blog-post li, html[data-theme="dark"] .blog-post p { color: var(--td-muted); } html[data-theme="dark"] .tool-seo-card code, html[data-theme="dark"] .tool-content-card__body code, html[data-theme="dark"] .blog-post code, html[data-theme="dark"] .tool-seo-card pre, html[data-theme="dark"] .tool-content-card__body pre, html[data-theme="dark"] .blog-post pre { background: var(--td-code-bg); border: 1px solid var(--td-border); border-radius: 10px; color: #e9ddff; } html[data-theme="dark"] .tool-seo-card code, html[data-theme="dark"] .tool-content-card__body code, html[data-theme="dark"] .blog-post code { padding: 0.1rem 0.35rem; } html[data-theme="dark"] .tool-seo-card pre, html[data-theme="dark"] .tool-content-card__body pre, html[data-theme="dark"] .blog-post pre { padding: 1rem; overflow-x: auto; } html[data-theme="dark"] .tool-seo-card blockquote, html[data-theme="dark"] .blog-post blockquote { border-left: 3px solid var(--td-accent-strong); background: var(--td-surface-soft); color: var(--td-muted); } html[data-theme="dark"] .tool-seo-card table th, html[data-theme="dark"] .tool-seo-card table td, html[data-theme="dark"] .blog-post table th, html[data-theme="dark"] .blog-post table td { border-color: var(--td-border); color: var(--td-text); } html[data-theme="dark"] .tool-seo-card hr, html[data-theme="dark"] .blog-post hr { border-color: var(--td-border); opacity: 1; } html[data-theme="dark"] .toc { background: var(--td-surface); border: 1px solid var(--td-border); border-radius: 18px; color: var(--td-muted); } html[data-theme="dark"] aside.page .excerpt-box { background-color: var(--td-surface); border: 1px solid var(--td-border); color: var(--td-text); } html[data-theme="dark"] section.page-header { background-color: #150f24; } html[data-theme="dark"] section.page-header a.page-title { color: var(--td-heading); } html[data-theme="dark"] h2.page-inside-title, html[data-theme="dark"] h3.page-inside-title { border-bottom-color: var(--td-accent-strong); } html[data-theme="dark"] section.articles .article-card a.article-card-title { color: var(--td-heading); } /* --------------------------------------------------------- mobil menü */ @media (max-width: 1199.98px) { html[data-theme="dark"] .site-nav-menu { background: rgba(11, 8, 20, 0.98); box-shadow: 0 24px 50px rgba(0, 0, 0, 0.6); } html[data-theme="dark"] .site-nav .nav-link { background: var(--td-surface-soft); } html[data-theme="dark"] .site-mobile-accordion.is-open > .nav-link { background: var(--td-accent-soft); color: #dcbcff; } } /* ------------------------------------- araç sayfası sidebar arama düğmesi */ html[data-theme="dark"] .tool-side-search-submit { background: var(--td-accent-soft); color: #dcbcff; } html[data-theme="dark"] .tool-side-search-submit:hover { background: var(--td-surface-strong); color: #ffffff; } /* ----------------------------------------------- hata bildirim kutusu */ html[data-theme="dark"] .tool-bug-dialog__panel { background: var(--td-surface-strong); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6); } html[data-theme="dark"] .tool-bug-dialog__head h3 { color: #f4f1fb; } html[data-theme="dark"] .tool-bug-dialog__head .tool-console-icon { background: var(--td-surface-soft); color: #dcbcff; }