/** * Dark mode – Vertex Digital Systems * data-theme="dark" on * Mobil uyumlu, tüm sayfalarda geçerli */ [data-theme="dark"] { color-scheme: dark; } [data-theme="dark"], [data-theme="dark"] body { --bs-body-bg: #1a1d24; --bs-body-color: #e2e6ee; --bs-body-color-rgb: 226, 230, 238; --bs-white: #252930; --bs-dark: #e8ecf4; --bs-light: #2a2e36; --bs-border-color: #3a3f4a; --bs-border-color-translucent: rgba(58, 63, 74, 0.8); /* Renk patlaması önleme: koyu modda yumuşak mavi/pembe */ --bs-primary: #7ba3f7; --bs-secondary: #d67a9a; --bs-primary-rgb: 123, 163, 247; --bs-secondary-rgb: 214, 122, 154; --bs-gray-100: #252930; --bs-gray-200: #2a2e36; --bs-gray-300: #3a3f4a; --bs-gray-400: #5c6370; --bs-gray-500: #8b92a0; --bs-gray-600: #a8aeb9; --bs-gray-700: #c2c8d2; --bs-gray-800: #d8dce4; --bs-gray-900: #e8ecf4; } /* Header */ [data-theme="dark"] .site_header_1 .header_bottom, [data-theme="dark"] .site_header_1.sticky .header_bottom, [data-theme="dark"] .site_header_1 .stricked-menu { background-color: #252930 !important; border-bottom-color: #3a3f4a !important; } [data-theme="dark"] .site_header_1 .main_menu_list > li > a { color: #e2e6ee !important; } [data-theme="dark"] .site_header_1 .main_menu_list > li > a:hover, [data-theme="dark"] .site_header_1 .main_menu_list > li.active > a { color: #fff !important; } [data-theme="dark"] .site_header_1 .lang_switcher_btn { color: #e2e6ee; background: #2a2e36; border-color: #3a3f4a; } [data-theme="dark"] .site_header_1 .dropdown-menu, [data-theme="dark"] .site_header_1 .lang_dropdown { background: #252930 !important; border-color: #3a3f4a; box-shadow: 0 10px 40px rgba(0,0,0,0.4); } [data-theme="dark"] .site_header_1 .dropdown-item { color: #e2e6ee; } [data-theme="dark"] .site_header_1 .dropdown-item:hover, [data-theme="dark"] .site_header_1 .dropdown-item:focus { background: #2a2e36; color: #fff; } [data-theme="dark"] .site_header .site_logo .site_link img { filter: brightness(0) invert(1); } /* Preloader – dark mode: koyu arka plan, logo beyaz */ [data-theme="dark"] .preloader { background-color: #1a1d24; } [data-theme="dark"] .preloader .loader-line:before { background-color: #1a1d24; } [data-theme="dark"] .preloader .loader-logo img { filter: brightness(0) invert(1); } /* Main content sections – kartlar, kutular */ [data-theme="dark"] .content_box, [data-theme="dark"] .iconbox_block, [data-theme="dark"] .case_block, [data-theme="dark"] .service_block, [data-theme="dark"] .team_block, [data-theme="dark"] .review_block, [data-theme="dark"] .blog_block, [data-theme="dark"] .policy_block, [data-theme="dark"] .page_header, [data-theme="dark"] .page_banner, [data-theme="dark"] .sidebar_widget, [data-theme="dark"] .form_control, [data-theme="dark"] .backtotop a { background-color: #252930 !important; border-color: #3a3f4a !important; color: #e2e6ee; } [data-theme="dark"] .heading_text, [data-theme="dark"] .iconbox_title, [data-theme="dark"] .case_title, [data-theme="dark"] .service_title, [data-theme="dark"] .team_title, [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] .footer_info_title, [data-theme="dark"] .megamenu_info_title { color: #e8ecf4 !important; } /* Footer / liste başlıkları – renk patlaması önleme (Web ve Yazılım Çözümleri vb.) */ [data-theme="dark"] .icon_list_text, [data-theme="dark"] .icon_list .icon_list_text, [data-theme="dark"] .footer_layout_1 .icon_list.unordered_list a, [data-theme="dark"] .footer_layout_1 .icon_list > li > a, [data-theme="dark"] .iconbox_block_2 .iconbox_title, [data-theme="dark"] .megamenu_widget .icon_list_text { color: #b8bcc6 !important; } [data-theme="dark"] .iconbox_description, [data-theme="dark"] .case_description, [data-theme="dark"] p, [data-theme="dark"] .heading_description { color: #b8bcc6 !important; } /* Hero / banner içi beyaz yazılar – koyu modda yumuşak */ [data-theme="dark"] .text-white .heading_text, [data-theme="dark"] .text-white .heading_description, [data-theme="dark"] .heading_focus_text { color: #e8ecf4 !important; } [data-theme="dark"] .btn-outline-light { border-color: #3a3f4a; color: #e2e6ee; } [data-theme="dark"] .btn-outline-light:hover { background: #2a2e36; border-color: #5c6370; color: #fff; } /* Footer – dark modda biraz daha koyu */ [data-theme="dark"] .footer_layout_1 .content_box { background-color: #1a1d24 !important; } [data-theme="dark"] .footer_layout_1 p, [data-theme="dark"] .footer_layout_1 .footer_newslatter input::placeholder, [data-theme="dark"] .footer_info_title { color: #9ca3b4 !important; } [data-theme="dark"] .footer_layout_1 .diract_contact_links, [data-theme="dark"] .footer_newslatter, [data-theme="dark"] .footer_layout_1 .social_links_block a { border-color: #3a3f4a !important; } [data-theme="dark"] .footer_layout_1 .footer_logo img { filter: brightness(0) invert(1); } /* Footer linkleri koyu modda okunaklı (var(--bs-white) koyu olduğu için override) */ [data-theme="dark"] .footer_layout_1 .icon_list > li a, [data-theme="dark"] .footer_layout_1 .icon_list.unordered_list a, [data-theme="dark"] .footer_layout_1 .copyright_text, [data-theme="dark"] .diract_contact_links .iconbox_block .iconbox_title, [data-theme="dark"] .diract_contact_links .iconbox_block p { color: #b8bcc6 !important; } [data-theme="dark"] .footer_layout_1 .footer_newslatter input, [data-theme="dark"] .footer_layout_1 .footer_newslatter button { color: #e2e6ee !important; } /* Form inputs */ [data-theme="dark"] input.form-control, [data-theme="dark"] textarea.form-control, [data-theme="dark"] select.form-control { background-color: #2a2e36 !important; border-color: #3a3f4a !important; color: #e2e6ee !important; } [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: #6b7280 !important; } /* Popups */ [data-theme="dark"] .welcome_popup_card { background: #252930 !important; border-color: #3a3f4a; } [data-theme="dark"] .welcome_popup_title { color: #e8ecf4 !important; } [data-theme="dark"] .welcome_popup_text, [data-theme="dark"] .welcome_popup_sub { color: #b8bcc6 !important; } [data-theme="dark"] .welcome_popup_input { background: #2a2e36 !important; border-color: #3a3f4a !important; color: #e2e6ee !important; } [data-theme="dark"] .welcome_popup_contact_btn { background: #2a2e36 !important; border-color: #3a3f4a !important; color: #e2e6ee !important; } [data-theme="dark"] .welcome_popup_heart { color: #d67a9a !important; } [data-theme="dark"] .cookie_consent_bar_text a, [data-theme="dark"] .cookie_bar_wrap a { color: #8aa8e6 !important; } [data-theme="dark"] .cookie_consent_bar_text a:hover, [data-theme="dark"] .cookie_bar_wrap a:hover { color: #a8c4f0 !important; } /* Cookie bar */ [data-theme="dark"] .cookie_bar_wrap { background: #252930 !important; border-color: #3a3f4a; color: #b8bcc6; } /* Back to top */ [data-theme="dark"] .backtotop a { background: #252930 !important; border-color: #3a3f4a !important; color: #e2e6ee !important; } [data-theme="dark"] .backtotop a:hover { background: #2a2e36 !important; color: #fff !important; } /* Mobil: header ve menü */ @media (max-width: 991px) { [data-theme="dark"] .site_header_1 .header_bottom .main_menu_inner, [data-theme="dark"] .main_menu_inner.collapse { background: #252930 !important; border-radius: 12px; border: 1px solid #3a3f4a; } [data-theme="dark"] .main_menu_list .nav-link { color: #e2e6ee !important; border-color: #3a3f4a; } [data-theme="dark"] .mobile_menu_btn { color: #e2e6ee !important; } } /* Genel link rengi – renk patlaması olmadan yumuşak mavi */ [data-theme="dark"] a:not(.btn-primary):not(.btn):not([class*="lang"]) { color: #8aa8e6; } [data-theme="dark"] a:not(.btn-primary):not(.btn):hover { color: #a8c4f0; } /* Tablo ve liste kenarlıkları */ [data-theme="dark"] table, [data-theme="dark"] .table, [data-theme="dark"] hr { border-color: #3a3f4a !important; } [data-theme="dark"] .table th, [data-theme="dark"] .table td { color: #e2e6ee; border-color: #3a3f4a; } /* Dark mode toggle butonu – header ve mobil */ .dark_mode_toggle { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: 1px solid var(--bs-border-color, #E3F0FF); border-radius: 10px; background: rgba(255,255,255,0.9); color: #49515B; cursor: pointer; transition: background 0.2s, border-color 0.2s, color 0.2s; } .dark_mode_toggle:hover { background: #fff; color: #020842; border-color: rgba(0,0,0,0.12); } .dark_mode_toggle .dark_mode_icon { font-size: 1.1rem; } [data-theme="dark"] .dark_mode_toggle { background: #2a2e36; border-color: #3a3f4a; color: #e2e6ee; } [data-theme="dark"] .dark_mode_toggle:hover { background: #3a3f4a; color: #fff; } @media (max-width: 991px) { .dark_mode_toggle { width: 40px; height: 40px; } } /* ========== Portal (client_portal.html) dark mode ========== */ [data-theme="dark"] .portal_split_left { background: #1a1d24 !important; } [data-theme="dark"] .portal_login_card { background: #252930 !important; border-color: #3a3f4a !important; } [data-theme="dark"] .portal_login_card .form-control { background: #2a2e36 !important; border-color: #3a3f4a !important; color: #e2e6ee !important; } [data-theme="dark"] .portal_login_card .form-control:focus { background: #32363f !important; border-color: #4a4f5a !important; } [data-theme="dark"] .portal_register_btn { background: #2a2e36 !important; border-color: #3a3f4a !important; color: #e2e6ee !important; } [data-theme="dark"] .portal_register_btn:hover { background: #3a3f4a !important; border-color: #4a4f5a !important; color: #fff !important; } [data-theme="dark"] .portal_lang_wrap .lang_switcher_btn { background: #252930 !important; border-color: #3a3f4a !important; color: #e2e6ee !important; } [data-theme="dark"] .portal_lang_wrap .dropdown-menu { background: #252930 !important; border-color: #3a3f4a !important; } [data-theme="dark"] .portal_dashboard_wrap { background: #1a1d24 !important; } [data-theme="dark"] .portal_dash_header, [data-theme="dark"] .portal_dash_sidebar, [data-theme="dark"] .portal_dash_card { background: #252930 !important; border-color: #3a3f4a; } [data-theme="dark"] .portal_dash_header h1, [data-theme="dark"] .portal_dash_card h2 { color: #e8ecf4 !important; } [data-theme="dark"] .portal_dash_logout, [data-theme="dark"] .portal_dash_actions a, [data-theme="dark"] .portal_dash_actions button { background: #2a2e36 !important; border-color: #3a3f4a !important; color: #e2e6ee !important; } [data-theme="dark"] .portal_dash_sidebar a { color: #b8bcc6 !important; } [data-theme="dark"] .portal_dash_sidebar a:hover, [data-theme="dark"] .portal_dash_sidebar a.active { background: #2a2e36 !important; color: #e8ecf4 !important; } [data-theme="dark"] #portalRegisterModal .modal-content { background: #252930 !important; } [data-theme="dark"] #portalRegisterModal .form-control { background: #2a2e36 !important; border-color: #3a3f4a !important; color: #e2e6ee !important; } [data-theme="dark"] .portal_login_divider, [data-theme="dark"] .portal_dash_user { color: #9ca3b4 !important; } /* Portal: sol panel logosu koyu modda beyaz (mavi kaybolmasın) */ [data-theme="dark"] .portal_logo_wrap img, [data-theme="dark"] .portal_left_logo { filter: brightness(0) invert(1) !important; } [data-theme="dark"] .portal_dark_btn { background: #252930 !important; border-color: #3a3f4a !important; color: #e2e6ee !important; } [data-theme="dark"] .portal_dark_btn:hover { background: #3a3f4a !important; color: #fff !important; } [data-theme="dark"] .portal_login_email_link { color: #8aa8e6 !important; } [data-theme="dark"] .portal_login_email_link:hover { color: #a8c4f0 !important; } /* Badge / küçük etiketler – parlak renk patlaması önleme */ [data-theme="dark"] .badge.bg-primary, [data-theme="dark"] .badge.text-bg-primary { background-color: #5a8aee !important; color: #fff !important; } [data-theme="dark"] .heading_focus_text .badge, [data-theme="dark"] .page_banner .badge { background: rgba(255,255,255,0.2) !important; color: #e8ecf4 !important; } @media (max-width: 768px) { [data-theme="dark"] .portal_lang_wrap { right: 1rem; } }