Title: Dark Mode Toggle Author: ScriptsTown Published: 22 Tháng 2, 2022 Last modified: 7 Tháng 5, 2026 --- Tìm kiếm plugin ![](https://ps.w.org/dark-mode-toggle/assets/banner-772x250.png?rev=2682826) ![](https://ps.w.org/dark-mode-toggle/assets/icon-256x256.png?rev=2682826) # Dark Mode Toggle Bởi [ScriptsTown](https://profiles.wordpress.org/scriptstown/) [Tải về](https://downloads.wordpress.org/plugin/dark-mode-toggle.1.7.2.zip) * [Chi tiết](https://vi.wordpress.org/plugins/dark-mode-toggle/#description) * [Đánh giá](https://vi.wordpress.org/plugins/dark-mode-toggle/#reviews) * [Cài đặt](https://vi.wordpress.org/plugins/dark-mode-toggle/#installation) * [Nhà phát triển](https://vi.wordpress.org/plugins/dark-mode-toggle/#developers) [Hỗ trợ](https://wordpress.org/support/plugin/dark-mode-toggle/) ## Mô tả **Dark Mode Toggle** is an excellent WordPress plugin that allows you to quickly add a dark / night mode toggle switch button to your WordPress site. The plugin enables users or visitors to easily switch between a dark or light scheme by clicking on the simple toggle button. It is ready to use dark mode plugin that works out of the box and is compatible with all WordPress themes. It has a settings page with various options to customize or change the position, width, height, and border radius of the toggle button. It is a very lightweight plugin with minimal footprints. With this plugin, you can also skip or exclude dark mode on any specific elements of your website. It improves the user experience and it is fast and easy to use. **Dark mode plugin** can improve the accessibility and readability of a WordPress website. Having a dark background with light-colored text can reduce eye strain and fatigue for many people who are sensitive to bright screens. This is the best dark mode WordPress plugin that allows site visitors to switch between light and dark modes easily. It caters to different visual needs and preferences. Plus, the plugin can save and persist the user’s choice for the next page refresh. It remembers the choice for the next page visit to avoid manually switching modes on every new page load. This dark mode plugin has simple settings, works well with all modern browsers, and provides high compatibility with all WordPress themes as well as any page builder plugins. It quickly changes the colors and also works great for darker themes to toggle the light mode on the dark themes. ### Dark Mode Toggle Features * **Dark Mode** / Night Mode Toggle Switch * Sticky Button to Toggle Dark Mode * Change Position of **Toggle** Button * Customize Width, Height, and Border Radius * Easily **Switch** to Light or Dark Mode * Lightweight Plugin with Minimal Footprints * Easy Setup with Automatic Configuration * Bring **Dark Theme** or Light Theme * Compatible with any WordPress Theme * Switching Transition Animation * Save User Choice on Next Page Refresh * Fast and Easy to Setup and Use **Upgrade To Pro – [Click Here](https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/#pricing)** ### Dark Mode Toggle Pro Features * Toggle **Dark Mode** on Editor Screen * Upload Custom Toggle Button Image * Different Images on Light / Dark Mode * Set Custom Button Emoji Label * Set **Toggle** Button Font Size * Custom Toggle Button Colors * **Dark Mode** to WordPress Admin * Toggle Button Admin Settings * Toggle Post Editor **Dark Theme** * Works Perfect in all Modern Browsers * Well-Coded, **Fast** and Lightweight * Separate Options for Front and Admin * Many Advanced Options for Customization * Option to Turn On **Dark Mode By Default** * Auto-Match OS Theme on Initial Load **Dark Mode Toggle Pro** offers additional features like switchable custom button labels, font sizes, and toggle button colors. You can even set any **custom** button for toggling the dark mode. It offers dark mode on admin pages as well. Plus, it can auto-matches the OS theme on initial load. **Check Pro Plugin – [Click Here](https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/)** ## Ảnh màn hình * [[ * Front Settings – Dark Mode Toggle * [[ * Dark Mode Switch Activated * [[ * Dark / Night Mode Toggle Switch ## Cài đặt **Dark Mode Toggle [Installation Guide]** 1. You can: 2. * Upload the entire `dark-mode-toggle` folder to the `/wp-content/plugins/` directory via FTP. * Upload the zip file of plugin via _Plugins -> Add New -> Upload_ in your WordPress Admin Panel. * Search **Dark Mode Toggle** in the search engine available on _Plugins -> Add New_ and press _Install Now_ button. 3. Activate the plugin through _Plugins_ menu in WordPress Admin Panel. 4. Click on _Dark Mode_ under _Appearance_ menu to configure the plugin. 5. Ready, now you can use it. ## Hỏi đáp ### How to configure dark mode settings? You can configure the dark mode options from “Appearance” > “Dark Mode”. ### How to skip dark mode for some elements? You can add an additional filter CSS class: **dmt-filter-1** or **dmt-filter-0** to any block element like images, columns, cover blocks, buttons, etc. This will invert the effect on those block elements. ## Đánh giá ![](https://secure.gravatar.com/avatar/043b8287faad308b64e0c97d664c18a07114d0a70ea8c5eac3dad5a576a359a9? s=60&d=retro&r=g) ### 󠀁[Simple, fast, convenient and beautiful](https://wordpress.org/support/topic/simple-fast-convinient-and-beautiful/)󠁿 [Nguyễn Quốc Hùng](https://profiles.wordpress.org/ranbac/) 6 Tháng 11, 2025 I try some dark mode plugin, but i see your plugin Simple, fast, convenient and beautiful! I like that! ![](https://secure.gravatar.com/avatar/478430c1664857c7d372e7cfb7e37740c1c20e15a94055536a59e5a6ca233038? s=60&d=retro&r=g) ### 󠀁[Didn’t work on Mobile and Desktop Client mode for me](https://wordpress.org/support/topic/didnt-work-on-mobile-and-desktop-client-mode-for-me/)󠁿 [bfolharini](https://profiles.wordpress.org/bfolharini/) 21 Tháng 1, 2025 2 trả lời The icon appeared in the desktop view only in the Adm version, in the client version it does not appear anywhere, on the cell phone it did not work either, precisely because I was a customer accessing it, as nothing appears on the desktop client version, on the the same situation occurs on cell phones; I’m not sure if the plugin is still working in the free format, and before support asks whether I left the “ Hide Toggle Button on Mobile” option enabled or not, I can tell you that it is unchecked. ![](https://secure.gravatar.com/avatar/74e7ff55d40b110e50cd32e5851c6b7eb6a850527f07497895acf210469afc6e? s=60&d=retro&r=g) ### 󠀁[Lacks customization & Inverts IMAGES!](https://wordpress.org/support/topic/lacks-customization-inverts-images/)󠁿 [yesyeswordpress](https://profiles.wordpress.org/yesyeswordpress/) 11 Tháng 1, 2025 I appreciate light weight, but virtually no customization (neither the colors used for dark mode,nor styles – or your own icon – for the button…??)And why INVERT IMAGES??… and worse, have NO SETTING to DISABLE that!? ![](https://secure.gravatar.com/avatar/8a17d26e89767cf969cbe8003c02c94b44a86f99e70ab251197df42402c6382e? s=60&d=retro&r=g) ### 󠀁[Works great with my website](https://wordpress.org/support/topic/works-great-with-my-website-4/)󠁿 [4now](https://profiles.wordpress.org/4now/) 20 Tháng 11, 2024 I struggled with another dark mode plugin for a while. This plugin is far less work making CSS adjustments, does not slow down my site, and simply makes everything look great. Support is incredibly quick and extremely helpful. I’m using the Pro version and love it! ![](https://secure.gravatar.com/avatar/741c27ace4b3c7dca1319423bdd9f2c10c4105eaa0bc6409bd6b8b26160954e3? s=60&d=retro&r=g) ### 󠀁[Very good Plugin!](https://wordpress.org/support/topic/very-good-plugin-2823/)󠁿 [lucanitro94](https://profiles.wordpress.org/lucanitro94/) 9 Tháng 4, 2024 Very Nice Plugin, very simple and lightweight.. I’ll buy the Pro Version very soon! Thank you so much!! ![](https://secure.gravatar.com/avatar/513e07f6588f3902f1712fc44540424583042cae00deb57275a0365fe265c7a6? s=60&d=retro&r=g) ### 󠀁[Great and simple](https://wordpress.org/support/topic/great-and-simple-183/)󠁿 [wrachtan](https://profiles.wordpress.org/wrachtan/) 5 Tháng 4, 2024 Works fine, works fast, works simply. For the future, pallette selection settings would be nice. [ Đọc tất cả 19 đánh giá ](https://wordpress.org/support/plugin/dark-mode-toggle/reviews/) ## Người đóng góp & Lập trình viên “Dark Mode Toggle” là mã nguồn mở. Những người sau đã đóng góp vào plugin này. Những người đóng góp * [ ScriptsTown ](https://profiles.wordpress.org/scriptstown/) [Dịch “Dark Mode Toggle” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/dark-mode-toggle) ### Muốn tham gia phát triển? [Duyệt code](https://plugins.trac.wordpress.org/browser/dark-mode-toggle/), check out [SVN repository](https://plugins.svn.wordpress.org/dark-mode-toggle/), hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/dark-mode-toggle/) qua [RSS](https://plugins.trac.wordpress.org/log/dark-mode-toggle/?limit=100&mode=stop_on_copy&format=rss). ## Nhật ký thay đổi #### 1.7.2 * Improvement: Settings page. * Readme updated. #### 1.7.1 * Readme updated. * Tested compatibility with PHP 8.5.5. #### 1.7.0 * Improvement: CSS fixes. * Readme updated. #### 1.6.9 * Improvement: Toggle button. #### 1.6.8 * Improvement: CSS fixes. #### 1.6.7 * Tested up to 7.0. #### 1.6.6 * Improvement: CSS fixes. #### 1.6.5 * Improvement: CSS fixes. * Readme updated. #### 1.6.4 * Readme updated. #### 1.6.3 * Tested compatibility with PHP 8.5. * Readme updated. #### 1.6.2 * Code improvements. * Tested up to 6.9. #### 1.6.1 * Readme updated. #### 1.6.0 * Code improvements. #### 1.5.9 * Changed default options. * Code improvements. * Tested up to 6.8.2. #### 1.5.8 * Code improvements. * Readme updated. #### 1.5.7 * Improvement: CSS fixes. #### 1.5.6 * Tested up to 6.8.1. * Readme updated. #### 1.5.5 * Tested up to 6.8. #### 1.5.4 * Code improvements. * Readme updated. #### 1.5.3 * Improvement: CSS fixes. #### 1.5.2 * Code improvements. #### 1.5.1 * Added composer.json. #### 1.5.0 * Code improvements. #### 1.4.9 * Tested compatibility with PHP 8.4. * Readme updated. #### 1.4.8 * Tested up to 6.7. * Readme updated. #### 1.4.7 * Readme updated. #### 1.4.6 * Tested up to 6.6.2. * Improvement: CSS fixes. #### 1.4.5 * Tested up to 6.6. #### 1.4.4 * Readme updated. * Tested up to 6.5.5. #### 1.4.3 * Tested up to 6.5.4. #### 1.4.2 * Improvement: CSS fixes. * Readme updated. #### 1.4.1 * Improvement: Darkmode library updated. * Icon changed. * Readme updated. #### 1.4.0 * Improvement: Increased font size for button icon. #### 1.3.9 * Readme updated. * Improvement: Styles updated. #### 1.3.8 * Tested up to 6.5. * Readme updated. #### 1.3.7 * Readme updated. #### 1.3.6 * Readme updated. * Changed toggle button icon. #### 1.3.5 * Readme updated. * Improvement: Styles updated. #### 1.3.4 * Improvement: Darkmode library updated. * Readme updated. #### 1.3.3 * Tested up to 6.4.2. * Tested compatibility with PHP 8.3. * Readme updated. #### 1.3.2 * Readme updated. #### 1.3.1 * Tested up to 6.4. #### 1.3.0 * Tested compatibility with PHP 8.2. * Readme updated. #### 1.2.9 * Readme updated. #### 1.2.8 * Improvement: CSS rules for background images. #### 1.2.7 * Updated Alpine.js library. * Unmified file of alpine.min.js included in js/alpine.js. * Source file of darkmode-js.min.js included in js/src/darkmode-js.js. #### 1.2.6 * Tested up to 6.3. #### 1.2.5 * Readme updated. #### 1.2.4 * Improvement: Fixed required ARIA attribute. #### 1.2.3 * Darkmode library updated. #### 1.2.2 * Tested up to 6.2. #### 1.2.1 * Readme updated. #### 1.2.0 * Readme updated. * Darkmode library updated. #### 1.1.9 * Improvement: Default settings. #### 1.1.8 * Improvement: More CSS specificity for better compatibility with themes. #### 1.1.7 * Improvement: Turn on transition effect by default. #### 1.1.6 * Readme updated. #### 1.1.5 * Tested up to 6.1.1. * Tested compatibility with PHP 8.1. #### 1.1.4 * Tested up to 6.1. #### 1.1.3 * Improvement: Do not load CSS when hide on mobile. * Tested up to 6.0.2. #### 1.1.2 * Tested up to 6.0.1. #### 1.1.1 * Readme updated. #### 1.1.0 * Tested up to 6.0. ## Plugin thương mại Plugin này là miễn phí nhưng cung cấp các nâng cấp trả phí hoặc hỗ trợ bổ sung. ## Meta * Phiên bản **1.7.2** * Cập nhật lần cuối **1 tuần trước** * Số lượt cài đặt **2.000+** * Phiên bản WordPress ** 5.3 hoặc cao hơn ** * Đã kiểm tra lên đến **7.0** * Phiên bản PHP ** 7.0 hoặc cao hơn ** * Ngôn ngữ * [English (US)](https://wordpress.org/plugins/dark-mode-toggle/) * Thẻ * [dark](https://vi.wordpress.org/plugins/tags/dark/)[dark mode](https://vi.wordpress.org/plugins/tags/dark-mode/) [dark theme](https://vi.wordpress.org/plugins/tags/dark-theme/)[Night Mode](https://vi.wordpress.org/plugins/tags/night-mode/) [toggle](https://vi.wordpress.org/plugins/tags/toggle/) * [Nâng cao](https://vi.wordpress.org/plugins/dark-mode-toggle/advanced/) ## Đánh giá 4.6 trên 5 sao. * [ 16 5-star reviews ](https://wordpress.org/support/plugin/dark-mode-toggle/reviews/?filter=5) * [ 1 4-star review ](https://wordpress.org/support/plugin/dark-mode-toggle/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/dark-mode-toggle/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/dark-mode-toggle/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/dark-mode-toggle/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/dark-mode-toggle/reviews/#new-post) [Xem tất cả đánh giá](https://wordpress.org/support/plugin/dark-mode-toggle/reviews/) ## Những người đóng góp * [ ScriptsTown ](https://profiles.wordpress.org/scriptstown/) ## Hỗ trợ Có điều gì muốn nói? cần giúp đỡ? [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/dark-mode-toggle/) ## Ủng hộ Bạn có muốn hỗ trợ vào sự phát triển của plugin này? [ Ủng hộ plugin này ](https://scriptstown.com/)