DarkAdmin – Dark Mode für Adminpanel

Beschreibung

DarkAdmin verwandelt das WordPress-Admin-Dashboard in eine angenehme, augenfreundliche dunkle Oberfläche. Das Plugin basiert vollständig auf CSS und ist dadurch schnell und nicht intrusiv. Alle Farben werden über CSS-Custom-Properties gesteuert und sind über eine dedizierte Einstellungsseite vollständig anpassbar – ohne Code-Änderungen. Eine optionale Auto-Dark-Mode-Funktion nutzt JavaScript, um Drittanbieter-Plugin-Bereiche dynamisch abzudecken, die vom eingebauten Stylesheet nicht erfasst werden.

Funktionen:
* Ein-Klick aktivieren/deaktivieren
* Leichtgewichtiges CSS-basiertes Admin-Theme
* Funktioniert auf allen Admin-Seiten
* Individuelle Farbanpassung über den WordPress Color Picker
* Unterstützung für eigenes Custom CSS mit eingebauten CSS-Variablen
* Token-basiertes Design-System für Hintergründe, Texte, Rahmen, Buttons und Statusfarben
* Auto Dark Mode: Verdunkelt automatisch helle Plugin-Hintergründe, die vom Stylesheet nicht abgedeckt werden
* Preset-Themes: Wechsel zwischen Default (WP 6.x) und Modern (WP 7.0) Farbpaletten
* Benutzerspezifische Dark-Mode-Zugriffskontrolle (Einschließen / Ausschließen) mit Empty-State-UI wenn keine Nicht-Admin-Benutzer vorhanden sind
* Ausgeschlossene Seiten: Admin-Seiten angeben, auf denen Dark Mode nicht angewendet werden soll

Screenshots

  • Einstellungsseite – Standard (Dark Mode deaktiviert)
  • Einstellungsseite – Dark Mode aktiv
  • Dashboard – Standard (Dark Mode deaktiviert)
  • Dashboard – Dark Mode aktiv

Installation

  1. Lade den Plugin-Ordner nach /wp-content/plugins/darkadmin-dark-mode-for-adminpanel/ hoch (oder installiere über „Plugins“).
  2. Aktiviere das Plugin in WordPress unter „Plugins“.
  3. Gehe zu Einstellungen -> DarkAdmin und aktiviere es.

FAQ

Beeinflusst das den Frontend-Bereich?

Nein. Es lädt CSS nur im wp-admin Bereich.

Wo finde ich die Einstellungen?

Einstellungen -> DarkAdmin

Kann ich die Farben anpassen?

Ja. Das Plugin enthält mehrere Farbauswahl-Tools für das gesamte Admin-Theme und unterstützt auch zusätzliches eigenes CSS.

Was ist Auto Dark Mode?

Eine optionale zweite Schaltfläche, die JavaScript nutzt, um helle Hintergründe dynamisch zu verdunkeln und dunklen Text aufzuhellen von Drittanbieter-Plugins, die nicht vom integrierten Stylesheet abgedeckt werden. Erfordert aktives Dark Mode.

Rezensionen

Für dieses Plugin gibt es keine Rezensionen.

Mitwirkende und Entwickler

„DarkAdmin – Dark Mode für Adminpanel“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„DarkAdmin – Dark Mode für Adminpanel“ wurde in 1 Sprache übersetzt. Danke an die Übersetzer für ihre Mitwirkung.

Übersetze „DarkAdmin – Dark Mode für Adminpanel“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN-Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

0.2.2

  • Plugin-Details-Dialog-Fußfarbe korrigiert

