url;
}
if (isset($_wp_admin_css_colors['modern'])) {
$modern_url = $_wp_admin_css_colors['modern']->url;
}
// Add inline JS for handling dynamic color scheme changes
$color_js = '
jQuery(document).ready(function($) {
// Store color scheme URLs for direct access
var colorSchemes = {
"fresh": "' . esc_js($fresh_url) . '",
"modern": "' . esc_js($modern_url) . '"
};
// Special handler for admin color scheme toggle
$("#wp_allstars_simple_setting").on("change", function() {
var isEnabled = $(this).is(":checked");
// Apply the color scheme dynamically
if (isEnabled) {
switchColorScheme("modern");
} else {
switchColorScheme("fresh");
}
});
// Function to switch admin color scheme without page reload
function switchColorScheme(newScheme) {
console.log("Switching to color scheme:", newScheme);
// Exit if we dont have URL for this scheme
if (!colorSchemes[newScheme]) {
console.error("No URL found for color scheme:", newScheme);
return;
}
try {
// 1. Update the body class first
var $body = $("body");
$body.removeClass(function(index, className) {
return (className.match(/(^|\s)admin-color-\S+/g) || []).join(" ");
});
$body.addClass("admin-color-" + newScheme);
// 2. Directly replace color stylesheet URLs
var baseUrl = colorSchemes[newScheme];
if (!baseUrl) return;
// Force cache-busting
var cacheBuster = "?_=" + new Date().getTime();
// Replace all stylesheets with colors in their URL
var $adminColorLinks = $("link[href*=\'colors-\'], link[href*=\'/colors.\'], link#colors, link#colors-css, link#admin-colors-css");
// Log what we found
console.log("Found admin color links:", $adminColorLinks.length);
$adminColorLinks.each(function() {
console.log(" - Link:", $(this).attr("href"));
});
// For each stylesheet, create and inject a new one with the correct scheme
$adminColorLinks.each(function() {
var $oldLink = $(this);
var oldHref = $oldLink.attr("href");
var id = $oldLink.attr("id") || "";
// Skip if not a stylesheet
if (!oldHref || $oldLink.attr("rel") !== "stylesheet") return;
// Determine what file is being loaded
var fileType = "";
if (oldHref.indexOf("colors-rtl") !== -1) {
fileType = "colors-rtl.min.css";
} else if (oldHref.indexOf("colors.min") !== -1) {
fileType = "colors.min.css";
} else {
fileType = "colors.css";
}
// Create the new URL
var newUrl = baseUrl + fileType + cacheBuster;
console.log("Replacing", oldHref, "with", newUrl);
// Create a new stylesheet element
var $newLink = $("", {
rel: "stylesheet",
type: "text/css",
id: id,
href: newUrl
});
// Insert new stylesheet and remove old one
$oldLink.after($newLink);
setTimeout(function() {
$oldLink.remove();
}, 100);
});
// If we found no stylesheets, inject the main one
if ($adminColorLinks.length === 0) {
console.log("No admin color stylesheets found, injecting new one");
$("head").append(
$("", {
rel: "stylesheet",
type: "text/css",
id: "colors-css",
href: baseUrl + "colors.min.css" + cacheBuster
})
);
}
// 3. Save the setting via AJAX
saveColorScheme(newScheme);
} catch (e) {
console.error("Error switching color scheme:", e);
}
}
function saveColorScheme(scheme) {
// AJAX request to save the color scheme setting
$.ajax({
url: ajaxurl,
type: "POST",
data: {
action: "wp_allstars_update_admin_colors",
scheme: scheme,
_wpnonce: wpAllstars.nonce
},
success: function(response) {
if (response.success) {
console.log("Color scheme updated successfully");
} else {
console.error("Error updating color scheme:", response);
}
},
error: function(xhr, status, error) {
console.error("AJAX error:", error);
}
});
}
});
';
wp_add_inline_script('wp-allstars-admin', $color_js);
}
/**
* Set the admin color scheme based on the setting value
*/
public function set_admin_color_scheme() {
// Get current user
$user_id = get_current_user_id();
if (!$user_id) {
return;
}
// Check if our setting is enabled
$modern_colors_enabled = get_option($this->option_name, false);
// Get the scheme to set
$scheme = $modern_colors_enabled ? $this->modern_scheme : $this->default_scheme;
// Update user meta to set the color scheme
update_user_meta($user_id, 'admin_color', $scheme);
}
/**
* Handle color scheme update via AJAX
* Runs early to apply the color scheme change before the general option update handler
*/
public function handle_color_scheme_update() {
// Check for required params
if (!isset($_POST['option']) || !isset($_POST['value'])) {
return;
}
// Only process our specific option
if ($_POST['option'] !== $this->option_name) {
return;
}
// Get the current user ID
$user_id = get_current_user_id();
if (!$user_id) {
return;
}
// Determine which scheme to set based on the value
$value = (bool) $_POST['value'];
$scheme = $value ? $this->modern_scheme : $this->default_scheme;
// Update the user's color scheme
update_user_meta($user_id, 'admin_color', $scheme);
}
/**
* AJAX handler to update and get admin color schemes - similar to WordPress core
*/
public function get_admin_colors_ajax() {
// Register handler for our new AJAX action
add_action('wp_ajax_wp_allstars_update_admin_colors', array($this, 'update_admin_colors_ajax'));
}
/**
* AJAX handler to update admin color scheme and return class names
*/
public function update_admin_colors_ajax() {
check_ajax_referer('wp-allstars-nonce', '_wpnonce');
$user_id = get_current_user_id();
if (!$user_id) {
wp_send_json_error('Not logged in');
}
// Get the old scheme
$old_scheme = get_user_meta($user_id, 'admin_color', true);
if (!$old_scheme) {
$old_scheme = 'fresh'; // Default WordPress admin color scheme
}
// Get the new scheme
$scheme = isset($_POST['scheme']) ? sanitize_text_field($_POST['scheme']) : 'fresh';
// Validate scheme
global $_wp_admin_css_colors;
if (!isset($_wp_admin_css_colors[$scheme])) {
wp_send_json_error('Invalid color scheme');
}
// Update user meta
update_user_meta($user_id, 'admin_color', $scheme);
// Also update our plugin option
update_option($this->option_name, $scheme === $this->modern_scheme ? 1 : 0);
// Return success with old and new scheme names for CSS class updates
wp_send_json_success(array(
'previousScheme' => 'admin-color-' . $old_scheme,
'currentScheme' => 'admin-color-' . $scheme
));
}
}