/* the original */
[data-theme="light"] {
  /* base */
  --bgimg: url('/assets/BG1.png');
  --bgimg2: url('/assets/BG2.png');
  --link: #1a0b20;
  --linkhover: #000;
  --color: #1a0b20;
  --bdcolor: #1a0b20;
  --bdcolor2: black;
  --banner: url('/assets/banner.png');
  
  /* scrollbar */
  --scroll: #dd9ff5;
  --scrolltrack: #e8c2f7;
  --scrolltrackbd: #dd9ff5;
  --scrollthumb: #d178f4;
  --scrollthumbbd: #1a0b20;
  --scrollhover: #bf6cdf;
  
  /* navigation */
  --navul: #d178f4;
  --navulbd: purple;
  --navlibd: #1a0b20;
  --navlihover: #bf6cdf;
  
  /* content */
  --content: url('/assets/BG2.png');
  --contentbd: #1a0b20;
  --contentbg: #bd92ce;
  
  /* index */
  --bgback: rgba(29, 29, 29, 0.7);
  --gridbg: rgba(221,159,245,0.4);
  --dividerbg: rgba(189,146,206,0.4);
  --lightevthover: url('/assets/banners/lightfest-fill-in.png');
  
  /* misc */
  --headerc: #a478b5;
  --popacbg: rgba(221,159,245,0.6);
  --opacbg2: rgba(232,194,247,0.6);
  --faqopac: rgba(232,194,247,0.4);
  --nfopac: rgba(221,159,245,0.9);
  --shopopac: rgba(221,159,245,0.4);
  --faqbanner: url('/assets/banners/faqcontactbanner.png');
  --tabc: #1a0b20;
  
  /* index side boxes */
    /* random tiger */
  --box1: url('/assets/BG7.png');
  --box1bd: #6f2b88;
  --box1h: #cd76ee;
  
    /* site status */
  --box2: url('/assets/BG3.png');
  --box2bd: darkblue;
  --box2h: #63b0d0;
  
    /* to-do */
  --box3: url('/assets/BG4.png');
  --box3bd: darkred;
  --box3h: #f4e878;
  
    /* adopt */
  --box4: url('/assets/BG7.png');
  --box4bd: #6f2b88;
  --box4h: #cd76ee;
  --coinbg: rgba(209,120,244,0.3);
  --coinbd: #7d3c97;
  
    /* event */
  --box5: url('/assets/BG5.png');
  --box5bd: darkgreen;
  --box5h: #82d47b;
  
    /* suggestions */
  --box6: url('/assets/BG6.png');
  --box6bd: darkmagenta;
  --box6h: #d271cd;
}

/* new theme */
[data-theme="dark"] {
  /* base */
  --bgimg: url('/assets/BG1.1.png');
  --bgimg2: url('/assets/BG2.1.png');
  --link: #1a0b20;
  --linkhover: #000;
  --color: #1a0b20;
  --bdcolor: #1a0b20;
  --bdcolor2: black;
  --banner: url('/assets/banner2.png');
  
  /* scrollbar */
  --scroll: #3d2547;
  --scrolltrack: #1a0b20;
  --scrolltrackbd: #231229;
  --scrollthumb: #502e5d;
  --scrollthumbbd: #1a0b20;
  --scrollhover: #3d2547;
  
  /* navigation */
  --navul: #683d79;
  --navulbd: #2a0438;
  --navlibd: #1a0b20;
  --navlihover: #51325e;
  
  /* content */
  --content: url('/assets/BG2.1.png');
  --contentbd: #1a0b20;
  --contentbg: #7e608a;
  
  /* index */
  --bgback: rgba(29, 29, 29, 0.7);
  --gridbg: rgba(221,159,245,0.4);
  --dividerbg: rgba(189,146,206,0.4);
  --lightevthover: url('/assets/banners/lightfest-fill-in.png');
  
  /* misc */
  --headerc: #785486;
  --popacbg: rgba(221,159,245,0.2);
  --opacbg2: rgba(232,194,247,0.2);
  --faqopac: rgba(232,194,247,0.2);
  --nfopac: rgba(221,159,245,0.4);
  --shopopac: rgba(221,159,245,0.2);
  --faqbanner: url('/assets/banners/faqcontactbanner2.png');
  --tabc: #785486;
  
  /* index side boxes */
    /* random tiger */
  --box1: url('/assets/BG7.1.png');
  --box1bd: #2a0c36;
  --box1h: #693e7a;
  
    /* site status */
  --box2: url('/assets/BG3.1.png');
  --box2bd: #1c1b37;
  --box2h: #3a677a;
  
    /* to-do */
  --box3: url('/assets/BG4.1.png');
  --box3bd: #3f1515;
  --box3h: #8c8545;
  
    /* adopt */
  --box4: url('/assets/BG7.1.png');
  --box4bd: #2a0c36;
  --box4h: #693e7a;
  --coinbg: rgba(209,120,244,0.1);
  --coinbd: #412d49;
  
    /* event */
  --box5: url('/assets/BG5.1.png');
  --box5bd: #11270f;
  --box5h: #436f41;
  
    /* suggestions */
  --box6: url('/assets/BG6.1.png');
  --box6bd: #260724;
  --box6h: #9f709d;
}