AlexanderWagnerDev

<p>DarkAdmin transforms the WordPress admin dashboard into a clean, eye-friendly dark interface. The plugin is purely CSS-based, keeping it fast and non-intrusive. All colors are driven by CSS custom properties, making the theme fully customizable through a dedicated settings page — no code editing required. An optional Auto Dark Mode feature uses JavaScript to dynamically handle third-party plugin areas not covered by the built-in stylesheet.</p>
<p>Features:<br />
* One-click enable/disable<br />
* Lightweight CSS-based admin theme<br />
* Works across all admin pages<br />
* Individual color customization via WordPress Color Picker<br />
* Custom CSS support using built-in CSS variables<br />
* Token-based design system for backgrounds, text, borders, buttons and states<br />
* Auto Dark Mode: automatically darkens bright plugin backgrounds not covered by the stylesheet<br />
* Preset Themes: Modern (WP 7.0, default) and Classic (WP 6.x) color palettes<br />
* Plugins: optional dark styles for Yoast SEO, Wordfence, UpdraftPlus, WP-Optimize, and Contact Form 7<br />
* Per-user Dark Mode access control (Include / Exclude) with empty-state UI when no non-admin users exist<br />
* Excluded Pages: specify admin pages where dark mode should not be applied</p>


DarkAdmin – Dark Mode for Adminpanel

A simple, lightweight Dark Mode plugin for the WordPress Admin Dashboard with full color customization and Auto Dark Mode support.

415 Plugins

<p><strong>NOW WITH DARK MODE!</strong>  Safely add an SVG favicon to your site! Don’t limit your site favicon to the .ico/png/jpg formats! Upload cool vector art from your favorite vector app in seconds! Support is common for SVG favicons in modern browsers. Favicon meta generated by the customizer will not be over-written, giving older browsers a fallback in the event they lack support SVG favicons.</p>
<h3>Usage</h3>
<p>Before uploading your SVG favicon, make sure the aspect ratio is 1:1. For Safari, create a copy of your SVG and do the following:</p>
<ul>
<li>Drop it to a single color (preferably black)</li>
<li>Merge art onto a single layer</li>
<li>Place it on a transparent background</li>
<li><strong>viewBox</strong> attribute must be set to “0 0 16 16”</li>
</ul>
<p><strong>Uploading</strong>: Under the SVG Favicon tab, click the “Upload SVG Favicon” field and upload your SVG favicon</p>
<p><strong>Manifest</strong>: After uploading your SVG favicon, you can fill out the corresponding manifest. This step is optional. If you already have your site manifest, leave “Use this site manifest” unchecked.</p>
<p><strong>Safari</strong>: The upload process for a pinned tab icon is the same as above. Please note that pinned tab icons should be 100% black with a transparent background. The mask icon color will determine the color of the pinned tab icon.</p>
<p><strong>Dark Mode (NEW)</strong>: Here is an example of how to enable dark mode in your svg favicon using the <code>prefers-color-scheme</code> media query:</p>
<pre><code><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
    <style>
        path.class-of-path {
            fill: #000;
        }
        @media (prefers-color-scheme: dark) {
            path.class-of-path {
                fill: #fff;
            }
        }
    </style>
    <path class="class-of-path" fill-rule="evenodd" d="M0 0h16v16H0z"/>
</svg>
</code></pre>
<h4>Credits</h4>
<ul>
<li>Artwork by <a href="https://www.onlinewebfonts.com/icon/" rel="nofollow ugc">Online Web Fonts</a> – <a href="https://creativecommons.org/licenses/by/3.0/" rel="nofollow ugc">license</a></li>
<li><a href="https://github.com/darylldoyle/svg-sanitizer" rel="nofollow ugc">SVG Sanitizer</a> – <a href="https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html" rel="nofollow ugc">license</a></li>
<li><a href="https://atomiks.github.io/tippyjs/" rel="nofollow ugc">Tippy.js</a> – <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">license</a></li>
<li><a href="https://github.com/Simonwep/pickr" rel="nofollow ugc">Picker</a> – <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">license</a></li>
</ul>


DarkAdmin – Dark Mode for Adminpanel vs SVG Favicon