/* the original */
[data-theme="light"] {
  /* base */
  --bgcolor: #e8c2f7;
  --bgimg: url('/assets/BG1.png');
  --bgimg2: url('/assets/BG2.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;
  
  /* content */
  --content: url('/assets/BG2.png');
  --contentbd: #1a0b20;
  
  /* index */
  --bgback: rgba(29, 29, 29, 0.4);
  --bgbackbd: black;
  --mainhr: #1a0b20;
  --grid: rgba(221,159,245,0.4);
  --gridbd: black;
  --divider: rgba(189,146,206,0.4);
  
  /* other */
  --nfbg: #bd92ce;
  --aboutbg: rgba(232,194,247,0.6);
  --closebg: #ab50d0;
  --ttcan: white;
  
  --cerop: rgba(209,120,244,0.2);
  --cerbd1: #ca90e0;
  --cerbd2: #9762a9;
  --cercol: #71477f;
  --cerdivi: #3b2343;
  
  /* 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;
  
    /* warning */
  --box4: url('/assets/BGW.png');
  --box4bd: #b47777;
  --box4h: #892a2a;
  --box4c: #e8b8b8;
  
    /* featured characters */
  --box5: url('/assets/BG5.png');
  --box5bd: darkgreen;
  --box5h: #82d47b;
  
    /* chat box */
  --box6: url('/assets/BG6.png');
  --box6bd: darkmagenta;
  --box6h: #d271cd;
  
  /* default character pages */
  --header: #1a0b20;
  --opacitybg1: rgba(221,159,245,0.6);
  --opacitybg2: rgba(210,113,205,0.6);
  --border1: #1a0b20;
  --border2: #a478b5;
  --sidebd: #6f2b88;
  --sidebd2: darkmagenta;
  --sideh: #d271cd;
  --sparkle: url(/assets/sparkle.png);
}

/* new theme */
[data-theme="dark"] {
  /* base */
  --bgcolor: #231229;
  --bgimg: url('/assets/BG1.1.png');
  --bgimg2: url('/assets/BG2.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;
  
  /* content */
  --content: url('/assets/BG2.1.png');
  --contentbd: #1a0b20;
  
  /* index */
  --marq: rgba(221,159,245,0.2);
  --marqbd: black;
  --bgback: rgba(29, 29, 29, 0.6);
  --bgbackbd: black;
  --mainhr: #1a0b20;
  --grid: rgba(221,159,245,0.2);
  --gridbd: black;
  --divider: rgba(189,146,206,0.2);
  
  /* other */
  --nfbg: #4a2c56;
  --aboutbg: rgba(232,194,247,0.3);
  --closebg: #482258;
  --ttcan: #4a4a4a;
  
  --cerop: rgba(209,120,244,0.1);
  --cerbd1: #43244e;
  --cerbd2: #2c1c32;
  --cercol: #1e1123;
  --cerdivi: #1a0b20;
  
  /* 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;
  
    /* warning */
  --box4: url('/assets/BGW.1.png');
  --box4bd: #6e3838;
  --box4h: #4a2222;
  --box4c: #a85e5e;
  
    /* featured characters */
  --box5: url('/assets/BG5.1.png');
  --box5bd: #11270f;
  --box5h: #436f41;
  
    /* chat box */
  --box6: url('/assets/BG6.1.png');
  --box6bd: #260724;
  --box6h: #9f709d;
  
  /* default character pages */
  --header: #1a0b20;
  --opacitybg1: rgba(221,159,245,0.2);
  --opacitybg2: rgba(210,113,205,0.2);
  --border1: #1a0b20;
  --border2: #7c528c;
  --sidebd: #2a0438;
  --sidebd2: #260724;
  --sparkle: url(/assets/sparkle2.png);
}