admin_color_scheme_picker

The timeline below displays how wordpress function admin_color_scheme_picker has changed across different WordPress versions. If a version is not listed, refer to the next available version below.

WordPress Version: 6.5

/**
 * Displays the default admin color scheme picker (Used in user-edit.php).
 *
 * @since 3.0.0
 *
 * @global array $_wp_admin_css_colors
 *
 * @param int $user_id User ID.
 */
function admin_color_scheme_picker($user_id)
{
    global $_wp_admin_css_colors;
    ksort($_wp_admin_css_colors);
    if (isset($_wp_admin_css_colors['fresh'])) {
        // Set Default ('fresh') and Light should go first.
        $_wp_admin_css_colors = array_filter(array_merge(array('fresh' => '', 'light' => '', 'modern' => ''), $_wp_admin_css_colors));
    }
    $current_color = get_user_option('admin_color', $user_id);
    if (empty($current_color) || !isset($_wp_admin_css_colors[$current_color])) {
        $current_color = 'fresh';
    }
    ?>
	<fieldset id="color-picker" class="scheme-list">
		<legend class="screen-reader-text"><span>
			<?php 
    /* translators: Hidden accessibility text. */
    _e('Admin Color Scheme');
    ?>
		</span></legend>
		<?php 
    wp_nonce_field('save-color-scheme', 'color-nonce', false);
    foreach ($_wp_admin_css_colors as $color => $color_info) {
        ?>
			<div class="color-option <?php 
        echo ($color === $current_color) ? 'selected' : '';
        ?>">
				<input name="admin_color" id="admin_color_<?php 
        echo esc_attr($color);
        ?>" type="radio" value="<?php 
        echo esc_attr($color);
        ?>" class="tog" <?php 
        checked($color, $current_color);
        ?> />
				<input type="hidden" class="css_url" value="<?php 
        echo esc_url($color_info->url);
        ?>" />
				<input type="hidden" class="icon_colors" value="<?php 
        echo esc_attr(wp_json_encode(array('icons' => $color_info->icon_colors)));
        ?>" />
				<label for="admin_color_<?php 
        echo esc_attr($color);
        ?>"><?php 
        echo esc_html($color_info->name);
        ?></label>
				<div class="color-palette">
				<?php 
        foreach ($color_info->colors as $html_color) {
            ?>
					<div class="color-palette-shade" style="background-color: <?php 
            echo esc_attr($html_color);
            ?>">&nbsp;</div>
					<?php 
        }
        ?>
				</div>
			</div>
			<?php 
    }
    ?>
	</fieldset>
	<?php 
}

WordPress Version: 6.2

/**
 * Displays the default admin color scheme picker (Used in user-edit.php).
 *
 * @since 3.0.0
 *
 * @global array $_wp_admin_css_colors
 *
 * @param int $user_id User ID.
 */
function admin_color_scheme_picker($user_id)
{
    global $_wp_admin_css_colors;
    ksort($_wp_admin_css_colors);
    if (isset($_wp_admin_css_colors['fresh'])) {
        // Set Default ('fresh') and Light should go first.
        $_wp_admin_css_colors = array_filter(array_merge(array('fresh' => '', 'light' => '', 'modern' => ''), $_wp_admin_css_colors));
    }
    $current_color = get_user_option('admin_color', $user_id);
    if (empty($current_color) || !isset($_wp_admin_css_colors[$current_color])) {
        $current_color = 'fresh';
    }
    ?>
	<fieldset id="color-picker" class="scheme-list">
		<legend class="screen-reader-text"><span>
			<?php 
    /* translators: Hidden accessibility text. */
    _e('Admin Color Scheme');
    ?>
		</span></legend>
		<?php 
    wp_nonce_field('save-color-scheme', 'color-nonce', false);
    foreach ($_wp_admin_css_colors as $color => $color_info) {
        ?>
			<div class="color-option <?php 
        echo ($color === $current_color) ? 'selected' : '';
        ?>">
				<input name="admin_color" id="admin_color_<?php 
        echo esc_attr($color);
        ?>" type="radio" value="<?php 
        echo esc_attr($color);
        ?>" class="tog" <?php 
        checked($color, $current_color);
        ?> />
				<input type="hidden" class="css_url" value="<?php 
        echo esc_url($color_info->url);
        ?>" />
				<input type="hidden" class="icon_colors" value="<?php 
        echo esc_attr(wp_json_encode(array('icons' => $color_info->icon_colors)));
        ?>" />
				<label for="admin_color_<?php 
        echo esc_attr($color);
        ?>"><?php 
        echo esc_html($color_info->name);
        ?></label>
				<table class="color-palette">
					<tr>
					<?php 
        foreach ($color_info->colors as $html_color) {
            ?>
						<td style="background-color: <?php 
            echo esc_attr($html_color);
            ?>">&nbsp;</td>
						<?php 
        }
        ?>
					</tr>
				</table>
			</div>
			<?php 
    }
    ?>
	</fieldset>
	<?php 
}

