【WordPress】管理画面の配色を自分オリジナルにカスタマイズする方法

/* Admin Menu */
/*メニューの背景色*/
#adminmenuback,
#adminmenuwrap,
#adminmenu {
  background: #5bc8ac;
}

/*メニューのホバーした時の背景色*/
#adminmenu a:hover,
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
  color: #fff;
  background: linear-gradient(45deg,#bdb9ff,#67b8ff);
}

/* Admin Menu: submenu */
/*メニューの第2階層の背景色*/
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
  background: #48a089;
}

#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
  border-right-color: #48a089;
}

/*アクティブ時の背景色*/
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
.folded #adminmenu li.current.menu-top {
  color: #fff;
  background: linear-gradient(45deg,#bdb9ff,#67b8ff);
}

/* Admin Menu: bubble */
/*項目右の数字アイコンの色*/
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
  color: #fff;
  background: linear-gradient(45deg,#bdb9ff,#67b8ff);
}

#adminmenu li.current a .awaiting-mod,
#adminmenu li a.wp-has-current-submenu .update-plugins,
#adminmenu li:hover a .awaiting-mod,
#adminmenu li.menu-top:hover > a .update-plugins {
  color: #fff;
  background: linear-gradient(45deg,#bdb9ff,#67b8ff);
}

/* Admin Bar */
/*管理画面のヘッダーの色*/
#wpadminbar {
  color: #fff;
  background: linear-gradient(45deg,#bdb9ff,#67b8ff);
}

/* Core UI */
/*更新、公開ボタンの色*/
.wp-core-ui .button-primary {
  background: linear-gradient(45deg,#bdb9ff,#67b8ff);
  border-color: #67b8ff;
  color: #fff;
}

.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
  background: linear-gradient(45deg,#bdb9ff,#67b8ff);
  border-color: #67b8ff;
  color: #fff;
}

<?php wp_admin_css_color( $key, $name, $url, $colors, $icons ); ?>

// 管理画面の配色にオリジナルのカラースキームを追加
wp_admin_css_color(
  'z_original_color01', // abcの順で並ぶので接頭辞をzにして1番最後に表示させる
  __('オリジナル配色01'), // 管理画面に表示したい名前
  get_stylesheet_directory_uri() . ("/original_color_01/colors.css"), //オリジナルカラーのCSSパス
  array('#5bc8ac', '#bdb9ff', '#67b8ff', '#48a089') // 管理画面に表示させる色の設定
);