0.2.1

  • WordPress Mindestanforderung von 6.7 auf 6.3 herabgesetzt
  • Dark-Mode Stile für Thickbox Modal (Plugin Details Dialog): Hintergrund, Text, Links, Schaltflächen und Schließen-Schaltfläche vollständig mit --adm-* Token formatiert
  • Behoben: Design für Theme-Overlay Header Navigation Schaltflächen (.theme-overlay .theme-header .left / .right / .close): Hintergrund, Farbe und border: none mit --adm-* Variablen in darkadmin-dark.css und darkadmin-wp-modern.css
  • Behoben: #contextual-help-back Schaltflächenstil: Hintergrund, Rahmen und Farbe verwenden jetzt --adm-* Token in beiden CSS Presets
  • Behoben: Konsolidiert doppelte Definitionen und Inline-Fallback-Hilfsfunktionen von darkadmin_get_preset_fallbacks() in defaults.php und enqueue.php zu einer einzigen kanonischen Hilfsfunktion
  • Behoben: Ungenutzte Variable $presets in enqueue.php im admin_enqueue_scripts Callback entfernt
  • Behoben: Falsch platzierter HTML-Kommentar <!-- .adm-preset-layout --> in settings-page.php (befand sich beim inneren Vorschau-Pane </div> statt beim äußeren .adm-preset-layout</div>)
  • Behoben: translators: Kommentar außerhalb sprintf() nach oben auf die Zeile direkt über __() verschoben, sodass PHPCS WordPress.WP.i18n.MissingTranslatorsComment es korrekt erkennt (settings-page.php)

0.2.0

  • Behoben: ersetzte anonyme Arrow-Funktion Sanitize-Callbacks durch benannte Funktionen in register_setting()
  • Erhöht: Minimal erforderliche PHP-Version auf 8.0 (bereits erforderlich durch vorhandene Nutzung von str_starts_with, str_contains und benannten Argumenten)
  • Hinzugefügt: Defer-Loading-Strategie für darkadmin-settings-js und darkadmin-auto-darken über das in WordPress 6.3 eingeführte strategy-Argument
  • Behoben: Inline echo “ in settings-page.php durch wp_add_inline_script() ersetzt
  • Behoben: Anonyme Pfeilfunktionen-Sanitize-Callbacks in register_setting() durch benannte Funktionen darkadmin_sanitize_bool(), darkadmin_sanitize_user_ids() und darkadmin_sanitize_preset() ersetzt
  • Behoben: Strikte boolesche Prüfung (true === $value) statt loser Vergleich in darkadmin_sanitize_bool() verwendet
  • Behoben: Direkte $_POST-Zugriffe in darkadmin_sanitize_colors() und darkadmin_sanitize_layout() entfernt; Voreinstellungswert wird nun aus $input-Array gelesen
  • Behoben: Validierung von shadow_md-Wert gegen ein sicheres CSS-Muster in darkadmin_sanitize_layout() hinzugefügt
  • Behoben: Late-Escaping über wp_strip_all_tags() hinzugefügt für beide wp_add_inline_style()-Aufrufe für $vars und $custom
  • Behoben: direkter $_POST Zugriff in darkadmin_sanitize_colors() entferntBehoben: generische JS Objektnamen admData und admI18n zu darkadminData und darkadmini18n in enqueue.php und settings.js umbenannt
  • Behoben: korrekte UTF-8 Umlaute in readme-de.txt (ersetzte ASCII-Substitutionen durch korrekte Zeichen)
  • Behoben: Hardcodierter ‚Copied!‘ Text in settings.js initVarCopy() durch darkadmin!i18n.copied ersetzt für vollständige Lokalisierbarkeit
  • Behoben: innerHTML durch textContent in initVarCopy() ersetzt, um mögliche XSS zu verhindern
  • Alle Sprachdateien (.pot, de_AT, de_DE, en_US) aktualisiert: Copied! / Kopiert! Übersetzung hinzugefügt, Version zu 0.1.3 erhöht, Zeitstempel aktualisiert
  • Behoben: Fehlender @package DarkAdmin Tag zu darkadmin.php Dateikommentar hinzugefügt
  • Behoben: add_filter() und add_action() Aufrufe in darkadmin.php befolgen nun WPCS Multi-Zeilen-Funktionsaufrufsregeln (eröffnende Klammer zuletzt in der Zeile, ein Argument pro Zeile, schließende Klammer in eigener Zeile)
  • Behoben: Ausrichtung des Gleichheitszeichens für $has_users in settings-page.php (7 Leerzeichen erwartet)
  • Behoben: Schließender PHP-Tag nicht auf einer eigenen Zeile in settings-page.php ($prev assignment Block)
  • Behoben: PHP-Eröffnungs-Tag nicht auf einer eigenen Zeile in settings-page.php ($current_color Block)
  • Behoben: Kurzer Ternärop?: durch explizite isset() Überprüfung und vollständiger Ternärop für $current_color in settings-page.php ersetzt
  • Behoben: Falsche Einrückung in settings-page.php (10 Tabs erwartet, 9 gefunden)
  • Behoben: Yoda-Bedingungen für alle Vergleiche in settings-page.php
  • Behoben: Inline-Kontrollstruktur durch geschweifte Blöcke in settings-page.php ersetzt
  • Behoben: $_GET[‚page‘] durch get_current_screen() in enqueue.php ersetzt, um direkten Superglobal-Zugriff zu vermeiden
  • Behoben: current_user_can() Berechtigungüberprüfung am Anfang von darkadmin_settings_page() in settings-page.php hinzugefügt
  • Behoben: Fehlende darkadmin_layout Option Bereinigung in uninstall.php hinzugefügt
  • Behoben: ersetzte maskiertes HTML Entity Häkchen durch literales UTF-8 Zeichen in Preset-Button
  • Behoben: generische JS Objektnamen admData und admI18n zu darkadminData und darkadmini18n umbenannt