WordPress Version: 6.1

/**
 * Displays the default admin color scheme picker (Used in user-edit.php).
 *
 * @since 3.0.0
 *
 * @global array $_wp_admin_css_colors
 *
 * @param int $user_id User ID.
 */
function admin_color_scheme_picker($user_id)
{
    global $_wp_admin_css_colors;
    ksort($_wp_admin_css_colors);
    if (isset($_wp_admin_css_colors['fresh'])) {
        // Set Default ('fresh') and Light should go first.
        $_wp_admin_css_colors = array_filter(array_merge(array('fresh' => '', 'light' => '', 'modern' => ''), $_wp_admin_css_colors));
    }
    $current_color = get_user_option('admin_color', $user_id);
    if (empty($current_color) || !isset($_wp_admin_css_colors[$current_color])) {
        $current_color = 'fresh';
    }
    ?>
	<fieldset id="color-picker" class="scheme-list">
		<legend class="screen-reader-text"><span><?php 
    _e('Admin Color Scheme');
    ?></span></legend>
		<?php 
    wp_nonce_field('save-color-scheme', 'color-nonce', false);
    foreach ($_wp_admin_css_colors as $color => $color_info) {
        ?>
			<div class="color-option <?php 
        echo ($color === $current_color) ? 'selected' : '';
        ?>">
				<input name="admin_color" id="admin_color_<?php 
        echo esc_attr($color);
        ?>" type="radio" value="<?php 
        echo esc_attr($color);
        ?>" class="tog" <?php 
        checked($color, $current_color);
        ?> />
				<input type="hidden" class="css_url" value="<?php 
        echo esc_url($color_info->url);
        ?>" />
				<input type="hidden" class="icon_colors" value="<?php 
        echo esc_attr(wp_json_encode(array('icons' => $color_info->icon_colors)));
        ?>" />
				<label for="admin_color_<?php 
        echo esc_attr($color);
        ?>"><?php 
        echo esc_html($color_info->name);
        ?></label>
				<table class="color-palette">
					<tr>
					<?php 
        foreach ($color_info->colors as $html_color) {
            ?>
						<td style="background-color: <?php 
            echo esc_attr($html_color);
            ?>">&nbsp;</td>
						<?php 
        }
        ?>
					</tr>
				</table>
			</div>
			<?php 
    }
    ?>
	</fieldset>
	<?php 
}

WordPress Version: 5.5

/**
 * Display the default admin color scheme picker (Used in user-edit.php)
 *
 * @since 3.0.0
 *
 * @global array $_wp_admin_css_colors
 *
 * @param int $user_id User ID.
 */
function admin_color_scheme_picker($user_id)
{
    global $_wp_admin_css_colors;
    ksort($_wp_admin_css_colors);
    if (isset($_wp_admin_css_colors['fresh'])) {
        // Set Default ('fresh') and Light should go first.
        $_wp_admin_css_colors = array_filter(array_merge(array('fresh' => '', 'light' => '', 'modern' => ''), $_wp_admin_css_colors));
    }
    $current_color = get_user_option('admin_color', $user_id);
    if (empty($current_color) || !isset($_wp_admin_css_colors[$current_color])) {
        $current_color = 'fresh';
    }
    ?>
	<fieldset id="color-picker" class="scheme-list">
		<legend class="screen-reader-text"><span><?php 
    _e('Admin Color Scheme');
    ?></span></legend>
		<?php 
    wp_nonce_field('save-color-scheme', 'color-nonce', false);
    foreach ($_wp_admin_css_colors as $color => $color_info) {
        ?>
			<div class="color-option <?php 
        echo ($color == $current_color) ? 'selected' : '';
        ?>">
				<input name="admin_color" id="admin_color_<?php 
        echo esc_attr($color);
        ?>" type="radio" value="<?php 
        echo esc_attr($color);
        ?>" class="tog" <?php 
        checked($color, $current_color);
        ?> />
				<input type="hidden" class="css_url" value="<?php 
        echo esc_url($color_info->url);
        ?>" />
				<input type="hidden" class="icon_colors" value="<?php 
        echo esc_attr(wp_json_encode(array('icons' => $color_info->icon_colors)));
        ?>" />
				<label for="admin_color_<?php 
        echo esc_attr($color);
        ?>"><?php 
        echo esc_html($color_info->name);
        ?></label>
				<table class="color-palette">
					<tr>
					<?php 
        foreach ($color_info->colors as $html_color) {
            ?>
						<td style="background-color: <?php 
            echo esc_attr($html_color);
            ?>">&nbsp;</td>
						<?php 
        }
        ?>
					</tr>
				</table>
			</div>
			<?php 
    }
    ?>
	</fieldset>
	<?php 
}

