Dark Mode WordPress Plugin By Traslatability v1.8.0
Give your site a dark mode your readers can switch on - one that reads properly on every page, without you restyling anything.
Give your site a dark mode your readers can switch on — one that reads properly on every page, without you restyling anything.
Everything you need to run a dark site well
It reads your theme
Every stylesheet on the page is read and re-coloured, element by element, so a dark page still looks like your site rather than like an inverted photograph of it. That is the difference between a dark mode a reader keeps on and one they switch off after a paragraph.
Nothing loads until it is wanted
A visitor who never turns dark mode on downloads about six kilobytes. The engine — the part that does the real work — is fetched the moment somebody chooses dark, and never before.
No white flash
About two kilobytes go out ahead of the page and set the colours before the first paint. A reader who chose dark last time never sees a white page appear and then correct itself, which is the single thing that makes a dark mode feel bolted on.
Eight colour schemes
Ink, Slate, True black, Warm, Midnight and Forest are six tints of the same restrained shape. Layers draws with rounded panels instead of lines; Bold is pure black with white text and heavy rules, for low vision and bright rooms. Every one of them was checked for contrast before it shipped, so picking one and changing nothing gives you a page people can read. Change any of the four colours and the change is yours to keep.
A switch you can put anywhere
Four styles, five corners, your own wording and colours. Or hide the floating button and place it yourself: as a navigation menu item, a block, a shortcode, or a link in your own template. All of them ask one screen for their wording, so none of them can drift, and every one says what it does out loud for a screen reader.
Or a keyboard shortcut, or a link
Alt and a letter, never while somebody is typing. And ?dark=1 on any address opens that page dark — read before the first paint, so a link you send in the evening does not flash white on the way there.
Recent releases
Release history
- The browser's own bar goes dark with the page. On Android, Chrome and
- Your own scripts can follow dark mode. A map, a chart or a chat window
- Samsung Internet colour the bar above the page, and so does a site installed
- as an app on a computer. While a page is dark that bar now takes the page's
- own dark background, from the first paint for a reader who chose dark, under
- every method, and your theme's colour comes back when the page goes light. A
- reader who leaves the page light gets nothing extra.
- can listen for the trasl-dark-mode:change event, fired once when the page
- loads and each time dark mode comes on or goes off, or ask
- window.trdm.isDark(). The documentation has an example under For developers.
- Toggle Button screens, reached from another screen of the plugin or brought
- back by a save, every colour button said "Select Color". Each now says the
- colour it holds, and the new one as soon as you pick it.
- the preview as it was when the screen was opened directly, and showed the
- colour picked one click before when it was reached from another screen. It
- now shows the colour as soon as it is picked.
- Under the Automatic method, a part kept in its own colours (Excluded
- Elements, and the brand-coloured buttons of our Social Share Buttons) had a
- border colour written on everything inside it, and WordPress's own block
- styles draw a border wherever one is written, so each button's icon and
- words sat in a box. A border colour is now kept only where there is a
- border, and a field keeps its own inset edge.
- Colour buttons say their colour on every screen. On the Colours and
- The Colours preview follows the colour picker. Picking a colour left
- No more boxes round the icon and words of share buttons in dark mode.
View changelog
- Switching the plugin off for a whole network no longer runs out of
- LiteSpeed Cache is asked to empty its pages only. With LiteSpeed
- time. It emptied every site's page cache one after another before WordPress
- could note it as off, so on a network of a few hundred sites the plugin
- stayed on. It now takes a few seconds, and each site still empties its
- cached pages on its first visit after you switch it back on.
- Cache, saving a change, the first visit after an update and switching the
- plugin off pressed its Purge All, which also deletes its combined CSS and JS
- files, empties the object cache and PHP's code cache, clears Cloudflare
- where LiteSpeed is set to, and leaves "Purged all caches successfully." on
- your next screen. It now empties LiteSpeed's cached pages only.
View changelog
- A way back to automatic. Visitor Preference has How long: with Until
- A Light, Auto and Dark switch for the block, [dark_mode_switch
- their device or your schedule next switches, a reader's choice ends at the
- next switch. On for new sites; existing sites are offered it once.
- style="choice"] and menus. Auto hands the choice back to your schedule or
- the reader's device.
- choice on its own, so readers of every site except the main one choose once
- more. Sync to user account keeps a signed-in reader's choice per site.
- On a network of sites in subfolders, each site remembers a reader's
Frequently asked questions
Is Dark Mode WordPress Plugin by Traslatability GPL licensed?
What is the latest version of Dark Mode WordPress Plugin by Traslatability?
How much does Dark Mode WordPress Plugin by Traslatability cost on GPLCoffee?
Which WordPress and PHP versions does Dark Mode WordPress Plugin by Traslatability support?
Is Dark Mode WordPress Plugin by Traslatability safe to download?
Auto-updates included
Install it once, update automatically.
The GPLC Connector installs this plugin from your wp-admin and rolls out new versions to your connected sites. Included with every membership plan: 10 to 40 connected sites depending on the plan (Lite 10, Pro 20, Geek and Lifetime 40).