/* * Auto-generated dark mode for style.css. * Activated khi . * Mapping: text-dark→#e2e8f0, bg-light→#0f172a/#1e293b/#334155, border-light→#334155/#475569. * Brand colors (saturation > 30%) preserved. */ [data-theme="dark"] body { color: #e2e8f0; background: #0f172a; } [data-theme="dark"] a { color: #e2e8f0; } [data-theme="dark"] code { background-color: #1e293b; } [data-theme="dark"] pre { background-color: #1e293b; border: #475569 solid 1px; } [data-theme="dark"] pre::-webkit-scrollbar-thumb { background: #475569; } @media (max-width: 991px) { [data-theme="dark"] .table_all, [data-theme="dark"] .table_all_menu { background-color: #0f172a; } } [data-theme="dark"] #page .container-fluid { background-color: #0f172a; } @media (min-width: 992px) { [data-theme="dark"] .header-wrapper { background-color: #0f172a; } [data-theme="dark"] .header-logo-wrapper { background-color: #0f172a; } [data-theme="dark"] .header-logo { background-color: #0f172a; } } [data-theme="dark"] .content { border: #334155 solid 1px; } [data-theme="dark"] #content_pages { background-color: #0f172a; } [data-theme="dark"] #rsidebar .widget ul { border: 1px solid #334155; } [data-theme="dark"] #rsidebar li li { color: #e2e8f0; } [data-theme="dark"] #rsidebar li li a { color: #e2e8f0; } [data-theme="dark"] .mobile-category-menu { background: linear-gradient(135deg, #1e293b, #1e293b); } [data-theme="dark"] .mobile-category-menu .widget-category-menu a { background: #0f172a; } [data-theme="dark"] .mobile-category-menu .widget-category-menu a:hover { background: #1e293b; } [data-theme="dark"] .wp-pagenavi a, [data-theme="dark"] .wp-pagenavi a:visited, [data-theme="dark"] .wp-pagenavi span { background-color: #0f172a; } [data-theme="dark"] .navi_center a, [data-theme="dark"] .navi_center a:visited, [data-theme="dark"] .navi_center span { color: #e2e8f0; border: 1px solid #334155; background: #0f172a; } [data-theme="dark"] .navi_center a.jump, [data-theme="dark"] .navi_center a.jump:visited { background: #0f172a; border-color: #475569; color: #e2e8f0; } [data-theme="dark"] .navi_center a.jump:hover, [data-theme="dark"] .navi_center a.jump:focus, [data-theme="dark"] .navi_center a.jump:active { background: #1e293b; border-color: #475569; color: #e2e8f0 !important; } [data-theme="dark"] .post_author { color: #e2e8f0; } [data-theme="dark"] .list-post .item { border-bottom: 1px solid #334155; background-color: #1e293b; } [data-theme="dark"] .postTitle h2 { color: #e2e8f0; } [data-theme="dark"] .archiveTitle { border-bottom: 1px solid #334155; } [data-theme="dark"] .archive-separator { background: #334155; } [data-theme="dark"] .archive-count { color: #e2e8f0; } [data-theme="dark"] .archive-description { color: #e2e8f0; } [data-theme="dark"] .postFeatured { background: #1e293b; } [data-theme="dark"] .featHead { background: #334155; color: #e2e8f0; } [data-theme="dark"] .footer_all { background-color: #1e293b; } [data-theme="dark"] .off-canvas { background-color: #0f172a; } [data-theme="dark"] .list-post { background-color: #1e293b; } @media (max-width: 767px) { [data-theme="dark"] .header-inner { background: #0f172a; } } [data-theme="dark"] .grid-post .item { border-bottom: 1px solid #334155; } [data-theme="dark"] .date_time { color: #e2e8f0; } [data-theme="dark"] .mobile-menu-extra { color: #e2e8f0; } [data-theme="dark"] .search-form { border: 1px solid #475569; background: #0f172a; } [data-theme="dark"] .search-field { color: #e2e8f0; background: #0f172a; } [data-theme="dark"] .result-card { background: #0f172a; } [data-theme="dark"] .excerpt { color: #e2e8f0; } [data-theme="dark"] .header-right .search-form { background: #0f172a; border: 1px solid #475569; } [data-theme="dark"] .header-right .search-form .search-field { color: #e2e8f0; background: #0f172a; } @media (min-width: 992px) { [data-theme="dark"] .header-right .search-form { border: 1px solid #475569; background: #0f172a; } [data-theme="dark"] .header-right .search-form .search-field { color: #e2e8f0; background: #0f172a; } } [data-theme="dark"] .search-form-wrapper .search-form { border: 1px solid #475569; background: #0f172a; } [data-theme="dark"] .search-form-wrapper .search-field { color: #e2e8f0; background: #0f172a; } @media (max-width: 991px) { [data-theme="dark"] .mobile-search .search-form { border: 1px solid #475569; background: #0f172a; } [data-theme="dark"] .mobile-search .search-field { color: #e2e8f0; background: #0f172a; } } [data-theme="dark"] .clear-search { color: #e2e8f0; } [data-theme="dark"] .clear-search:hover { color: #e2e8f0; } [data-theme="dark"] .avatar { border: 2px solid #334155; } @media (min-width: 992px) { [data-theme="dark"] .result-card { background: #0f172a; } [data-theme="dark"] .result-card .excerpt { color: #e2e8f0; } [data-theme="dark"] .result-card .date_time, [data-theme="dark"] .result-card .post_author { color: #e2e8f0; } } @media (max-width: 991px) { [data-theme="dark"] .result-card { background: #0f172a; } } @media (min-width: 992px) { [data-theme="dark"] .result-card { background: #0f172a; } [data-theme="dark"] .result-card .date_time, [data-theme="dark"] .result-card .post_author { color: #e2e8f0; } [data-theme="dark"] .result-card .excerpt { color: #e2e8f0; } } @media (min-width: 992px) { [data-theme="dark"] .archive-2025 .result-card { background: #0f172a; } [data-theme="dark"] .archive-2025 .result-card .excerpt { color: #e2e8f0; } [data-theme="dark"] .archive-2025 .result-card .date_time, [data-theme="dark"] .archive-2025 .result-card .post_author { color: #e2e8f0; } } @media (max-width: 991px) { [data-theme="dark"] .search-form-wrapper.mobile-search { background: #0f172a; border: 1px solid #475569; } [data-theme="dark"] .search-field { color: #e2e8f0; background: #0f172a; } [data-theme="dark"] .search-form { border: 1px solid #475569; } } [data-theme="dark"] .archive-sorting-form { background: #0f172a; border: 1px solid #334155; } [data-theme="dark"] .archive-sorting-form:hover { background: #1e293b; border-color: #475569; } [data-theme="dark"] .archive-sorting-label { color: #e2e8f0; } [data-theme="dark"] .archive-sorting-select { border: 1px solid #475569; background: #0f172a; color: #e2e8f0; } [data-theme="dark"] .archive-sorting-select option { color: #e2e8f0; border-bottom: 1px solid #334155; } [data-theme="dark"] .archive-sorting-select option:hover { background-color: #1e293b; } [data-theme="dark"] .archive-sorting-select option:checked, [data-theme="dark"] .archive-sorting-select option[selected] { color: #e2e8f0; } [data-theme="dark"] .posttags-label { color: #e2e8f0; } [data-theme="dark"] .posttags a { background: #1e293b; } [data-theme="dark"] .posttags a::before { background: #0f172a; } [data-theme="dark"] .posttags a::after { background: #0f172a; border-left: 10px solid #334155; } [data-theme="dark"] .mobile-footer-info { color: #e2e8f0; background: #0f172a; border-top: 1px solid #334155; } [data-theme="dark"] .mobile-footer-info .site-description { color: #e2e8f0; } [data-theme="dark"] .mobile-footer-info .disclaimer { color: #e2e8f0; background: #0f172a; border: 1px solid #334155; } [data-theme="dark"] .mobile-footer-info .copyright { color: #e2e8f0; } [data-theme="dark"] .menu-wrapper { background: #0f172a; border-top: 1px solid #334155; border-bottom: 1px solid #334155; } [data-theme="dark"] .navlist li a { color: #e2e8f0; } [data-theme="dark"] .site-main .navlist, [data-theme="dark"] .site-main .navlist .sub-menu { background: #0f172a; } [data-theme="dark"] .site-main .navlist li a { color: #e2e8f0; } [data-theme="dark"] .page-wrap-offcanvas .navlist li a:before { background: #1e293b; } [data-theme="dark"] #cssmenu .sub-menu a { color: #e2e8f0; } [data-theme="dark"] .sub-menu li:hover > a { background: #0f172a; } @media (min-width: 992px) { [data-theme="dark"] #cssmenu .navlist > li > .sub-menu { background: #0f172a; border: 1px solid #334155; } [data-theme="dark"] #cssmenu .navlist > li > .sub-menu > li > a { color: #e2e8f0; } [data-theme="dark"] #cssmenu .navlist > li > .sub-menu > li > .sub-menu { border-left: 1px dashed #334155; } [data-theme="dark"] #cssmenu .navlist > li > .sub-menu > li > .sub-menu li a { color: #e2e8f0; } } @media (max-width: 991px) { [data-theme="dark"] .page-wrap-offcanvas .navlist > li > a { color: #e2e8f0; } [data-theme="dark"] .page-wrap-offcanvas .navlist li .sub-menu > li > a { color: #e2e8f0; } [data-theme="dark"] .page-wrap-offcanvas .navlist li .sub-menu li .sub-menu a { color: #e2e8f0; } [data-theme="dark"] .page-wrap-offcanvas .navlist li a:before { background: #1e293b; } [data-theme="dark"] .page-wrap-offcanvas .navlist .submenu-toggle .fa { color: #e2e8f0; } } [data-theme="dark"] .suggestions-list-popup { background: #0f172a; } [data-theme="dark"] .suggestion-item { color: #e2e8f0; } [data-theme="dark"] .suggestion-item:hover, [data-theme="dark"] .suggestion-item.active { background: #1e293b; } [data-theme="dark"] .archive-search-form .search-field { color: #e2e8f0; background: #0f172a; } [data-theme="dark"] #highlight-toc-list { border-top: 1.5px solid #475569; border-bottom: 1.5px solid #475569; } [data-theme="dark"] .google-search-box { background: linear-gradient(135deg, #0f172a, #0f172a); border: 1px solid #334155; } [data-theme="dark"] .google-desc { color: #e2e8f0; } [data-theme="dark"] .postContent code, [data-theme="dark"] .postContent_page code, [data-theme="dark"] p > code, [data-theme="dark"] li > code { background: #1e293b; border: 1px solid #334155; } [data-theme="dark"] .wcat-meta .date_time { color: #e2e8f0; } [data-theme="dark"] .wcat-meta .post_author { color: #e2e8f0; } [data-theme="dark"] .wcat-hero .wcat-thumb { background: #1e293b; } [data-theme="dark"] .wcat-carousel-track::-webkit-scrollbar-thumb:hover { background: #475569; } [data-theme="dark"] .wcat-carousel-arrow:hover { background: #0f172a; }