WordPress Version: 4.5

/**
 * Display the default admin color scheme picker (Used in user-edit.php)
 *
 * @since 3.0.0
 *
 * @global array $_wp_admin_css_colors
 *
 * @param int $user_id User ID.
 */
function admin_color_scheme_picker($user_id)
{
    global $_wp_admin_css_colors;
    ksort($_wp_admin_css_colors);
    if (isset($_wp_admin_css_colors['fresh'])) {
        // Set Default ('fresh') and Light should go first.
        $_wp_admin_css_colors = array_filter(array_merge(array('fresh' => '', 'light' => ''), $_wp_admin_css_colors));
    }
    $current_color = get_user_option('admin_color', $user_id);
    if (empty($current_color) || !isset($_wp_admin_css_colors[$current_color])) {
        $current_color = 'fresh';
    }
    ?>
	<fieldset id="color-picker" class="scheme-list">
		<legend class="screen-reader-text"><span><?php 
    _e('Admin Color Scheme');
    ?></span></legend>
		<?php 
    wp_nonce_field('save-color-scheme', 'color-nonce', false);
    foreach ($_wp_admin_css_colors as $color => $color_info) {
        ?>
			<div class="color-option <?php 
        echo ($color == $current_color) ? 'selected' : '';
        ?>">
				<input name="admin_color" id="admin_color_<?php 
        echo esc_attr($color);
        ?>" type="radio" value="<?php 
        echo esc_attr($color);
        ?>" class="tog" <?php 
        checked($color, $current_color);
        ?> />
				<input type="hidden" class="css_url" value="<?php 
        echo esc_url($color_info->url);
        ?>" />
				<input type="hidden" class="icon_colors" value="<?php 
        echo esc_attr(wp_json_encode(array('icons' => $color_info->icon_colors)));
        ?>" />
				<label for="admin_color_<?php 
        echo esc_attr($color);
        ?>"><?php 
        echo esc_html($color_info->name);
        ?></label>
				<table class="color-palette">
					<tr>
					<?php 
        foreach ($color_info->colors as $html_color) {
            ?>
						<td style="background-color: <?php 
            echo esc_attr($html_color);
            ?>">&nbsp;</td>
						<?php 
        }
        ?>
					</tr>
				</table>
			</div>
			<?php 
    }
    ?>
	</fieldset>
	<?php 
}

WordPress Version: 4.3

/**
 * Display the default admin color scheme picker (Used in user-edit.php)
 *
 * @since 3.0.0
 *
 * @global array $_wp_admin_css_colors
 */
function admin_color_scheme_picker($user_id)
{
    global $_wp_admin_css_colors;
    ksort($_wp_admin_css_colors);
    if (isset($_wp_admin_css_colors['fresh'])) {
        // Set Default ('fresh') and Light should go first.
        $_wp_admin_css_colors = array_filter(array_merge(array('fresh' => '', 'light' => ''), $_wp_admin_css_colors));
    }
    $current_color = get_user_option('admin_color', $user_id);
    if (empty($current_color) || !isset($_wp_admin_css_colors[$current_color])) {
        $current_color = 'fresh';
    }
    ?>
	<fieldset id="color-picker" class="scheme-list">
		<legend class="screen-reader-text"><span><?php 
    _e('Admin Color Scheme');
    ?></span></legend>
		<?php 
    wp_nonce_field('save-color-scheme', 'color-nonce', false);
    foreach ($_wp_admin_css_colors as $color => $color_info) {
        ?>
			<div class="color-option <?php 
        echo ($color == $current_color) ? 'selected' : '';
        ?>">
				<input name="admin_color" id="admin_color_<?php 
        echo esc_attr($color);
        ?>" type="radio" value="<?php 
        echo esc_attr($color);
        ?>" class="tog" <?php 
        checked($color, $current_color);
        ?> />
				<input type="hidden" class="css_url" value="<?php 
        echo esc_url($color_info->url);
        ?>" />
				<input type="hidden" class="icon_colors" value="<?php 
        echo esc_attr(wp_json_encode(array('icons' => $color_info->icon_colors)));
        ?>" />
				<label for="admin_color_<?php 
        echo esc_attr($color);
        ?>"><?php 
        echo esc_html($color_info->name);
        ?></label>
				<table class="color-palette">
					<tr>
					<?php 
        foreach ($color_info->colors as $html_color) {
            ?>
						<td style="background-color: <?php 
            echo esc_attr($html_color);
            ?>">&nbsp;</td>
						<?php 
        }
        ?>
					</tr>
				</table>
			</div>
			<?php 
    }
    ?>
	</fieldset>
	<?php 
}

