/* ===================================================== Dark Theme — INSPINIA v2.7.1 + Bootstrap 3 Applies when ===================================================== */ /* ---------- CSS Variables ---------- */ :root { --bg-body: #f3f3f4; --bg-panel: #ffffff; --bg-input: #ffffff; --bg-sidebar: #2f4050; --bg-sidebar-hover: #293846; --bg-navbar: #ffffff; --bg-table-stripe: #f9f9f9; --bg-table-hover: #f5f5f5; --bg-dropdown: #ffffff; --bg-modal: #ffffff; --bg-tag: #f5f5f5; --text-body: #676a6c; --text-heading: #676a6c; --text-sidebar: #a7b1c2; --text-sidebar-active: #ffffff; --text-muted: #999; --text-input: #555555; --border-color: #e7eaec; --border-input: #e5e6e7; --shadow-panel: none; } [data-theme="dark"] { --bg-body: #1a1d21; --bg-panel: #22262a; --bg-input: #2d333b; --bg-sidebar: #1e2229; --bg-sidebar-hover: #161a1f; --bg-navbar: #22262a; --bg-table-stripe: #1e2229; --bg-table-hover: #262c34; --bg-dropdown: #22262a; --bg-modal: #22262a; --bg-tag: #2d333b; --text-body: #c9d1d9; --text-heading: #e6edf3; --text-sidebar: #8b949e; --text-sidebar-active: #e6edf3; --text-muted: #6e7681; --text-input: #c9d1d9; --border-color: #30363d; --border-input: #444c56; --shadow-panel: 0 1px 3px rgba(0,0,0,0.4); } /* ---------- Theme Toggle Button ---------- */ .theme-toggle-btn { background: transparent; border: 1px solid rgba(255,255,255,0.2); color: #a7b1c2; border-radius: 50%; width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: 8px; flex-shrink: 0; transition: background 0.2s, color 0.2s; } .theme-toggle-btn:hover { background: rgba(255,255,255,0.1); color: #ffffff; } .theme-toggle-btn i { font-size: 14px; } /* Floating toggle for standalone pages */ .theme-toggle-float { position: fixed; top: 16px; right: 16px; z-index: 9999; background: rgba(0,0,0,0.15); border: 1px solid rgba(0,0,0,0.15); color: #676a6c; border-radius: 50%; width: 36px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, color 0.2s; } .theme-toggle-float:hover { background: rgba(0,0,0,0.25); } [data-theme="dark"] .theme-toggle-float { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.15); color: #c9d1d9; } [data-theme="dark"] .theme-toggle-float:hover { background: rgba(255,255,255,0.15); } /* ===================================================== BODY / PAGE WRAPPER ===================================================== */ [data-theme="dark"] body, [data-theme="dark"] body.gray-bg { background-color: var(--bg-body) !important; color: var(--text-body); } [data-theme="dark"] #wrapper { background-color: var(--bg-body); } [data-theme="dark"] #page-wrapper, [data-theme="dark"] .gray-bg { background-color: var(--bg-body) !important; } /* ===================================================== SIDEBAR / NAV ===================================================== */ [data-theme="dark"] .navbar-default.navbar-static-side, [data-theme="dark"] .navbar-default { background-color: var(--bg-sidebar) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .nav.metismenu > li > a, [data-theme="dark"] .nav.metismenu > li > a i { color: var(--text-sidebar); } [data-theme="dark"] .nav.metismenu > li > a:hover, [data-theme="dark"] .nav.metismenu > li > a:focus { background-color: var(--bg-sidebar-hover) !important; color: var(--text-sidebar-active) !important; border-left-color: #1ab394 !important; } [data-theme="dark"] .nav.metismenu > li.active > a { background-color: var(--bg-sidebar) !important; color: var(--text-sidebar-active) !important; border-left-color: #1ab394 !important; } [data-theme="dark"] .nav.metismenu .nav-second-level, [data-theme="dark"] .nav-second-level li a { background-color: var(--bg-sidebar-hover); color: var(--text-sidebar); } [data-theme="dark"] .nav-second-level li a:hover { color: var(--text-sidebar-active) !important; background-color: var(--bg-sidebar) !important; } [data-theme="dark"] .nav-header { background-color: var(--bg-sidebar-hover) !important; } [data-theme="dark"] .profile-element a, [data-theme="dark"] .profile-element span { color: var(--text-sidebar) !important; } [data-theme="dark"] .nav .open > a, [data-theme="dark"] .nav .open > a:hover, [data-theme="dark"] .nav .open > a:focus { background: var(--bg-sidebar-hover) !important; } /* ===================================================== TOP NAVBAR ===================================================== */ [data-theme="dark"] .navbar-static-top { background-color: var(--bg-navbar) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .navbar-static-top .navbar-nav > li > a { color: var(--text-body) !important; } [data-theme="dark"] .navbar-static-top .navbar-nav > li > a:hover { color: var(--text-heading) !important; } [data-theme="dark"] .count-info .label { background-color: #1ab394; } [data-theme="dark"] .navbar-minimalize { background-color: #1fcfab !important; border-color: #1fcfab !important; color: #fff !important; box-shadow: 0 1px 4px rgba(0,0,0,0.5); } [data-theme="dark"] .navbar-minimalize:hover, [data-theme="dark"] .navbar-minimalize:focus { background-color: #25e0bc !important; border-color: #25e0bc !important; } /* ===================================================== IBOX / PANELS / CARDS ===================================================== */ [data-theme="dark"] .ibox { background-color: var(--bg-panel); border-color: var(--border-color) !important; box-shadow: var(--shadow-panel); } [data-theme="dark"] .ibox-title { background-color: var(--bg-panel) !important; border-color: var(--border-color) !important; color: var(--text-heading) !important; } [data-theme="dark"] .ibox-content { background-color: var(--bg-panel) !important; border-color: var(--border-color) !important; color: var(--text-body); } [data-theme="dark"] .ibox-title h5, [data-theme="dark"] .ibox-title h4, [data-theme="dark"] .ibox-title h3 { color: var(--text-heading) !important; } [data-theme="dark"] .ibox-content h1, [data-theme="dark"] .ibox-content h2, [data-theme="dark"] .ibox-content h3, [data-theme="dark"] .ibox-content h4, [data-theme="dark"] .ibox-content h5 { color: var(--text-heading); } [data-theme="dark"] .panel { background-color: var(--bg-panel) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .panel-heading { background-color: var(--bg-panel) !important; border-color: var(--border-color) !important; color: var(--text-heading) !important; } [data-theme="dark"] .panel-body { background-color: var(--bg-panel) !important; color: var(--text-body); } /* ===================================================== TYPOGRAPHY ===================================================== */ [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 { color: var(--text-heading); } [data-theme="dark"] p, [data-theme="dark"] span, [data-theme="dark"] label, [data-theme="dark"] td, [data-theme="dark"] th, [data-theme="dark"] li, [data-theme="dark"] small { color: var(--text-body); } [data-theme="dark"] .text-muted { color: var(--text-muted) !important; } [data-theme="dark"] a { color: #1abc9c; } [data-theme="dark"] a:hover { color: #16a085; } /* ===================================================== TABLES ===================================================== */ [data-theme="dark"] .table { color: var(--text-body); border-color: var(--border-color); } [data-theme="dark"] .table > thead > tr > th, [data-theme="dark"] .table > tbody > tr > td, [data-theme="dark"] .table > tfoot > tr > td { border-color: var(--border-color) !important; color: var(--text-body); } [data-theme="dark"] .table > thead > tr > th { background-color: var(--bg-panel); color: var(--text-heading); } [data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) { background-color: var(--bg-table-stripe); } [data-theme="dark"] .table-hover > tbody > tr:hover { background-color: var(--bg-table-hover); } [data-theme="dark"] .table-bordered { border-color: var(--border-color) !important; } [data-theme="dark"] .table-bordered > thead > tr > th, [data-theme="dark"] .table-bordered > tbody > tr > td { border-color: var(--border-color) !important; } /* ===================================================== FORMS ===================================================== */ [data-theme="dark"] .form-control { background-color: var(--bg-input) !important; border-color: var(--border-input) !important; color: var(--text-input) !important; } [data-theme="dark"] .form-control:focus { border-color: #1ab394 !important; box-shadow: 0 0 0 2px rgba(26,179,148,0.2) !important; } [data-theme="dark"] .form-control::placeholder { color: var(--text-muted) !important; } [data-theme="dark"] .input-group-addon { background-color: var(--bg-input) !important; border-color: var(--border-input) !important; color: var(--text-body) !important; } [data-theme="dark"] select.form-control option { background-color: var(--bg-input); color: var(--text-input); } [data-theme="dark"] textarea.form-control { background-color: var(--bg-input) !important; color: var(--text-input) !important; } /* ===================================================== BUTTONS ===================================================== */ [data-theme="dark"] .btn-white, [data-theme="dark"] .btn-default { background-color: var(--bg-panel) !important; border-color: var(--border-color) !important; color: var(--text-body) !important; } [data-theme="dark"] .btn-white:hover, [data-theme="dark"] .btn-default:hover { background-color: var(--bg-table-hover) !important; color: var(--text-heading) !important; } [data-theme="dark"] .btn-primary { color: #fff !important; } [data-theme="dark"] .open-small-chat { color: #fff !important; } [data-theme="dark"] .open-small-chat:hover { background: #16a085 !important; color: #fff !important; } /* ===================================================== MODAL ===================================================== */ [data-theme="dark"] .modal-content { background-color: var(--bg-modal) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .modal-header { background-color: var(--bg-modal) !important; border-bottom-color: var(--border-color) !important; color: var(--text-heading) !important; } [data-theme="dark"] .modal-header h4, [data-theme="dark"] .modal-header h3, [data-theme="dark"] .modal-title { color: var(--text-heading) !important; } [data-theme="dark"] .modal-body { background-color: var(--bg-modal) !important; color: var(--text-body); } [data-theme="dark"] .modal-footer { background-color: var(--bg-modal) !important; border-top-color: var(--border-color) !important; } [data-theme="dark"] .close { color: var(--text-body) !important; opacity: 0.7; } /* ===================================================== DROPDOWNS ===================================================== */ [data-theme="dark"] .dropdown-menu { background-color: var(--bg-dropdown) !important; border-color: var(--border-color) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important; } [data-theme="dark"] .dropdown-menu > li > a { color: var(--text-body) !important; } [data-theme="dark"] .dropdown-menu > li > a:hover, [data-theme="dark"] .dropdown-menu > li > a:focus { background-color: var(--bg-table-hover) !important; color: var(--text-heading) !important; } [data-theme="dark"] .dropdown-menu .divider { background-color: var(--border-color) !important; } /* ===================================================== LIST GROUP ===================================================== */ [data-theme="dark"] .list-group-item { background-color: var(--bg-panel) !important; border-color: var(--border-color) !important; color: var(--text-body) !important; } [data-theme="dark"] .list-group-item:hover, [data-theme="dark"] .list-group-item:focus { background-color: var(--bg-table-hover) !important; } /* ===================================================== NAV TABS / PILLS ===================================================== */ [data-theme="dark"] .nav-tabs { border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .nav-tabs > li > a { color: var(--text-body) !important; border-color: transparent !important; } [data-theme="dark"] .nav-tabs > li > a:hover { border-color: var(--border-color) !important; background-color: var(--bg-table-hover) !important; } [data-theme="dark"] .nav-tabs > li.active > a, [data-theme="dark"] .nav-tabs > li.active > a:focus, [data-theme="dark"] .nav-tabs > li.active > a:hover { background-color: var(--bg-panel) !important; border-color: var(--border-color) !important; border-bottom-color: var(--bg-panel) !important; color: var(--text-heading) !important; } /* ===================================================== BREADCRUMB ===================================================== */ [data-theme="dark"] .breadcrumb { background-color: var(--bg-panel) !important; } [data-theme="dark"] .breadcrumb > li, [data-theme="dark"] .breadcrumb > li a, [data-theme="dark"] .breadcrumb > .active { color: var(--text-body) !important; } /* ===================================================== PAGINATION ===================================================== */ [data-theme="dark"] .pagination > li > a, [data-theme="dark"] .pagination > li > span { background-color: var(--bg-panel) !important; border-color: var(--border-color) !important; color: var(--text-body) !important; } [data-theme="dark"] .pagination > li > a:hover, [data-theme="dark"] .pagination > li > span:hover { background-color: var(--bg-table-hover) !important; color: var(--text-heading) !important; } [data-theme="dark"] .pagination > .active > a, [data-theme="dark"] .pagination > .active > span { background-color: #1ab394 !important; border-color: #1ab394 !important; color: #fff !important; } [data-theme="dark"] .pagination > .disabled > a, [data-theme="dark"] .pagination > .disabled > span { background-color: var(--bg-panel) !important; border-color: var(--border-color) !important; color: var(--text-muted) !important; } /* ===================================================== SELECT2 ===================================================== */ [data-theme="dark"] .select2-container--default .select2-selection--single, [data-theme="dark"] .select2-container--default .select2-selection--multiple { background-color: var(--bg-input) !important; border-color: var(--border-input) !important; } [data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--text-input) !important; } [data-theme="dark"] .select2-dropdown { background-color: var(--bg-dropdown) !important; border-color: var(--border-input) !important; } [data-theme="dark"] .select2-container--default .select2-results__option { color: var(--text-body); } [data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #1ab394 !important; color: #fff !important; } [data-theme="dark"] .select2-search--dropdown .select2-search__field { background-color: var(--bg-input) !important; border-color: var(--border-input) !important; color: var(--text-input) !important; } /* ===================================================== CHOSEN ===================================================== */ [data-theme="dark"] .chosen-container .chosen-single, [data-theme="dark"] .chosen-container-multi .chosen-choices { background: var(--bg-input) !important; border-color: var(--border-input) !important; color: var(--text-input) !important; } [data-theme="dark"] .chosen-container .chosen-drop { background-color: var(--bg-dropdown) !important; border-color: var(--border-input) !important; } [data-theme="dark"] .chosen-container .chosen-results li { color: var(--text-body); } [data-theme="dark"] .chosen-container .chosen-results li.highlighted { background-color: #1ab394 !important; } /* ===================================================== TAGS / LABELS / BADGES ===================================================== */ [data-theme="dark"] .label-default { background-color: var(--bg-tag) !important; color: var(--text-body) !important; } [data-theme="dark"] .badge { background-color: var(--bg-tag); color: var(--text-body); } /* ===================================================== ALERTS ===================================================== */ [data-theme="dark"] .alert-info { background-color: #1d3040 !important; border-color: #2a5070 !important; color: #89c4e1 !important; } [data-theme="dark"] .alert-success { background-color: #1a3028 !important; border-color: #1ab394 !important; color: #7ec8b0 !important; } [data-theme="dark"] .alert-warning { background-color: #2d2410 !important; border-color: #c09b35 !important; color: #e8c96a !important; } [data-theme="dark"] .alert-danger { background-color: #2d1a1a !important; border-color: #a94442 !important; color: #e08080 !important; } /* ===================================================== FOOTER ===================================================== */ [data-theme="dark"] .footer { background-color: var(--bg-panel) !important; border-top-color: var(--border-color) !important; color: var(--text-muted) !important; } [data-theme="dark"] .footer strong, [data-theme="dark"] .footer small { color: var(--text-muted) !important; } /* ===================================================== LOADING OVERLAY ===================================================== */ [data-theme="dark"] #loadingDiv, [data-theme="dark"] .loading-overlay { background-color: rgba(26, 29, 33, 0.85) !important; } [data-theme="dark"] #loadingDiv .spinner, [data-theme="dark"] .loading-overlay .spinner { border-top-color: #1ab394 !important; } /* ===================================================== HR / DIVIDERS ===================================================== */ [data-theme="dark"] hr { border-top-color: var(--border-color) !important; } /* ===================================================== SCROLLBAR (webkit) ===================================================== */ [data-theme="dark"] ::-webkit-scrollbar { width: 6px; height: 6px; } [data-theme="dark"] ::-webkit-scrollbar-track { background: var(--bg-body); } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: #444c56; border-radius: 3px; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #6e7681; } /* ===================================================== STAT BOXES (dashboard) ===================================================== */ [data-theme="dark"] .widget { background-color: var(--bg-panel) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .stat-list li { border-bottom-color: var(--border-color) !important; } /* ===================================================== TOASTR NOTIFICATIONS ===================================================== */ [data-theme="dark"] .toast-success { background-color: #1a3028 !important; color: #7ec8b0 !important; } [data-theme="dark"] .toast-error { background-color: #2d1a1a !important; color: #e08080 !important; } [data-theme="dark"] .toast-info { background-color: #1d3040 !important; color: #89c4e1 !important; } [data-theme="dark"] .toast-warning { background-color: #2d2410 !important; color: #e8c96a !important; } /* ===================================================== SWEETALERT ===================================================== */ [data-theme="dark"] .sweet-alert { background-color: var(--bg-modal) !important; } [data-theme="dark"] .sweet-alert h2, [data-theme="dark"] .sweet-alert p { color: var(--text-heading) !important; } /* ===================================================== TIMELINE ===================================================== */ [data-theme="dark"] .vertical-timeline::before { background: var(--border-color) !important; } /* ===================================================== CODE / PRE ===================================================== */ [data-theme="dark"] pre, [data-theme="dark"] code { background-color: var(--bg-input) !important; border-color: var(--border-color) !important; color: #c9d1d9 !important; } /* ===================================================== LOGIN / REGISTER PAGES ===================================================== */ [data-theme="dark"] .loginscreen.middle-box, [data-theme="dark"] .middle-box { color: var(--text-body); } [data-theme="dark"] .middle-box h1, [data-theme="dark"] .middle-box h3 { color: var(--text-heading) !important; } [data-theme="dark"] .middle-box .form-control { background-color: var(--bg-input) !important; border-color: var(--border-input) !important; color: var(--text-input) !important; } /* ===================================================== GALLERY (page/index.html) ===================================================== */ [data-theme="dark"] .main { background-color: var(--bg-body); } [data-theme="dark"] .menu { background-color: var(--bg-panel) !important; } [data-theme="dark"] .card, [data-theme="dark"] .gallery-item { background-color: var(--bg-panel) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .card-title, [data-theme="dark"] .gallery-title { color: var(--text-heading) !important; } /* ===================================================== ICHECK PLUGIN ===================================================== */ [data-theme="dark"] .icheckbox_square-green, [data-theme="dark"] .iradio_square-green { filter: brightness(0.8) invert(0.1); } /* ===================================================== SLIMSCROLL ===================================================== */ [data-theme="dark"] .slimScrollBar { background: #444c56 !important; } /* ===================================================== MISC INSPINIA OVERRIDES ===================================================== */ [data-theme="dark"] .border-bottom { border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .border-top { border-top-color: var(--border-color) !important; } [data-theme="dark"] .wrapper-content { background-color: var(--bg-body); } [data-theme="dark"] .white-bg { background-color: var(--bg-panel) !important; } [data-theme="dark"] .light-navy-bg { background-color: #1e2229 !important; } [data-theme="dark"] .navy-bg { background-color: #161a1f !important; } /* progress bar track */ [data-theme="dark"] .progress { background-color: var(--bg-input) !important; } /* well */ [data-theme="dark"] .well { background-color: var(--bg-input) !important; border-color: var(--border-color) !important; color: var(--text-body); } /* thumbnail */ [data-theme="dark"] .thumbnail { background-color: var(--bg-panel) !important; border-color: var(--border-color) !important; } /* popover */ [data-theme="dark"] .popover { background-color: var(--bg-modal) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .popover-title { background-color: var(--bg-panel) !important; border-bottom-color: var(--border-color) !important; color: var(--text-heading) !important; } [data-theme="dark"] .popover-content { color: var(--text-body); } /* tooltip */ [data-theme="dark"] .tooltip-inner { background-color: #30363d !important; color: var(--text-heading); } /* ===================================================== system.css 组件 ===================================================== */ [data-theme="dark"] .panel-box { background: var(--bg-panel); } [data-theme="dark"] .panel-box .ibox-title { border-bottom-color: var(--border-color); } [data-theme="dark"] .product-item { border-color: var(--border-color); background: var(--bg-panel); } [data-theme="dark"] .product-item-delete { background-color: rgba(26, 29, 33, 0.85); } [data-theme="dark"] .wave { background-color: rgba(26, 29, 33, 0.5); } [data-theme="dark"] .swiper-slide { background: var(--bg-input); } [data-theme="dark"] .check-item { background: rgba(34, 38, 42, 0.7); } [data-theme="dark"] .product-arrow { background: var(--bg-panel); border-color: var(--border-color); } [data-theme="dark"] .talk-div { border-color: var(--border-color); } [data-theme="dark"] .talk-div-ask { background: #1a5c38; color: #c9d1d9; border-color: #1a5c38; } [data-theme="dark"] .talk-div p { background: transparent; color: var(--text-body); } /* ---------- Bootstrap Datepicker ---------- */ [data-theme="dark"] .datepicker { background: var(--bg-panel); color: var(--text-body); border-color: var(--border-color); } [data-theme="dark"] .datepicker table tr td, [data-theme="dark"] .datepicker table tr th { color: var(--text-body); } [data-theme="dark"] .datepicker table tr td.active, [data-theme="dark"] .datepicker table tr td.active:hover { background: #1ab394 !important; color: #fff !important; } [data-theme="dark"] .datepicker table tr td.today { background: var(--bg-input) !important; color: var(--text-body) !important; } [data-theme="dark"] .datepicker table tr td.day:hover, [data-theme="dark"] .datepicker table tr td span:hover { background: var(--bg-table-hover); } [data-theme="dark"] .datepicker table tr td.disabled { color: var(--text-muted); } [data-theme="dark"] .datepicker-dropdown::before, [data-theme="dark"] .datepicker-dropdown::after { border-bottom-color: var(--border-color); } [data-theme="dark"] .datepicker .datepicker-switch, [data-theme="dark"] .datepicker .prev, [data-theme="dark"] .datepicker .next { color: var(--text-heading); } [data-theme="dark"] .datepicker .dow { color: var(--text-muted); } [data-theme="dark"] .input-daterange .input-group-addon { background: var(--bg-input); color: var(--text-body); border-color: var(--border-input); } /* ===================================================== HEADER THEME TOGGLE (pill style) ===================================================== */ .dark-mode-btn { display: inline-flex; align-items: center; border: 1px solid #e7eaec; border-radius: 20rem; padding: 2px; background: #f3f3f4; margin-top: 10px; } .header-theme-btn { width: 34px; height: 34px; padding: 0; border: none !important; border-radius: 50% !important; background: transparent !important; color: #999 !important; display: flex; align-items: center; justify-content: center; box-shadow: none !important; transition: background 0.2s, color 0.2s; } .header-theme-btn:hover { color: #676a6c !important; } .header-theme-btn.active { background: #1ab394 !important; color: #fff !important; } [data-theme="dark"] .dark-mode-btn { border-color: #30363d; background: #1e2229; } [data-theme="dark"] .header-theme-btn { color: #6e7681 !important; } [data-theme="dark"] .header-theme-btn:hover { color: #c9d1d9 !important; } [data-theme="dark"] .header-theme-btn.active { background: #1ab394 !important; color: #fff !important; } /* ---- Image Viewer Overlay dark-theme ---- */ [data-theme="dark"] .image-viewer-info { background: rgba(13, 15, 20, 0.96); border-right-color: rgba(255,255,255,0.06); } [data-theme="dark"] .iv-info-val { color: #c9d1d9; } [data-theme="dark"] .iv-info-label { color: #6e7681; }