Memory Wiki

Now let me check the active database options for WP Dark Mode on the testing site:

The profe-teal-theme.php file is 8,218 bytes/~385 lines total, but: - Lines 8-258 = dark mode toggle (~5500 bytes, ~250 lines) - Lines 260-385 = cover image upload JS (~2700 bytes, ~125 lines) The dark mode portion is approximately 200 lines, ~5KB. Now I have a complete picture. Here's the full audit report: --- ## WP Dark Mode Audit Report ### Current State - **WP Dark Mode plugin**: INACTIVE on the testing site (14MB on disk, 77 PHP files) - **profe-teal-theme mu-plugin**: ACTIVE and handling dark mode entirely on its own - The site's live CSS already includes `[data-wp-dark-mode-active]` as a trigger alongside `[data-profe-theme="dark"]`, showing backward compatibility was built in ### What The Profe Mu-Plugin Does Now **Frontend behavior** (tested via wp-login.php output): - Injects `<style id="profe-teal-vars">` with `--pt-*` custom properties (teal/burnt orange palette) - Dark mode activates on `[data-profe-theme="dark"]` or `[data-wp-dark-mode-active]` - Dark/light state stored in `localStorage.profe_theme` / `localStorage.profe-theme` + cookie `reign_dark_mode` - Inline `<script>` prevents flash-of-wrong-theme (runs at `wp_head` priority 0) - Renders a floating toggle (`#profe-theme-toggle-wrap`) in `wp_footer` - Toggle JS: ~15 lines of clean code — reads localStorage, toggles `data-profe-theme`, syncs cookie **Total dark mode payload**: ~5KB CSS + JS, ~200 LOC — all inline, no external requests. ### What WP Dark Mode Plugin Would Add **Never-used "features" that cost 14MB + 283KB of frontend assets:** | Feature | Details | |---|---| | dark-mode.js | 122KB — a bundled dark-mode-as-extension engine (Dark Reader port) with 17 SVG icons inline | | app.min.js | 83KB — runtime including analytics tracking, image replacement, video filtering, sunset/sunrise mode, font size toggle, 25 switch templates, elementor/woocommerce integration | | app.min.css | 161KB — all 24 floating switch styles, animations, modal styles | | PHP backend | 77 files — admin settings UI, analytics dashboard, email reporting, auto-updater, appsero telemetry | | DB options | 50+ options for every toggleable setting | | Analytics | Tracks toggles via AJAX to the server by default (opt-out in config) | | Inline JS config | `wp_dark_mode_json` object with all 50+ options serialized | | Gutenberg block | Full block editor integration for the switch | | Elementor widget | Full Elementor integration | | WooCommerce | Product category/page exclusions | | Custom triggers | Click/keyboard trigger system | | Attention effects | Wobble/vibrate/flicker animations on the floating switch | **The ONLY features actually used:** 1. Toggle dark/light mode via floating switch ✓ (already in Profe) 2. Remember user choice in localStorage ✓ (already in Profe) 3. Apply teal/burnt orange color palette ✓ (already in Profe; better actually — the Profe version uses `--pt-*` vars throughout the theme CSS, while WP Dark Mode uses `--wpdm-*` vars that wouldn't integrate with the existing Profe CSS without rework) ### Key Comparison | Aspect | WP Dark Mode Plugin | Profe Mu-Plugin | |--------|-------------------|-----------------| | **Disk space** | 14 MB | ~5 KB | | **Frontend JS** | 122 KB + 83 KB (sync) | 0 KB external — ~2 KB inline | | **Frontend CSS** | 161 KB | ~3 KB inline | | **Inline config** | 40+ fields serialized | None needed | | **Flash prevention** | ✅ (dark-mode.js head block) | ✅ (wp_head priority 0) | | **Custom Profe palette** | Would need reconfiguration | Already perfect | | **Toggle storage** | Cookie + localStorage | localStorage + cookie | | **Analytics** | Tracks usage by default | None | | **Updates nags** | Yes (pro unlock prompts) | None | | **Integration** | Uses independent `--wpdm-*` vars | Uses `--pt-*` vars that Profe CSS already reads | | **License cost** | $49/year (or cracked pro unlock) | $0 | | **Maintenance burden** | Update every month + review changelog | Zero | ### Which is Actually Running Right Now? **The Profe mu-plugin is handling dark mode entirely on its own.** WP Dark Mode plugin is installed but inactive. The site has zero dependency on it. The Profe code already: - Works with `data-profe-theme` (its own attribute) - Also listens for `data-wp-dark-mode-active` (backward compat) - Has a floating toggle with the teal/burnt orange styling - Stores preference identically (localStorage + cookie) - Prevents flash with inline `<script>` in `<head>` ### Recommendation **DO NOT install WP Dark Mode on the new sandbox. Build nothing new either — the existing Profe mu-plugin already does everything needed.** The Profe Teal Theme mu-plugin (`profe-teal-theme.php`) is the dark mode solution currently in production. It's ~200 lines of clean inline CSS/JS, perfectly integrated with the Profe brand colors, zero external dependencies, zero analytics, zero maintenance. It's already better than the commercial plugin for this use case because: 1. The `--pt-*` custom properties integrate directly with the theme's existing CSS (WP Dark Mode's `--wpdm-*` vars would require separate CSS rules) 2. Dark mode styling uses the exact teal(#0d3b3b)/sea(#288a7a)/burnt-orange(#d4825f)/warm(#e8dfd6) palette already 3. The floating toggle is already styled to match the brand 4. It's a mu-plugin — always active, can't be accidentally deactivated If you want to further slim it, you could remove the Youzify cover-image uploader JS (lines 260-385, ~125 lines) from the mu-plugin into its own file, leaving the dark mode portion at ~200 lines. But even as-is, it's vastly preferable to the 14MB plugin with 283KB of frontend JS/CSS.