WordPress.org
Get WordPress
WordPress.org

WordPress Developer Resources

wp_admin_css_color()

wp_admin_css_color( string $key, string $name, string $url, array $colors = array(), array $icons = array() )

In this article

Back to top

Registers an admin color scheme css file.

Description

Allows a plugin to register a new admin color scheme. For example:

wp_admin_css_color( 'classic', __( 'Classic' ), admin_url( "css/colors-classic.css" ), array(
    '#07273E', '#14568A', '#D54E21', '#2683AE'
) );

Parameters

$keystringrequired
The unique key for this theme.
$namestringrequired
The name of the theme.
$urlstringrequired
The URL of the CSS file containing the color scheme.
$colorsarrayoptional
An array of CSS color definition strings which are used to give the user a feel for the theme.

Default:array()

$iconsarrayoptional
CSS color definitions used to color any SVG icons.
  • base string
    SVG icon base color.
  • focus string
    SVG icon color on focus.
  • current string
    SVG icon color of current admin menu link.

Default:array()

Source

function wp_admin_css_color( $key, $name, $url, $colors = array(), $icons = array() ) {
	global $_wp_admin_css_colors;

	if ( ! isset( $_wp_admin_css_colors ) ) {
		$_wp_admin_css_colors = array();
	}

	$_wp_admin_css_colors[ $key ] = (object) array(
		'name'        => $name,
		'url'         => $url,
		'colors'      => $colors,
		'icon_colors' => $icons,
	);
}

View all references View on Trac View on GitHub

Used byDescription
register_admin_color_schemes()wp-includes/general-template.php

Registers the default admin color schemes.

Changelog

VersionDescription
2.5.0Introduced.

User Contributed Notes

  1. Skip to note 2 content
    Codex
    You must log in to vote on the helpfulness of this noteVote results for this note: 1You must log in to vote on the helpfulness of this note

    Example

    To register the Classic admin theme using default blue scheme use:

    wp_admin_css_color(
	'classic',
	__( 'Classic', 'textdomain' ),
	admin_url( "css/colors/blue/colors.css" ),
	array('#07273E', '#14568A', '#D54E21', '#2683AE'),
	array( 'base' => '#e5f8ff', 'focus' => '#fff', 'current' => '#fff' )
);

You must log in before being able to contribute a note or feedback.