// Styles spécifiques à l'admin

@import "core";

$admin-body-bg-color: #f1f1f1;
$admin-sidebar-bg-color: #222;
$admin-sidebar-active-link-color: #222;
$admin-sidebar-active-link-bg-color: #fff;

body.wp-admin {
  background: $admin-body-bg-color;

  // sidebar
  #adminmenuback,
  #adminmenuwrap,
  #adminmenu,
  #adminmenu .wp-submenu {
    background-color: $admin-sidebar-bg-color;
  }

  // active admin links
  #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
  #adminmenu li.current a.menu-top,
  .folded #adminmenu li.wp-has-current-submenu,
  .folded #adminmenu li.current.menu-top,
  #adminmenu .wp-menu-arrow,
  #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
  #adminmenu .wp-menu-arrow div {
    color: $admin-sidebar-active-link-color;
    background-color: $admin-sidebar-active-link-bg-color;

    div.wp-menu-image::before {
      color: currentColor;
    }
  }
}

.notice-preview {
  padding: rem(4px);
  font-size: rem(14px);
  font-style: italic;
  color: #555;
  background: #f7f7f7;
}