body[data-theme="default"] {
  --background: #0d011c;
  --theme: #080d51;
  --theme-ts: #1e00b360;
  --text: #d4d4d4;
  --text-secondary: #9e9e9e;
}

 body[data-theme="light"] {
  --background: #ffffff;
  --theme: #c7c7c7;
  --theme-ts: #b5b5b560;
  --text: #e2b726;
  --text-secondary: #d2a020;
}

body[data-theme="dark"] {
  --background: #000000;
  --theme: #444444;
  --theme-ts: #44444460;
  --text: #e2b726;
  --text-secondary: #d2a020;
}

body[data-theme="sumpeach"] {
  --background: #00539C;
  --theme: #EEA47F;
  --theme-ts: #EEA47F60;
  --text: #ffffff;
  --text-secondary: #000000;
}

body[data-theme="blpi"] {
  --background: #0066cc;      
  --theme: #ff6eb4;           
  --theme-ts: #ff6eb460;     
  --text: #000000;
  --text-secondary: #ffffff;
}  

body[data-theme="cansh"] {
  --background: #B0E2FF;
  --theme: #FFF84C;
  --theme-ts: #FFF84C60;
  --text: #FF6EB4;
  --text-secondary: #2c2c2c;
}

body[data-theme="cblue"] {
  --background: #0F2C5D;
  --theme: #186FAF;
  --theme-ts: #186FAF60;
  --text: #1C9BEF;
  --text-secondary: #69C0FF;
}

body[data-theme="echo"] {
  --background: #1c1c1c;
  --theme: #4caf50;
  --theme-ts: #4caf5060;
  --text: white;
  --text-secondary: rgb(245, 245, 245);
}