0.1.2

  • Dedizierte Seitenleisten-Farbgruppe hinzugefügt mit drei neuen Tokens: Seitenleisten-Hintergrund (–adm-sidebar-bg), Aktiver Seitenleisten-Eintrag (–adm-sidebar-active) und Seitenleisten-Text (–adm-sidebar-text)
  • Seitenleisten-Token-Übersetzungen zu allen Sprachdateien hinzugefügt (de_AT, de_DE, en_US, .pot, .l10n.php)
  • Layout-Token-System hinzugefügt (Abstand, Radius, Schatten) mit Preset-Defaults und Einstellungs-UI
  • Layout-Tokens über alle Presets vereinheitlicht, Layout-JS-Handler hinzugefügt, alle Sprachdateien aktualisiert
  • Hinzugefügt: CSS für .adm-layout-grid mit 4-Spalten-Gitter mit responsiven Haltepunkten und Dark-Mode-Überschreibungen
  • Farbauswahl-Swatch-Anzeige in Einstellungsseite verbessert
  • Behoben: innerHTML durch textContent in initVarCopy() ersetzt, um XSS zu verhindern
  • Behoben: ersetztes maskiertes & HTML Entity durch literales UTF-8 Ampersand in i18n Zeichenketten (settings-page.php)
  • .adm-layout-grid CSS: 4-Spalten-Gitter mit responsiven Breakpoints und Dark-Mode Überschreibungen hinzugefügt
  • Behoben: Übersetzer-Kommentar und phpcs:ignore Platzierung in settings-page.php
  • Behoben: ersetzte ASCII-escaped Umlaute mit ordnungsgemäßen UTF-8 Zeichen in allen Sprachdateien, fehlende msgids (Häkchen Active, em-Strich in Admin-Hinweis) hinzugefügt
  • Darkadmin-dark.css und darkadmin-wp-modern.css aktualisiert

0.1.1

  • Behoben: uninstall.php: alle Optionsnamen vom falschen adm_ Präfix zu darkadmin_ Präfix korrigiert, damit Optionen beim Plugin-Löschen korrekt entfernt werden

0.1.0

  • Unterstützung für ausgeschlossene Seiten in Einstellungen hinzugefügt
  • Benutzerzugriffssteuerung hinzugefügt (Einbeziehen/Ausschließen)
  • Preset-Themes hinzugefügt (default und modern)
  • Kritische JS-Fehler in Preset- und Reset-Funktionen behoben
  • Behoben: Fehlende schließende geschweifte Klammer in initPaletteIO() importFile Block in settings.js
  • XSS-Schwachstelle in printf-Ausgabe korrigiert (settings-page.php)
  • Behoben: Unicode-Escapes in Sprachdateien: ersetzte \uXXXX Sequenzen mit literalen UTF-8 Zeichen
  • Adml18n JS-Lokalisierung über wp_localize_script für übersetzte UI-Strings hinzugefügt
  • Redundantes wp-color-picker Script-Enqueue entfernt
  • .l10n.php Sprachcache-Dateien für alle Sprachen (de_AT, de_DE, en_US) mit ABSPATH-Schutz hinzugefügt
  • Hex-Validierung für JSON-Palette-Importe hinzugefügt
  • Dokumentation für neue Funktionen aktualisiert

