Title: Nightly Dark Mode Author: Fahim Reza Published: 2022 年 5 月 5 日 Last modified: 2026 年 2 月 16 日 --- 搜尋外掛 ![](https://ps.w.org/nightly/assets/banner-772x250.png?rev=3453786) ![](https://ps.w.org/nightly/assets/icon.svg?rev=3453786) # Nightly Dark Mode 由 [Fahim Reza](https://profiles.wordpress.org/badhonrocks/) 開發 [下載](https://downloads.wordpress.org/plugin/nightly.1.0.3.zip) * [詳細資料](https://tw.wordpress.org/plugins/nightly/#description) * [使用者評論](https://tw.wordpress.org/plugins/nightly/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/nightly/#installation) * [開發資訊](https://tw.wordpress.org/plugins/nightly/#developers) [技術支援](https://wordpress.org/support/plugin/nightly/) ## 外掛說明 Nightly Dark Mode adds dark mode to your website in one click. Give visitors a more comfortable viewing experience with automatic dark mode that can help reduce eye strain. With customizable color schemes, scheduling options, and a floating toggle button, Nightly makes it easy to offer a dark theme for your site. #### Why Dark Mode? Dark mode makes your site more comfortable to browse in low light. Many users prefer it at night, and OLED screens may use less power with darker colors. It also gives your site a modern look. #### How It Works Nightly applies a smart CSS-based filter to create a dark version of your site when dark mode is enabled. Visitors can switch between light and dark using a floating toggle button, or you can enable automatic scheduling based on the time of day. The plugin also intelligently re-inverts images and media so they look correct in dark mode. #### Key Features **6 Color Themes** Choose from Classic, Cool, Warm, High Contrast, Pure Black ( OLED), or create your own custom colors. **Smart Auto-Scheduling** Automatically enable dark mode during evening hours ( e.g., 8 PM to 6 AM). **Customizable Toggle Button** 3 styles (Classic, Pill, Minimal) with 5 size options that float on your site. **Smooth Transitions** Adjustable fade animations when switching between light and dark modes. **Keyboard Shortcuts** Let power users toggle dark mode with customizable keyboard shortcuts. **Per-Page Control** Disable dark mode on specific pages, such as landing pages or photo galleries. **Media Controls** Individual brightness adjustments for images, videos, and backgrounds. **Performance Optimized** Lightweight and fast with no impact on page speed. ## 螢幕擷圖 [⌊Admin Settings⌉⌊Admin Settings⌉[ Admin Settings [⌊Toggle button customization⌉⌊Toggle button customization⌉[ Toggle button customization [⌊Six beautiful color theme options⌉⌊Six beautiful color theme options⌉[ Six beautiful color theme options ## 安裝方式 1. Go to **Plugins Add New** in your WordPress admin 2. Search for “Nightly Dark Mode.” 3. Click **Install** and then **Activate** 4. Navigate to **Settings Nightly** to configure 5. Enable dark mode and customize your preferences #### Build from Source To build the plugin from source, clone the repository and install dependencies: ``` git clone https://github.com/plugpress-io/nightly.git cd nightly npm install npm run build ``` ## 常見問題集 ### Does it work with my WordPress theme? Yes! Nightly works with any WordPress theme using universal CSS filters. We’ve tested it with popular themes like Astra, GeneratePress, Kadence, and Divi. ### Will it slow down my site? No. Nightly is performance-optimized with minimal CSS and JavaScript. It won’t affect your page speed scores. ### Can visitors toggle dark mode on/off? Yes! A customizable toggle button appears on your site that visitors can click. Their preference is saved automatically. ### Does it work on mobile devices? Yes! Nightly is fully responsive and works perfectly on desktops, tablets, and smartphones. ### Can I customize the colors? Yes! Choose from 6 pre-built themes or create your own custom color palette with our color picker. ### Will dark mode break my images? No! Nightly intelligently re-inverts images, videos, and media so they display correctly in dark mode. ### Can I schedule dark mode for specific hours? Yes! Enable auto-scheduling to automatically activate dark mode during evening hours( e.g., 8 PM to 6 AM). ### Is it accessible? Yes! Nightly is WCAG 2.1 compliant with keyboard navigation, screen reader support, and a high-contrast mode. ### Does it collect any data? No. Nightly is 100% GDPR compliant with no external API calls or data collection. All settings are stored locally. ### How do I disable dark mode on specific pages? Use the “Dark Mode Settings” meta box in the post/page editor to disable dark mode for specific content. ## 使用者評論 這個外掛目前沒有任何使用者評論。 ## 參與者及開發者 以下人員參與了開源軟體〈Nightly Dark Mode〉的開發相關工作。 參與者 * [ Fahim Reza ](https://profiles.wordpress.org/badhonrocks/) * [ PlugPress ](https://profiles.wordpress.org/plugpressco/) [將〈Nightly Dark Mode〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/nightly) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/nightly/)、查看 [SVN 存放庫](https://plugins.svn.wordpress.org/nightly/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/nightly/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/nightly/)。 ## 變更記錄 #### 1.0.2 * Added 6 color scheme variants (Classic, Cool, Warm, High Contrast, Pure Black, Custom) * Added auto-scheduling with custom time ranges * Added per-page dark mode control with meta boxes * Added customizable keyboard shortcuts * Added smooth transitions with adjustable duration * Added individual media brightness controls (images, videos, backgrounds) * Improved live preview with real-time updates * Fixed toggle button icon visibility issues * Performance optimizations * WCAG 2.1 accessibility improvements #### 1.0.1 – 2025-01-15 * Initial release ## 中繼資料 * 版本 **1.0.3** * 最後更新 **4 個月前** * 啟用安裝數 **少於 10 次** * WordPress 版本需求 ** 6.0 或更新版本 ** * 已測試相容的 WordPress 版本 **6.9.4** * PHP 版本需求 ** 7.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/nightly/) * 標籤: * [dark mode](https://tw.wordpress.org/plugins/tags/dark-mode/)[dark theme](https://tw.wordpress.org/plugins/tags/dark-theme/) [Night Mode](https://tw.wordpress.org/plugins/tags/night-mode/) * [進階檢視](https://tw.wordpress.org/plugins/nightly/advanced/) ## 評分 這個項目尚無任何評論記錄。 [Your review](https://wordpress.org/support/plugin/nightly/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/nightly/reviews/) ## 參與者 * [ Fahim Reza ](https://profiles.wordpress.org/badhonrocks/) * [ PlugPress ](https://profiles.wordpress.org/plugpressco/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/nightly/)