:root {
  --sidebar-bg-active: orange;
  --sidebar-color-active: orange;
  --background-active: orange;
  --background-hover: rgb(197, 131, 9);
  --scrollbar-color: orange;
  --color-bg-active: white;
  --color-bg-hover: white;
  --color-active: orange;
  --rule-bg: #176db1;
  --rule-color-icon: #fb923c;
}
 /* :root {
  --sidebar-bg-active: pink;
  --sidebar-color-active: pink;
  --background-active: pink;
  --background-hover: pink;
  --scrollbar-color: pink;
  --color-bg-active: white;
  --color-bg-hover: white;
  --color-active: pink;
  --rule-bg: #176db1;
  --rule-color-icon: #fb923c;
} */
 /*:root {
  --sidebar-bg-active: linear-gradient(92.56deg, #e122e1 .42%, #a957b0 102.36%);
  --sidebar-color-active: #bf5ee8;
  --background-active: violet;
  --background-hover: rgb(213, 50, 216);
  --color-bg-active: white;
  --color-bg-hover: white;
  --color-active: rgb(163, 147, 203);
  --rule-bg: violet;
  --rule-color-icon: rgb(224, 94, 209);
}*/