How to Add Dark Mode to Your WordPress Website (Easy)
Wir Kaufen und Verkaufen sowohl neue als auch gebrauchte Modelleisenbahnen und Modellautos aller Marken, Spurgrößen und Epochen aus privaten Sammlungen und Geschäftsauflösungen.
Wir sind ständig auf der Suche nach großen Modelleisenbahn-Sammlungen, Erbschaften und Geschäftsauflösungen. >>> diskret
Kontakt aufnehmen
Do you want to add dark mode to your WordPress site?
Many devices now come with native dark mode support. Adding a dark mode to your website automatically adapts your design to your users’ browser preference. You can even add a dark mode switcher toggle to your site as well.
In this article, we’ll show you how to easily add dark mode to your WordPress website both frontend and admin area.
What is Dark Mode and Why Add it to Your Website?
Dark mode is used on mobile devices and computers to reduce the amount of white light from the screen.
Some devices come with a night mode which actually uses warmer color tones instead. Dark mode uses a different approach by adding dark colors in the background.
If you have an iPhone or Android device, you may be able to switch to dark mode simply by using a toggle.
Alternatively, on your computer, you can view websites in dark mode using a Chrome extension such as Night Eye. Here’s how the WPBeginner website looks using that extension:
Adding dark mode to your site gives users the option to switch the dark mode on and off while viewing your site. It also gives you more control over how your site looks in the dark mode.
Popular websites like YouTube also offer a dark color scheme. This allows users to videos late at night with a more comfortable viewing experience.
Aside from adding dark mode to your website frontend, you can even add dark mode to your WordPress admin as well. This can be useful if you work on your site in the evenings or at night.
First, we’re going to take a look at adding dark mode to your WordPress website. Then, we’ll cover adding dark mode to your WordPress admin dashboard.
Tip: Do you want a website with a dark color scheme, even with the user’s device in normal or daytime mode? Then check out our list of the best dark themes for WordPress.
Upon activation, go to the Settings » WP Dark Mode page in your WordPress admin and click on the General Settings tab. You should be redirected there automatically.
Here, the setting ‘Enable OS aware Dark Mode’ has been switched on for you. This means that visitors will automatically see the dark mode version of your site when their device is set to the dark mode.
The setting ‘Show Floating Switch’ has also been switched on. This means users can switch their view of the site to dark mode at any time, even if they haven’t enabled a Dark Mode option on their device.
Just visit your website, and you will see the switch in the bottom right corner. Click it to instantly switch your site to dark mode on your device:
There are more customization options available on the Settings » WP Dark Mode page. However, these are quite limited with the free plugin.
For instance, you just need to click the Display Settings tab to change the style of the floating switch:
You can also customize the dark mode colors using the Style Settings tab:
Make sure you click the Save Settings button after making any changes.
Note: With the free version of WP Dark Mode, you only get the first 2 floating switch styles, and the first 2 color presets to choose from.
The pro version of WP Dark Mode offers a lot more design options, plus as the ability to turn on dark mode at specific times and the option to add custom CSS code.
Adding Dark Mode to Your WordPress Admin
WordPress comes with admin color schemes, but none of the default color schemes reduce white light coming from your screen. Luckily, this plugin also solves that issue.
Let’s take a look at how to easily add dark mode to your WordPress admin area for a more enjoyable user experience during late hours.
Simply go to the Settings » WP Dark Mode page and click the General Settings tab. Then, toggle the ‘Enable Backend Darkmode’ switch to the on position. Don’t forget to click the Save Settings button at the bottom of the page:
You will now see a new switch in the top bar of your admin area:
Simply click on this switch to instantly toggle your admin area to dark mode.
Tip: If your site has multiple WordPress users, each person can toggle dark mode on and off as they prefer.
Since ‘Dark Mode’ is not an admin color scheme, you can easily use it along with an existing WordPress admin color scheme. To set this, just go to Users » Profile and click on an option under Admin Color Scheme.
Note that you will need to switch dark mode off in order to see the admin color scheme options:
When writing a post in the WordPress block editor, you can toggle dark mode on too. Click on the small color icon on the top left, then select the mode you want to use:
Now, you can comfortably write and work on your website at night without straining your eyes.
Tags: suchen suche search tag anzeigen besucherzahl browser design domain inhalt jahr karpfen konto problem inhalt schalten modellbahn spielemax spiel tag webseite preise werbung
Die Regierung wollte die Pflege eigentlich für einige Jahre stabilisieren. Doch nun zeigt sich: Das Geld reicht wohl nicht mehr lange – und das Personal auch nicht. Tags: suchen suche search tag anzeigen besucherzahl browser design domain inhalt jahr karpfen konto problem inhalt schalten modellbahn spielemax spiel tag webseite preise […]
Tags: suchen suche search tag anzeigen besucherzahl browser design domain inhalt jahr karpfen konto problem inhalt schalten modellbahn spielemax spiel tag webseite preise werbung
In Aue wurden am Montag 28.4 Grad Celsius gemessen, Saharastaub könnte erneut für hohe Feinstaubwerte sorgen – unser Newsblog zur aktuellen Wetterlage. Tags: suchen suche search tag anzeigen besucherzahl browser design domain inhalt jahr karpfen konto problem inhalt schalten modellbahn spielemax spiel tag webseite preise werbung Reichsmarschall Göring hatte eine […]
Tags: suchen suche search tag anzeigen besucherzahl browser design domain inhalt jahr karpfen konto problem inhalt schalten modellbahn spielemax spiel tag webseite preise werbung
Property tax commission recommends tweaks as ballot proposal battle heats up A bipartisan group of Colorado policymakers approved nearly a dozen recommendations to soften the pinch of property tax increases Friday, including an “adjustable cap” on future hikes and mechanisms to spread out hefty tax bills. The recommendations approved by […]
Tags: suchen suche search tag anzeigen besucherzahl browser design domain inhalt jahr karpfen konto problem inhalt schalten modellbahn spielemax spiel tag webseite preise werbung
Jedoch startet der kompakte Familienfreund auch schon bei knapp 40.000 Euro. Alle Infos in der Übersicht Tags: suchen suche search tag anzeigen besucherzahl browser design domain inhalt jahr karpfen konto problem inhalt schalten modellbahn spielemax spiel tag webseite preise werbung Reichsmarschall Göring hatte eine Märklin Modelleisenbahn >>> read more
Tags: suchen suche search tag anzeigen besucherzahl browser design domain inhalt jahr karpfen konto problem inhalt schalten modellbahn spielemax spiel tag webseite preise werbung
Tags: suchen suche search tag anzeigen besucherzahl browser design domain inhalt jahr karpfen konto problem inhalt schalten modellbahn spielemax spiel tag webseite preise werbung Reichsmarschall Göring hatte eine Märklin Modelleisenbahn >>> read more
Tags: suchen suche search tag anzeigen besucherzahl browser design domain inhalt jahr karpfen konto problem inhalt schalten modellbahn spielemax spiel tag webseite preise werbung
Tags: suchen suche search tag anzeigen besucherzahl browser design domain spielemax inhalt jahr karpfen konto problem inhalt preise schalten spiel tag webseite werbung zugriff kundenkonto
BR 01, DRG
(BTTB 2120)
BR 23 1003, DR
(Zeuke 159 / 77,
545 / 77) BR 23 1111, DR
(BTTB 2110)
BR 23, DR
(BTTB, aus "Touristen Express"-Set))
br35_1111
BR 35 1111-0, DR
(BTTB 2110)
br56
BR 56 2719, DR
(BTTB 2230) G 8.2, Nr. 2721, KPEV
(BTTB 2231)
br81_013dr_zeuke_schw_rahmen br81_001rt_rahmen_plast br81_004
BR 81 013, DR
(Zeuke 159 / 51,
545 / 51) BR 81 001, DR
(BTTB 2210)
BR 81 004, DRG
(BTTB 2210)
BR 81 004, DB
(BTTB 2211)
BR 81, DR
vereinfachte Steuerung
(Zeuke 159 / 78)
br86_1615_3 br86_460
BR 86 1615-5, DR
(BTTB 2240) BR 86 460, DRG
(BTTB 2242) BR 86 173, DB
(BTTB 2241) Reihe 455, CSD
(BTTB 2244)
br 92 zeuke br 92_6582 bttb_rt_rahmen br92
BR 92 6582, DR
(Zeuke 545 / 494) BR 92 6582, DR
(BTTB 2220) BR 92 als Privatbahn (BTTB
(BTTB, aus Start-Set) BR 92 als Nord-Belge (BTTB, aus Start-Set)
start_tenderlok_schw.jpg (41542 Byte)
2achsige Tenderlok, schwarz
(BTTB, aus Start-Set) 2achsige Tenderlok, grün
(BTTB, aus Start-Set)
v36_071grau v36_071dr_gn
V 36 071, DR, grau
(Zeuke 545 / 23,
BTTB 2631) V 36 071, DR, grün
(Zeuke 545 / 22)
V 36 021, DR, grün
(BTTB 2630)
BR 103 021-2, DR, grün
(BTTB 2630)
br103gelb.jpg (62757 Byte) v36_265db_rt.jpg (56714 Byte)
BR 103 033-7, DR, gelb
(BTTB 2631) V 36 255, DB, rot
(BTTB 2632) V 36, DB, schwarz
(BTTB) Y 50, SNCF, grün
(BTTB 2634)
zeuke_v75 zeuke_t435
V 75 001, 1. Ausführung
DR, rot
(Zeuke 545 / 53) T 435 001,
1. Ausführung
CSD, blau,
weißes Geländer
(Zeuke 545 / 52)
br107_001_0 t435 t435
BR 107 001-0, DR, rot
(BTTB 2620)
T 435 001, CSD, blau
schwarzes Geländer
(BTTB 2621) T 435 040, CSD, blau
weißes Geländer
(BTTB 2621)
ym32_125
YM 32-205 , SZD, grün
(BTTB 2622) YM 32-125; SZD, grün
(BTTB 2622)
br110 br110_156 gelb br212_176_2db_rt
BR 110 034-7, DR, rot
(BTTB 2540) BR 110 156-7, DR, gelb
(BTTB 2545) BR 211 167-2, DB, blau
(BTTB 2546) BR 212 176-2, DB, rot
(BTTB 2547)
v180_146 br118_114_8
V180 160, DR
rot / elfenbein
(Zeuke 545 / 750) V 180 146, DR
rot / elfenbein
(BTTB 2520) BR 118 146-0, DR
rot / creme
(BTTB 2522) BR 118 114-8, DR
rot / creme
(BTTB 2522)
BR 119 120-4, DR
(BTTB 2521)
br130dr
BR 130 007-8, DR
(BTTB 2640) T 679, CSD
(BTTB 2641)
br221rot br221_137_3blau_beige v200ic_rt_beige_rt
V 200 139, DB
rot / grau
(Zeuke 159 / 76,
545 / 26)
BR 221 139-9, DB
rot / silbergrau
(BTTB 2510)
BR 221 137-5, DB
blau / beige
(BTTB 2511)
BR 221, DB
rot / beige
(BTTB 2512)
v200 cccp v200 silverlines
V 200 "CCCP"
silber / rot
(Zeuke ) V 200 "Silver Lines"
silber / blau
(Zeuke ) V 200
braun
(Zeuke, aus Start-Set) V 200, SJ
braun
(BTTB, aus Start-Set)
t334rt t334 t334dsb
T 334, CSD, rot
(Zeuke 545 / 502) T 334 0508, CSD, blau
(Zeuke 545 / 501) T 334, CSD, grün / weiß
(BTTB 2610) MH, DSB, grün
(Zeuke 545 / 503)
t334gn_elf_start2a
T 334, 2achsig
blau / creme
(Zeuke (, aus Start-Set) T 334, 2achsig
grün / elfenbein
(Zeuke
(BTTB, aus Start-Set)
noab_mav_neu noab_dsb_bttb noab_sncb
M 61 001, MAV, weinrot
(Zeuke 545 / 9,
BTTB 2532) M 61 019, MAV, rot
(BTTB 2532)
My 1125, DSB, weinrot
(Zeuke 545 / 8,
BTTB 2531) R 202 003, SNCB, grün
(BTTB 2533)
start_taigatrommel
2achsige Diesellok
ähnlich DR-BR 120, rot
(BTTB, aus Start-Set) 2achsige Diesellok
ähnlich DR-BR 120, grün
(BTTB, aus Start-Set)
vt2_09_dach_beige
VT 2.09.070
Dach beige
(Zeuke)
Beiwagen VB 02,
Dach beige
(Zeuke)
VT 2.09.070 + VB,
Dach grau
(Zeuke 545 / 1,
BTTB 2810) Beiwagen VB 02,
Dach grau
(Zeuke ,
BTTB 2812)
br171_vb vb171
BR 171 018-5
Dach grau
(BTTB 2810) Beiwagen BR 171 824-6,
Dach grau
(BTTB 2812)
transius_rt_ws_2tlg
SVT "Courier", 2teilig
rot / weiß
(Zeuke) SVT "Courier", 2teilig
weiß / rot
(Zeuke) SVT "Courier", 2teilig
weiß / blau
(Zeuke 545 / 34)
Die Diesel-Schnelltriebwagen Elektro-Triebzug Fahrtrafo
SVT "Intourex", 3teilig
weiß / blau
(Zeuke 545 / 37)
ET "Transitus", 3teilig, weiß / blau
(Zeuke 545 / 35) ET "Transitus", 3teilig, grün / gelb
(Zeuke 545 / 35)
Mittelwagen für "Courier", Transitus", "Intourex";
rot / weiß
(Zeuke) Mittelwagen für "Courier", Transitus", "Intourex";
weiß / blau
(Zeuke) Mittelwagen für "Courier", Transitus", "Intourex"
weiß / rot
(Zeuke) Mittelwagen für "Courier", Transitus", "Intourex"; grün / gelb
(Zeuke)
e11_022dach_beige.jpg (55398 Byte) e11_022rt.jpg (64664 Byte)
E 11 022, DR
grün, Dach beige
(Zeuke 545 / 754)
E 11 015, DR
grün, Dach grau
(Zeuke 545 / 754,
BTTB) E 11 022, DR
rot
(Zeuke / BTTB 2322)
BR 211 018-7, DR
rot
(BTTB 2322)
e42_018
E 42, DR,
grün, Dach beige
(Zeuke 545 / 755) E 42 018, DR
grün, Dach grau
(Zeuke 545 / 755,
BTTB 2321) BR 242 020-6, DR
grün, Dach grau
(BTTB 2321) BR 242 018-2, DR
grün, Dach grau
(BTTB 2321)
E 70 01, DR, braun
(Zeuke / Herr 545 / 25, 545 / 2 / 2)
E 70 01, DR, grün
beschriftet
(Zeuke / Herr 545 / 24) E 70, DR, grün,
unbeschriftet
(Zeuke / Herr) E 70 01, DR, grau
(Zeuke / Herr)
e94zeuke br254_065_6 br194db
E 94 065, DR, grün
(Zeuke 545 / 751) BR 254 065-6, DR, grün
(BTTB 2410) BR 194 178-0, DB, blau
(BTTB 2411) Reihe 1020 020, ÖBB, rot
(BTTB 2412)
br250
BR 250 112-0, DR, bordeauxrot
(BTTB 2330) BR 250 245-8, DR, hellrot
(BTTB 2331)
e499blau_bttb e499g e499 szd
E 499 035, CSD
blau / elfenbein
(Zeuke 545 / 20,
Zeuke 545 / 752 / 1,
BTTB 2312) E 499 035, CSD
grün / elfenbein
(Zeuke 545 / 21,
Zeuke 545 / 752 / 2
BTTB 2311) YC 1-003, SZD, grün
(BTTB 2313)
E 499, SJ, rotorange
(BTTB)
start_e_lok_blau start_e_lok_gn
2achsige E-Lok
CC 7200, SNCF,
blau mit silberner Zierleiste
(BTTB, aus Start-Set) 2achsige E-Lok
CC 7200, SNCF,
blau ohne Zierleiste
(BTTB, aus Start-Set)
2achsige E-Lok
CC 7200, SNCF,
grün
(BTTB, aus Start-Set)
2achsige E-Lok
CC 7200, SNCF,
hellgrau / gelb als NS-Lok
(BTTB, aus Start-Set)
Cookies
This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, aber Sie können sich abmelden, wenn Sie dies wünschen. Cookie settingsACCEPT
Privacy & Cookies Policy
Privacy Overview
This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.