:root {
  /* BLACK */
  --sidebar-bg-black:  #353c48;
  --sidebar-text-black: #f0f0f0;
  --sidebar-link-black: #ccc;
  --sidebar-icon-black: #fff;

  /* WHITE */
  --sidebar-bg-white: #ffffff;
  --sidebar-text-white: #212529;
  --sidebar-link-white: #495057;
  --sidebar-icon-white: #204392;

  /* PURPLE */
  --sidebar-bg-purple: #909de4;
  --sidebar-text-purple: #ffffff;
  --sidebar-link-purple: #e8e0ff;
  --sidebar-icon-purple: #ffffff;

  /* BLUE */
  --sidebar-bg-blue: #03a9f3;
  --sidebar-text-blue: #ffffff;
  --sidebar-link-blue: #d9e8ff;
  --sidebar-icon-blue: #ffffff;

  /* CYAN */
  --sidebar-bg-cyan: #01d8da;
  --sidebar-text-cyan: #ffffff;
  --sidebar-link-cyan: #d8f3f6;
  --sidebar-icon-cyan: #ffffff;

  /* GREEN */
  --sidebar-bg-green: #57d68f;
  --sidebar-text-green: #ffffff;
  --sidebar-link-green: #dbffea;
  --sidebar-icon-green: #ffffff;

  /* ORANGE */
  --sidebar-bg-orange: #ffb463;
  --sidebar-text-orange: #ffffff;
  --sidebar-link-orange: #ffe8d6;
  --sidebar-icon-orange: #ffffff;
}

/* BASE */
body[class^="sidebar-"] #leftsidebar {
  transition: 0.3s ease;
}

/* === BLACK === */
body.sidebar-black #leftsidebar {
  background-color: var(--sidebar-bg-black);
  color: var(--sidebar-text-black);
}
body.sidebar-black #leftsidebar .menu ul.list li a {
  color: var(--sidebar-link-black);
}
body.sidebar-black #leftsidebar .menu ul.list li a i[data-feather] {
  color: var(--sidebar-icon-black);
}
body.sidebar-black .sidebar .menu .list a span ,body.sidebar-black body.sidebar-black .sidebar .menu .list a{
  color: #fff !important;
}
body.sidebar-black .profile-usertitle{
   background-color: var(--sidebar-bg-black) !important;
}
/* === WHITE === */
body.sidebar-white #leftsidebar {
  background-color: var(--sidebar-bg-white);
  color: var(--sidebar-text-white);
}
body.sidebar-white #leftsidebar .menu ul.list li a {
  color: var(--sidebar-link-white);
}
body.sidebar-white #leftsidebar .menu ul.list li a i[data-feather] {
  color: var(--sidebar-icon-white);
}

/* === PURPLE === */
body.sidebar-purple #leftsidebar {
  background-color: var(--sidebar-bg-purple);
  color: var(--sidebar-text-purple);
}
body.sidebar-purple #leftsidebar .menu ul.list li a {
  color: var(--sidebar-link-purple);
}
body.sidebar-purple #leftsidebar .menu ul.list li a i[data-feather] {
  color: var(--sidebar-icon-purple);
}
body.sidebar-purple .sidebar .menu .list a span ,body.sidebar-purple .sidebar .menu .list a{
  color: #fff !important;
}
body.sidebar-purple .profile-usertitle{
   background-color: var(--sidebar-bg-purple) !important;
}
/* === BLUE === */
body.sidebar-blue #leftsidebar {
  background-color: var(--sidebar-bg-blue);
  color: var(--sidebar-text-blue);
}
body.sidebar-blue #leftsidebar .menu ul.list li a {
  color: var(--sidebar-link-blue);
}
body.sidebar-blue #leftsidebar .menu ul.list li a i[data-feather] {
  color: var(--sidebar-icon-blue);
}

body.sidebar-blue .sidebar .menu .list a span ,body.sidebar-blue .sidebar .menu .list a{
  color: #fff !important;
}
body.sidebar-blue .profile-usertitle{
   background-color: var(--sidebar-bg-blue)!important;
}
/* === CYAN === */
body.sidebar-cyan #leftsidebar {
  background-color: var(--sidebar-bg-cyan);
  color: var(--sidebar-text-cyan);
}
body.sidebar-cyan #leftsidebar .menu ul.list li a {
  color: var(--sidebar-link-cyan);
}
body.sidebar-cyan #leftsidebar .menu ul.list li a i[data-feather] {
  color: var(--sidebar-icon-cyan);
}

body.sidebar-cyan .sidebar .menu .list a span ,body.sidebar-cyan .sidebar .menu .list a{
  color: #fff !important;
}
body.sidebar-cyan .profile-usertitle{
   background-color: var(--sidebar-bg-cyan) !important;
}
/* === GREEN === */
body.sidebar-green #leftsidebar {
  background-color: var(--sidebar-bg-green);
  color: var(--sidebar-text-green);
}
body.sidebar-green #leftsidebar .menu ul.list li a {
  color: var(--sidebar-link-green);
}
body.sidebar-green #leftsidebar .menu ul.list li a i[data-feather] {
  color: var(--sidebar-icon-green);
}

body.sidebar-green .sidebar .menu .list a span ,body.sidebar-green .sidebar .menu .list a{
  color: #fff!important;
}
body.sidebar-green .profile-usertitle{
   background-color: var(--sidebar-bg-green) !important;
}
/* === ORANGE === */
body.sidebar-orange #leftsidebar {
  background-color: var(--sidebar-bg-orange);
  color: var(--sidebar-text-orange);
}
body.sidebar-orange #leftsidebar .menu ul.list li a {
  color: var(--sidebar-link-orange);
}
body.sidebar-orange #leftsidebar .menu ul.list li a i[data-feather] {
  color: var(--sidebar-icon-orange);
}

body.sidebar-orange .sidebar .menu .list a span ,body.sidebar-orange .sidebar .menu .list a{
  color: #fff !important;
}
body.sidebar-orange .profile-usertitle{
   background-color: var(--sidebar-bg-orange)!important;
}