WordPress.org
Get WordPress

Plugin Directory

Changeset 3367599


Ignore:
Timestamp:
09/25/2025 06:46:54 AM (3 months ago)
Author:
bdthemes
Message:

readme.txt

Location:
dark-reader
Files:
1 added
1 deleted
6 edited

Legend:

Unmodified
Added
Removed

  • dark-reader/trunk/assets/css/dark-reader-admin.css

    r3359602 r3367599  
    23012301        opacity: 0 !important;
    23022302      }
    2303       .modern-slider-thumb {
    2304         background: #282835 !important;
    2305       }
    23062303
    23072304      /* Text Toggle Styles */
    … …  
    23162313          }
    23172314          &.off {
    2318             color: #fff;
    2319             background: #000;
     2315            color: #000;
     2316            background: #ffffff;
    23202317          }
    23212318        }
    … …  
    23982395          background: #000 !important;
    23992396          transition: color 0.3s ease, opacity 0.3s ease;
     2397          border: 2px solid white;
    24002398        }
    24012399      }

  • dark-reader/trunk/assets/css/dark-reader-toggle.css

    r3359602 r3367599  
    2424    width: 48px;
    2525    height: 48px;
    26     animation: bounce 2s ease-in-out infinite;
     26}
     27
     28.dark-reader-toggle-inline{
     29    width: 48px;
     30    height: 48px;
    2731}
    2832
    … …  
    4549}
    4650
    47 @keyframes bounce {
    48   0%, 100% { transform: translateY(0); }
    49   50% { transform: translateY(-3px); }
    50 }
    51 
    5251.dark-reader-toggle.top-left {
    5352    top: 20px;
    … …  
    8685}
    8786
     87.dark-reader-toggle-inline button{
     88    cursor: pointer;
     89}
     90
    8891/* Default button style */
    8992.dark-reader-toggle.style-default button {
    … …  
    187190
    188191/* Switch style */
    189 .dark-reader-toggle.style-switch {
     192.dark-reader-toggle.style-switch,
     193.dark-reader-toggle-inline.style-switch {
    190194    width: 56px;
    191195    height: 28px;
    192196}
    193197
    194 .dark-reader-toggle.style-switch button {
     198.dark-reader-toggle.style-switch button,
     199.dark-reader-toggle-inline.style-switch button {
    195200    width: 100%;
    196201    height: 100%;
    … …  
    203208}
    204209
    205 .dark-reader-toggle.style-switch .switch-track {
     210.dark-reader-toggle.style-switch .switch-track,
     211.dark-reader-toggle-inline.style-switch .switch-track {
    206212    position: absolute;
    207213    top: 0;
    … …  
    214220}
    215221
    216 .dark-reader-toggle.style-switch .switch-thumb {
     222.dark-reader-toggle.style-switch .switch-thumb,
     223.dark-reader-toggle-inline.style-switch .switch-thumb {
    217224    position: absolute;
    218225    height: 20px;
    … …  
    226233}
    227234
    228 .dark-reader-toggle.style-switch.dark .switch-track {
     235.dark-reader-toggle.style-switch.dark .switch-track,
     236.dark-reader-toggle-inline.style-switch.dark .switch-track {
    229237    /* Override Dark Reader CSS variables */
    230238    --darkreader-background-4CAF50: #4CAF50 !important;
    … …  
    233241}
    234242
    235 .dark-reader-toggle.style-switch.dark .switch-thumb {
     243.dark-reader-toggle.style-switch.dark .switch-thumb,
     244.dark-reader-toggle-inline.style-switch.dark .switch-thumb {
    236245    transform: translateX(26px);
    237246    /* Override Dark Reader CSS variables */
    … …  
    242251
    243252/* Toggle style */
    244 .dark-reader-toggle.style-toggle {
     253.dark-reader-toggle.style-toggle,
     254.dark-reader-toggle-inline.style-toggle {
    245255    width: 70px;
    246256    height: 32px;
    247257}
    248258
    249 .dark-reader-toggle.style-toggle button {
     259.dark-reader-toggle.style-toggle button,
     260.dark-reader-toggle-inline.style-toggle button {
    250261    width: 100%;
    251262    height: 100%;
    … …  
    258269}
    259270
    260 .dark-reader-toggle.style-toggle .toggle-track {
     271.dark-reader-toggle.style-toggle .toggle-track,
     272.dark-reader-toggle-inline.style-toggle .toggle-track {
    261273    position: absolute;
    262274    top: 0;
    … …  
    274286
    275287.dark-reader-toggle.style-toggle .toggle-sun,
    276 .dark-reader-toggle.style-toggle .toggle-moon {
     288.dark-reader-toggle.style-toggle .toggle-moon,
     289.dark-reader-toggle-inline.style-toggle .toggle-sun,
     290.dark-reader-toggle-inline.style-toggle .toggle-moon {
    277291    font-size: 14px;
    278292    z-index: 1;
    … …  
    280294}
    281295
    282 .dark-reader-toggle.style-toggle .toggle-thumb {
     296.dark-reader-toggle.style-toggle .toggle-thumb,
     297.dark-reader-toggle-inline.style-toggle .toggle-thumb {
    283298    position: absolute;
    284299    height: 24px;
    … …  
    292307}
    293308
    294 .dark-reader-toggle.style-toggle.dark .toggle-track {
     309.dark-reader-toggle.style-toggle.dark .toggle-track,
     310.dark-reader-toggle-inline.style-toggle.dark .toggle-track {
    295311    /* Override Dark Reader CSS variables  */
    296312    --darkreader-border-ffffff: #ffffff !important;
    … …  
    300316}
    301317
    302 .dark-reader-toggle.style-toggle.dark .toggle-thumb {
     318.dark-reader-toggle.style-toggle.dark .toggle-thumb,
     319.dark-reader-toggle-inline.style-toggle.dark .toggle-thumb {
    303320    transform: translateX(32px);
    304321    /* Override Dark Reader CSS variables  */
    … …  
    309326
    310327/* Minimal style */
    311 .dark-reader-toggle.style-minimal button {
     328.dark-reader-toggle.style-minimal button,
     329.dark-reader-toggle-inline.style-minimal button {
    312330    width: 100%;
    313331    height: 100%;
    … …  
    326344}
    327345
    328 .dark-reader-toggle.style-minimal button:hover {
     346.dark-reader-toggle-inline.style-minimal button {
     347    box-shadow: none;
     348}
     349
     350.dark-reader-toggle.style-minimal button:hover{
    329351    transform: scale(1.05);
    330352    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    331353}
    332354
    333 .dark-reader-toggle.style-minimal .minimal-icon {
     355.dark-reader-toggle.style-minimal .minimal-icon,
     356.dark-reader-toggle-inline.style-minimal .minimal-icon {
    334357    width: 24px;
    335358    height: 24px;
    … …  
    340363}
    341364
    342 .dark-reader-toggle.style-minimal.dark button {
     365.dark-reader-toggle.style-minimal.dark button,
     366.dark-reader-toggle-inline.style-minimal.dark button {
    343367    /* background-color: #292c35; */
    344368    /* Override Dark Reader CSS variables */
    … …  
    349373}
    350374
    351 .dark-reader-toggle.style-minimal.dark .minimal-icon {
     375.dark-reader-toggle.style-minimal.dark .minimal-icon,
     376.dark-reader-toggle-inline.style-minimal.dark .minimal-icon {
    352377    transform: rotate(225deg);
    353378    background: linear-gradient(135deg, #292c35 50%, #f8f8f8 50%);
    … …  
    358383    .dark-reader-toggle.style-default,
    359384    .dark-reader-toggle.style-round,
    360     .dark-reader-toggle.style-minimal {
     385    .dark-reader-toggle.style-minimal,
     386    .dark-reader-toggle-inline.style-minimal {
    361387        width: 40px;
    362388        height: 40px;
    363389    }
    364390   
    365     .dark-reader-toggle.style-switch {
     391    .dark-reader-toggle.style-switch,
     392    .dark-reader-toggle-inline.style-switch {
    366393        width: 50px;
    367394        height: 25px;
    368395    }
    369396   
    370     .dark-reader-toggle.style-toggle {
     397    .dark-reader-toggle.style-toggle,
     398    .dark-reader-toggle-inline.style-toggle {
    371399        width: 60px;
    372400        height: 28px;
    … …  
    380408    }
    381409   
    382     .dark-reader-toggle.style-switch .switch-thumb {
     410    .dark-reader-toggle.style-switch .switch-thumb,
     411    .dark-reader-toggle-inline.style-switch .switch-thumb {
    383412        height: 17px;
    384413        width: 17px;
    385414    }
    386415   
    387     .dark-reader-toggle.style-toggle .toggle-thumb {
     416    .dark-reader-toggle.style-toggle .toggle-thumb,
     417    .dark-reader-toggle-inline.style-toggle .toggle-thumb {
    388418        height: 20px;
    389419        width: 20px;
    390420    }
    391421   
    392     .dark-reader-toggle.style-minimal .minimal-icon {
     422    .dark-reader-toggle.style-minimal .minimal-icon,
     423    .dark-reader-toggle-inline.style-minimal .minimal-icon {
    393424        width: 20px;
    394425        height: 20px;
    … …  
    398429/* Inline toggle styles for shortcode */
    399430.dark-reader-toggle-inline.style-default button,
    400 .dark-reader-toggle-inline.style-round button,
    401 .dark-reader-toggle-inline.style-minimal button {
     431.dark-reader-toggle-inline.style-round button
     432/* .dark-reader-toggle-inline.style-minimal button  */
     433{
    402434    display: flex;
    403435    align-items: center;
    404436    justify-content: center;
    405     padding: 8px 16px;
    406     border-radius: 20px;
    407437    border: none;
    408438    background-color: var(--dark-reader-toggle-button-bg, #f8f8f8) !important;
    … …  
    413443}
    414444
    415 .dark-reader-toggle-inline.style-switch button,
    416 .dark-reader-toggle-inline.style-toggle button {
    417     display: flex;
    418     align-items: center;
    419     justify-content: flex-start;
    420     padding: 8px 16px 8px 60px;
    421     border-radius: 20px;
    422     border: none;
    423     background-color: var(--dark-reader-toggle-button-bg, #f8f8f8) !important;
    424     color: var(--dark-reader-toggle-button-color, inherit) !important;
    425     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    426     cursor: pointer;
    427     transition: all 0.3s ease;
    428     position: relative;
    429 }
    430 
    431 .dark-reader-toggle-inline button:hover {
    432     background-color: #f0f0f0;
    433     box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
     445.dark-reader-toggle-inline.style-default button{
     446    border-radius: 12px;
     447    padding: 8px 12px
     448}
     449
     450.dark-reader-toggle-inline.style-default.dark button,.dark-reader-toggle-inline.style-round.dark button{
     451    /* Override Dark Reader CSS variables  */
     452    --darkreader-background-ffffff: #ffffff !important;
     453    /* Apply our custom styles  */
     454    background-color: #ffffff !important;
     455}
     456
     457.dark-reader-toggle-inline.style-round button{
     458    border-radius: 50%;
     459    padding: 8px 12px;
    434460}
    435461
    … …  
    437463    background-color: #292c35;
    438464    color: #fff;
     465    outline: none;
     466}
     467
     468.dark-reader-toggle-inline.dark:focus, .dark-reader-toggle-inline.dark button:focus, .dark-reader-toggle-inline button:focus {
     469    outline: none;
    439470}
    440471
    441472.dark-reader-toggle-inline button .sun-icon,
    442473.dark-reader-toggle-inline button .moon-icon {
    443     margin-right: 8px;
    444     font-size: 16px;
     474    font-size: 18px;
    445475}
    446476
    447477.dark-reader-toggle-inline.style-default .sun-icon,
    448478.dark-reader-toggle-inline.style-round .sun-icon {
    449     display: inline;
     479    display: none;
    450480}
    451481
    452482.dark-reader-toggle-inline.style-default .moon-icon,
    453483.dark-reader-toggle-inline.style-round .moon-icon {
    454     display: none;
     484    display: inline;
    455485}
    456486
    457487.dark-reader-toggle-inline.style-default.dark .sun-icon,
    458488.dark-reader-toggle-inline.style-round.dark .sun-icon {
    459     display: none;
     489    display: inline;
    460490}
    461491
    462492.dark-reader-toggle-inline.style-default.dark .moon-icon,
    463493.dark-reader-toggle-inline.style-round.dark .moon-icon {
    464     display: inline;
    465 }
    466 
    467 /* Switch inline */
    468 .dark-reader-toggle-inline.style-switch .switch-track {
    469     position: absolute;
    470     width: 44px;
    471     height: 22px;
    472     left: 8px;
    473     top: 50%;
    474     transform: translateY(-50%);
    475     background-color: var(--dark-reader-toggle-track-bg, #ccc) !important;
    476     border-radius: 34px;
    477     transition: .4s;
    478 }
    479 
    480 .dark-reader-toggle-inline.style-switch .switch-thumb {
    481     position: absolute;
    482     height: 16px;
    483     width: 16px;
    484     left: 12px;
    485     top: 50%;
    486     transform: translateY(-50%);
    487     background-color: var(--dark-reader-toggle-thumb-bg, #fff) !important;
    488     border-radius: 50%;
    489     transition: .4s;
    490     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    491 }
    492 
    493 .dark-reader-toggle-inline.style-switch.dark .switch-track {
    494     background-color: #4CAF50;
    495 }
    496 
    497 .dark-reader-toggle-inline.style-switch.dark .switch-thumb {
    498     transform: translate(20px, -50%);
    499 }
    500 
    501 /* Toggle inline */
    502 .dark-reader-toggle-inline.style-toggle .toggle-track {
    503     position: absolute;
    504     width: 44px;
    505     height: 22px;
    506     left: 8px;
    507     top: 50%;
    508     transform: translateY(-50%);
    509     background-color: var(--dark-reader-toggle-track-bg, #f1f1f1) !important;
    510     border-radius: 34px;
    511     transition: .4s;
    512     display: flex;
    513     align-items: center;
    514     justify-content: space-between;
    515     padding: 0 5px;
    516 }
    517 
    518 .dark-reader-toggle-inline.style-toggle .toggle-sun,
    519 .dark-reader-toggle-inline.style-toggle .toggle-moon {
    520     font-size: 10px;
    521     z-index: 1;
    522     margin: 0;
    523 }
    524 
    525 .dark-reader-toggle-inline.style-toggle .toggle-thumb {
    526     position: absolute;
    527     height: 16px;
    528     width: 16px;
    529     left: 12px;
    530     top: 50%;
    531     transform: translateY(-50%);
    532     background-color: var(--dark-reader-toggle-thumb-bg, #fff) !important;
    533     border-radius: 50%;
    534     transition: .4s;
    535     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    536 }
    537 
    538 .dark-reader-toggle-inline.style-toggle.dark .toggle-track {
    539     background-color: #292c35;
    540 }
    541 
    542 .dark-reader-toggle-inline.style-toggle.dark .toggle-thumb {
    543     transform: translate(20px, -50%);
    544 }
    545 
    546 /* Minimal inline */
    547 .dark-reader-toggle-inline.style-minimal .minimal-icon {
    548     width: 16px;
    549     height: 16px;
    550     border-radius: 50%;
    551     background: var(--dark-reader-toggle-minimal-icon-bg, linear-gradient(135deg, #f8f8f8 50%, #333 50%)) !important;
    552     transform: rotate(45deg);
    553     transition: all 0.3s ease;
    554     margin-right: 8px;
    555 }
    556 
    557 .dark-reader-toggle-inline.style-minimal.dark .minimal-icon {
    558     transform: rotate(225deg);
    559     background: linear-gradient(135deg, #292c35 50%, #f8f8f8 50%);
     494    display: none;
    560495}
    561496

  • dark-reader/trunk/assets/js/dark-reader-init.js

    r3359602 r3367599  
    395395                setupPDFViewerDarkMode();
    396396            }).catch(error => {
    397                 console.warn('PDF.js could not be loaded for dark mode:', error);
    398             });
    399         } catch (e) {
    400             console.warn('Error initializing PDF dark mode:', e);
     397            });
     398        } catch (e) {
    401399        }
    402400    };
    … …  
    471469            window.darkReaderPDFObserver = observer;
    472470        } catch (e) {
    473             console.warn('Error setting up PDF viewer dark mode:', e);
    474471        }
    475472    };
    … …  
    513510            }
    514511        } catch (e) {
    515             console.warn('Error applying dark mode to PDF element:', e);
    516512        }
    517513    };
    … …  
    558554            }, 100);
    559555        } catch (e) {
    560             console.warn('Error creating PDF overlay:', e);
    561556        }
    562557    };
    … …  
    587582            element.style.transition = 'filter 0.3s ease';
    588583        } catch (e) {
    589             console.warn('Error applying PDF CSS filters:', e);
    590584        }
    591585    };
    … …  
    606600                } catch (e) {
    607601                    // Cross-origin iframe, can't access content
    608                     console.warn('Cannot access iframe content (cross-origin):', e);
    609                 }
    610             });
    611         } catch (e) {
    612             console.warn('Error handling iframe PDF viewer:', e);
     602                }
     603            });
     604        } catch (e) {
    613605        }
    614606    };
    … …  
    637629            iframeDoc.head.appendChild(darkStyles);
    638630        } catch (e) {
    639             console.warn('Error applying dark mode to iframe content:', e);
    640631        }
    641632    };
    … …  
    663654            }
    664655        } catch (e) {
    665             console.warn('Error disabling PDF dark mode:', e);
    666656        }
    667657    };

  • dark-reader/trunk/dark-reader.php

    r3359602 r3367599  
    55 * Plugin URI: https://bdthemes.com/plugin/dark-reader/?utm_source=WordPress_Repository&utm_medium=Plugin_Page&utm_campaign=WordPress_to_Dark_Reader
    66 * Description: Add beautiful dark mode to your WordPress site using Dark Reader. Visit <a href="https://bdthemes.com/plugin/dark-reader/?utm_source=WordPress_Repository&utm_medium=Plugin_Page&utm_campaign=WordPress_to_Dark_Reader">Dark Reader</a> for more advanced features.
    7  * Version: 1.0.2
     7 * Version: 1.0.3
    88 * Author: BdThemes
    99 * Author URI: https://bdthemes.com
    … …  
    3535     * @var string
    3636     */
    37     private const VERSION = '1.0.2';
     37    private const VERSION = '1.0.3';
    3838
    3939    /**

  • dark-reader/trunk/includes/shortcode.php

    r3359602 r3367599  
    5959                <?php elseif ($style == 'minimal'): ?>
    6060                    <span class="minimal-icon"></span>
     61                <?php elseif ($style == 'modern-slider'): ?>
     62
     63                <?php elseif ($style == 'text-toggle'): ?>
     64                    <span class="text-label light">Light</span>
     65                    <span class="text-label dark">Dark</span>
     66                <?php elseif ($style == 'flipflop-toggle'): ?>
     67                    <span class="flipflop-track"></span>
     68                    <span class="flipflop-thumb"></span>
     69                <?php elseif ($style == 'ios-toggle'): ?>
     70                    <div class="ios-toggle-track">
     71                        <span class="ios-toggle-text off">Light</span>
     72                        <span class="ios-toggle-text on">Dark</span>
     73                    </div>
     74                <?php elseif ($style == 'ios-toggle-icon'): ?>
     75                    <div class="ios-toggle-track">
     76                        <span class="ios-toggle-text off">☀️</span>
     77                        <span class="ios-toggle-text on">🌙</span>
     78                    </div>
    6179                <?php endif; ?>
    62                 <span class="toggle-text"><?php esc_html_e('Toggle Dark Mode', 'dark-reader'); ?></span>
    6380            </button>
    6481        </div>

  • dark-reader/trunk/readme.txt

    r3361211 r3367599  
    44Requires at least: 6.0
    55Tested up to: 6.8
    6 Stable tag: 1.0.2
     6Stable tag: 1.0.3
    77Requires PHP: 7.4
    88License: GPLv2 or later
    … …  
    3131##Key Features of Dark Reader Dark Mode Plugin##
    3232
    33 ### Enable Dark Mode
     33### Enable Dark Mode###
    3434Enable 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.
    3535
    3636This 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.
    3737
    38 ### Brightness Control
     38### Brightness Control ###
    3939Brightness 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.
    4040
    4141This 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.
    4242
    43 ### Contrast Control
     43### Contrast Control ###
    4444Contrast 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.
    4545
    4646This 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.
    4747
    48 ### Sepia Filter
     48### Sepia Filter ###
    4949The 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.
    5050
    5151Using 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.
    5252
    53 ### Grayscale Filter
     53### Grayscale Filter ###
    5454The 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.
    5555
    5656Grayscale 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.
    5757
    58 ### Toggle Button Position
     58### Toggle Button Position ###
    5959The 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.
    6060
    6161Flexibility 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.
    6262
    63 ### 5+ Toggle Button Styles
     63### 5+ Toggle Button Styles ###
    6464Dark 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.
    6565
    6666Having 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.
    6767
    68 ### Use System Color Scheme
     68### Use System Color Scheme ###
    6969This 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.
    7070
    7171This 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.
    7272
    73 ### Enable for PDFs
     73### Enable for PDFs ###
    7474With 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.
    7575
    7676It 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.
    7777
    78 ### Apply Immediately
     78### Apply Immediately ###
    7979This 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.
    8080
    8181Apply 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.
    8282
    83 ### Filter Mode
     83### Filter Mode ###
    8484Filter 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.
    8585
    8686This 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.
    8787
    88 ### Text Stroke
     88### Text Stroke ###
    8989The 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.
    9090
    9191Adding 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.
    9292
    93 ### Dark Mode Toggle Shortcode
     93### Dark Mode Toggle Shortcode ###
    9494Dark 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.
    9595
    9696Shortcode 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.
    9797
    98 ## Exclusive Pro Features of Dark Reader Dark Mode Plugin
    99 ### Time-Based Dark Mode
     98## Exclusive Pro Features of Dark Reader Dark Mode Plugin ##
     99### Time-Based Dark Mode ###
    100100Schedule dark mode to activate at night and switch back in the day. This happens automatically based on your chosen hours.
    101101
    102102It improves comfort by matching natural usage habits. Visitors get dark mode when they need it most without any action required.
    103103
    104 ### Admin Dashboard Dark Mode (Pro)
     104### Admin Dashboard Dark Mode (Pro) ###
    105105Dark Reader adds dark mode to the WordPress admin dashboard. This makes the backend easier on the eyes for long working sessions.
    106106
    … …  
    109109
    110110
    111 ### Low Brightness Images (Pro)
     111### Low Brightness Images (Pro) ###
    112112Dark Reader can lower image brightness when dark mode is active. This prevents images from being too sharp or distracting on dark backgrounds.
    113113
    114114It creates balance across your website. Visitors enjoy smoother visuals and better readability.
    115115
    116 ### Grayscale Images (Pro)
     116### Grayscale Images (Pro) ###
    117117Images can be displayed in grayscale during dark mode. This gives a softer, professional look.
    118118
    … …  
    122122Image replacement helps you maintain visual harmony and  readability by replacing image on the  basis of a light background and dark background.
    123123
    124 ###Invert Images (Pro)
     124###Invert Images (Pro) ###
    125125Invert image colors intelligently when dark mode is active. This keeps visuals visible while matching dark backgrounds.
    126126
    127127The benefit is better design consistency. Images do not clash with the dark interface, keeping your site polished.
    128128
    129 ### Dark Mode Based Image Support (Pro)
     129### Dark Mode Based Image Support (Pro) ###
    130130Dark Reader ensures images adapt perfectly in dark mode. It adjusts their colors and appearance without damaging quality.
    131131
    132 This is important for sites with many visuals. Your design stays consistent while images remain clear.
    133 
    134 ### Dark Mode Based Video Support (Pro)
     132### Widget Support (Pro) ###
     133This feature allows you to add styles to toogle button and set functionalies. You can use this features on Gutenberg and Elementor in your drag-and-drop ways.
     134
     135### Dark Mode Based Video Support (Pro) ###
    135136Videos can also adapt to dark mode. They adjust smoothly to match the dark interface of your website.
    136137
    137138This makes multimedia content look natural in both modes. Visitors get a complete, balanced experience.
    138139
    139 ### Custom CSS Support (Pro)
     140### Custom CSS Support (Pro) ###
    140141You can write custom CSS rules for dark mode. This allows you to fine-tune appearance at a detailed level.
    141142
    142143This feature is ideal for developers and designers. You can create a dark mode that matches your exact vision.
    143144
    144 ### Exclude Elements (Pro)
     145### Exclude Elements (Pro) ###
    145146Choose specific elements that should not be affected by dark mode. For example, logos or banners can stay in their original colors.
    146147
    147148This improves control and avoids problems. Important visuals remain clear while the rest of the site uses dark mode.
    148149
    149 ### Exclude Pages & Posts (Pro)
     150### Exclude Pages & Posts (Pro) ###
    150151You 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.
    151152
    … …  
    153154
    154155
    155 ## Responsive and Accessible
     156## Responsive and Accessible ##
    156157
    157158Dark 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.
    158159
    159 ## Popular Page Builder Support
     160## Popular Page Builder Support ##
    160161Dark 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.
    161162
    … …  
    163164
    164165
    165 ## Who Is Dark Reader Dark Mode For
     166## Who Is Dark Reader Dark Mode For ##
    166167- WordPress beginners who want an easy way to add dark mode without coding.
    167168
    … …  
    242243== Changelog ==
    243244
     245= 1.0.3 [25 September 2025] =
     246
     247* Added: Widget Support (Gutenberg & Elementor)
     248* Updated: Image Replacement in Dark Mode in Elementor
     249* Fixed: Shortcode usage on toggle button selection
     250
     251= 1.0.2 [11 September 2025] =
     252
     253* Added: Image Replacement in Dark Mode
     254* Fixed: Toggle Button Icon Color Situation
     255* Updated: Page Visibility to Specifically Toggle Dark/Light mode on pages
     256
    244257= 1.0.1 [26 August 2025] =
    245258
    … …  
    248261* Fixed: Clear/Reset Functionality for Color Selection
    249262* Updated: Moved Shortcode in Help & Support Page
    250 
    251 = 1.0.2 [11 September 2025] =
    252 
    253 * Added: Image Replacement in Dark Mode
    254 * Fixed: Toggle Button Icon Color Situation
    255 * Updated: Page Visibility to Specifically Toggle Dark/Light mode on pages
Note: See TracChangeset for help on using the changeset viewer.