/* the original */
[data-theme="light"] {
  /* base */
  --bgcolor: #e8c2f7;
  --bgimg: url('/assets/BG1.png');
  --bgimg2: url('/assets/BG2.png');
  --bgimg3: url('/assets/BGA.png');
  --link: #1a0b20;
  --linkhover: #000;
  --color: #1a0b20;
  
  /* scrollbar */
  --scroll: #dd9ff5;
  --scrolltrack: #e8c2f7;
  --scrolltrackbd: #dd9ff5;
  --scrollthumb: #d178f4;
  --scrollthumbbd: #1a0b20;
  --scrollhover: #bf6cdf;
  
  /* navigation */
  --navul: #d178f4;
  --navulbd: purple;
  --navlibd: #1a0b20;
  --navlihover: #bf6cdf;
  --navlihover2: #000;
  
  /* content */
  --content: url('/assets/BG2.png');
  --contentbd: #1a0b20;
  
  /* index */
  --bgback: rgba(29, 29, 29, 0.4);
  --bgbackbd: black;
  --mainhr: #1a0b20;
  --divider: rgba(221,159,245,0.4);
  
  /* index side boxes */
    /* warning */
  --box1: url('/assets/BG5.png');
  --box1bd: #b47777;
  --box1h: #892a2a;
  --box1w: #e8b8b8;
  
    /* recommended */
  --box2: url('/assets/BG6.png');
  --box2bd: darkgreen;
  --box2h: #82d47b;
  
    /* site updates */
  --box3: url('/assets/BG3.png');
  --box3bd: darkblue;
  --box3h: #63b0d0;
  
    /* to-do */
  --box4: url('/assets/BG4.png');
  --box4bd: darkred;
  --box4h: #f4e878;
  
  /* other */
  --opacitybg1: rgba(232,194,247,0.4);
  --opacitybg2: rgba(247,173,173,0.2);
  --opacitybg3: rgba(232,194,247,0.7);
  
  --border1: #1a0b20;
  --border2: #a478b5;
  --sparkle: url(/assets/sparkle.png);
  
  --cwc: #200b0b;
  --cwbd: #be2a2a;
  --cwimg: url(/assets/attention.png);
  --img: url('/assets/favicon.png');
  --high: #eed8f7;
  --nfp: #bd92ce;
  
  --edits: #bf92d1;
  --tape: url('/assets/sticky/tape.png');
  --sticky1: url('/assets/sticky/1.png');
  --sticky2: url('/assets/sticky/2.png');
  --sticky3: url('/assets/sticky/3.png');
  --sticky4: url('/assets/sticky/4.png');
  --sticky5: url('/assets/sticky/5.png');
  --sticky6: url('/assets/sticky/6.png');
  --sticky7: url('/assets/sticky/7.png');
}

/* new theme */
[data-theme="dark"] {
  /* base */
  --bgcolor: #231229;
  --bgimg: url('/assets/BG1.1.png');
  --bgimg2: url('/assets/BG2.1.png');
  --bgimg3: url('/assets/BGA.1.png');
  --link: #1a0b20;
  --linkhover: #000;
  --color: #1a0b20;
  
  /* scrollbar */
  --scroll: #3d2547;
  --scrolltrack: #1a0b20;
  --scrolltrackbd: #231229;
  --scrollthumb: #502e5d;
  --scrollthumbbd: #1a0b20;
  --scrollhover: #3d2547;
  
  /* navigation */
  --navul: #683d79;
  --navulbd: #2a0438;
  --navlibd: #1a0b20;
  --navlihover: #51325e;
  --navlihover2: #000;
  
  /* content */
  --content: url('/assets/BG2.1.png');
  --contentbd: #1a0b20;
  
  /* index */
  --bgback: rgba(29, 29, 29, 0.6);
  --bgbackbd: black;
  --mainhr: #1a0b20;
  --divider: rgba(189,146,206,0.2);
  
  /* index side boxes */
    /* warning */
  --box1: url('/assets/BG5.1.png');
  --box1bd: #6e3838;
  --box1h: #4a2222;
  --box1w: #a85e5e;
  
    /* recommended */
  --box2: url('/assets/BG6.1.png');
  --box2bd: #11270f;
  --box2h: #436f41;
  
    /* site updates */
  --box3: url('/assets/BG3.1.png');
  --box3bd: #1c1b37;
  --box3h: #3a677a;
  
    /* to-do */
  --box4: url('/assets/BG4.1.png');
  --box4bd: #3f1515;
  --box4h: #8c8545;
  
  /* other */
  --opacitybg1: rgba(232,194,247,0.1);
  --opacitybg2: rgba(247,173,173,0.1);
  --opacitybg3: rgba(232,194,247,0.3);
  
  --border1: #1a0b20;
  --border2: #7c528c;
  --sparkle: url(/assets/sparkle2.png);
  
  --cwc: #200b0b;
  --cwbd: #651c1c;
  --cwimg: url(/assets/attention2.png);
  --img: url('/assets/favicon2.png');
  --high: #a380b2;
  --nfp: #5b4265;
  
  --edits: #2b1b31;
  --tape: url('/assets/sticky/tape2.png');
  --sticky1: url('/assets/sticky/1.1.png');
  --sticky2: url('/assets/sticky/2.1.png');
  --sticky3: url('/assets/sticky/3.1.png');
  --sticky4: url('/assets/sticky/4.1.png');
  --sticky5: url('/assets/sticky/5.1.png');
  --sticky6: url('/assets/sticky/6.1.png');
  --sticky7: url('/assets/sticky/7.1.png');
}