Changeset 3361211
- Timestamp:
- 09/14/2025 09:27:29 AM (3 months ago)
- Location:
- dark-reader
- Files:
-
- 23 added
- 1 edited
-
tags/1.0.2 (added)
-
tags/1.0.2/LICENSE (added)
-
tags/1.0.2/admin (added)
-
tags/1.0.2/admin/admin-page.php (added)
-
tags/1.0.2/admin/templates (added)
-
tags/1.0.2/admin/templates/tabs-content.php (added)
-
tags/1.0.2/admin/templates/templates.php (added)
-
tags/1.0.2/assets (added)
-
tags/1.0.2/assets/css (added)
-
tags/1.0.2/assets/css/dark-reader-admin.css (added)
-
tags/1.0.2/assets/css/dark-reader-toggle.css (added)
-
tags/1.0.2/assets/js (added)
-
tags/1.0.2/assets/js/dark-reader-admin.js (added)
-
tags/1.0.2/assets/js/dark-reader-init.js (added)
-
tags/1.0.2/assets/js/vendor (added)
-
tags/1.0.2/assets/js/vendor/darkreader.js (added)
-
tags/1.0.2/assets/js/vendor/darkreader.min.js (added)
-
tags/1.0.2/dark-reader.php (added)
-
tags/1.0.2/includes (added)
-
tags/1.0.2/includes/enqueue.php (added)
-
tags/1.0.2/includes/shortcode.php (added)
-
tags/1.0.2/includes/toggle-btn.php (added)
-
tags/1.0.2/readme.txt (added)
-
trunk/readme.txt (modified) (7 diffs)
Legend:
- Unmodified
- Added
- Removed
-
dark-reader/trunk/readme.txt
r3359602 r3361211 1 === Dark Reader - Dark Reader– Dark Mode for Better Accessibility, UX, Dark Theme and Night Mode ===1 === Dark Reader – Dark Mode for Better Accessibility, UX, Dark Theme and Night Mode === 2 2 Contributors: bdthemes, selimmw, abutalib, muhammadasik, arafatakashakku 3 3 Tags: dark, dark mode, dark theme, night mode, wp dark … … 13 13 == Description == 14 14 15 ##Dark Reader – Dark Mode for Better Accessibility and User Experience##16 17 15 Dark Reader is a complete WordPress dark mode plugin that adds modern design, accessibility, and flexibility to your website. With one click, you can transform your site into a comfortable dark mode experience that visitors will love. 18 16 … … 33 31 ##Key Features of Dark Reader Dark Mode Plugin## 34 32 35 ### Enable Dark Mode ###33 ### Enable Dark Mode 36 34 Enable dark mode is the main feature of Dark Reader. When you turn this on, your entire website will automatically switch to a dark color scheme. Visitors will see a modern design that feels comfortable on the eyes. It works on all pages, posts, and even your WordPress admin dashboard if you want. 37 35 38 36 This feature helps reduce eye strain, especially for people browsing at night or in low-light conditions. It also makes your website look more professional and up to date since most apps and systems now support dark mode. Adding this option improves user experience and keeps visitors engaged longer. 39 37 40 ### Brightness Control ###38 ### Brightness Control 41 39 Brightness Control gives you the ability to fine-tune how light or dark your website appears when dark mode is enabled. Some users prefer a very deep black, while others like a softer gray background. With this setting, you can adjust brightness to create the perfect balance for your audience. 42 40 43 41 This makes your dark mode more inclusive because not all visitors have the same preferences. By customizing brightness, you can reduce glare without making the site too dark. It ensures your design stays readable and pleasant for everyone. 44 42 45 ### Contrast Control ###43 ### Contrast Control 46 44 Contrast Control lets you adjust the difference between text and background in dark mode. High contrast improves readability, while lower contrast gives a softer look. You can choose the level that works best for your content style. 47 45 48 46 This feature is especially important for accessibility. Visitors with vision difficulties need enough contrast to read comfortably. By offering adjustable contrast, Dark Reader dark mode plugin makes your site more user-friendly and compliant with modern accessibility practices. 49 47 50 ### Sepia Filter ###48 ### Sepia Filter 51 49 The Sepia Filter adds a warm, brownish tone to your site in dark mode. This reduces the amount of blue light, which is often linked to eye strain and sleep problems. Many users prefer sepia for reading long articles or browsing at night. 52 50 53 51 Using a sepia effect gives your website a unique look while still keeping it easy on the eyes. It is especially helpful for blogs, magazines, and content-heavy sites where visitors spend a lot of time reading. 54 52 55 ### Grayscale Filter ###53 ### Grayscale Filter 56 54 The Grayscale Filter turns your site’s colors into shades of gray in dark mode. This creates a clean and minimal style. It also reduces distractions from bright images or colorful elements that might not fit well with dark mode. 57 55 58 56 Grayscale can also help content stand out more clearly. For example, text becomes the main focus because background visuals are softened. This is a great option for professional websites, portfolios, or any site that wants a modern, elegant look. 59 57 60 ### Toggle Button Position ###58 ### Toggle Button Position 61 59 The Toggle Button Position setting lets you choose where the dark mode switch appears. You can place it in the top-left, top-right, bottom-left, or bottom-right corner of the screen. This makes it easy for visitors to find and use. 62 60 63 61 Flexibility in position is useful because different websites have different layouts. For example, if you already have widgets or floating buttons on one side, you can move the toggle elsewhere to avoid overlapping. It gives you full control over user experience. 64 62 65 ### 5+ Toggle Button Styles ###63 ### 5+ Toggle Button Styles 66 64 Dark Reader comes with five different toggle button styles: Default, Round, Switch, Toggle, and Minimal. Each style has its own look and feel, so you can choose one that matches your site’s design. 67 65 68 66 Having multiple styles ensures the dark mode toggle blends naturally with your theme. Whether you want a bold button or a subtle switch, you can pick the option that feels right. This customization helps maintain your brand identity while offering dark mode. 69 67 70 ### Use System Color Scheme ###68 ### Use System Color Scheme 71 69 This option matches your website with the visitor’s device preference. If their computer or phone is set to dark mode, your site will automatically load in dark mode. If not, it will stay in light mode. 72 70 73 71 This feature creates a seamless browsing experience because users do not need to switch modes manually. It makes your site feel more modern and adaptive to user habits, just like mobile apps and operating systems. 74 72 75 ### Enable for PDFs ###73 ### Enable for PDFs 76 74 With this feature, dark mode also applies to embedded PDF files on your site. Normally, PDFs remain bright and may clash with a dark layout. Enabling this keeps the viewing experience consistent. 77 75 78 76 It is especially helpful for websites that share eBooks, reports, or documents. Visitors can read PDFs without straining their eyes, and the design stays professional across all content types. 79 77 80 ### Apply Immediately ###78 ### Apply Immediately 81 79 This setting makes sure dark mode applies instantly to all dynamic content on your website. Without it, some elements might load in light mode before switching, which can feel distracting. 82 80 83 81 Apply Immediately creates a smoother experience. It prevents flashing effects and ensures that every page, post, and element appears in dark mode right from the start. 84 82 85 ### Filter Mode ###83 ### Filter Mode 86 84 Filter Mode allows you to choose between two types of dark styles: Dimmed Mode and Dark Mode. Dimmed Mode is softer with less contrast, while Dark Mode is stronger with deeper blacks. 87 85 88 86 This flexibility helps you match dark mode to your brand style and visitor preferences. Some users may prefer a gentle look, while others want a bold, high-contrast design. Dark Reader lets you offer both. 89 87 90 ### Text Stroke ###88 ### Text Stroke 91 89 The Text Stroke option adds a thin outline to your text. This makes words stand out more clearly on dark backgrounds. It is especially useful if your design includes colored text or decorative fonts. 92 90 93 91 Adding text stroke improves readability without changing your site’s style. It keeps your content easy to read for everyone, even in low-light conditions or on smaller screens. 94 92 95 ### Dark Mode Toggle Shortcode ###93 ### Dark Mode Toggle Shortcode 96 94 Dark Reader includes a shortcode [dark_reader_toggle] that you can place anywhere on your website. You can add it inside posts, pages, or widgets. This gives you full control over where visitors can access the dark mode switch. 97 95 98 96 Shortcode support is helpful if you want to put the toggle in specific areas, like a menu, header, or footer. It makes your site more flexible and ensures the dark mode feature is always easy to find. 99 97 100 ## Exclusive Pro Features of Dark Reader Dark Mode Plugin ##101 ### Time-Based Dark Mode ###98 ## Exclusive Pro Features of Dark Reader Dark Mode Plugin 99 ### Time-Based Dark Mode 102 100 Schedule dark mode to activate at night and switch back in the day. This happens automatically based on your chosen hours. 103 101 104 102 It improves comfort by matching natural usage habits. Visitors get dark mode when they need it most without any action required. 105 103 106 ### Admin Dashboard Dark Mode (Pro) ###104 ### Admin Dashboard Dark Mode (Pro) 107 105 Dark Reader adds dark mode to the WordPress admin dashboard. This makes the backend easier on the eyes for long working sessions. 108 106 … … 111 109 112 110 113 ### Low Brightness Images (Pro) ###111 ### Low Brightness Images (Pro) 114 112 Dark Reader can lower image brightness when dark mode is active. This prevents images from being too sharp or distracting on dark backgrounds. 115 113 116 114 It creates balance across your website. Visitors enjoy smoother visuals and better readability. 117 115 118 ### Grayscale Images (Pro) ###116 ### Grayscale Images (Pro) 119 117 Images can be displayed in grayscale during dark mode. This gives a softer, professional look. 120 118 … … 124 122 Image replacement helps you maintain visual harmony and readability by replacing image on the basis of a light background and dark background. 125 123 126 ###Invert Images (Pro) ###124 ###Invert Images (Pro) 127 125 Invert image colors intelligently when dark mode is active. This keeps visuals visible while matching dark backgrounds. 128 126 129 127 The benefit is better design consistency. Images do not clash with the dark interface, keeping your site polished. 130 128 131 ### Dark Mode Based Image Support (Pro) ###129 ### Dark Mode Based Image Support (Pro) 132 130 Dark Reader ensures images adapt perfectly in dark mode. It adjusts their colors and appearance without damaging quality. 133 131 134 132 This is important for sites with many visuals. Your design stays consistent while images remain clear. 135 133 136 ### Dark Mode Based Video Support (Pro) ###134 ### Dark Mode Based Video Support (Pro) 137 135 Videos can also adapt to dark mode. They adjust smoothly to match the dark interface of your website. 138 136 139 137 This makes multimedia content look natural in both modes. Visitors get a complete, balanced experience. 140 138 141 ### Custom CSS Support (Pro) ###139 ### Custom CSS Support (Pro) 142 140 You can write custom CSS rules for dark mode. This allows you to fine-tune appearance at a detailed level. 143 141 144 142 This feature is ideal for developers and designers. You can create a dark mode that matches your exact vision. 145 143 146 ### Exclude Elements (Pro) ###144 ### Exclude Elements (Pro) 147 145 Choose specific elements that should not be affected by dark mode. For example, logos or banners can stay in their original colors. 148 146 149 147 This improves control and avoids problems. Important visuals remain clear while the rest of the site uses dark mode. 150 148 151 ### Exclude Pages & Posts (Pro) ###149 ### Exclude Pages & Posts (Pro) 152 150 You can exclude certain pages or posts from dark mode. This is useful for landing pages, special designs, or content that looks better in light mode. 153 151 … … 155 153 156 154 157 ## Responsive and Accessible ##155 ## Responsive and Accessible 158 156 159 157 Dark Reader is fully responsive, lightweight, and accessibility-focused. It works on all devices and improves readability for every visitor. Whether you are a blogger, business owner, or developer, Dark Reader makes it easy to add dark mode to your site without code. It is professional, flexible, and user-friendly. 160 158 161 ## Popular Page Builder Support ##159 ## Popular Page Builder Support 162 160 Dark Reader works with major page builders like Elementor, WPBakery, Divi and Break Builder. The layouts remain consistent while dark mode is applied using Dark Reader. 163 161 … … 165 163 166 164 167 ## Who Is Dark Reader Dark Mode For ##165 ## Who Is Dark Reader Dark Mode For 168 166 - WordPress beginners who want an easy way to add dark mode without coding. 169 167
Note: See TracChangeset
for help on using the changeset viewer.