/* light theme */
:root {
  --background-color: #ffffff;
  --primary-color: #6a27db;
  --text-color: #3b4352;
  --menu-item-color: #222222;
  --light-color: #788195;
  --border-color: #cdd2db;
  --text-background-color: #f4f5f7;
  --modal-background-color: #ffffffcc;
}

/* dark theme */
[data-theme='Dark'] {
  --background-color: #1b1c1d;
  --primary-color: #6a27db;
  --text-color: #ffffff;
  --menu-item-color: #ffffff;
  --light-color: #f4f5f7;
  --border-color: #282a2c;
  --text-background-color: #282a2c;
  --modal-background-color: #ffffff1a;
}