.colortheme{
    --headertext: white;
  --primary: rgb(51,51,51);
  --primaryfilter: brightness(0) invert(87%) sepia(25%) saturate(3586%) hue-rotate(328deg) brightness(101%) contrast(105%);
  --pagefilter: blur(0px) brightness(0) invert(15%) sepia(0%) saturate(122%) hue-rotate(235deg) brightness(96%) contrast(85%);
  --secondary: #FCB237;
  --deletecolor: #fc3737;
  --secondaryinner: black;
  --secondaryfilter: brightness(0);
  --text: rgb(51,51,51);
  --text2: white;
  --background: #F7F7F7;
  --windowbg: rgb(240,240,240);
  --inputbg: #efefef;
    --inputbg2: white;
  --shadow: rgba(0,0,0,0.5);
}
.light{
    --headertext: white;
  --primary: rgb(50,50,50);
  --primaryfilter: "";
  --pagefilter: brightness(0);
  --secondary: rgb(150,150,150);
  --secondaryinner: black;
  --secondaryfilter: brightness(0);
  --text: black;
  --text2: white;
  --background: white;
  --inputbg: white;
  --shadow: black;
}
.dark{
  --headertext: white;
--primary: rgb(36,36,36);
--primaryfilter: "";
--pagefilter: "";
--secondary: rgb(100,100,100);
--secondaryinner: black;
--secondaryfilter: brightness(0);
--text: white;
--text2: white;
--background: rgb(30,30,30);
--inputbg: rgb(80,80,80);
--shadow: rgb(80,80,80);
}