0.0.10

  • Extended Themes Sektion: Dark-Mode Stile für .theme-browser .theme .theme-name, theme-overlay .theme-actions, .theme-overlay .theme-tags, .theme-overlay .theme-header .theme-title, .theme-overlay .theme-author, .theme-overlay .theme-version und .theme-overlay .theme-rating .star-rating .star
  • Theme Editor / Template Side Bereich hinzugefügt: Dark-Mode Stile für #templateside, .importer-title und .color-option.selected / .color-option:hover
  • .cm-error-Hintergrund-Opazität von .15 auf .05 reduziert für dezentere Fehlerhervorhebung in CodeMirror
  • Alle Änderungen an darkadmin-dark.css und darkadmin-wp-modern.css angewendet
  • Behoben: Ungültige Steuersequenzen in allen Sprachdateien (de_AT, de_DE, en_US, .pot): ersetzte \uXXXX Unicode-Escapes mit literalen UTF-8-Zeichen, um msgfmt Kompilierungsfehler zu beheben
  • Benutzerzugriff: Include und Exclude Optionen sind jetzt ausgegraut und nicht klickbar, wenn keine nicht-Administrator-Benutzer existieren (deaktiviertes Radioeingabe + CSS pointer-events: none)
  • Benutzerzugriff: Einfacher Text Fallback durch gestylten leeren Block ersetzt (zentriertes Layout, gestrichelte Umrandung, großes Symbol)
  • i18n: Fehlende Zeichenkette „Keine Admin-Benutzer gefunden. Erstellen Sie zusätzliche Benutzer, um ihren Dark Mode Zugriff hier zu verwalten.“ zu .pot, de_AT, de_DE und en_US Sprachdateien hinzugefügt

0.0.9

  • Vordefinierte Preset Themes hinzugefügt: Wählen Sie zwischen Standard (WP 6.x klassisches Dunkel) und Modern (WP 7.0 tiefes Blau, glasmorph inspiriert) Farbpaletten
  • Jedes Preset wird mit einer eigenen CSS Datei (darkadmin-dark.css / darkadmin-modern.css) geliefert und basierend auf dem aktiven Preset dynamisch geladen
  • Adm_preset Option mit Live-Preset-Wechsel auf der Einstellungsseite hinzugefügt
  • Pro-Benutzer Dark Mode hinzugefügt: Administratoren haben immer Dark Mode, nicht-Admin-Benutzer können über eine neue Benutzer-Zugriffskarte individuell aktiviert werden
  • Live Farbvorschau hinzugefügt: Farbwahl Änderungen aktualisieren CSS Variablen sofort ohne zu speichern
  • Export / Import Palette als JSON Datei hinzugefügt
  • Custom CSS Sanitizer hinzugefügt (adm_sanitize_custom_css) — erhält gültiges CSS, während gefährliche HTML/PHP Tags entfernt werden
  • CSS Cache-Busting basierend auf md5 Hash der aktuellen Farbwerte hinzugefügt
  • Plugin in modulare Komponenten refaktoriert: defaults.php, user-settings.php, enqueue.php, settings-page.php
  • Uninstall.php hinzugefügt, um alle Optionen beim Plugin-Entfernen zu bereinigen
  • Farbwähler nach Kategorie gruppiert (Häntergrund, Oberflächen, Ränder, Text, Links, Marke, CodeMirror) auf der Einstellungsseite
  • Farbtoken von 23 auf 34 erweitert (neu: bg_bar, bg_deep, bg_darker, table_alt, plugin_inactive, border_hover, text_on_primary, link_hover, primary_hover, cm_keyword-cm_bracket)