WordPress Version: 4.1

/**
 * Display the default admin color scheme picker (Used in user-edit.php)
 *
 * @since 3.0.0
 */
function admin_color_scheme_picker($user_id)
{
    global $_wp_admin_css_colors;
    ksort($_wp_admin_css_colors);
    if (isset($_wp_admin_css_colors['fresh'])) {
        // Set Default ('fresh') and Light should go first.
        $_wp_admin_css_colors = array_filter(array_merge(array('fresh' => '', 'light' => ''), $_wp_admin_css_colors));
    }
    $current_color = get_user_option('admin_color', $user_id);
    if (empty($current_color) || !isset($_wp_admin_css_colors[$current_color])) {
        $current_color = 'fresh';
    }
    ?>
	<fieldset id="color-picker" class="scheme-list">
		<legend class="screen-reader-text"><span><?php 
    _e('Admin Color Scheme');
    ?></span></legend>
		<?php 
    wp_nonce_field('save-color-scheme', 'color-nonce', false);
    foreach ($_wp_admin_css_colors as $color => $color_info) {
        ?>
			<div class="color-option <?php 
        echo ($color == $current_color) ? 'selected' : '';
        ?>">
				<input name="admin_color" id="admin_color_<?php 
        echo esc_attr($color);
        ?>" type="radio" value="<?php 
        echo esc_attr($color);
        ?>" class="tog" <?php 
        checked($color, $current_color);
        ?> />
				<input type="hidden" class="css_url" value="<?php 
        echo esc_url($color_info->url);
        ?>" />
				<input type="hidden" class="icon_colors" value="<?php 
        echo esc_attr(wp_json_encode(array('icons' => $color_info->icon_colors)));
        ?>" />
				<label for="admin_color_<?php 
        echo esc_attr($color);
        ?>"><?php 
        echo esc_html($color_info->name);
        ?></label>
				<table class="color-palette">
					<tr>
					<?php 
        foreach ($color_info->colors as $html_color) {
            ?>
						<td style="background-color: <?php 
            echo esc_attr($html_color);
            ?>">&nbsp;</td>
						<?php 
        }
        ?>
					</tr>
				</table>
			</div>
			<?php 
    }
    ?>
	</fieldset>
	<?php 
}

WordPress Version: 8.1

/**
 * Display the default admin color scheme picker (Used in user-edit.php)
 *
 * @since 3.0.0
 */
function admin_color_scheme_picker($user_id)
{
    global $_wp_admin_css_colors;
    ksort($_wp_admin_css_colors);
    if (isset($_wp_admin_css_colors['fresh'])) {
        // Set Default ('fresh') and Light should go first.
        $_wp_admin_css_colors = array_filter(array_merge(array('fresh' => '', 'light' => ''), $_wp_admin_css_colors));
    }
    $current_color = get_user_option('admin_color', $user_id);
    if (empty($current_color) || !isset($_wp_admin_css_colors[$current_color])) {
        $current_color = 'fresh';
    }
    ?>
	<fieldset id="color-picker" class="scheme-list">
		<legend class="screen-reader-text"><span><?php 
    _e('Admin Color Scheme');
    ?></span></legend>
		<?php 
    wp_nonce_field('save-color-scheme', 'color-nonce', false);
    foreach ($_wp_admin_css_colors as $color => $color_info) {
        ?>
			<div class="color-option <?php 
        echo ($color == $current_color) ? 'selected' : '';
        ?>">
				<input name="admin_color" id="admin_color_<?php 
        echo esc_attr($color);
        ?>" type="radio" value="<?php 
        echo esc_attr($color);
        ?>" class="tog" <?php 
        checked($color, $current_color);
        ?> />
				<input type="hidden" class="css_url" value="<?php 
        echo esc_url($color_info->url);
        ?>" />
				<input type="hidden" class="icon_colors" value="<?php 
        echo esc_attr(json_encode(array('icons' => $color_info->icon_colors)));
        ?>" />
				<label for="admin_color_<?php 
        echo esc_attr($color);
        ?>"><?php 
        echo esc_html($color_info->name);
        ?></label>
				<table class="color-palette">
					<tr>
					<?php 
        foreach ($color_info->colors as $html_color) {
            ?>
						<td style="background-color: <?php 
            echo esc_attr($html_color);
            ?>">&nbsp;</td>
						<?php 
        }
        ?>
					</tr>
				</table>
			</div>
			<?php 
    }
    ?>
	</fieldset>
	<?php 
}

