/* ============================================ 暗色主题 (Dark Mode) - 独立文件 所有风格（包括Test）都加载此文件 通过 激活 ============================================ */ [data-theme="dark"] { --primary: #3B82F6; --primary-hover: #60A5FA; --primary-light: rgba(59,130,246,0.18); --primary-dark: #2563EB; --success: #34D399; --success-light: rgba(34,211,153,0.15); --warning: #FBBF24; --warning-light: rgba(251,191,36,0.15); --danger: #F87171; --danger-light: rgba(248,113,113,0.15); /* 灰阶：层层次递，每级肉眼可辨 */ --gray-50: #181D2A; /* 最深底色 */ --gray-100: #1E2436; /* 卡片/面板 */ --gray-200: #272E40; /* 输入框底色 */ --gray-300: #353D52; /* 分隔线/hover */ --gray-400: #4B5570; /* 次要边框 */ --gray-500: #6B7494; /* 次要文字 */ --gray-600: #94A3B8; /* 常规文字 */ --gray-700: #CBD5E1; /* 高亮文字 */ --gray-800: #E2E8F0; /* 标题文字 */ --gray-900: #F1F5F9; /* 最亮文字 */ /* 背景层次：4级深度 */ --bg-body: #0D1017; /* 0级：最深背景 */ --bg-card: #1A1F2E; /* 1级：卡片/面板 */ --bg-sidebar: #141825; /* 2级：侧边栏/头部 */ --bg-header: #141825; /* 3级：头部栏 */ /* 文字层次 */ --text-primary: #E2E8F0; /* 主文字 */ --text-secondary: #94A3B8; /* 次要文字 */ --text-muted: #64748B; /* 辅助文字 */ --text-inverse: #0F1117; /* 反色文字（按钮上） */ --text-link: #60A5FA; /* 链接色 */ /* 边框：清晰但不刺眼 */ --border-color: #2D3548; --border-light: #232A3A; /* 阴影：更深的投影 */ --shadow-sm: 0 1px 3px rgba(0,0,0,0.5); --shadow-md: 0 4px 6px rgba(0,0,0,0.5); --shadow-lg: 0 10px 20px rgba(0,0,0,0.6); } /* 暗色模式：body背景 & 通用 */ [data-theme="dark"] body, [data-theme="dark"] html { background: var(--bg-body) !important; color: var(--text-primary) !important; } /* 暗色模式：iframe背景 */ [data-theme="dark"] #main_body, [data-theme="dark"] .main_iframe { background: var(--bg-body) !important; } /* 暗色模式：登录页 — 深邃夜空渐变 */ [data-theme="dark"] .login_page { background: linear-gradient(160deg, #0B0F1A 0%, #111827 35%, #1A2744 70%, #0F172A 100%) !important; flex-wrap: wrap; align-content: center; } [data-theme="dark"] .login_illustration { background: linear-gradient(135deg, rgba(59,130,246,0.1) 0%, rgba(99,102,241,0.15) 50%, rgba(139,92,246,0.1) 100%); border-color: rgba(255,255,255,0.06); box-shadow: 0 20px 60px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.04); } [data-theme="dark"] .illus-node { background: rgba(30,41,59,0.95); box-shadow: 0 4px 20px rgba(0,0,0,0.4); } [data-theme="dark"] .illus-text { color: #E2E8F0; } [data-theme="dark"] .illus-subtext { color: #64748B; } [data-theme="dark"] .login_form { background: linear-gradient(180deg, #1A2035 0%, #151B2B 100%) !important; border-color: rgba(255,255,255,0.08) !important; box-shadow: 0 25px 60px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.04) !important; } [data-theme="dark"] .login_title { color: #F1F5F9 !important; } [data-theme="dark"] .login_title b { color: #60A5FA !important; } [data-theme="dark"] .login_welcome { color: var(--text-secondary) !important; } [data-theme="dark"] .login_face { background: var(--gray-200) !important; border-color: rgba(59,130,246,0.4) !important; } [data-theme="dark"] .login_line .login_input { background: var(--gray-100) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .login_line .login_input:hover { background: var(--gray-200) !important; border-color: var(--gray-300) !important; } [data-theme="dark"] .login_line .login_input:focus { border-color: var(--primary) !important; background: var(--gray-200) !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.25) !important; } [data-theme="dark"] .login_check_h5 { background: var(--gray-300) !important; } [data-theme="dark"] .login_footer { color: rgba(255,255,255,0.2) !important; } [data-theme="dark"] .headline_title { color: #64748B !important; } [data-theme="dark"] .sxj-theme-btn-float { background: rgba(255,255,255,0.08) !important; border-color: rgba(255,255,255,0.1) !important; } [data-theme="dark"] .sxj-theme-btn-float:hover { background: rgba(255,255,255,0.15) !important; } /* 暗色模式：主框架表格/td */ [data-theme="dark"] td, [data-theme="dark"] th { color: var(--text-primary) !important; } /* 暗色模式：表格行hover — 柔和蓝高亮 */ [data-theme="dark"] .mydbs_tr:hover, [data-theme="dark"] .mydbs_tr0:hover, [data-theme="dark"] .mydbs_tr1:hover { background: rgba(59,130,246,0.08) !important; } /* 暗色模式：表格控制栏 */ [data-theme="dark"] .mydbs_control { color: var(--text-secondary) !important; background: var(--gray-100) !important; border-color: var(--border-color) !important; border-top-color: var(--primary) !important; } [data-theme="dark"] .mydbs_control_page { color: var(--text-primary) !important; background: var(--gray-100) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .mydbs_control_page:focus { border-color: var(--primary) !important; box-shadow: 0 0 0 2px rgba(59,130,246,0.3) !important; } [data-theme="dark"] .mydbs_stitle { color: var(--text-primary) !important; background: transparent !important; } /* 暗色模式：侧边栏 */ [data-theme="dark"] #main_favorite { background: var(--bg-sidebar) !important; } /* 暗色模式：select */ [data-theme="dark"] select.main_select, [data-theme="dark"] .main_select { background: var(--gray-100) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } /* 暗色模式：弹窗消息框 */ [data-theme="dark"] #sxj_msgbox_div { background: rgba(0,0,0,0.6) !important; } [data-theme="dark"] #sxj_msgbox { background: var(--gray-100) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.5) !important; } [data-theme="dark"] #sxj_msgbox_block1, [data-theme="dark"] #sxj_msgbox_block2 { background: var(--gray-50) !important; } [data-theme="dark"] #sxj_msgbox_title { color: var(--text-primary) !important; } [data-theme="dark"] #sxj_msgbox_close { color: var(--text-muted) !important; } [data-theme="dark"] #sxj_msgbox_close:hover { color: var(--text-primary) !important; } [data-theme="dark"] #sxj_msgbox_text { color: var(--text-secondary) !important; } [data-theme="dark"] #sxj_msgbox_control { background: var(--gray-50) !important; border-top: 1px solid var(--border-color) !important; } /* 暗色模式：消息提示条 */ [data-theme="dark"] .msgbar { color: #6EE7B7 !important; background: rgba(34,197,94,0.12) !important; border-color: rgba(34,211,153,0.25) !important; } [data-theme="dark"] .notifybar { color: #FDE68A !important; background: rgba(251,191,36,0.12) !important; border-color: rgba(251,191,36,0.25) !important; } [data-theme="dark"] .warningbar { color: #FCA5A5 !important; background: rgba(239,68,68,0.12) !important; border-color: rgba(248,113,113,0.25) !important; } /* 暗色模式：加载动画 */ [data-theme="dark"] .loading { background: rgba(13,16,23,0.85) !important; } [data-theme="dark"] .loading span { background: var(--gray-100) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.4); } [data-theme="dark"] .loading p { color: var(--text-secondary) !important; } /* 暗色模式：工具提示 */ [data-theme="dark"] .sxj_tips { background: var(--gray-800) !important; color: var(--gray-50) !important; box-shadow: 0 4px 16px rgba(0,0,0,0.5); } /* 暗色模式：标题栏 .bar */ [data-theme="dark"] .bar { background: var(--primary) !important; } [data-theme="dark"] .bar span { color: rgba(255,255,255,0.8) !important; } [data-theme="dark"] .barright { background: var(--primary) !important; } [data-theme="dark"] .barright a { background: transparent !important; } /* 暗色模式：表格容器 */ [data-theme="dark"] .intable { background-color: var(--bg-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .intitle, [data-theme="dark"] .intitle0 { color: var(--text-primary) !important; background: var(--gray-50) !important; border-color: var(--border-light) !important; } [data-theme="dark"] .incell { color: var(--text-primary) !important; } /* 暗色模式：表单输入 */ [data-theme="dark"] .intxt, [data-theme="dark"] .intxtl, [data-theme="dark"] .intxtc, [data-theme="dark"] .intxtr, [data-theme="dark"] .mydbs_in_l, [data-theme="dark"] .mydbs_in_c, [data-theme="dark"] .mydbs_in_r { background: var(--gray-100) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .intxt:hover, [data-theme="dark"] .intxtl:hover, [data-theme="dark"] .intxtc:hover, [data-theme="dark"] .intxtr:hover { border-color: var(--gray-300) !important; } [data-theme="dark"] .intxt:focus, [data-theme="dark"] .intxtl:focus, [data-theme="dark"] .intxtc:focus, [data-theme="dark"] .intxtr:focus { border-color: var(--primary) !important; background: var(--gray-200) !important; box-shadow: 0 0 0 2px rgba(59,130,246,0.25) !important; } [data-theme="dark"] .intxtarea { background: var(--gray-100) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .intxtarea:focus { border-color: var(--primary) !important; box-shadow: 0 0 0 2px rgba(59,130,246,0.25) !important; } [data-theme="dark"] .insel, [data-theme="dark"] .mydbs_select { background: var(--gray-100) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .insel:focus, [data-theme="dark"] .mydbs_select:focus { border-color: var(--primary) !important; box-shadow: 0 0 0 2px rgba(59,130,246,0.25) !important; } /* 暗色模式：行编辑 */ [data-theme="dark"] .mydbs_entry_tr, [data-theme="dark"] .mydbs_entry_tr:hover, [data-theme="dark"] .mydbs_entry_tr0, [data-theme="dark"] .mydbs_entry_tr0:hover, [data-theme="dark"] .mydbs_entry_tr1, [data-theme="dark"] .mydbs_entry_tr1:hover { background: rgba(59,130,246,0.1) !important; } /* 暗色模式：分隔线 */ [data-theme="dark"] #main_line { background: linear-gradient(90deg, var(--primary) 0%, rgba(59,130,246,0.3) 50%, var(--primary) 100%) !important; } /* 暗色模式：滚动条 */ [data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--gray-300); } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: var(--gray-400); } [data-theme="dark"] * { scrollbar-color: var(--gray-300) transparent; } /* 暗色模式：文字选中 */ [data-theme="dark"] ::selection { background: rgba(59,130,246,0.35); color: #F1F5F9; } /* ============================================ 主框架暗色覆盖 ============================================ */ /* 暗色模式：标题栏 — 微妙渐变，不过深不过亮 */ [data-theme="dark"] #main_title { background: linear-gradient(135deg, #111827 0%, #1E293B 60%, #1A2332 100%) !important; border-bottom: 1px solid rgba(255,255,255,0.04) !important; } [data-theme="dark"] .main-logo { background: rgba(255,255,255,0.04) !important; border-bottom-color: rgba(255,255,255,0.04) !important; } /* 暗色模式：桌面Logo文字 .t（内联style定义，优先级更高） */ [data-theme="dark"] .t { color: #E2E8F0 !important; background: transparent !important; } /* 暗色模式：菜单栏 */ [data-theme="dark"] #main_menu_bar { background: #111827 !important; border-bottom-color: #1E293B !important; } [data-theme="dark"] #main_menu > li > a { color: #CBD5E1 !important; } [data-theme="dark"] #main_menu>li:hover { background: rgba(255,255,255,0.06) !important; } [data-theme="dark"] #main_menu>li:hover>a { color: #60A5FA !important; } [data-theme="dark"] #main_menu ul { background: #1A2035 !important; border-color: #2D3548 !important; box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important; } [data-theme="dark"] #main_menu ul li a { color: #CBD5E1 !important; } [data-theme="dark"] #main_menu ul li:hover { background: rgba(59,130,246,0.1) !important; } [data-theme="dark"] #main_menu ul li:hover a { color: #60A5FA !important; } /* 暗色模式：侧边栏 — 3级深度 */ [data-theme="dark"] #main_favorite { background: #111827 !important; border-right-color: #1E293B !important; } [data-theme="dark"] #main_favorite_bar { background: #0D1117 !important; } [data-theme="dark"] .left_menu_group { color: rgba(255,255,255,0.2) !important; } [data-theme="dark"] .left_menu_title { color: #94A3B8 !important; background: rgba(255,255,255,0.03) !important; border-bottom-color: rgba(255,255,255,0.06) !important; } [data-theme="dark"] .left_menu_title:hover { background: rgba(59,130,246,0.1) !important; color: #E2E8F0 !important; } [data-theme="dark"] .left_menu_item span { color: #CBD5E1 !important; background: transparent !important; border-bottom-color: rgba(255,255,255,0.05) !important; } [data-theme="dark"] .left_menu_item span:hover { background: rgba(59,130,246,0.1) !important; color: #60A5FA !important; } [data-theme="dark"] .left_menu_item a { color: #94A3B8 !important; } [data-theme="dark"] .left_menu_item a:hover { color: #60A5FA !important; } [data-theme="dark"] .left_menu_item div { color: #64748B !important; } [data-theme="dark"] .main_favorite_table a { color: #94A3B8 !important; } [data-theme="dark"] .main_favorite_table a:hover { color: #60A5FA !important; } [data-theme="dark"] .main-user-photo p { color: rgba(255,255,255,0.4) !important; } [data-theme="dark"] .main-user-photo a.img img { border-color: #2D3548 !important; } [data-theme="dark"] #main_favorite_body::-webkit-scrollbar-thumb { background: #2D3548; } /* 暗色模式：标签栏 — 激活态用柔和蓝渐变 */ [data-theme="dark"] #main_switch { background: #111827 !important; border-bottom-color: #1E293B !important; } [data-theme="dark"] .main_switch_bar { background: #1A2035 !important; color: #64748B !important; border: 1px solid transparent !important; } [data-theme="dark"] .main_switch_bar_on { background: #60A5FA !important; color: #FFFFFF !important; border-color: transparent !important; box-shadow: 0 2px 8px rgba(96,165,250,0.35) !important; } [data-theme="dark"] .main_switch_bar:hover { background: #272E40 !important; color: #94A3B8 !important; } [data-theme="dark"] .main_switch_text { color: inherit !important; } /* 暗色模式：标签滚动控制 */ [data-theme="dark"] .main_switch_scroll_left, [data-theme="dark"] .main_switch_scroll_right { opacity: 0.4; } [data-theme="dark"] .main_switch_scroll_left:hover, [data-theme="dark"] .main_switch_scroll_right:hover { opacity: 0.7; } /* 暗色模式：状态栏 */ [data-theme="dark"] #main_status { background: #0D1017 !important; border-top-color: #1E293B !important; } [data-theme="dark"] #main_status_left, [data-theme="dark"] #main_status_right { color: #475569 !important; } [data-theme="dark"] #main_status_left span { color: #334155 !important; } /* 暗色模式：快捷按钮栏 */ /* 暗色下图标默认用白色精灵图（原始默认是深色图标，在暗背景上看不见） */ [data-theme="dark"] #main_quickbar li a.main-icon { background-image: url(./image/main_icons_ffffff.png) !important; opacity: 1 !important; } [data-theme="dark"] #main_quickbar { background: rgba(255,255,255,0.04) !important; } [data-theme="dark"] #main_quickbar li { border-radius: 6px; transition: background 0.2s ease; } [data-theme="dark"] #main_quickbar li:hover { background: rgba(255,255,255,0.12) !important; } [data-theme="dark"] #main_quickbar li:hover a.main-icon { opacity: 1 !important; filter: brightness(0.9); } /* 暗色模式：主题切换按钮（emoji图标，不需要精灵图） */ [data-theme="dark"] #sxj_theme_toggle { opacity: 1 !important; } [data-theme="dark"] #sxj_theme_toggle:hover { opacity: 0.8; } [data-theme="dark"] #sxj_theme_toggle .theme-icon { filter: drop-shadow(0 0 4px rgba(250,204,21,0.25)); } /* 暗色模式：标题栏各文字 */ [data-theme="dark"] .main_title_name { color: rgba(255,255,255,0.9) !important; } [data-theme="dark"] .main_title_info { color: rgba(255,255,255,0.25) !important; } [data-theme="dark"] .main_title_notify { color: rgba(255,255,255,0.3) !important; } /* 暗色模式：账户/风格选择器 */ [data-theme="dark"] #main_account, [data-theme="dark"] #main_style { color: var(--text-secondary) !important; } /* 暗色模式：全局过渡动画 */ [data-theme="dark"] #main_title, [data-theme="dark"] #main_menu_bar, [data-theme="dark"] #main_switch, [data-theme="dark"] #main_favorite, [data-theme="dark"] #main_body, [data-theme="dark"] #main_status, [data-theme="dark"] .main_switch_bar, [data-theme="dark"] .left_menu_title, [data-theme="dark"] .left_menu_item span, [data-theme="dark"] .login_form, [data-theme="dark"] .mydbs_table, [data-theme="dark"] .mydbs_control { transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; } /* 暗色模式：layui弹出层 */ [data-theme="dark"] .layui-layer { background: var(--gray-100) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.5) !important; } [data-theme="dark"] .layui-layer-title { color: var(--text-primary) !important; background: var(--gray-50) !important; border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .layui-layer-content { color: var(--text-primary) !important; } [data-theme="dark"] .layui-layer-btn a { color: var(--text-inverse) !important; } [data-theme="dark"] .layui-layer-setwin a { color: var(--text-muted) !important; } /* 暗色模式：iframe子页面body */ [data-theme="dark"] body.bg { background: var(--bg-body) !important; color: var(--text-primary) !important; } [data-theme="dark"] .bg { background: var(--bg-body) !important; } /* ============================================ 主题切换按钮（亮色+暗色） ============================================ */ #sxj_theme_toggle { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border-radius: 3px; cursor: pointer; transition: all 0.2s ease; vertical-align: middle; text-decoration: none; font-size: 12px; line-height: 1; color: #FFFFFF; user-select: none; -webkit-user-select: none; } #sxj_theme_toggle:hover { opacity: 0.8; } #sxj_theme_toggle:active { opacity: 0.6; } /* 切换动画 */ #sxj_theme_toggle .theme-icon { transition: transform 0.4s ease, opacity 0.3s ease; display: inline-block; } [data-theme="dark"] #sxj_theme_toggle:hover { opacity: 0.7; filter: brightness(1.2); } /* 暗色模式：按钮组深色适配 */ [data-theme="dark"] .inbutton:hover, [data-theme="dark"] .inbutton_b:hover, [data-theme="dark"] .inbutton_c:hover, [data-theme="dark"] .inbutton_po:hover, [data-theme="dark"] .mydbs_entry:hover, [data-theme="dark"] .mydbs_entry_edit:hover, [data-theme="dark"] .mydbs_button:hover, [data-theme="dark"] .mydbs_entry_b:hover, [data-theme="dark"] .enbutton_b:hover { background: #2563EB !important; } [data-theme="dark"] .inbutton_s:hover, [data-theme="dark"] .inbutton_sc:hover, [data-theme="dark"] .inbutton_g:hover, [data-theme="dark"] .mydbs_entry_save:hover, [data-theme="dark"] .mydbs_entry_g:hover, [data-theme="dark"] .mydbs_button_g:hover, [data-theme="dark"] .enbutton_g:hover { background: #059669 !important; } [data-theme="dark"] .inbutton_q:hover, [data-theme="dark"] .inbutton_r:hover, [data-theme="dark"] .inbutton_cq:hover, [data-theme="dark"] .mydbs_entry_del:hover, [data-theme="dark"] .mydbs_entry_clear:hover, [data-theme="dark"] .mydbs_entry_r:hover, [data-theme="dark"] .enbutton_r:hover { background: #DC2626 !important; } [data-theme="dark"] .inbutton_d:hover, [data-theme="dark"] .inbutton_y:hover, [data-theme="dark"] .inbutton_o:hover, [data-theme="dark"] .mydbs_entry_cancel:hover, [data-theme="dark"] .mydbs_entry_y:hover, [data-theme="dark"] .mydbs_entry_new:hover, [data-theme="dark"] .enbutton_y:hover { background: #D97706 !important; } [data-theme="dark"] .inbutton:disabled, [data-theme="dark"] .mydbs_entry:disabled, [data-theme="dark"] .mydbs_button:disabled, [data-theme="dark"] .enbutton_r:disabled, [data-theme="dark"] .enbutton_y:disabled, [data-theme="dark"] .enbutton_g:disabled, [data-theme="dark"] .enbutton_b:disabled { background: var(--gray-300) !important; color: var(--gray-500) !important; box-shadow: none; } /* 暗色模式：各色按钮基础色微调，更鲜艳 */ [data-theme="dark"] .inbutton, [data-theme="dark"] .inbutton_b, [data-theme="dark"] .inbutton_c, [data-theme="dark"] .inbutton_po, [data-theme="dark"] .mydbs_entry, [data-theme="dark"] .mydbs_entry_edit, [data-theme="dark"] .mydbs_entry_button, [data-theme="dark"] .mydbs_button, [data-theme="dark"] .mydbs_button_b, [data-theme="dark"] .mydbs_entry_b, [data-theme="dark"] .enbutton_b { background: #2563EB !important; } [data-theme="dark"] .inbutton_s, [data-theme="dark"] .inbutton_sc, [data-theme="dark"] .inbutton_g, [data-theme="dark"] .mydbs_entry_save, [data-theme="dark"] .mydbs_entry_g, [data-theme="dark"] .mydbs_button_g, [data-theme="dark"] .mydbs_button_view, [data-theme="dark"] .enbutton_g { background: #059669 !important; } [data-theme="dark"] .inbutton_q, [data-theme="dark"] .inbutton_r, [data-theme="dark"] .inbutton_cq, [data-theme="dark"] .mydbs_entry_del, [data-theme="dark"] .mydbs_entry_clear, [data-theme="dark"] .mydbs_entry_r, [data-theme="dark"] .mydbs_button_delete, [data-theme="dark"] .mydbs_button_r, [data-theme="dark"] .enbutton_r { background: #DC2626 !important; } [data-theme="dark"] .inbutton_d, [data-theme="dark"] .inbutton_y, [data-theme="dark"] .inbutton_o, [data-theme="dark"] .inbutton_sq, [data-theme="dark"] .inbutton_sn, [data-theme="dark"] .mydbs_entry_cancel, [data-theme="dark"] .mydbs_entry_y, [data-theme="dark"] .mydbs_entry_new, [data-theme="dark"] .mydbs_entry_insert, [data-theme="dark"] .mydbs_button_edit, [data-theme="dark"] .mydbs_button_append, [data-theme="dark"] .mydbs_button_y, [data-theme="dark"] .mydbs_button_o, [data-theme="dark"] .enbutton_y { background: #D97706 !important; } /* ============================================ 暗色模式：遗漏组件补全 ============================================ */ /* 工具类文字色 */ [data-theme="dark"] .info { color: var(--text-muted) !important; } [data-theme="dark"] .red { color: #F87171 !important; } [data-theme="dark"] .txt_r { color: #FCA5A5 !important; } [data-theme="dark"] .txt_g { color: #6EE7B7 !important; } [data-theme="dark"] .txt_b { color: #93C5FD !important; } [data-theme="dark"] .txt_o { color: #FDBA74 !important; } /* 链接 */ [data-theme="dark"] a { color: var(--text-link) !important; } [data-theme="dark"] a:hover { color: #93C5FD !important; } [data-theme="dark"] .href, [data-theme="dark"] .urlhref { color: var(--text-link) !important; } [data-theme="dark"] .urlhref:hover { color: #93C5FD !important; } [data-theme="dark"] .inbuttonnone { color: var(--text-link) !important; } /* 分隔线 */ [data-theme="dark"] .line { background-color: var(--border-color) !important; } /* 特殊背景行 */ [data-theme="dark"] .smart { background: rgba(34,197,94,0.1) !important; } /* 表格标题行变体 */ [data-theme="dark"] .intitle1 { color: var(--text-primary) !important; background: var(--gray-50) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .intitleb { color: var(--primary) !important; background: var(--gray-100) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .incaption { color: var(--text-secondary) !important; background: var(--gray-200) !important; } /* 禁用/只读输入框 */ [data-theme="dark"] .intxtd, [data-theme="dark"] .intxtrd { color: var(--text-muted) !important; background: var(--gray-200) !important; border-color: var(--border-color) !important; } /* 绿色系输入框 */ [data-theme="dark"] .intxtg { color: var(--text-primary) !important; background: rgba(34,197,94,0.08) !important; border-color: rgba(34,197,94,0.4) !important; } [data-theme="dark"] .intxtg:hover, [data-theme="dark"] .intxtgd:hover, [data-theme="dark"] .intxtdg:hover { border-color: rgba(34,197,94,0.6) !important; background: rgba(34,197,94,0.12) !important; } [data-theme="dark"] .intxtg:focus, [data-theme="dark"] .intxtgd:focus, [data-theme="dark"] .intxtdg:focus { border-color: var(--success) !important; background: rgba(34,197,94,0.12) !important; } [data-theme="dark"] .intxtgd, [data-theme="dark"] .intxtdg { color: var(--text-primary) !important; background: var(--gray-100) !important; border-color: rgba(34,197,94,0.3) !important; } /* 特殊背景输入框 */ [data-theme="dark"] .intxtf { background: rgba(59,130,246,0.12) !important; } [data-theme="dark"] .intxte { background: rgba(251,191,36,0.12) !important; } [data-theme="dark"] .intxtw { background: var(--gray-100) !important; } /* 旧消息框样式 */ [data-theme="dark"] .msgtitle { color: var(--text-primary) !important; background: var(--gray-200) !important; border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .msgblock { color: var(--text-primary) !important; background: var(--gray-100) !important; } [data-theme="dark"] .msgbutton { background-color: var(--gray-200) !important; } /* 旧菜单样式 */ [data-theme="dark"] .memumain { color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .memusub { color: var(--text-secondary) !important; border-color: var(--border-light) !important; } /* 工具提示文字 */ [data-theme="dark"] .tips { color: var(--text-primary) !important; } [data-theme="dark"] .tipinfo { color: var(--text-muted) !important; } [data-theme="dark"] .tipwarn { color: #F87171 !important; } [data-theme="dark"] .tipmsg { color: #6EE7B7 !important; } /* 表单控制底栏 */ [data-theme="dark"] .frm_control div { background-color: var(--gray-200) !important; color: var(--text-primary) !important; } /* 下拉选项 */ [data-theme="dark"] .mydbs_option { color: var(--text-secondary) !important; background: transparent !important; } /* 表单搜索浮层 */ [data-theme="dark"] .sxj_form_search { background-color: var(--gray-100) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important; } /* 虚拟键盘 */ [data-theme="dark"] .sxj_keyboard, [data-theme="dark"] .sxj_keyboard_full { background-color: var(--gray-100) !important; color: var(--text-primary) !important; border-color: var(--success) !important; } [data-theme="dark"] .sxj_keyboard span, [data-theme="dark"] .sxj_keyboard_full span { color: var(--text-primary) !important; background: var(--gray-200) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .sxj_keyboard span:hover, [data-theme="dark"] .sxj_keyboard_full span:hover { background-color: var(--success) !important; color: #fff !important; } /* 分页标签（单元格多页） */ [data-theme="dark"] .sxj_cell_page { background: var(--gray-200) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .sxj_cell_page:hover { background: var(--gray-300) !important; color: var(--text-primary) !important; } [data-theme="dark"] .sxj_cell_page_on { background: var(--primary) !important; color: #fff !important; } [data-theme="dark"] .sxj_cell_page_disable { background: var(--gray-100) !important; color: var(--text-muted) !important; } /* 排序标记色 */ [data-theme="dark"] .mydbs_list_sort_upt { background: rgba(239,68,68,0.2) !important; } [data-theme="dark"] .mydbs_list_sort_upi { background: rgba(239,68,68,0.1) !important; } [data-theme="dark"] .mydbs_list_sort_downt { background: rgba(34,197,94,0.2) !important; } [data-theme="dark"] .mydbs_list_sort_downi { background: rgba(34,197,94,0.1) !important; } /* ── P2补全：分页导航文字按钮（首页/上一页/下一页/末页） ── */ [data-theme="dark"] .mydbs_page_top, [data-theme="dark"] .mydbs_page_prev, [data-theme="dark"] .mydbs_page_next, [data-theme="dark"] .mydbs_page_end { color: var(--text-link) !important; } [data-theme="dark"] .mydbs_page_top:hover, [data-theme="dark"] .mydbs_page_prev:hover, [data-theme="dark"] .mydbs_page_next:hover, [data-theme="dark"] .mydbs_page_end:hover { color: var(--primary-hover) !important; } [data-theme="dark"] .mydbs_page_top_off, [data-theme="dark"] .mydbs_page_prev_off, [data-theme="dark"] .mydbs_page_next_off, [data-theme="dark"] .mydbs_page_end_off { color: var(--text-muted) !important; } /* ── P2补全：mydbs工具栏图标反色（GIF图片在暗色下不可见） ── */ [data-theme="dark"] .mydbs_icon_custom, [data-theme="dark"] .mydbs_icon_export, [data-theme="dark"] .mydbs_icon_find, [data-theme="dark"] .mydbs_icon_sort { filter: invert(0.85) !important; } /* ── P2补全：列标题排序箭头反色 ── */ [data-theme="dark"] .mydbs_stitle_up, [data-theme="dark"] .mydbs_stitle_down { filter: invert(0.85) !important; } /* 弹出框（pframe） */ [data-theme="dark"] .sxj_pframe { border-color: var(--border-color) !important; background: var(--gray-100) !important; } [data-theme="dark"] .temp { border-color: var(--border-color) !important; } /* 打印预览表格（暗色下微调边框） */ [data-theme="dark"] .prntable { background-color: var(--bg-card) !important; border-color: var(--text-primary) !important; } [data-theme="dark"] .prnname0, [data-theme="dark"] .prnname1, [data-theme="dark"] .prnname2, [data-theme="dark"] .prndata0, [data-theme="dark"] .prndata1, [data-theme="dark"] .prndata2, [data-theme="dark"] .prninfo, [data-theme="dark"] .prntitle, [data-theme="dark"] .prnname7, [data-theme="dark"] .prnname8, [data-theme="dark"] .prnname9, [data-theme="dark"] .prndata7, [data-theme="dark"] .prndata8, [data-theme="dark"] .prndata9 { color: var(--text-primary) !important; border-color: var(--text-muted) !important; } /* mydbs图标边框 */ [data-theme="dark"] .mydbs_icon_span { background: transparent !important; border-color: var(--border-color) !important; } [data-theme="dark"] .mydbs_icon_span:hover { border-color: var(--primary) !important; } [data-theme="dark"] .mydbs_icon_text { color: var(--warning) !important; } /* mydbs浮层框架 */ [data-theme="dark"] .mydbs_frame { background: var(--gray-100) !important; border-color: var(--border-color) !important; } /* 条码区域 */ [data-theme="dark"] .barcode { color: var(--text-primary) !important; background-color: var(--bg-card) !important; border-color: var(--text-primary) !important; } /* 登录页辅助组件 */ [data-theme="dark"] .login_https { background: rgba(34,197,94,0.2) !important; } [data-theme="dark"] .login_select { background: var(--gray-100) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .login_refresh { color: var(--text-muted) !important; } [data-theme="dark"] .chpass_text { color: var(--text-primary) !important; } [data-theme="dark"] .chpass_input { color: var(--text-primary) !important; } /* 登录页：选择系统/语言按钮 — 暗色下只反色GIF图标，不覆盖背景/边框 */ [data-theme="dark"] .login_line input[type="button"].sxj_cell_close, [data-theme="dark"] .login_line input[type="button"].sxj_cell_open { filter: invert(1); } [data-theme="dark"] .login_line span.login_account, [data-theme="dark"] .login_line span.login_language { color: var(--text-secondary) !important; } /* 登录页：验证码区域 */ [data-theme="dark"] .login_input_securecode { background: var(--gray-100) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .login_line1 { color: var(--text-secondary) !important; } [data-theme="dark"] .login_line1 label { color: var(--text-secondary) !important; } /* 登录页：记住密码复选框文字 */ [data-theme="dark"] .login_line .login_check_h5 input[type="checkbox"]:checked + label { background: var(--primary) !important; } /* 登录页：插图区域 */ [data-theme="dark"] .illus-text { color: var(--text-muted) !important; } [data-theme="dark"] .illus-subtext { color: rgba(255,255,255,0.15) !important; } /* mydbs表格列头（排序标题行） */ [data-theme="dark"] .mydbs_title { background: linear-gradient(180deg, #1E3A5F 0%, #1A3050 100%) !important; border-color: var(--border-color) !important; } /* 无记录行 */ [data-theme="dark"] .mydbs_norecord { color: var(--text-muted) !important; background: var(--bg-card) !important; } /* ── mydbs 数据行暗色规则（P1补全） ── */ /* tr0: 浅背景行 → 使用卡片色 */ [data-theme="dark"] .mydbs_tr0 { background: var(--bg-card) !important; } /* tr1: 深背景行 → 使用侧边栏色，形成交替条纹 */ [data-theme="dark"] .mydbs_tr1 { background: var(--bg-sidebar) !important; } /* td: 单元格边框 + 文字 */ [data-theme="dark"] .mydbs_td { color: var(--text-primary) !important; border-color: var(--border-light) !important; } /* td内链接 */ [data-theme="dark"] .mydbs_td a, [data-theme="dark"] .mydbs_td.href { color: var(--text-link) !important; } [data-theme="dark"] .mydbs_td a:hover { color: var(--primary-hover) !important; } /* ============================================ P1 业务页面暗色补全 ============================================ */ /* ── 质检明细：页面标题 ── */ [data-theme="dark"] .title { color: var(--text-primary) !important; border-bottom-color: var(--border-color) !important; } /* ── 质检明细：Tab切换标签 ── */ [data-theme="dark"] .tabs { border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .tabs a { color: var(--text-secondary) !important; background: transparent !important; border-color: transparent !important; } [data-theme="dark"] .tabs a:hover { color: var(--text-primary) !important; background: var(--gray-100) !important; } [data-theme="dark"] .tabs a.active { color: var(--primary) !important; background: var(--primary-light) !important; border-bottom-color: var(--primary) !important; } /* ── 质检明细：自定义非mydbs表格 ── */ [data-theme="dark"] table:not([class*="mydbs"]) thead th { background: var(--gray-100) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] table:not([class*="mydbs"]) tbody td { color: var(--text-primary) !important; border-color: var(--border-light) !important; background: transparent !important; } [data-theme="dark"] table:not([class*="mydbs"]) tbody tr:hover td { background: rgba(59,130,246,0.05) !important; } [data-theme="dark"] table:not([class*="mydbs"]) tbody tr:nth-child(even) td { background: rgba(255,255,255,0.02) !important; } /* ── 质检明细：空数据提示 ── */ [data-theme="dark"] .no-data { color: var(--text-muted) !important; background: var(--bg-card) !important; } /* ── 质检明细：状态标签（合格/不合格） ── */ [data-theme="dark"] .status-ok { color: var(--success) !important; } [data-theme="dark"] .status-ng { color: var(--danger) !important; } /* ── 质检明细：分页器 ── */ [data-theme="dark"] .pager { color: var(--text-secondary) !important; } [data-theme="dark"] .pager a { color: var(--text-link) !important; background: var(--gray-100) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .pager a:hover { background: var(--primary-light) !important; color: var(--primary-hover) !important; } [data-theme="dark"] .pager .current { background: var(--primary) !important; color: #fff !important; } /* ── 出库操作：LED状态面板 ── */ [data-theme="dark"] .led { background: var(--bg-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; box-shadow: var(--shadow-sm) !important; } /* ── 物料基础：历史按钮（保持mydbs按钮统一样式） ── */ [data-theme="dark"] .materiel_history { background: var(--gray-200) !important; color: var(--text-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .materiel_history:hover { background: var(--primary-light) !important; color: var(--primary-hover) !important; } /* ── P5：FA6 菜单图标暗色适配 ── */ [data-theme="dark"] .sxj-menu-icon { color: var(--text-secondary) !important; } [data-theme="dark"] .left_menu_item span:hover .sxj-menu-icon { color: var(--text-primary) !important; } /* ── EP el-menu 暗色适配 ── */ [data-theme="dark"] #sxj-menu-app .el-menu { background: transparent !important; } /* 一级分组标题 */ [data-theme="dark"] #sxj-menu-app .l1-group-title { color: rgba(255,255,255,0.7) !important; } /* 一级 el-sub-menu 底部分隔 */ [data-theme="dark"] #sxj-menu-app > .el-menu > .el-sub-menu > .el-sub-menu__title { border-bottom-color: rgba(255,255,255,0.08) !important; } /* L1 图标 */ [data-theme="dark"] #sxj-menu-app .l1-menu-icon { color: rgba(255,255,255,0.4) !important; } /* L2 图标 */ [data-theme="dark"] #sxj-menu-app .l2-menu-icon { color: rgba(255,255,255,0.3) !important; } /* L3 / 叶子图标 */ [data-theme="dark"] #sxj-menu-app .l3-menu-icon, [data-theme="dark"] #sxj-menu-app .l2-item-icon { color: rgba(255,255,255,0.45) !important; } /* 子菜单内分组分割线 */ [data-theme="dark"] #sxj-menu-app .el-sub-menu .left_menu_subgroup { color: rgba(255,255,255,0.2) !important; } /* 菜单项 */ [data-theme="dark"] #sxj-menu-app .el-menu-item { color: rgba(255,255,255,0.55) !important; } [data-theme="dark"] #sxj-menu-app .el-menu-item:hover { background: rgba(59,130,246,0.12) !important; color: rgba(255,255,255,0.9) !important; border-left-color: var(--primary) !important; } [data-theme="dark"] #sxj-menu-app .el-menu-item.is-active { color: var(--primary-hover) !important; background: rgba(59,130,246,0.15) !important; border-left-color: var(--primary) !important; } /* 子菜单标题 */ [data-theme="dark"] #sxj-menu-app .el-sub-menu__title { color: rgba(255,255,255,0.65) !important; } [data-theme="dark"] #sxj-menu-app .el-sub-menu__title:hover { background: rgba(59,130,246,0.1) !important; color: rgba(255,255,255,0.9) !important; } [data-theme="dark"] #sxj-menu-app .el-sub-menu .el-menu { background: transparent !important; } /* ===== ECharts 分析页面暗色适配 ===== */ /* 页面 body / 主容器背景 */ [data-theme="dark"] body.bg, [data-theme="dark"] body { background-color: #0D1017 !important; color: #E2E8F0 !important; } /* 分析页面通用容器 */ [data-theme="dark"] .bg, [data-theme="dark"] .container, [data-theme="dark"] .content { background-color: transparent !important; } /* 顶部导航标签 (sxj_cell_page) */ [data-theme="dark"] .sxj_cell_page { background: #1E293B !important; color: #CBD5E1 !important; border-color: #334155 !important; } [data-theme="dark"] .sxj_cell_page:hover { background: #273448 !important; color: #F1F5F9 !important; } [data-theme="dark"] .sxj_cell_page.selected { background: linear-gradient(135deg, #1e40af, #3b82f6) !important; color: #FFFFFF !important; border-color: #3B82F6 !important; } /* 报表表格 */ [data-theme="dark"] .report-table { background-color: #1A1F2E !important; box-shadow: 0 2px 12px rgba(0,0,0,0.4) !important; } [data-theme="dark"] .report-table th { background: #1E3A5F !important; color: #F1F5F9 !important; border-color: #2D3548 !important; } [data-theme="dark"] .report-table td { background: #141825 !important; color: #CBD5E1 !important; border-color: #1E293B !important; } [data-theme="dark"] .report-table tr:hover td { background: #1A2035 !important; } /* 图表页面内联背景色覆盖 */ [data-theme="dark"] .card, [data-theme="dark"] .panel, [data-theme="dark"] .box { background-color: #1A1F2E !important; border-color: #2D3548 !important; } /* 分析页面的内联背景（通过属性选择器匹配常见亮色值） */ [data-theme="dark"] [style*="background: #f1f5f9"], [data-theme="dark"] [style*="background-color: #f1f5f9"] { background-color: #1A1F2E !important; } [data-theme="dark"] [style*="background: #f9fbfd"], [data-theme="dark"] [style*="background-color: #f9fbfd"] { background-color: #141825 !important; } [data-theme="dark"] [style*="background: #f8f9fa"], [data-theme="dark"] [style*="background-color: #f8f9fa"] { background-color: #1A1F2E !important; } [data-theme="dark"] [style*="background: #e9ecef"], [data-theme="dark"] [style*="background-color: #e9ecef"] { background-color: #1E293B !important; } [data-theme="dark"] [style*="background: #fff5f5"], [data-theme="dark"] [style*="background-color: #fff5f5"] { background-color: rgba(239,68,68,0.1) !important; } [data-theme="dark"] [style*="background: #28a745"], [data-theme="dark"] [style*="background-color: #28a745"] { background-color: #16a34a !important; } [data-theme="dark"] [style*="background: #218838"] { background-color: #15803d !important; } /* 图表容器透明（让 ECharts 继承页面背景） */ [data-theme="dark"] #main1, [data-theme="dark"] #main, [data-theme="dark"] #chart, [data-theme="dark"] #chart1, [data-theme="dark"] #chart2, [data-theme="dark"] #chart3, [data-theme="dark"] #chart10, [data-theme="dark"] #chart11, [data-theme="dark"] #shebei_analysis_main, [data-theme="dark"] #userLocationMap, [data-theme="dark"] .echarts-container, [data-theme="dark"] [id^="cpbzzjc_"] { background: transparent !important; } /* ECharts 图表画布父容器 */ [data-theme="dark"] div[id^="main"], [data-theme="dark"] div[id^="chart"] { background-color: transparent !important; } /* ===== 全局 Loading 遮罩（暗色） ===== */ [data-theme="dark"] #sxj-global-loading .sxj-loading-inner { background: #1A2035 !important; box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important; border: 1px solid #2D3548 !important; } [data-theme="dark"] #sxj-global-loading .sxj-loading-text { color: #CBD5E1 !important; } [data-theme="dark"] #sxj-global-loading .sxj-loading-backdrop { background: rgba(0,0,0,0.6) !important; } [data-theme="dark"] #sxj-global-loading.sxj-loading-success .sxj-loading-text { color: #4ADE80 !important; } [data-theme="dark"] #sxj-global-loading.sxj-loading-error .sxj-loading-text { color: #F87171 !important; } [data-theme="dark"] #sxj-global-loading.sxj-loading-success .sxj-loading-inner { border-color: #166534 !important; background: rgba(22,101,52,0.2) !important; } [data-theme="dark"] #sxj-global-loading.sxj-loading-error .sxj-loading-inner { border-color: #991B1B !important; background: rgba(153,27,27,0.2) !important; }