body:not([data-theme]),
body[data-theme="default"] {
    /*default page colors*/
  --bg-color: #f1f1f1;
  --container-item-bg-color: #d6d6d6;
  --text-color: #333333;
  --link-regular-color: #2d75e9;
  --link-visited-color: #9216cb;
  --link-hover-color: rgba(51, 51, 119, 0.8);
  --list-link-color: #080;
  /*navbar colors*/
  --topbar-color: rgba(0, 51, 102, 0.95);
  --settings-color: #059a9f;
  --settings-hover-color: #07a3a8;
  --hamburger-color: #33960c;
  --hamburger-hover-color: #41a918;
  --sidebar-bg-color: rgba(0, 51, 102, 0.8);
  --sidebar-text-color: white;
  --pressed-nav-item: rgba(0, 51, 102, 0.85);
  --link-color: white;
  /*footer colors*/
  --footer-bg-gradient: linear-gradient(
    0deg,
    rgba(102, 102, 102, 1) 0%,
    rgba(153, 153, 153, 1) 100%
  );
  --footer-text-color: #ffffff;
  --footer-link-color: #c7deff;
}

body[data-theme="dark"] {
    /*default page colors*/
  --bg-color: #121212;
  --container-item-bg-color: #1e1e1e;
  --text-color: #e0e0e0;
  --link-regular-color: #72bbff;
  --link-visited-color: #e7b3ff;
  --link-hover-color: rgba(51, 51, 119, 0.8);
  --list-link-color: #b0ffb0;
  /*navbar colors*/
  --topbar-color: rgba(9, 9, 9, 0.95);
  --settings-color: #151515;
  --settings-hover-color: #092932;
  --hamburger-color: #1f1f1f;
  --hamburger-hover-color: #184307;
  --sidebar-bg-color: rgba(60, 60, 60, 0.8);
  --sidebar-text-color: #e0e0e0;
  --pressed-nav-item: rgba(0, 0, 0, 0.85);
  --link-color: white;
  /*footer colors*/
  --footer-bg-gradient: linear-gradient(
    180deg,
    rgb(43, 43, 43) 0%,
    rgb(73, 73, 73) 100%
  );
  --footer-text-color: #ffffff;
  --footer-link-color: #aac8f6;
}

body[data-theme="grey2000"] {
  --bg-color: #4c4c4c;
  --container-item-bg-color: #5d5d5d;
  --text-color: #e0e0e0;
  --link-regular-color: #82ccff;
  --link-visited-color: #f2c5ff;
  --link-hover-color: rgba(51, 51, 119, 0.8);
  --list-link-color: #b0ffb0;
  /*navbar colors*/
  --topbar-color: rgba(54, 54, 54, 0.95);
  --settings-color: #595959;
  --settings-hover-color: #666666;
  --hamburger-color: #727272;
  --hamburger-hover-color: #7a7a7a;
  --sidebar-bg-color: rgba(75, 75, 75, 0.8);
  --sidebar-text-color: #e0e0e0;
  --pressed-nav-item: rgba(51, 51, 51, 0.85);
  --link-color: white;
  /*footer colors*/
  --footer-bg-gradient: linear-gradient(
    180deg,
    rgb(53, 53, 53) 0%,
    rgb(83, 83, 83) 100%
  );
  --footer-text-color: #ffffff;
  --footer-link-color: #aac8f6;
}

body[data-theme="seasonal"] {
  /*default page colors*/
  --bg-color: #f0f4bf;
  --container-item-bg-color: #fec89a;
  --text-color: #333;
  --link-regular-color: #2d75e9;
  --link-visited-color: #9216cb;
  --link-hover-color: rgba(51, 51, 119, 0.8);
  --list-link-color: #080;
  /*navbar colors*/
  --topbar-color: rgba(214, 101, 8, 0.95);
  --settings-color: rgb(234, 131, 38);
  --settings-hover-color: rgb(244, 141, 48);
  --hamburger-color: rgb(215, 205, 61);
  --hamburger-hover-color: rgb(215, 205, 81);
  --sidebar-bg-color: rgba(214, 101, 8, 0.8);
  --sidebar-text-color: #e0e0e0;
  --pressed-nav-item: rgba(214, 101, 8, 0.85);
  --link-color: white;
  /*footer colors*/
  --footer-bg-gradient: linear-gradient(
    0deg,
    rgb(1, 114, 16) 0%,
    rgb(137, 233, 11) 100%
  );
  --footer-text-color: #ffffff;
  --footer-link-color: #eeeeee;
}

body[data-theme="funky"] {
    /*default page colors*/
  --bg-color: #ff00ff;
  --container-item-bg-color: #ff56bb;
  --text-color: #ffff00;
  --link-regular-color: #2d75e9;
  --link-visited-color: #9216cb;
  --link-hover-color: rgba(51, 51, 119, 0.8);
  --list-link-color: #080;
  /*navbar colors*/
  --topbar-color: rgba(107, 5, 107, 0.95);
  --settings-color: #e1ac31;
  --settings-hover-color: #ebe710;
  --hamburger-color: #50e316;
  --hamburger-hover-color: #50e316;
  --sidebar-bg-color: rgba(107, 5, 107, 0.8);
  --sidebar-text-color: #ffff00;
  --pressed-nav-item: rgba(99, 71, 176, 0.85);
  --link-color: white;
  /*footer colors*/
  --footer-bg-gradient: linear-gradient(
    180deg,
    rgb(92, 223, 16) 0%,
    rgb(218, 33, 33) 100%
  );
  --footer-text-color: #ffffff;
  --footer-link-color: #fff16f;
}