Copy<?php
// Prevent direct access to this file
defined("ABSPATH") || exit();
// Add dark mode toggle to admin bar
function wp_admin_bar_dark_mode_toggle($wp_admin_bar)
{
if (!is_admin_bar_showing()) {
return;
}
$wp_admin_bar->add_node([
"id" => "dark_mode_toggle",
"title" =>
'<span id="dark-mode-toggle" class="dark-mode-toggle" title="Toggle Dark Mode"></span>',
"href" => "#",
"meta" => ["html" => true],
]);
}
add_action("admin_bar_menu", "wp_admin_bar_dark_mode_toggle", 999);
// Enqueue styles and scripts for admin
function wp_enqueue_dark_mode_assets()
{
$theme_dir = get_stylesheet_directory_uri();
wp_enqueue_style("wp-dark-mode-style", $theme_dir . "/dark-mode-style.css", [], null);
wp_enqueue_script("wp-dark-mode-toggle", $theme_dir . "/dark-mode-toggle.js", [], null, true);
}
add_action("admin_enqueue_scripts", "wp_enqueue_dark_mode_assets");
PHP
Copy<?php
// Prevent direct access to this file
defined("ABSPATH") || exit();
// Add dark mode toggle to admin bar
function wp_admin_bar_dark_mode_toggle($wp_admin_bar)
{
if (!is_admin_bar_showing()) {
return;
}
$wp_admin_bar->add_node([
"id" => "dark_mode_toggle",
"title" =>
'<span id="dark-mode-toggle" class="dark-mode-toggle" title="Toggle Dark Mode"></span>',
"href" => "#",
"meta" => ["html" => true],
]);
}
add_action("admin_bar_menu", "wp_admin_bar_dark_mode_toggle", 999);
// Enqueue styles and scripts for admin
function wp_enqueue_dark_mode_assets()
{
$theme_dir = get_stylesheet_directory_uri();
wp_enqueue_style("wp-dark-mode-style", $theme_dir . "/dark-mode-style.css", [], null);
wp_enqueue_script("wp-dark-mode-toggle", $theme_dir . "/dark-mode-toggle.js", [], null, true);
}
add_action("admin_enqueue_scripts", "wp_enqueue_dark_mode_assets");
PHP