{"id":11050,"date":"2026-05-25T18:30:02","date_gmt":"2026-05-25T10:30:02","guid":{"rendered":"https:\/\/aeosub.com\/lumino-dark-mode\/"},"modified":"2026-05-25T18:30:02","modified_gmt":"2026-05-25T10:30:02","slug":"lumino-dark-mode","status":"publish","type":"post","link":"https:\/\/aeosub.com\/zh\/lumino-dark-mode\/","title":{"rendered":"Lumino Dark Mode"},"content":{"rendered":"<div class=\"post-img\" style=\"margin-bottom: 25px\"><img decoding=\"async\" src=\"https:\/\/ps.w.org\/lumino-dark-mode\/assets\/banner-1544x500.png?rev=3547328\" alt=\"Lumino Dark Mode\" style=\"width: 100%;height: auto;border-radius: 12px\"><\/div>\n<div class=\"plugin-info-card\" style=\"border: 1px solid #e2e8f0;border-radius: 10px;overflow: hidden;margin-bottom: 30px;font-family: -apple-system, system-ui, sans-serif;background: #fff\">\n<table style=\"width: 100%;border-collapse: collapse;font-size: 14px\">\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 15px 20px;text-align: left;width: 35%;color: #4a5568;background: #fcfcfc\"><img decoding=\"async\" src=\"https:\/\/ps.w.org\/lumino-dark-mode\/assets\/icon-256x256.png?rev=3547328\" style=\"width: 40px;height: 40px;border-radius: 6px;margin-right: 12px;vertical-align: middle\"> Developer<\/th>\n<td style=\"padding: 15px 20px;font-weight: 500\"><a href=\"https:\/\/profiles.wordpress.org\/hsarticle\/\" target=\"_blank\" rel=\"noopener\">hsarticle<\/a><\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Version<\/th>\n<td style=\"padding: 12px 20px\">v1.1<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Active Installs<\/th>\n<td style=\"padding: 12px 20px\">0 +<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Requires \/ Tested<\/th>\n<td style=\"padding: 12px 20px\">5.8 \/ 7.0<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Last Updated<\/th>\n<td style=\"padding: 12px 20px\">2026-05-25 10:12am GMT<\/td>\n<\/tr>\n<tr>\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Official Link<\/th>\n<td style=\"padding: 12px 20px\"><a href=\"https:\/\/wordpress.org\/plugins\/lumino-dark-mode\/\" target=\"_blank\" style=\"text-decoration: none;color: #4a3bca;font-weight: bold\" rel=\"noopener\">View Details \u2192<\/a><\/td>\n<\/tr>\n<\/table><\/div>\n<div class=\"plugin-short-desc\" style=\"margin: 20px 0;padding: 12px 15px;background: #f9fafb;border-left: 4px solid #4a3bca;border-radius: 6px;font-style: italic;color: #4a5568\">Adds a beautiful floating dark mode toggle to any WordPress site. Works with all themes \u2014 no coding needed.<\/div>\n<p>Lumino Dark Mode adds a stylish floating toggle button that lets your visitors switch between dark and light mode with a single click. It works on <strong>any<\/strong> WordPress theme without touching your theme files.<\/p>\n<p><strong>How it works:<\/strong><br \/>\nLumino uses a smart CSS filter technique (<code>invert + hue-rotate<\/code>) applied to the entire page \u2014 not just specific elements. This means every part of your site \u2014 text, backgrounds, borders, menus, sidebars, widgets \u2014 all switch perfectly. Images and videos are automatically re-corrected so they always look natural.<\/p>\n<p><strong>Features:<\/strong><\/p>\n<ul>\n<li>Works with any WordPress theme \u2014 no CSS class knowledge needed<\/li>\n<li>5 beautiful toggle button styles (Classic, Night, Gradient, Outlined, Sunset)<\/li>\n<li>Choose toggle position: Bottom-Right, Bottom-Left, Top-Right, Top-Left<\/li>\n<li>Custom offset position (pixels from edge)<\/li>\n<li>Adjustable toggle width, height, and border radius<\/li>\n<li>Smart base theme auto-detection (light or dark)<\/li>\n<li>User preference saved in localStorage \u2014 persists across pages and sessions<\/li>\n<li>Respects OS-level dark mode preference (prefers-color-scheme)<\/li>\n<li>Flash prevention \u2014 correct mode applied before first paint<\/li>\n<li>Keyboard accessible (Tab + Enter\/Space)<\/li>\n<li>Lightweight \u2014 pure vanilla JavaScript, zero dependencies<\/li>\n<li>Fully translatable (text domain: lumino-dark-mode)<\/li>\n<\/ul>\n<h3>Privacy Policy<\/h3>\n<p>Lumino Dark Mode stores the visitor&#8217;s dark\/light mode preference locally in the browser&#8217;s <code>localStorage<\/code> under the key <code>lumino_mode<\/code>. This data never leaves the visitor&#8217;s browser and is never sent to any server, including the website owner&#8217;s server or any third-party service. No personal data is collected or processed by this plugin.<\/p>","protected":false},"excerpt":{"rendered":"<p>Adds a beautiful floating dark mode toggle to any WordPress site. Works with all themes \u2014 no coding needed.<\/p>","protected":false},"author":1,"featured_media":9317,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[252],"tags":[2007,2008,2009,2010,2011,555],"class_list":["post-11050","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","tag-dark-mode","tag-dark-theme","tag-eye-strain","tag-night-mode","tag-toggle","tag-wordpress-plugin"],"_links":{"self":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/11050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/comments?post=11050"}],"version-history":[{"count":0,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/11050\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media\/9317"}],"wp:attachment":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media?parent=11050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/categories?post=11050"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/tags?post=11050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}