0.0.8

  • Unsichtbarer Text in .widefat Tabellen (update-core.php und ähnliche Seiten) behoben: WP Core Regel .widefat ol, .widefat p, .widefat ul { color: #2c3338 } mit Dark Theme Farb-Token überschrieben

0.0.7

  • Version in darkadmin-dark.css Header-Kommentar hinzugefügt

0.0.6

  • Text Domain von darkadmin zu darkadmin-dark-mode-for-adminpanel aktualisiert, um mit dem wordpress.org Plugin Slug übereinzustimmen
  • Plugin-URI zu https://wordpress.org/plugins/darkadmin-dark-mode-for-adminpanel/ aktualisiert
  • Alle Sprachdateien (.po, .pot) zu neuem Text Domain aktualisiert

0.0.5

  • Plugin wurde von „WP Admin Dark Mode“ in „DarkAdmin – Dark Mode for Adminpanel“ umbenannt
  • Haupt-Plugin-Datei von wp-admin-dark-mode.php in darkadmin.php umbenannt
  • CSS-Datei von wp-admin-dark.css in darkadmin-dark.css umbenannt
  • Textdomain von wp-admin-dark-mode auf darkadmin geändert
  • Alle Sprachdateien (de_AT, de_DE, en_US, .pot) auf neuen darkadmin Textdomain aktualisiert
  • Einstellungs-Menü-Slug von wp-admin-dark-mode auf darkadmin geändert
  • Plugin-Ordner-Referenz in der Readme auf /wp-content/plugins/darkadmin/ aktualisiert

0.0.4

  • „Auto Dark Mode“ Option hinzugefügt: optionaler JS-basierter Pass, der automatisch helle Häntergrund aufgehellt und dunkle Text von unbekannten Plugins mit WCAG Luminanz-Berechnungen abdunkelt
  • Auto Dark Mode nutzt MutationObserver, um auch AJAX-geladene Inhalte zu behandeln
  • Farbwahl-Swatch-Sichtbarkeit behoben: Hintergrundfarbe von .wp-color-result in CSS entfernt, damit WPs Inline-Stil den Swatch korrekt anzeigt
  • Alle Übersetzungsdateien (de_AT, de_DE, en_US, .pot) mit neuen Auto-Dark-Mode-Strings aktualisiert

0.0.3

  • Komplettes CSS-Overhaul mit token-basiertem Designsystem für Hintergründe, Oberflächen, Rahmen, Text, Links, Buttons und semantische Zustände
  • Neue anpassbare Farbvariablen hinzugefügt: surface1, surface2, surface3, text_soft und danger
  • Anzahl anpassbarer Farb-Tokens von 9 auf 13 erhöht
  • Plugin-Schaltfläche hinzufügen / Seitentitel-Aktionsschaltfläche formatieren, damit Text im Dunkelmodus lesbar bleibt
  • WordPress-Farbauswahl-Button-Styling korrigiert, indem Inline-Swatch-Hintergrund erhalten und nur Textbereich gestylt wurde
  • Abstände, Größen und Proportionen verbessert, um besser zu nativen WordPress-Admin-UI-Standards zu passen
  • Einstellungsseiten-Stile in eine dedizierte Datei assets/css/settings.css extrahiert
  • Einstellungsseiten-Layout überarbeitet für saubereren Abstand und konsistenteres Komponenten-Styling
  • Verbesserte Plugin-Listen-Styling, Zeilenaktionen, Tabellen, Hinweise, Formularelemente, Dashboard-Elemente und Navigations-Tabs
  • Unerwünschte farbige Schatten / blaue Zeilenhintergrund-Artefakte in Plugin-Tabellen entfernt

0.0.2

  • Einstellungsseite neu gestaltet mit Karten-Layout, Seitenkopf mit Status-Abzeichen und Versionsanzeige
  • Individuelle Farbanpassung für 9 Dark-Mode-Farben über WordPress-Farbauswahl hinzugefügt
  • „Standardfarben wiederherstellen“-Schaltfläche hinzugefügt, um alle Farben auf die WordPress-Seitenleiste zurückzusetzen
  • Eigener CSS-Editor hinzugefügt, um zusätzliche Styles nach dem Dark-Mode-Stylesheet einzufügen
  • Alle Dark-Mode-Farben werden jetzt durch CSS-Custom-Properties gesteuert (–adm-bg, –adm-card usw.)
  • Basis-Hintergrundfarbe auf #1d2327 geändert (natürliche WordPress-Seitenleistenfarbe)
  • Vollständig optimiertes dunkles Modus-CSS: Admin-Leiste, Seitenleiste, Schaltflächen, Formulare, Tabellen, Hinweise, Gutenberg, Medien, Bildschirmoptionen, Dashboard-Widgets
  • Die Einstellungsseite passt sich automatisch an Dark Mode an, wenn aktiv

0.0.1

  • Erste Entwicklungsversion.