/** * wpcom-member 子主题色系覆盖 * * 加载顺序：此文件依赖 handle "wpcom-member"，在其 inline 样式之后输出， * 通过级联顺序（same specificity, later source）覆盖插件默认色值。 * * CSS 变量由 congpa_theme_btn_css_vars() 输出到 ： * --cg-link → Customizer > General > General links * --cg-link-hover → Customizer > General > General links hover * --cg-btn-bg → Customizer > WooCommerce > Primary Button bg * --cg-btn-text → Customizer > WooCommerce > Primary Button text * --cg-btn-hover → Customizer > WooCommerce > Primary Button hover */ /* ─── 1. 链接主色：覆盖插件 --member-color（蓝色 #206be7）→ Customizer General links ─── */ :root { --member-color: var(--cg-link, #1e68c4); --member-hover: var(--cg-link-hover, #111111); } /* ─── 2. 主按钮 (.btn-primary)：跟随 Primary Button，与链接色分离 ─── */ /* 插件原始：background-color: var(--member-color)，改为 Customizer 按钮色 */ .btn-primary { background-color: var(--cg-btn-bg, #3bb54a) !important; border-color: var(--cg-btn-bg, #3bb54a) !important; color: var(--cg-btn-text, #fff) !important; text-shadow: none !important; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: var(--cg-btn-hover, #009245) !important; border-color: var(--cg-btn-hover, #009245) !important; color: var(--cg-btn-text, #fff) !important; filter: none !important; } /* badge 内文字跟随链接色（在主按钮背景上） */ .btn-primary .badge { background-color: #fff; color: var(--cg-btn-bg, #3bb54a); } /* ─── 3. 表单输入框聚焦：跟随链接色 ─── */ .member-form .form-input:focus, .member-form input:focus, .member-form select:focus, .member-form textarea:focus { border-color: var(--cg-link, #1e68c4); box-shadow: 0 0 0 2px rgba(30, 104, 196, 0.15); } /* ─── 4. 验证码按钮文字色（不影响背景）─── */ .captcha-button { color: var(--cg-link, #1e68c4); }