WordPress Version: 3.8

/**
 * Display the default admin color scheme picker (Used in user-edit.php)
 *
 * @since 3.0.0
 */
function admin_color_scheme_picker()
{
    global $_wp_admin_css_colors;
    ksort($_wp_admin_css_colors);
    if (isset($_wp_admin_css_colors['fresh'])) {
        // Set Default ('fresh') and Light should go first.
        $_wp_admin_css_colors = array_filter(array_merge(array('fresh' => '', 'light' => ''), $_wp_admin_css_colors));
    }
    $current_color = get_user_option('admin_color');
    if (empty($current_color) || !isset($_wp_admin_css_colors[$current_color])) {
        $current_color = 'fresh';
    }
    ?>
	<fieldset id="color-picker" class="scheme-list">
		<legend class="screen-reader-text"><span><?php 
    _e('Admin Color Scheme');
    ?></span></legend>
		<?php 
    wp_nonce_field('save-color-scheme', 'color-nonce', false);
    foreach ($_wp_admin_css_colors as $color => $color_info) {
        ?>
			<div class="color-option <?php 
        echo ($color == $current_color) ? 'selected' : '';
        ?>">
				<input name="admin_color" id="admin_color_<?php 
        echo esc_attr($color);
        ?>" type="radio" value="<?php 
        echo esc_attr($color);
        ?>" class="tog" <?php 
        checked($color, $current_color);
        ?> />
				<input type="hidden" class="css_url" value="<?php 
        echo esc_url($color_info->url);
        ?>" />
				<input type="hidden" class="icon_colors" value="<?php 
        echo esc_attr(json_encode(array('icons' => $color_info->icon_colors)));
        ?>" />
				<label for="admin_color_<?php 
        echo esc_attr($color);
        ?>"><?php 
        echo esc_html($color_info->name);
        ?></label>
				<table class="color-palette">
					<tr>
					<?php 
        foreach ($color_info->colors as $html_color) {
            ?>
						<td style="background-color: <?php 
            echo esc_attr($html_color);
            ?>">&nbsp;</td>
						<?php 
        }
        ?>
					</tr>
				</table>
			</div>
			<?php 
    }
    ?>
	</fieldset>
	<?php 
}

WordPress Version: 3.7

/**
 * Display the default admin color scheme picker (Used in user-edit.php)
 *
 * @since 3.0.0
 */
function admin_color_scheme_picker()
{
    global $_wp_admin_css_colors, $user_id;
    ?>
<fieldset><legend class="screen-reader-text"><span><?php 
    _e('Admin Color Scheme');
    ?></span></legend>
<?php 
    $current_color = get_user_option('admin_color', $user_id);
    if (empty($current_color)) {
        $current_color = 'fresh';
    }
    foreach ($_wp_admin_css_colors as $color => $color_info) {
        ?>
<div class="color-option"><input name="admin_color" id="admin_color_<?php 
        echo esc_attr($color);
        ?>" type="radio" value="<?php 
        echo esc_attr($color);
        ?>" class="tog" <?php 
        checked($color, $current_color);
        ?> />
	<table class="color-palette">
	<tr>
	<?php 
        foreach ($color_info->colors as $html_color) {
            ?>
	<td style="background-color: <?php 
            echo esc_attr($html_color);
            ?>" title="<?php 
            echo esc_attr($color);
            ?>">&nbsp;</td>
	<?php 
        }
        ?>
	</tr>
	</table>

	<label for="admin_color_<?php 
        echo esc_attr($color);
        ?>"><?php 
        echo esc_html($color_info->name);
        ?></label>
</div>
	<?php 
    }
    ?>
</fieldset>
<?php 
}